/* Notification */
.notification-list {
	margin-left: 0 !important;
}
.notification-list .noti-title {
	margin-bottom: 0;
	width: auto;
	padding: 12px 20px;
}
.notification-list .noti-title h5 {
	margin: 0;
}
.notification-list .noti-title .label {
	float: right;
}
.notification-list .noti-icon {
	font-size: 18px;
	/*padding: 0 12px;*/
	vertical-align: middle;
	/*color: rgba(255, 255, 255, 0.8);*/
}
.notification-list .noti-icon-badge {
	display: inline-block;
	position: absolute;
	top: 14px;
	right: 8px;
}
.notification-list .notify-item {
	padding: 10px 20px;
}
.notification-list .notify-item .notify-icon {
	float: left;
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	margin-right: 10px;
	padding-top: 2px;
	border-radius: 50%;
	color: #ffffff;
}
.notification-list .notify-item .notify-icon img {
	margin-top: 4px;
}
.notification-list .notify-item .notify-details {
	margin-bottom: 0;
	overflow: hidden;
	margin-left: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.notification-list .notify-item .notify-details b {
	font-weight: 500;
}
.notification-list .notify-item .notify-details small {
	display: block;
}
.notification-list .notify-item .notify-details span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
}
.notification-list .notify-all {
	border-radius: 0 0 0.25rem 0.25rem;
	margin: 0 0 -5px 0;
	background-color: #eeeeee;
}
.notification-list .profile-dropdown .notify-item {
	padding: 4px 20px;
}

/* Dropdown Item */
.dropdown-item {
	display:block;
	width:300px;
	padding:.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background:0 0;
	border:0
}
.dropdown-item:focus,
.dropdown-item:hover {
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa
}
.dropdown-item.active,
.dropdown-item:active {
	color:#fff;
	text-decoration:none;
	background-color:#007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
	color:#868e96;
	background-color:transparent
}
/* =========================================================================================================================== */
.element-floating-list {
	position         : absolute;
	border           : 1px solid var(--color-main);
    border-radius    : 4px;
	background-color : white;
	z-index          : 50000;
	margin           : 0;
	padding          : 0;
	width            : 480px;
}
.element-floating-list > .header {
	background-color : var(--color-main);
	color            : white;
	padding          : 8px;
	font-size        : 18px;
}
.element-floating-list .list {
	list-style : none;
	margin     : 0;
	padding    : 0;
    overflow-x : hidden;
}
.element-floating-list .list li {
	padding : 5px;
}
/* =========================================================================================================================== */
.element-ntf-card {
	display          : flex;
    flex-direction   : row;
    align-items      : stretch;
    border-radius    : 4px;
    padding          : 5px;
	background-color : #f3f3f3;
}
.element-ntf-card:hover {
	background-color : #e3e3e3;
}
.element-ntf-card .icon {
	display         : flex;
    flex-basis      : 50px;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    flex-shrink     : 0;
    border-right    : 1px solid white;
    padding-right   : 5px;
}
.element-ntf-card .icon span {
	font-size : 32px;
}
.element-ntf-card .dripicons-information {
	padding-top : 6px;
}
.element-ntf-card .content {
	display        : flex;
    flex-direction : column;
    flex-grow      : 1;
    padding-left   : 5px;
}
.element-ntf-card .content .header {
	display        : flex;
    flex-direction : row;
    align-items    : center;
    border-bottom  : 1px solid white;
    padding        : 5px;
}
.element-ntf-card .content .header .title {
	font-weight : bold;
	flex-grow   : 1;
}
.element-ntf-card .content .header .right {
	font-weight  : bold;
	padding-left : 20px;
}
.element-ntf-card .content .text {
    padding : 5px;
	color   : var(--color-darkgrey);
}
.element-ntf-close {
	font-size    : 20px;
	cursor       : pointer;
	padding-left : 5px;
	margin-top   : -2px;
}
.element-ntf-close > div {
	background-color : white;
    width            : 22px;
    height           : 22px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    border-radius    : 4px;
}