/*-------------------------------------------------------*/
.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
}

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

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

.popup-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;
}

.popup-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 108px;
}*/

.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-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:80%;
	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;
}

/* ----------------------- */

.notifyBox-notification-action-btns-section-btn-separator {
	color: #fff;
	/*margin-right: 30px;*/
	display: table-caption;
}

.notifyBox-notification-action-btns-section-btn {
	cursor: pointer;
	color: #748695;
}

.notifyBox-notification-action-section-btn {
	/*float: left;*/
	/*margin-right: 10px;*/
	/*display: grid;*/
	text-overflow: ellipsis;
}

	.notifyBox-notification-action-section-btn:hover {
		color: #fff;
	}


/*--------------------------------------------------*/

.notificationSideBar-panelActions {
	height: 74px;
	overflow: hidden;
	position: fixed;
	bottom: 4%;
	background-color: inherit;
	width: inherit;
}

.notificationsidebar-panelactions-grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-gap: 5px;
	background-color: initial;
}

	.notificationsidebar-panelactions-grid-container > div {
		background-color: #282828;
		font-size: 30px;
		width: 83px;
		height: 40px;
	}

.panelaction-collapsible {
	background-color: inherit;
	cursor: pointer;
	color: gray;
	height: 20px;
	padding: 3px;
}

	.panelaction-collapsible:hover {
		color: #fff;
	}

.notification-counter-number {
	background-color: #fa3e3e !important;
	border-radius: 2px !important;
	color: white !important;
	font: 9px blod !important;
	position: relative !important;
	padding: 0px 2px !important;
	left: 62px;
	top: -15px;
	margin: -77px;
}


/**************************************************/


.notificationSideBar-panelBase {
	background-color: #1e1e1e;
	box-shadow: 0px 0px 10px 0px #000;
	width: 385px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 999999;
	display: flex;
	flex-direction: column;
	height: inherit;
}

.notificationSideBar-panelNotifications {
	background-color: #1e1e1e;
	width: 100%;
	height: auto;
	flex: 1;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: auto;	
}