.notify
{
	padding:0px !important;
        min-height:100px;
        min-width:300px;
}

.notify .mCSB_scrollTools 
{
    	right: -6px !important;
}

.mCSB_scrollTools .mCSB_draggerContainer 
{
	right:0px !important;
}

.notify .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar 
{
	background:#555 !important;
	border-radius:0px !important;
}

.notify .mCSB_scrollTools .mCSB_draggerRail 
{
    	width: 4px !important;
	border-radius:0px;
}

.notify span.clearall:hover
{
        color:#006699;
}

.notifyheader
{
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	background-color: #f7f7f7;
}

.notifyheader .title
{
	color:#006699;
	font-size:11pt;
	font-weight:bold;
	border-bottom:0px;
	display:inline !important;
}

.notifyheader .clearall
{
	cursor:pointer;
        font-size:10pt;
        color:#777;
}

.notifyqueue
{
	padding:10px;
}

ul#notifications.notfound:after
{
	content: "Found None!";
	position:absolute;
	top:50px;
	left:0px;
	color:#777;
	z-index:5;
	width:100%;
	text-align:center;
}

ul#notifications li
{
	list-style: none;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

ul#notifications li:last-child
{
	border-bottom:0px;
}

ul#notifications li:hover
{
	background: #efefef;
}

ul#notifications li a
{
	width: 100%;
	display: table;
	cursor: pointer;
	text-decoration: none;
	padding:0px;
}

ul#notifications li div.icon
{
	width:15%;
	display:inline-block;
	text-align:center;	
	min-height:60px;
	display: table-cell;
	vertical-align:middle;
}

ul#notifications li div.message
{
	width:85%;
	display:inline-block;
	min-height:60px;
	display: table-cell;
	vertical-align:middle;
	padding-left:30px;
	line-height:18px;
}

ul#notifications li div.message .name
{
	font-weight:bold;
	color:#555;
	font-size:10pt;
}

ul#notifications li div.message .msg-body
{
	color:#555;
	font-size:9pt;
}

ul#notifications li div.message .msg-invoice
{
        color:#555;
        font-size:9pt;
}

ul#notifications li div.message .timestamp
{
	font-size: 11px;
    	color: #777;
}

#notifications li button
{
	padding:2px 6px;
	min-width: 35px;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
	font-family:monospace;
}

#notifications li[data-notify="notify_cust_reply"] button
{
	background: #43c83c !important;
	border:1px solid #43c83c !important;
}

#notifications li[data-notify="notify_inspec_comp"] button
{
  	background: #f88529 !important;
	border:1px solid #f88529 !important;
}

#notifications li[data-notify="notify_qc_comp"] button
{
        background: #f88529 !important;
        border:1px solid #f88529 !important;
}

#notifications li[data-notify="notify_wo_comp"] button
{
        background: #f88529 !important;
        border:1px solid #f88529 !important;
}

#notifications li[data-notify="notify_cust_open"] button
{
	background: #43c83c !important;
        border:1px solid #43c83c !important;
}

#notifications li[data-notify="notify_kiosk"] button
{
        background: #43c83c !important;
        border:1px solid #43c83c !important;
}

#notifications li[data-notify="notify_bot_response"] button
{
	background: linear-gradient(120deg, orange, #bdb6aa) !important;
        border:1px solid #f88529 !important;
}

#notifications li[data-notify="notify_ic_messages"] button
{
	background: linear-gradient(120deg, #bfbfbf, #d9d9d9) !important;
        border:1px solid #bfbfbf !important;
	color:#555;
}

#notifications li[data-notify="notify_tech_assignments"] button
{
	background: linear-gradient(120deg, #52B9E9, #52D9E9) !important;
        border:1px solid #52B9E9 !important;
        color:#fff;
}

#notifications li[data-notify="notify_sw_assignments"] button
{
	background: linear-gradient(120deg, #52B9E9, #52D9E9) !important;
        border:1px solid #52B9E9 !important;
        color:#fff;
}

#notifications li[data-notify="notify_wo_assignments"] button
{
        background: #f88529 !important;
        border:1px solid #f88529 !important;
}

.notifybell
{
	position: relative;
	cursor: pointer;
}

.notifybell:after
{
	content: attr(data-count);
	color:red;
	display:inline-block;
	color:#fff;
	background:red;
	border-radius:50%;
	position:absolute;
	top:-0px;
	right:-5px;
	font-family:monospace;
	font-weight:bold;
	font-size:11pt;
	line-height:21px;
	width:20px;
	text-align:center;
}

.notifybell.double:after
{
	/*
 	font-size:10pt;
	padding:0px 3px;
	*/
}

.notifybell[data-count="0"]:after
{
	display: none;
}

div[data-notify="container"]
{
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
	width:400px;
}

div[data-notify="container"] button.close
{
	top:15px !important;
	font-size:15pt;
}

div[data-notify="container"] span[data-notify="message"]
{
	padding-left:10px;
	display:inline-block;
}

ul#notifications.dropdown-menu
{
	position: absolute !important;
	background:#fff !important;
}

span.clearnotify
{
	cursor:pointer;
}

span.clearnotify:hover
{
	color:#006699;
	border:1px solid #006699;
	padding:0 10px;
}

/* Bootstrap 4 Changes */
.notify span.clearall {
    float: right;
    display: inline-block;
    border: 1px solid #ddd;
    margin-left: 10px;
    border-radius: 3px;
    padding: 0 5px;
    /* background: #fff; */
    color: #555;
    cursor: pointer;
}

.notifybell .dropdown-menu
{
        padding:0;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}

.notifybell .dropdown-toggle:after
{
	display:none;
}

.notifybell.bs4:after
{
	top: 2px;
    	right: -3px;
}

.notifybell.bs4 > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 18px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.notifybell.bs4 .notify .mCSB_scrollTools {
    right: -1px !important;
}

.notifybell.bs4.navbar-minimalize:after
{
	font-size:10pt;
	top:0px;
	right:1px;
}