/* For dataTables */
#examplex, #examplep, #example {
    display: block;
}

/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }

td.calendar-day	{    position:relative; } * html div.calendar-day { color:#fff;  }
td.calendar-day:hover	{ background:#eceff5; }

td.calendar-dayyes	{ min-height:30px;  position:relative; background: #166392; border:1px solid  #022D39;} 
td.calendar-dayyes:hover	{ background: #010A10; color:#FFF; }


td.calendar-day-np	{ background:#eee; } * html div.calendar-day-np {   }
td.calendar-day-head { background:#ccc; font-weight:bold; font-size: 10px; text-align:center; width:80px;   border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999;  color:#fff; font-weight:normal; float:right; margin:-5px -5px 0 0; width:25px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:80px;   border-bottom:1px solid #999; border-right:1px solid #999; }

<!--  Basic CMS for layout start -->	
 
a img{
    opacity: 1;
}

a img:hover{
    opacity: 0.9;
}
 
input[type="text"],input[type="password"], input[type="number"], textarea , select{
 padding: 5px;
 border: solid 1px   #CCCCCC;
 color: #000;
 height: 32px;
 font-size: 14px;

}
 
 .circleme
 {
	background-color: #4CAF50;
	color: #FFFFFF;
  	padding: 0px;
	border: 1px solid #4CAF50;
  	font-size: large;
	text-align:center;
  }
  
  .circleme h6
  {
	background-color: #388E3C;
	color: #FFFFFF;
  	padding: 3px; 
	font-size: xx-large;
  }
  
  .circleme2
 {
	background-color: #607D8B;
	color: #FFFFFF;
  	padding: 0px;
	border: 1px solid #607D8B;
  	font-size: large;
	text-align:center;
  }
  
  .circleme2 h6
  {
	background-color: #455A64;
	color: #FFFFFF;
  	padding: 3px; 
	font-size: xx-large;
  }
  
  
   .circleme3
 {
	background-color: #00796B;
	color: #FFFFFF;
  	padding: 0px;
	border: 1px solid #00796B;
  	font-size: large;
	text-align:center;
  }
  
  .circleme3 h6
  {
	background-color: #149B8B;
	color: #FFFFFF;
  	padding: 3px; 
	font-size: xx-large;
  }
  
  .style_border
{
	background-color: #fff;
	color: #888;
  	padding: 10px;
	border: 1px solid #F1F1F1;
	border-radius:0px;
 	box-shadow: 0 0 8px #F1F1F1;
 }
 
 .style_border_body
 {
	background-color: #fff;
	color: #888;
  	padding: 0px;
	border: 1px solid #F1F1F1;
	border-radius: 5px;
 	box-shadow: 0 0 8px #F1F1F1; 
 }
 
 .style_border_red
{
	background-color: #FCF;
	color: #888;
  	padding: 10px;
	border: 2px solid #C00;
	border-radius:0px;
 	 box-shadow: 0 0 8px #C2C2C2;
 }
 
  .style_borders
{
	background-color: #fff;
	color: #888;
  	padding: 5px;
	border: 1px solid #C2C2C2;
	border-radius:0px;
 	 box-shadow: 0 0 8px #C2C2C2;
 }
 
 
  .style_border_pak
{
	background-color: #fff;
	color: #888;
  	padding: 5px;
	border: 1px solid #F1F1F1;
	border-radius:0px;
  }
 
 
   .style_border_pak:hover
{
	background-color:#F1F1F1;
	color: #888;
  	padding: 5px;
	border: 2px solid #096;
	border-radius:0px;
  }
 
 .style_border_slf
{
	background-color: #F1F1F1;
	color: #000000;
  	padding: 5px;
	border: 1px solid #FFF;
 }

 .style_border_sl
{
	background-color: #FDFDFD;
	color: #000000;
  	padding: 5px;
	border: 1px solid #F1F1F1;

 }
 
  .style_border_sl:hover
{
	background-color: #FAFAFA;
	color: #000000;
  	padding: 5px;
	border: 1px solid #F1F1F1;
	border-radius: 5px;
 }
 
  .style_border_slb
{
	background-color: #205B7F;
	color: #FFFFFF;
  	padding: 5px;
  }
  
  .style_border_slbx
{
	background-color: #DFDFDF;
	color: #999;
  	padding: 5px;
	border: 1px solid #CCC;
  }
  
   .style_border_slby
{
	background-color:#F1F1F1 ;
	color: #666;
  	padding: 5px;
	border: 1px solid #CCC;
  }
 
 .style_border_slb2
{
	background-color: #555;
	color: #FFFFFF;
  	padding: 5px;
  }
 
 
  .style_border_sl2
{
	background-color: #fff;
	color: #000000;
  	padding: 5px;
   }
 
  .style_border_sl2:hover
{
	background-color: #E2F6F3;
	color: #000000;
  	padding: 5px;
  }
 
 
 

 .style_border_s
{
	background-color: #fff;
	color: #888;
  	padding: 0px;
	border: 1px solid #C2C2C2;
	border-radius:5px;
 	 box-shadow: 0 0 8px #C2C2C2;
 }
 
 .style_border_p
{
	background-color: #fff;
	color: #888;
  	padding: 2px;
	border: 1px solid #F1F1F1;
 
 }
 
 .style_border_side
 {
	 background-color: #fff;
	color: #888;
  	padding: 3px;
	border-left: 1px solid #F1F1F1;
	border-right: 0px solid #F1F1F1;
 }
 
  .style_border_m
{
	background-color: #fff;
	color: #888;
  	padding: 10px;
	border: 1px solid #C2C2C2;
	border-radius:8px;
 	 box-shadow: 0 0 8px #C2C2C2;
 }
 
 .style_border_px
{
 	color: #888;
  	padding: 5px;
	border: 2px solid #FFFFFF;
 
 }
 
 
 
  .style_border_px:hover
{
	background-color: #F9F9F9;
	color: #888;
  	padding: 5px;
	border: 2px solid #F1F1F1;
 
 }
 

/* ================================== FLASHRAJ DEFINED STYLE SHEETS ============================================= */
a img { border: none; }
img {  max-width: 100%; height: auto;}
.f_title
{
 	color: #333;
	font-size: 15px;
	font-weight:bold;
  	text-shadow: 0 0 2px #C2C2C2;
 }

.fm_title{
   color:#fff;
	font-size:15px;
	line-height:30px;
	text-shadow:0 1px 2px rgba(0,0,0,0.75);
	padding:0 12px;
	margin:0;
}

.round_table_photo
{
 	background:#4D4640;
	color: #FFF;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	margin: 0px 0 10px 0;
	padding:0 0px 0 0px;
	border: solid 1px #4D4640;
	box-shadow: 0 0 4px #4D4640;
}

  
.round_table_bimg {
	background:#F1F1F1;
 	border: solid 2px #FFFFFF;
	padding: 2px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
 }
 
 .round_table_bimg:hover {
	background: #FFC;
 	border: solid 2px #FFFFFF;
	padding: 2px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
 }
 
 .table_border2
 {
	 
	background:#F1F1F1;
 	border: solid 2px #FFFFFF;
	padding: 2px;
	 
 }
 
 .table_border2:hover {
	background: #FFC;
 	border: solid 2px #FFFFFF;
	padding: 2px;
 }
 
 .round_table_bimg_red {
	background:#F1F1F1;
	padding: 2px;
	border: solid 2px #5e9cb0;
 }
 
.f_large{
 	font-size:14px;
	color:#076cc2;
	font-weight:bolder;
}

.impact_title
		 {
			 color:#076cc2;
			 font-size:20px;
			 font-family:"Proxima Nova Regular","Century Gothic",Calibri, sans-serif;
			 text-shadow: 0 0 3px  #999999;
			 margin-left:10px;
			 margin-bottom:10px;
			 font-weight:bolder;
 		 }
		 
/* ================================== end of  FLASHRAJ DEFINED STYLE SHEETS ============================================= */		

.highlight {
  position: relative;
  display: inline-block;
  background:none;
}
.highlight__text {
   background:none;
}
.highlight__tooltip {
  color: #000000;
  background:#CFF;
  padding: 15px;
  width: clamp(180px, 100%, 375px);
  font-weight: normal;
  font-style: normal;
  z-index: 1;
  position: absolute;
  align-items: center;
  gap: 0.25rem;
  display: none;
  border-radius: 5px;
  border: 2px solid #006;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
}
.highlight__tooltip:after {
  content: "";
  border: 5px solid transparent;
  border-bottom-color: #111111;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%) translateY(-5px);
}
.highlight:hover .highlight__text,
.highlight:focus .highlight__text {
  border-radius: 0;
  border-color: transparent;
}
.highlight:hover .highlight__tooltip,
.highlight:focus .highlight__tooltip {
  display: grid;
  animation: fadeIn 250ms;
}
.highlight:focus .highlight__tooltip {
  z-index: 2;
}

.highlight.highlight--link {
}
.highlight.highlight--link .highlight__tooltip {
  grid-template-columns: auto 1fr;
  min-width: 200px;
  width: max-content;
  max-width: 100%;
}
.highlight.highlight--link .highlight__href {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}