body { margin: 0px; padding: 0px; background: #4C4C4C; font: 8pt Verdana; color: black; }

input.btn {   
  color:#050;   
  font: bold 80% 'Verdana',helvetica,sans-serif;   
} 

input.text	 {   
  font-family: 'Verdana',helvetica,sans-serif;
  font-size:9pt;   
}  



table.pageTable { width: 900px; border: 1px solid gray; background: white; margin: 0px; padding: 1px }
table.thin { margin: 0px; padding: 0px; border: 0px }
table.thinborder { margin: 0px; padding: 0px; border: 1px solid black }
table.accent1 { border: 1px solid black; background: #FFC64F; margin: 2px; padding: 2px }
table.accent2 { border: 1px solid black; background: #B3FFB7; margin: 2px; padding: 2px }
table.accent3 { border: 1px solid black; background: #FFFF80; margin: 2px; padding: 2px }

tr.adminTableHeader { background: #99CCFF; text-align: center }
tr.adminTableData1 { background: #EEEEEE; text-align: center }
tr.adminTableData2 { background: #CCCCCC; text-align: center }
tr.adminTableFooter { background: white; text-align: center }

p.copyright { font: 7pt Verdana; text-align: center; color: black; margin: 1px }
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

a.copyright { color: black; text-decoration: none }
a.copyright:hover { text-decoration: underline }

p.texttitle { font: bold 15pt Arial; color: #454545 }
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.texttitle { color: #454545; text-decoration: none }
a.texttitle:hover { text-decoration: underline }

p.text { font: 8pt Verdana; color: black; margin: 12px 15px; line-height: 14pt }
p.text-tight { font: 8pt Verdana; color: black; margin: 2px 15px }
p.textheading { font: bold 11pt Arial; color: black; margin: 12px 15px; line-height: 16pt }
p.textheading-tight { font: bold 11pt Arial; color: black; margin: 2px 15px }
p.date { font: 8pt Verdana; color: black; margin: 0px; text-align: right }

p.adminTableHeader { font: bold 8pt Verdana; color: black; margin: 2px 10px }
p.adminTableData { font: 8pt Verdana; color: black; margin: 2px 10px }
p.adminSection { font: bold 11pt Arial; color: black; margin: 15px 2px 3px 12px }
.sideMenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #8E8E8E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #666666;
	border-bottom-color: #000000;
	border-left-color: #FFFFFF;
	font-weight: bold;
}

.sideMenuLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.topMenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.appTable {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
}
.appresolvedYes {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	font-weight: bold;
}
.appresolvedNo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.appLoginName {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.layerNotifDate {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

#layNotifcationDate {
	z-index:1;
	visibility:inherit;
}

#layNotifcationDateText {
	z-index:1;
	visibility:inherit;
}

.appStatus {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

.appTableHeaders {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.appTableLinks {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.standardfont {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.compTableHeaders {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #999999;
}
.compTableData {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #E0DFE3;
	border: 1px solid #FFFFFF;
}

.compTableHeaderssm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #999999;
}
.compHeaderRow {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.mainBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8E8E8E;
	background-color: #FFFFE7;
	width: 600px;
}
.user {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F08E1A;
	font-weight: bold;
}

.pageMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
}

.complaintNo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.complaintMsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.terminated {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#990000;
}

select  { 
 background-color: #ffffff; 
 color: #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 3px;
}

div.report h1 { font: bold 11pt Verdana; background: #8e8e8e; margin: 0; padding: 3px; }
div.report h3 { font: bold 10pt Verdana; margin: 0; padding: 3px; }
div.report div.input { background: #aeaeae; }
div.report div.input form { margin: 0 }
div.report div.input p { font: 9pt Verdana; margin: 0; padding: 3px; }
div.report div.input input { margin: 3px; }
div.report div.data table { width: 100%; border-collapse: collapse; }
div.report div.data table thead { font: bold 9pt Verdana; background: #cecece; }
div.report div.data table tbody { font: 8pt Verdana; background: #eeeeee; }
div.report div.data table td { padding: 2px; border: dotted 1px}
div.report div.data p { font: 8pt Verdana; margin: 0; padding: 3px; background: #eeeeee; }
div.report div.nav { background: #aeaeae; }
div.report div.nav p { font: 8pt Verdana; margin: 0; padding: 3px; }
div.report div.list p { font: 9pt Verdana; margin: 0; padding: 3px; }

.subtotal {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	background-color: #FFFF33;
}
.coltotal {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
}
.colgrandtotal {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #993300;
}

.reportColumn {
	font: bold 7pt Verdana; 
	background: #cecece;
}

.commonPagination {
	font-size: 11px;
	padding: 2px;
}

#btnClear {
	padding-top: 3px;
}
.multiselect-dropdown{
	width: 250px;
}
/* Modal Styles */
.modal {
	display: none; /* Hidden by default */
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  }
  
  .modal-content {
	background-color: #fff;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	border-radius: 8px;
	position: relative; /* Ensure the close button is positioned relative to this container */
  }
  
  /* Top-right close button */
  .modal-close-top {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
  }
  
  .modal-close-top:hover {
	color: #f44336;
  }