.notification-section {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #929292;
	box-sizing: border-box;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.33); 
box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.33);
}
.notification-main {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #929292;
	box-sizing: border-box;
	margin-top: 10px;
	scroll-behavior: smooth;
	-webkit-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.33); 
	box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.33);
}

.notification-row {
	padding: 5px;
	border-bottom:  1px solid #929292;
	min-height: 40px;
	font-size: 12px;
	box-sizing: border-box;
	color: #333;
}

.notification-main::-webkit-scrollbar { width: 0 !important }
.notification-main { overflow: -moz-scrollbars-none; }
.notification-main { -ms-overflow-style: none; }

.notification-section::-webkit-scrollbar { width: 0 !important }
.notification-section { overflow: -moz-scrollbars-none; }
.notification-section { -ms-overflow-style: none; }


.notification-row p {
	margin-bottom: 5px;
}

 .notification-row:last-of-type {
  //border-bottom:  0px;
}

.notification-row:hover {
	background-color: #aaa;
	cursor:pointer;
	cursor: hand;
}

.notification-selected {
	background-color: #ddd !important;
}

@media only screen and (min-width: 767px) {
	.notification-section {
		height: 80vh;
		overflow-y: scroll;
	}
	
	.notification-main {
		height:80vh;
		overflow-y: scroll;
	}
}

@media only screen and (max-width: 767px) {
	.notification-section {
		height: 40vh;
		overflow-y: scroll;
	}
	
	.notification-main {
		height:60vh;
		overflow-y: scroll;
	}
}

@media only screen and (max-width: 767px) {
	.notification-section {
		margin-top: 50px;
	}
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #4169e1;
  border-radius: 50%;
  display: inline-block;
}

.large-home-btn {
    border: 1px solid #333;
    display: block;
    text-align: center;
    padding: 20px 10px;
    color: #333;
    
    /* For large screens */
    font-size: 38px;
    line-height: 50px;
    font-weight: 500;
    letter-spacing: 0px;
    text-decoration: none;
}

.large-home-btn:hover {
    background-color: #eee;
    cursor: pointer;
    cursor: hand;
}

.large-home-col {
    margin: 0px;
    margin-bottom: 1rem !important;
}
.large-home-link {
    text-decoration: none !important;
}

/* Large */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .large-home-btn {
        font-size: 32px;
        line-height: 43px;
    }
}

/* Medium */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .large-home-btn {
        font-size: 29px;
        line-height: 38px;
    }
}

/* Smallest mobile */
@media only screen and (max-width: 479px) {
    .large-home-btn {
        font-size: 23px;
        line-height: 30px;
    }
}