.notificationContainer div.row.header .notificationIcon{
	//padding-top: 2px;
	max-height: 30px;
    max-width: 30px;
    margin-right: 15px;
}
/*defect #1657 starts*/
.dashboardNotification #mainNotificationContainer .notificationContainer .notificationDescription{
	min-height: 20px;
}
/*defect #1657 ends*/

/*styling for notification panel isOpen/isClosed starts*/
#mainNotificationContainer .notificationContainer.notif-isClosed {
	display: none;
}

#mainNotificationContainer .notificationContainer.notif-isOpen {
	display: block;
}
/*WFD*/
/*.nav-notifications a{
	width: 175px;
	text-align: left;
}*/
/*end WFD*/
/*styling for notification panel isOpen/isClosed ends*/
ul li span.newNotificationCount[count=""] {
	display: none;
}

ul li span.newNotificationCount:after {
	content: attr(count);
	position: absolute;
	top: 21px;
	left: calc(80%);
	display: block;
	/*width: 26px;
	height: 26px;*/
	padding-top: 2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fdb813;
	color: #000000;
	padding: 0 7px;
}

.toggleArrow {
	background: #FEE3A0 url(../images/arrows_sprite.png) no-repeat 0 0;
	width: 30px;
	height: 21px;
	background-position: -23px 0px;
}

.arrowHolder {
	padding-left: 25px;
}

.notificationCountBar.panel-closed .toggleArrow {
	background-position: 4px 0px;
}

#notificationDashboard {
    //margin-left: 3.3%;
    z-index: 999;
    /* max-width: 1073px; */
    /* width: 109.5%; */
    padding: 0;
    margin-top: 2%;
    margin-bottom:25px;
}

.high-importance-notification{
	color: #DF2020;
	padding-right: 10px;
}

/*changes done due to removal of hero image, requirements for notification starts*/
#notificationDashboard.dashboardNotification.tab-content {
	min-height: 0px;
}
/*changes done due to removal of hero image, requirements for notification ends*/
.notificationBillingT1,.notificationPolicyT1,.notificationClaimsT1 {
	min-height: 0px;
}

#notificationDashboard .notificationContainer {
	width: 100%;
	//box-shadow: 0 4px 5px #ddd;
}

.main>header>.quick-find {
	margin-top: 0;
}

.quick-find .label {
	margin-top: 40px;
	border-bottom: 2px solid #01c1d6;
	padding-bottom: 20px;
}

.tooltips {
	position: relative;
	display: inline;
}

#notificationDashboard .message-areas {
	margin-top: 2%;
}

.notificationIconHolder div:hover::before {
	content: attr(tooltip-value);
    background: #fff18f;
    color: black;
    display: inline-block;
    border-radius: 8px;
    position: relative;
    width: 90px;
    font-size: 14px;
    top: 40px;
    right: 10px;
    border: 1px solid #f3d488;
    box-shadow: 0 2px 5px grey;
}

.notificationIconHolder div.icon-PolicyCommunications:hover::before {
	width: 118px;
}

.notificationIconHolder div:after {
	content: '';
    position: relative;
    bottom: 45%;
    left: 125%;
    margin-left: -25px;
    width: 0;
    height: 0;
    display: none;
    border-left: 1px solid #f3d488;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    border-top: 1px solid #f3d488;
    background-color: #fff18f;
}

.notificationIconHolder div.icon-BillingNotifications:after {
	bottom: 32%;
	left: 114%;
}

.notificationIconHolder div:hover:after {
	display: block;
}

.notificationContainer {
	//background-color: #FFF9ED;
}

.msgStatusHolder [class *="icon-"] {
	cursor: pointer;
	width: 40px;
	height: 40px;
}

.notificationContainer [class *="col-"] {
	padding: 0px;
	font-size: 14px;
}

.notificationContainer .row {
	margin-left: 0px;
	margin-right: 0px;
}

.notificationContent .notificationHeader {
	font-weight: 500;
    font-style: normal;
    color: #1274B8;
}

.notificationContent .notificationDescription {
	color: #605E5B;
	font-size: 16px;
}

#individual-notification .notificationDate {
	font-family: 'Chubb Publico Light', 'Chubb Publico Roman', 'Chubb Publico';
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    color: #000000;
	text-align: left;
}

/*css for icons starts*/
.notificationIconHolder {
	display: inline-block;
	/*background-color: green;*/
	cursor: default;
	width: 27px;
	height: 27px;
}

.notificationIcon .notificationIconHolder [class *="icon-"] {
	width: 100%;
	height: 100%;
}

.notificationIcon .notificationIconHolder [class *= "icon-Policy"]{
	/*background-position: 3px -34px;*/
	background-position: -55px -41px;
}

.notificationIcon .notificationIconHolder [class *= "icon-Billing"]	{
	/*background-position: 3px -72px;*/
	background-position: -55px -76px;
}

.notificationIcon .notificationIconHolder [class *= "icon-Claim"] {
	/*background-position: 3px -108px;*/
	background-position: -55px -118px;
}

.notificationContainer .notificationIcon {
	text-align: center;
}

/*css for icons ends*/
.notificationLinks {
	margin-top: 9px;
	padding-bottom: 8px;
}

.notificationContent{
	cursor: default;
}
.notificationContent .notificationHeader {
	cursor: pointer;
}

.managePreferenceNotification {
	padding-right: 30px;
	text-align: right;
}

.notificationCountBar {
	background-color: transparent;
    color: black;
    padding: 0;
    cursor: default;
    font-size: inherit;
    height: 50px;
    margin-top: 6px;
}

#notificationHeader{
	font-family: 'Chubb Publico Light', 'Chubb Publico Roman', 'Chubb Publico';
    font-weight: 300;
    font-style: normal;
    font-size: 24px;
    color: #026280; 
    float:left;
}

