#Greeting { padding: 4px; }
#notificationDrawer {
background-color: rgba(250,250,250,0.95);
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
box-sizing: border-box;
height: 100%;
overflow-y:scroll;
padding: 0px 12px;
position: fixed;
right: -320px;
top: 0px;
width: 320px;
z-index: 10;
}
#notificationDrawer a { background-color: rgb(221,221,221); border-radius: 4px; color: white; cursor: pointer; font-size: 6pt; font-weight: bolder; padding: 2px 4px;}
#notificationDrawer a:hover { color: rgb(69, 69, 69); }
#notificationDrawer h1 {
font-weight: lighter;
margin: 24px 0px 16px 0px;
}
#notificationDrawer>h1>div {
background: url('/style/images/button/close.png') center center no-repeat;
background-size: cover;
cursor: pointer;
float: right;
height: 32px;
margin: 8px;
width: 32px;
}
#notificationList .card { background: rgb(221,221,221); border-radius: 4px; font-size: 8pt; margin: 4px 0px; padding: 4px; }
#notificationList .card .date { font-size: 7pt; font-weight: bold; text-align: right;}
#notificationList .card .subject { font-weight: bold; }
#ProfileContainer .icon {
background-image: url('data:image/svg+xml;utf8,');
}
#ProfileContainer .icon:hover {
background-image: url('data:image/svg+xml;utf8,');
}