/*-------------------------------------------------------*/
.body {
	overflow-x: hidden
}

.collapseBtn {
	transform: rotateZ(180deg);
}

.seeMoreLess-btn {
	display: none;
	cursor: pointer;
	text-align: center;
	padding: 5px 0;
	color: #748695;
}
	/*.seeMoreLess-btn:hover {
		color: #fff;
	}
*/
.notifyBox {
	margin: 0 auto 10px auto;
	height: 110%;
	overflow: hidden;
}

.notifyBox-container-section {
	height: 110%;
	text-align: left;
	background-color: #282828;
	padding: 10px;
}

.notifyBox-container-section-head {
	height: 100%;
	text-align: left;
	/*background-color: #282828;*/
	background-color: rgba(103,103, 103, 0.10);
	padding: 10px;
	cursor: pointer;
}

.notifyBox-container-section-head-upperButtons {
	float: right;
	background-color: transparent;
	cursor: pointer;
	height: auto;
	margin-top: -7px;
}

.notifyBox-container-section-head-upperButtons-icon {
	width: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	filter: grayscale(100%);
}
	
.notifyBox-container-section-head-upperButtons-expandCollapse-btn {
	/*display: inline-block;*/
}

.notifyBox-container-section-head-upperButtons-locate-btn {
	/*display: inline-block;*/
}

.notifyBox-container-section-head-upperButtons-removeNotification-btn {
	display: inline-block;
}

.notifyBox-container-section-head-icon-image {
	width: 50px;
	padding: 10px
}

.notifyBox-container-section-head-icon {
	float: left;
	height: 100%;
}

.notifyBox-container-section-head-title {
	padding-top: 10px;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notifyBox-container-section-head-subtitle {
	padding-top: 10px;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notifyBox-container-section-head-infoExtra {
	padding-top: 10px;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notifyBox-container-section-note {
	padding-top: 10px;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.notifyBox-container-section-notes {
	height: 100%;
	text-align: left;
	background-color: #282828;
	padding: 10px;
}

.notificationSideBar-bottom-btns {
	cursor: pointer;
	color: #748695;
}
	/*.notificationSideBar-bottom-btns:hover {
		color: #fff;
	}*/

.notificationSideBar {
	display: none;
	background-color: #1e1e1e;
	box-shadow: 0px 0px 10px 0px #000;
	width: 20%;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
	overflow-x: hidden;
	overflow-y: auto;
}

.notificationSideBar-open-btn {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 50px;
	width: 50px;
	background-color: rgb(22, 1, 41);
	cursor: pointer
}

.notificationSideBar-bottom-btns-removeAllNotifications-btn {
	float: right;
}

.notificationSideBar-bottom-btns-refreshAllNotifications-btn {
	float: left;
}

.notifyBox-bottom-btns-section {
	height: 15px;
	background-color: #282828;
}

.notifyBox-bottom-btns-section-btn{
	cursor: pointer;
	color: #748695;
}
	.notifyBox-bottom-btns-section-btn:hover {
		color: #fff;
	}

/*---------------------------------------------------------------*/
.notificationSideBar-panelBase {
	display: none;
	background-color: #1e1e1e;
	box-shadow: 0px 0px 10px 0px #000;
	width: /*20%*/ 385px;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
	overflow-x: hidden;
	overflow-y: auto;
	bottom: /*3.5%*/ 31.5px;
}

.notificationSideBar-panelNotifications {
	background-color: #1e1e1e;
	/*box-shadow: 0px 0px 10px 0px #000;*/
	width: /*20%*/ 385px;
	/*height: 90%;*/
	padding: 10px;
	position: inherit;
	right: 0;
	top: 0;
	z-index: 99999;
	overflow-x: hidden;
	overflow-y: auto;
	bottom: /*15%*/ 80px;
}

.notificationSideBar-panelNotifications::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #282828;
}

.notificationSideBar-panelNotifications::-webkit-scrollbar {
	width: 6px;
	background-color: #282828;
}

.notificationSideBar-panelNotifications::-webkit-scrollbar-thumb {
	background-color: #FFF;
}

.notificationSideBar-panelActions {
	height: 62px;
	overflow: hidden;
	position: inherit;
	width: /*19%*/ 368px;
	/*top: 90%;*/
	bottom: /*5%*/ 30px;
}

.notificationSideBar-panelActions-btnsSection {
	height: 15px;
	background-color: transparent;
}

/*.notificationSideBar-panelActions-btnsSection-btnBase {
	cursor: pointer;
	color: #748695;
}
:hover {
	color: #fff;
}*/

.notificationSideBar-panelActions-btnsSection-btnExpandCollapse {
	float: left;
}

.notificationSideBar-panelActions-actionsSection {
	background-color: transparent;
	overflow: hidden;
	color: gray;
	width: /*95%*/ 368px;
	/*height: 62px;*/
	display: -webkit-box;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.notificationSideBar-panelActions-actionsSection-btn {
	height: 40px;
	overflow: hidden;
	background-color: #282828;
	width: 80px;
	margin-right: 9px;
	cursor: pointer;
}

.notificationSideBar-panelActions-actionsSection-btn-icon {
	float: left;
	height: 50%;
	width: 100%;
}

.notificationSideBar-panelActions-actionsSection-btn-icon-image {
	width: 30px;
	padding: 10px
}

.notificationSideBar-panelActions-actionsSection-btn-title {
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: right;
	margin-right: 7%;	
	pointer-events: none;
	font-size: x-small;
	text-align: right;
	height: 50%;
	width:100%;
	color: whitesmoke;
}

.notification-group {
	background-color: transparent;
	margin: 10px 0;
	overflow: hidden;
	color: white;
}

.notification-group-header {
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;
}

.notification-group-header-container {
	text-align: center;
}

.square {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 5px;
	background-color: red;
}

.notification-group-header-text {
	display: inline-block;
}

.notification-group-header-btnsSection {
	float: right;
	background-color: transparent;
	cursor: pointer;
	height: auto;
}

.notification-group-header-btnsSection-icon {
	width: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}
	
.notification-group-header-btnsSection-btn-removeAll {
	display: inline-block;
	margin-right: 10px;
}
	
.notification-group-header-btnsSection-btn-refreshAll {
	display: inline-block;
	margin-right: 10px;
}

.notification-group-header-btnsSection-btn-seeMoreLess {
	display: inline-block;
	margin-right: 10px;
}

.notification-group-btn-seeMoreLess {
	display: none;
	cursor: pointer;
	text-align: center;
	padding: 5px 0;
	color: #748695;
}
	/*.notification-group-btn-seeMoreLess:hover {
		color: #fff;
	}*/

.notifyBox-bottom-btns-section-btn-assignToMe {
	float: left;
	margin-right: 10px;
}

.notifyBox-bottom-btns-section-btn-separator {
	color: #fff;
	margin-right: 10px;
	display: initial;
}

.notifyBox-bottom-btns-section-btn-acknowledge {
	float: left;
}