.float-right{
	float: right;
}

#view-all-notification-link{
	float: right;
    padding: 10px 0;
}

.notification-right-arrow{
	width: 8px;
    height: 8px;
    border-right: 1px solid #026280;
    border-top: 1px solid #026280;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

.notificationIconHolder.imp-High {
	/*background-color: #ed0000;*/
}

.notificationIconHolder.imp-Medium {
	/*background-color: #ffd012;*/
}

.notificationIconHolder.imp-Low {
	/*background-color: #54c408;*/
}

.notificationContainer div.header.row {
  padding: 4px 0 0;
  //border-bottom: 1px solid #dfdfdf;
  margin:0;
}

.notificationContainer .notificationContent {
	padding-right: 30px;
}

/*.notificationContainer .notificationDescription {
	padding-bottom: 5px;
}*/

.notificationLinks .managePreferenceNotification {
	padding-right: 20px;
}

.notificationContent .notificationHeader {
	font-size: 15px;
}

#notificationDashboard.notificationBillingT1 #mainNotificationContainer,#notificationDashboard.notificationPolicyT1 #mainNotificationContainer,#notificationDashboard.notificationClaimsT1 #mainNotificationContainer
	{
	min-height: 0px !important;
}

/*expanded notifications CSS ends*/

/*css for notification if read/unread for Dashboard and T1 pages starts*/
#mainNotificationContainer .notificationContainer div.row.readStatus-false{
	font-weight: bold;
}
#mainNotificationContainer .notificationContainer div.row.readStatus-true{
	//background-color: #f7f2e6;
	font-weight: normal;
}

#homeNotifications .readStatus-false{
	font-family: 'Chubb Publico Medium', 'Chubb Publico Roman', 'Chubb Publico';
}
#homeNotifications .readStatus-true{
	font-weight: normal;
}

/*css for notification if read/unread for Dashboard and T1 pages ends*/
@media ( max-width : 767px) {
	.notify-1-12 {
		width: 8.33%;
	}
	.notify-11-12 {
		width: 91.66%;
	}
	.notify-3-12 {
		width: 25%;
	}
	.notify-9-12 {
		width: 75%;
	}
	.notificationContainer .notificationIcon {
		width: 10%;
	}
	.notificationContainer .notificationContent {
		margin-left: 10px;
		width: 85%;
		margin-top: 0px;
		padding-right: 0px;
	}
	.notificationContent .row>div {
		width: 70%;
	}
	.notificationContent .row.notificationDescription .notificationShortMsg
		{
		width: 100%;
	}
	.notificationContent .row .dateContainer {
		width: 30%;
		margin-top: 0px;
	}
	.notificationLinks .row div{
		width: 50%;
		font-size: 12px;
	}
	.notificationLinks .managePreferenceNotification{
		padding-right: 0;
	}
	.notificationContainer {
		padding: 0px 10px;
	}
	.dateContainer .notificationDate {
		color: #999590;
	}
	.notificationCountBar>div {
		//width: 80%;
	}
	.notificationCountBar .arrowHolder {
		width: 20%;
		margin-top: 0px;
	}
	.notificationContainer div.header.row{
		margin: 0px;
	}
	.notificationContent .notificationHeader {
		font-size: 14px;
	}
	.notificationContainer div.row.header .notificationIcon{
	    margin-right: 0px;
	}
}

@media ( max-width : 320px) {
	.notificationIcon {
		transform: scale(0.9, 0.9)
	}
}

@media ( max-width : 991px) {
	.main>header>.quick-find:before {
		display: none;
	}
	.main>header>.quick-find {
		padding-top: 0;
	}
	section#notificationDashboard.dashboardNotification:before {
		position: relative;
		top: 5px;
		right: 0;
		width: 100%;
		height: 30px;
		background: #0067a6;
		opacity: 0.8;
	}
	#notificationDashboard.dashboardNotification #mainNotificationContainer
		{
		margin-top: -11px;
	}
	#notificationDashboard.notificationBillingT1,#notificationDashboard.notificationPolicyT1,#notificationDashboard.notificationClaimsT1
		{
		margin-top: -36px;
	}
}

@media ( max-width : 1024px) {
	#notificationDashboard {
		width: auto;
		//margin-right: 3.3%;
	}
	#notificationDashboard.dashboardNotification #mainNotificationContainer
		{
		margin-top: -6px;
	}
	ul li span.newNotificationCount:after {
		left: 50px;
	}
}

@media ( max-width : 991px) {
	ul li span.newNotificationCount:after {
		left: 120px !important;
		top: 6px !important;
		padding: 2px 10px !important;
		text-align: center !important;
	}
}
@media(min-width: 992px) and (max-width: 1024px){
	ul li span.newNotificationCount:after {
		top: 15px !important;
		left: calc(76%) !important;
	}
}

@media(min-width: 1025px) and (max-width: 1199px){
	ul li span.newNotificationCount:after {
		top: 15px !important;
		left: calc(78%) !important;
	}
}
@media(min-width: 1200px) and (max-width: 1299px){
	ul li span.newNotificationCount:after {
		top: 8px !important;
	}
	/*.nav-notifications a{
		white-space: nowrap !important;
		width: 175px !important;
		text-align: left;
	}*/
}
@media(min-width: 1300px){
	ul li span.newNotificationCount:after {
		top: 0px !important;
	}
}


#notificationDashboard .spinner-loader {
	left: 48%
}
.viewAllNotifications a.links-button{
	margin-left: 18px;
}

@media(min-width: 768px) and (max-width: 800px){
	ul li span.newNotificationCount:after{
		left: 25%;
    top: 10px;
    padding: 0 5px;
    
	}
}