/* ***************************************************************************** */
/* (C) Pan Aero LLC																 */
/* 	2024-12-13																	 */
/* ***************************************************************************** */

#SendNotifications_dialog,
#DisplayNotification_dialog{
	display:none;
}

.mainHdrNotif{
	float:right;
	width: 60px;
	padding-left: 30px;
	cursor: pointer;
	height: 100%;
}
.mainHdrNotif > img{
	height: 24px;
	width: auto;
	margin-top:21px;
}
.mainHdrNotif > .mainHdrLocator{
	right: 1px;
}

.mainHdrNotif_Alert
{
	width:auto;
	padding-left: 2px;
	padding-right: 3px;
	height:12px;
	background-color: red;
	border-radius: 8px;
	display: flex;
	position: absolute;
	align-items: center;
  	justify-content: center;
	top:20px;
	visibility: hidden;
}

.mainHdrNotif_Alert_Text
{
	margin-top: 1px;
	font-size: 11px; 
	text-align: center;
	color: white;
}

.NotifyHeader_input
{
    width:100%;
    font-size: 14px !important;
	word-break: break-all;
}

.NotifyInputFormTable
{
    font-size: 12px;
	width:100%;
}

.NotifyInputFormTable td
{
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 0px;
}

.NotifyInputFormTable tbody tr td:first-child {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}

.NotifySelect
{
	float:right;
	
}

.NotifyToolBarTable
{
	width:100%;
}

.NotifyTypes
{
	float:right;
	display: flex;
	width:150px;
	font-size: 12px;
}

.Notify_display_Icon
{
	width:64px;
	height:auto;
}

.Notify_display_IconText
{
	font-size: 12px;
	text-align: left;
	width:100%;
	padding-top: 4px;
}

.Notify_DispMsgArea
{
    border-width: 1px;
    border-style: solid;
    border-color:#ccc;
    padding: 10px;
    min-height: 150px;
    overflow-y: auto;   
    font-size: 14px;
    height: 280px;
}

.NotifyInputFormTableDsp
{
    font-size: 12px;
	width:100%;
}

.NotifyInputFormTableDsp td
{
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 0px;
}

.NotifyInputFormTableDsp tbody tr td:first-child {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}

.NotifyToolBarbutton {
    margin-right: 5px;
    border-radius: 6px;
    padding: 4px;
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .NotifyToolBarbuttonIcon {
    width: 16px;
    height: 16px;
  }

  .NotifyToolBarText {
    font-size: 12px;
  }

  .NotifyToolBarTextUnreaded {
    font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-justify: auto;
	background-color: #FF2020;
	color:white;
	border-radius: 10px;
	min-width:20px;
	width:fit-content;
	height:20px;
	padding-top: 3px;
  }

  .Notification_dialog_header
  {
	width: 100%;
	/*height: 120px;*/
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	background-color: #F0F0F0;
	margin-bottom: 10px;
	border-radius: 8px;
  }