/**********************************************************/
/*   Table CSS   */
/* Base table style */
.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

/* Header with red background */
.table thead tr,
.table-header {
  background-color: #d32f2f; /* Red */
  color: #fff;
}

.table th,
.table td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
  word-break: break-word;
}
/*     */
/*  table code  */
/* Responsive Table */

.price-table th {
  background-color: #d32f2f; /* Red header */
  color: #fff;
  font-weight: bold;
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}


/* ---- Force-apply alternating row colors (very specific + !important) ---- */

/* Even rows (light gray) */
body .table-wrapper .price-table tbody tr:nth-child(even) td,
.table-wrapper table.price-table tbody tr:nth-child(even) td,
.table.price-table tbody tr:nth-child(even) td {
  background: #f9f9f9 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Odd rows (white) */
body .table-wrapper .price-table tbody tr:nth-child(odd) td,
.table-wrapper table.price-table tbody tr:nth-child(odd) td,
.table.price-table tbody tr:nth-child(odd) td {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Ensure header stays red and not overridden */
body .table-wrapper .price-table thead th,
.table-wrapper .price-table thead th,
.table.price-table thead th,
.table-wrapper .price-table .table-header th {
  background: #d32f2f !important;
  color: #fff !important;
  background-image: none !important;
}

/* Remove pseudo-element overlays if theme uses them */
body .table-wrapper .price-table tbody td::before,
body .table-wrapper .price-table tbody td::after {
  display: none !important;
  content: none !important;
}

/* Ensure rows themselves don't carry interfering backgrounds */
body .table-wrapper .price-table tbody tr {
  background: transparent !important;
}

/* If cells had inline style attributes, try to reset them */
body .table-wrapper .price-table tbody td[style] {
  background: inherit !important;
}

/* Final very-specific fallback */
html body .table-wrapper .price-table tbody tr:nth-child(even) td {
  background-color: #f9f9f9 !important;
}
html body .table-wrapper .price-table tbody tr:nth-child(odd) td {
  background-color: #ffffff !important;
}

/* Unique Last Updated Date Styling */
.unique-last-updated {
text-align:center;
    font-size: 14px;
    color: white;
    background:#4d4d4d;
margin:0px;
    display: inline-block;
    max-width: 100%;
}
/* Namespaced so it won't clash with Bootstrap's .accordion component */
.msk-accordion {
  cursor: pointer;
  padding: 10px 10px;
  background: #f7f7f9;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin: px 0 0;
  font-weight: 600;
  user-select: none;
}
.msk-accordion.msk-active {
  background: #eef2ff;
  border-color: #c7d2fe;
}

/* Caret indicator */
.msk-accordion::after {
  content: '▸';
  float: right;
  transition: transform 0.2s ease;
}
.msk-accordion.msk-active::after {
  transform: rotate(90deg);
}

/* Panel animation */
.msk-panel {
  max-height: 0;              /* controlled by JS */
  overflow: hidden;
  transition: max-height 0.35s ease;
  border: 1px solid #e5e7eb;
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 0 0;               /* padding only inside inner content */
}

/* Optional: padding inside your tables without affecting table layout */
.msk-panel > * {
  padding: 10px 8px;
}

/* Keep your existing table look (Bootstrap classes already present) */
.table img { height: 20px; width: auto; }
/**********************************************************/



/*------------------------------*/
/* ----RELIABILITY INDICES----- */
/*------------------------------*/
#reliability_indices {
    width: 100%;
    height: 100%;
    display: inline-block;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#reliability_indices .grand-child
{
	float: none;
    display: block !important;
	margin-bottom: 8px;
}


#reliability_indices.tree ul {
    padding: 20px 0; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	display:flex !important;
}



#reliability_indices .cntr
{
   display: inline-block;
}

#reliability_indices.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

#reliability_indices.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
#reliability_indices.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
#reliability_indices.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
#reliability_indices.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
#reliability_indices.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
#reliability_indices.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
#reliability_indices.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
#reliability_indices.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

#reliability_indices.tree li a{
	border: 1px solid #AAA;
	padding: 2px;
	text-decoration: none;
	color: #666;
	display: inline-block;
	font-size:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	box-shadow:0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
#reliability_indices.tree li a:hover, #reliability_indices.tree li a:hover+ul li a {

background: rgb(178,225,255) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ) !important; /* IE6-9 */
	
	
	color: #000 !important; border: 1px solid #94a0b4 !important;
}
/*Connector styles on hover*/
#reliability_indices.tree li a:hover+ul li::after, 
#reliability_indices.tree li a:hover+ul li::before, 
#reliability_indices.tree li a:hover+ul::before, 
#reliability_indices.tree li a:hover+ul ul::before{
	border-color:  #94a0b4 !important;
}




#reliability_indices .parent ul {visibility: hidden;  opacity: 0; transition: visibility 0s, opacity 0.5s linear;}
#reliability_indices .parent:hover > ul {   visibility: visible !important; opacity: 1;}


#reliability_indices .parent:last-child:after {
    border: none !important;
}

#reliability_indices .year {
    float: left;
    width: 100%;
    height: 370px;
    margin: 0 auto;
	  text-align: center;
	  border: 1px solid #A9A9A9;
    background-color: #F5F5F5;
}
#reliability_indices .grandparent
{
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

#reliability_indices .parent a
{
background: rgb(225,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}

#reliability_indices .grand-child
{

background: rgb(252,234,187) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) !important; /* IE6-9 */
}

#reliability_indices p
{
	margin:0;
}
#reliability_indices label, #reliability_indices.tree li a {
    color: #000;
}

/* ------------END------------- */

/*------------------------------*/
/* --GO LIVE TOWN REPORTS CSS-- */
/*------------------------------*/

.town-reports .parent1 a
{
background: rgb(225,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}
.town-reports .grand-child .tooltiptext {
    visibility: hidden;
    width: 300%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .6s;
    margin-top: -95%;
    margin-left: -185%;
}
.town-reports .grand-child:hover .tooltiptext {
  visibility: visible;opacity:1;left:90%;
}


.town-reports .year
{
	width:100% !important;
	height:auto !important;
}

.town-reports li {
    margin: 0 auto;
}

.town-reports .ac-container{
	margin: 0 auto;
}
.town-reports .ac-container label {
	  border:1px solid;
	  margin:0;
    padding: 20px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 19px;
    font-weight: 400;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);

}
.town-reports .ac-container label:hover{
	background: #fff;
}
.town-reports .ac-container input:checked + label,
.town-reports .ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.town-reports .ac-container label:hover:after,
.town-reports .ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
}

.town-reports .ac-container input{
	display: none;
}
.town-reports .ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.town-reports .ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.town-reports .ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.town-reports .ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.town-reports .ac-container input:checked ~ article.ac-large{
	height: 550px;
}
/* ------------END------------- */

/*------------------------------*/
/* ---ORGANISATION CHART CSS--- */
/*------------------------------*/
#org_structure.tree ul {
    padding: 20px 0; position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


#org_structure .CMD {
    width: 89%;
}

#org_structure.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
    padding: 20px 3px 0 3px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

#org_structure.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
#org_structure.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
#org_structure.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
#org_structure.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
#org_structure.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
#org_structure.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
#org_structure.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
#org_structure.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

#org_structure.tree li a{
	border: 1px solid #AAA;
	text-decoration: none;
	color: #FFF;
	display: inline-block;
    min-width: 50px;
	font-size: 9px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
#org_structure.tree li a:hover, .tree li a:hover+ul li a {

background: rgb(178,225,255) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ) !important; /* IE6-9 */
color: #000 !important; border: 1px solid #94a0b4 !important;
}



/*Connector styles on hover*/
#org_structure.tree li a:hover+ul li::after, 
#org_structure.tree li a:hover+ul li::before, 
#org_structure.tree li a:hover+ul::before, 
#org_structure.tree li a:hover+ul ul::before{
	border-color:  #94a0b4 !important;
}



/* #org_structure .parent > ul {visibility: hidden;  opacity: 0; transition: visibility 0s, opacity 0.5s linear;}
#org_structure .parent:hover > ul {   visibility: visible !important; opacity: 1; display:block !important;} */



#org_structure .parent:last-child:after {
    border: none !important;
}

#org_structure .year {
    float: left;
    width: 100%;
    height: 1300px;
    margin: 0 auto;
	line-height:2;
}
#org_structure .grandparent
{
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

#org_structure .parent .grand-grand-child
{
	background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);  /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);  /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );  /* IE6-9 */
	float: none !important;
    display: block !important;
	margin-bottom: 8px;

}
#org_structure .parent .grand-child
{
background: rgb(240,183,161); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,183,161,1) 0%, rgba(140,51,16,1) 50%, rgba(117,34,1,1) 51%, rgba(191,110,78,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
	float: none !important;
    display: block !important;
	margin-bottom: 8px;
}

#org_structure .parent a
{
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
font-size:10px;
font-weight:700;
}


#org_structure .gp
{
	padding-top:100px !important;
}

#org_structure .gp::before
{
	height:100px !important;
}

#org_structure p
{
	margin:0;
}

#org_structure .CMD::after
{
	top:240px !important;
    width: calc(50% - 140px);
}

#org_structure .RD
{
	position:absolute !important;
    left: 16%;
	padding-top:480px !important;
}
#org_structure img
{
    display: block;
	  max-width: 55px;
    margin: 10px auto !important;
    border-radius: 5px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}


/*-------------END--------------*/

/*------------------------------*/
/* CSS TREE CONVERTED TO BLOCKS */
/*------------------------------*/

.block-mode .ac-container{
	margin: 10px auto 30px auto;
	width:100%;
	margin-left:-15px;
}
.block-mode .ac-container label {
    padding: 5px;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
    color: #CCC;
	  font-weight:500;
}
.block-mode .ac-container input{
	display: none;
}
.block-mode .ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
	text-align:center;
}
.block-mode .ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.block-mode .ac-container #CMD:checked ~ article.ac-large{
	height: 100% !important;
}
.block-mode .ac-container input:checked + label, .block-mode .ac-container input:checked + label:hover {
background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
color: #000;
}
.block-mode .ac-container a
{
	padding: 10px;
	border: 1px solid #000;
	border-radius: 5px;
	text-decoration: none;
	display:block;
	font-size:12px;
	line-height:1;
	color:#FFF;
}
.block-mode .section
{
    width: 100%;
    display: flex;
	border : 2px solid #000;
}
.block-mode .partition
{
	width:50%;
	float:left;
	white-space:nowrap;
	background:#CCC;
	border : 1px solid #000;
}
.block-mode label.accordion:after
{
    content: '\002B';
    color: #FFF;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.block-mode label.accordion.active:after {
    content: "\2212";
}
.block-mode label.tier1
{
border : 2px solid #000;
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.block-mode .tier2,.town-reports label.tier2
{
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.block-mode .tier3,.town-reports label.tier3
{
background: rgb(240,183,161); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,183,161,1) 0%, rgba(140,51,16,1) 50%, rgba(117,34,1,1) 51%, rgba(191,110,78,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
}
.block-mode .tier4,.town-reports label.tier4
{
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);  /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);  /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );  /* IE6-9 */
}
.block-mode .ac-container label
{
	text-align:center;
	font-size:12px !important;
	color:#FFF;
}
.block-mode .ac-container input:checked ~ article, .block-mode label
{
	box-shadow:none !important;
	margin:0;
}
.block-mode .ac-container label
{
	padding:5px;
	line-height:1.5;
}
.block-mode .accordion img
{
	display :flex;
	margin : 5px auto;
	width : auto;
	max-height:130px;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	border-radius:5px;
}

/* ------------END------------- */




/*------------------------------*/
/*-------Accordion styles-------*/
/*------------------------------*/
.accordion {
	background-color: #D82B27;
	color: #FFF;
	cursor: pointer;
	padding: 10px 18px;
	width: 100%;
	border: 1px solid #000;
	border-bottom:0;
	text-align: left;
	transition: 0.4s;
	font-weight:bold;
}

.active, .accordion:hover {
	background-color: #ad1c1a; 
}

.panel {
	padding: 0px 0px;
	background-color: white;
	overflow: hidden;
	max-height:0;
	transition: max-height 0.2s ease-out;
	border: 1px solid #000;
	border-top:0;
	margin:0;
}
div.accordion:after{
	content:'\002B';
	float:left;
	margin-right:10px;
}
div.accordion.active:after{
	content:"\2212";
}
.panel table tbody tr td{
	color:#000;
}
/* ------------END------------- */



/*------------------------------*/
/*---Senior Mgmt Team styles----*/
/*------------------------------*/
#senior_mgmt_team th, #senior_mgmt_team td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 15px;
    line-height: 25px;
}
#senior_mgmt_team tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05);
}
#senior_mgmt_team .container { 
	margin: 0px auto; 
	max-width: 960px; 
}     
#senior_mgmt_team span { 
	box-sizing: content-box; 
}      
table#senior_mgmt_team { 
	margin: 40px auto; 
	color: #444;
	background-color:#fff;
    max-width: 960px;
border-collapse: collapse;
}
#senior_mgmt_team .thbg { 
	background-color: #d82b27;  
	color: #fff; 
	font-size: 18px; 
	font-weight: bold; 
	line-height: 15px;
} 
/* ------------END------------- */


/*------------------------------*/
/*----Exec Engg Team styles----*/
/*------------------------------*/
.accordion_table_accordion_wrapper {
	overflow: hidden;
	box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
	margin: 1vw 5vw;
}
.accordion_tab input[type='checkbox']{
	display:none;
}
.accordion_tab {
	width: 100%;
	color: white;
	overflow: hidden;
}
.accordion_tab_label, .accordion_simple_label {
	margin:0;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 0.5em 1em;
	background: #f00404;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #000;
	color : #FFF;
	/* Icon */
}
.accordion_simple_label{
	background:#cb2a26;
}
label.accordion_tab_label.zone {
	background: #ff4747;
	padding: 0.5em 1em 0.5em 2em;
}
.accordion_tab_label:hover, .accordion_tab_label.zone:hover {
	background: #cb2a26;
}
.accordion_tab_label::after {
	content: "\276F";
	width: 1em;
	height: 1em;
	text-align: center;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.accordion_tab_content {
	max-height: 0;
	color: #2c3e50;
	background: white;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.accordion_tab input:checked ~ label.accordion_tab_label {
	background: #cb2a26;
}
.accordion_tab input:checked ~ .accordion_tab_label::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.accordion_tab input:checked ~ .accordion_tab_content {
	max-height: 1000vh;
}
.accordion_tab table{
	width:100%;	
	margin: auto;
	color: #444;
	background-color: #fff;
	border-collapse: collapse;
}
.accordion_tab tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,0.05);
}
.accordion_tab td, .accordion_tab th {
	border: 1px solid #ddd;
}
.accordion_tab th, .accordion_tab td {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	font-size: 15px;
	line-height: 25px;
}
/* ------------END------------- */

/*------------------------------*/
/*-------Weekly Outage CSS------*/
/*--NSC, Name Change DASHBOARD--*/
/*------------------------------*/
.tabcontainer{
	font-family:Montserrat;
}
.tabcontainer .bg-primary{
	background-color:#337ab7 !important;
}
.tabcontainer .bg-info-subtle{
	background-color:#d9edf7 !important;
}
.tabcontainer h1, .tabcontainer h2, .tabcontainer h3, .tabcontainer h4, .tabcontainer h5{
	font-family:Montserrat !important;
	font-weight:500;
}
.tabcontainer select{
	color:#000;
}
.tabcontainer a.nav-link{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
.tabcontainer .nav-link.active{
	background: linear-gradient(to bottom,  rgba(51,122,183,1) 0%,rgba(24,58,86,1) 100%);
	color:#FFF;
}
.wo_rsp_tbl {
	border-color: #000;
	border-collapse: collapse !important;
}
.tabcontainer .nav {
	padding-bottom:0;
}
.tabcontainer .tab-content {
	padding: 10px;
	border: 1px solid #999;
}
.wo_rsp_tbl{
	min-width:100%;
}
.wo_rsp_tbl thead tr:first-child th {
	font-size: 20px;
	font-weight:500;
}
.wo_rsp_tbl th, .wo_rsp_tbl td{
	padding: 2px !important;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle !important;
	min-width:70px;
	border:1px solid;
	border-color: #000 !important;
}
.tabcontainer .wo_rsp_tbl td{
	text-align:center;
}
.wo_rsp_tbl td{
	color:#000;
	font-weight:500;
}
.tabcontainer table{
	border-collapse:collapse !important;
	width:99.9% !important;
}
.tabcontainer table td, .tabcontainer table th {
    border: 1px solid #000;
    text-align: center;
	font-weight:400;
}
/* #wo_shd_table td[data-column="Region"], #wo_shd_table td[data-column="Zone"], #wo_shd_table td[data-column="Circle"], #wo_shd_table td[data-column="Division"] {
word-break: break-word;
} */
#nsc_tbl, #state_nsc_tbl, #details_nsc_tbl{
	width:100%;
}

#nsc_tbl th, #nsc_tbl td, #state_nsc_tbl th, #state_nsc_tbl td, #details_nsc_tbl th, #details_nsc_tbl td
{
    padding: 2px;
    font-size: 13px;
    border: 1px solid #000;
}
#nsc_tbl td, #state_nsc_tbl td, #details_nsc_tbl td{
	color:#000;
}
/* ------------END------------- */


/*------------------------------*/
/*---------CGRF CSS-------------*/
/*------------------------------*/
.data_tbl_fltr{
    font-family: Montserrat !important;
}
.data_tbl_fltr h6{
font-family: Montserrat;
    font-weight: normal;
	margin-bottom:5px;
}

.data_tbl_fltr fieldset.fltr {
    border: 1px solid;
    padding: 20px;
    margin: 20px;
}

.data_tbl_fltr fieldset.fltr legend {
    width: auto;
    padding: 0 10px;
    margin: 0;
    border: none;
}

.data_tbl_fltr .cgrf-select input[type=radio] {
    display: none;
}
.data_tbl_fltr .cgrf-select input[type=radio]:checked + .hearing-month, 
.data_tbl_fltr .cgrf-select input[type=radio]:checked + .orders-year, 
.data_tbl_fltr .cgrf-select input[type=radio]:checked + .hearing-year
{
    background: #1e90ff;
    color: #FFF;
    box-shadow: inset 0 2px 4px rgb(0 0 0 / 15%), 0 1px 2px rgb(0 0 0 / 5%);
    border: 1px solid #000;
}

.data_tbl_fltr .cgrf-select label.hearing-month,
.data_tbl_fltr .cgrf-select label.hearing-year,
.data_tbl_fltr .cgrf-select label.orders-year {
    display: inline-block;
    text-transform: uppercase;
    float: left;
    margin: 0;
    padding: 4px 7px;
    border: 1px solid #0066ff;
    border-right: none;
    font-size: 12px;
    color: #27408B;
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(230,230,230,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e6e6e6',GradientType=0 );
}
.data_tbl_fltr .cgrf-select label.hearing-month:last-child,
.data_tbl_fltr .cgrf-select label.hearing-year:last-child,
.data_tbl_fltr .cgrf-select label.orders-year:last-child {
    border-right: 1px solid #0066ff;
}

.data_tbl_fltr select{
    color: #27408B;
    padding: 4px 7px 4px 0;
	font-size: 14px;
}
.data_tbl_fltr .fltr [class^="col-"] div {
    display: inline-block;
}

.data_tbl_fltr + div#tbl_data td {
    font-weight: normal;
}
.data_tbl_fltr + div#tbl_data {
    font-family: Montserrat;
    margin: 0 20px;
}

.data_tbl_fltr + div#tbl_data .fa-file-pdf {
font-size: 24px;
color: RED;
}
.data_tbl_fltr + div#tbl_data td[data-column="Download Notice"], .data_tbl_fltr + div#tbl_data td[data-column="Download Order"]{
text-align:center;	
}
#loading-image
{
	  display:none;
	  z-index:999;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    opacity: 0.7;
}
#loading-image img {
    position: absolute;
    left: calc(-25px + 50vw);
    top: calc(-25px + 50vh);
}
button.download_pdf {
    background-color: #4A75B5;
    color: #FFF;
    white-space: nowrap;
    border-radius: 5px;
    padding: 5px 10px;
    margin: auto;
    display: flex;
    transition: all 0.3s;
    border: 1px solid #0450c1;
    box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
button.download_pdf:hover {
    background-color: #cee1ff;
    border: 1px solid #FFF;
    color: #000;
}
.cgrf_search_div.new #tbl_sort_length {
    float: left !important;
}
div#tbl_sort_wrapper
{
border: 1px solid #000;
padding: 10px;
margin-top: 40px;
}

#tbl_sort_wrapper .dataTables_filter input
{
 margin-left:0;
}

.cgrf_search_div {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    /*max-width: 650px;*/
    width: 100%;
    display: table;
    margin: 0 auto;
}

.CGRF label {
    /*width: 28%;*/
    white-space: nowrap;
}

.cgrf_search_div label
{
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
}
.cgrf_search_div section
{
	background-color:#fff;
}
.cgrf_search_div .ac-container{
	margin: 0 auto;
}
.cgrf_search_div .ac-container .acc_label {
    padding: 10px 20px;
    position: relative;
/*    z-index: 20; */
    display: block;
    cursor: pointer;
    font-size: 19px;
    border: 1px solid;
    margin: 0;
	background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

	font-weight:400;
}


.cgrf_search_div .ac-container .acc_label:hover{
background: rgb(233,246,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 ); /* IE6-9 */
}


.cgrf_search_div .ac-container .acc_collapse:checked + .acc_label,
.cgrf_search_div .ac-container .acc_collapse:checked + .acc_label:hover{
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);

	
background: rgb(210,223,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(210,223,237,1) 0%,rgba(200,215,235,1) 26%,rgba(190,208,234,1) 51%,rgba(166,192,227,1) 51%,rgba(175,199,232,1) 62%,rgba(186,208,239,1) 75%,rgba(153,181,219,1) 88%,rgba(121,155,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2dfed', endColorstr='#799bc8',GradientType=0 ); /* IE6-9 */


}
.cgrf_search_div .ac-container .acc_label:hover:after,
.cgrf_search_div .ac-container .acc_collapse:checked + .acc_label:hover:after{
	content: '';
	position: absolute;
}

.cgrf_search_div .ac-container .acc_collapse{
	display: none;
}
.cgrf_search_div .ac-container article{
	margin-top: 0px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.cgrf_search_div .ac-container .acc_collapse:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.cgrf_search_div .ac-container .acc_collapse:checked ~ article.ac-small{
	height: 150px;
}
.cgrf_search_div .ac-container .acc_collapse:checked ~ article.ac-medium{
	height: 220px;
}
.cgrf_search_div .ac-container .acc_collapse:checked ~ article.ac-large{
	height: auto;
}
.CGRF select {
  border: 0;
  padding:10px;
  overflow:hidden;
  float:none;
  text-align:center;
}


.cgrf_search_div.new +#tbl_data #tbl_sort_wrapper {
    border: none;
    margin: auto;
	padding-top:0;
}
.cgrf_search_div.new .ac-container .acc_collapse:checked ~ article{
box-shadow:none;
}
.cgrf_search_div.new {
    box-shadow: none;
}
.cgrf_search_div.new .CGRF {
    padding: 10px;
}
.cgrf_search_div.new select {
}

.cgrf_search_div.new #orders-year, .cgrf_search_div.new #hearing-year, .cgrf_search_div.new #hearing-month{
    background: none;
    padding: 10px 0 0 0;
	display:table;
}

.cgrf_search_div.new #orders-zone, .cgrf_search_div.new #hearing-zone{
    padding:3px;
	color:#000;
	margin-top:5px;
		border:1px solid #0066ff;
}

.cgrf_search_div.new .cgrf-select
{
	display:flex;
	float:none;
	margin: 5px 0 10px 0;
}
.cgrf_search_div.new .cgrf-select label.hearing-month, .cgrf_search_div.new .cgrf-select label.hearing-year, .cgrf_search_div.new .cgrf-select label.orders-year {
	display:inline-block;
	text-transform: uppercase;
	float:left;
	margin:0;
	padding: 0.3vw 0.7vw;
    border: 1px solid #0066ff;
	border-right: none;
    font-size: 14px;
    color: #27408B;
    background: rgb(254,252,234);
    background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(230,230,230,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e6e6e6',GradientType=0 );
}
.cgrf_search_div.new .cgrf-select label.hearing-month:last-child, .cgrf_search_div.new .cgrf-select label.hearing-year:last-child, .cgrf_search_div.new .cgrf-select label.orders-year:last-child {
    border-right: 1px solid #0066ff;
}

.cgrf_search_div.new .cgrf-select input[type=radio]{
    display:none;
}

.cgrf_search_div.new .cgrf-select input[type=radio]:checked + .hearing-month,
.cgrf_search_div.new .cgrf-select input[type=radio]:checked + .orders-year,
.cgrf_search_div.new .cgrf-select input[type=radio]:checked + .hearing-year {
    background: #1e90ff;
    color: #FFF;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    border: 1px solid #000;
}




.cgrf_search_div + #tbl_data #tbl_sort_wrapper #tbl_sort th{
background-color:#4A75B5;
}
.cgrf_search_div + #tbl_data #tbl_sort_wrapper #tbl_sort th:hover {
    background-color: #6d8ec1;
}


select.orders-year, select.cgrf-month {
    height: 50px;
}
.CGRF select.orders-year option, .CGRF select.cgrf-month option, .CGRF select.hearing-year option, .CGRF select.hearing-month option {
    display: table-cell;
	  float:left;
    padding: 0.3vw 1vw;
    border: 1px solid #0066ff;
    font-size: 14px;
	color:#27408B;
	background: rgb(254,252,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

}
.CGRF h6 {
    margin: 0;
}




.CGRF select option:checked {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
    border: 1px solid #000;
	background:#AAA;
}

.CGRF
{
	padding:20px;
	/*text-align:center;*/
}
.cgrf_search_div input
{
	width:auto;
/*	margin-top: 20px; */
    padding: 2px 5px;
    font-size: 12px;
    line-height: normal;	
}

.CGRF input.hasDatepicker {
    width: 80px;
}

.cgrf_search_div input::placeholder {
    font-size: inherit;
}

.CGRF #zone, .CGRF #complaint_type
{
	border:1px solid;
	padding: 2px 5px;
	font-size : 12px;
}

.cgrf_table
{
	font-size:13px;
	color:#000;
	border:1px solid #000;
}

.cgrf_table td, .cgrf_table th {
    padding: 5px !important;
}

.cgrf_table th
{
padding-right:15px !important;
}

.cgrf_table .nowrp
{
	white-space:nowrap;
}

.CGRF .param {
    margin: 0px 5px;
    text-align: left;
    /*width: 50%;*/
    float: left;
}


.CGRF .param h5
{
	width:30%;
	float:left;
}

.CGRF .param label.error
{
	position: absolute;
    margin-top: 0;
    font-size: 10px !important;
}
.CGRF input.cgrf_btn {
    border: 1px solid #000 !important;
    height: 25px;
    width: 60px;
    color: #FFF;
    border: 1px solid;
	background: rgb(136,191,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(74,117,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(74,117,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(74,117,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#4a75b5',GradientType=0 ); /* IE6-9 */
transition:all 0.5s;
}
.CGRF input.cgrf_btn:hover {
    color: #000;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}


.CGRF .param.imp {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.CGRF .param.imp label {
    width: auto;
    color: #d82b27;
    font-size: 12px;
}

.CGRF .param.imp select, .CGRF .param.imp input {
    font-size: 12px !important;
}
/* ------------END------------- */


	

/* ------------LOADER CSS START------------- */
#overlayer {
	display: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99000;
	background: rgba(0, 0, 0, 0.86);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(9.9px);
	-webkit-backdrop-filter: blur(9.9px);
	border: 1px solid rgba(0, 0, 0, 0.3);
}	
.loader2 {
	display: hidden;
	position: fixed;
	z-index: 99001;
	top: calc(-25px + 50%);
	left: calc(-53px + 50%);
}
svg.mahavitaran_loader {
	animation: flip-loader 3.2s linear infinite;
}
.mahavitaran_loader path:not([fill="none"]) {
	stroke-width: 2;
	stroke: #FFF;
	animation: draw-loader-border 3.2s forwards infinite;
}
.mahavitaran_loader path {
	stroke-dasharray: 200;
	stroke-dashoffset: 200;
}

@keyframes draw-loader-border{
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes flip-loader{
	0% {
		transform: rotatey(0deg);
	}
	13% {
		transform: rotatey(90deg);
	}
	26% {
		transform: rotatey(180deg);
	}
	39% {
		transform: rotatey(270deg);
	}
	52% {
		transform: rotatey(360deg);
	}
	100% {
		transform: rotatey(360deg);
	}
}
/* ------------LOADER CSS END------------- */

/* ------------BLINKER CSS START------------- */
.blink{
    text-shadow: -1px 1px 0 #FFF, 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
	font-family: cursive;
    color: RED;
    Font-weight: 900;
    font-size: 12px;
    margin-left: 10px;
    -webkit-animation: blink 1.5s step-end infinite;
    /*animation: blink 1.5s step-end infinite;*/
    animation: fadeInOut 1s infinite;
	
}
/*@-webkit-keyframes blink {
	50% {
		visibility: hidden;
		color: #ffd600;
		}
}
@keyframes blink {
	50% {
		visibility: hidden;
		color: #ffd600;
		}
}*/

@keyframes fadeInOut {
  0% {
    opacity: 0;
  } /* Start invisible */
  40% {
    opacity: 1;
  } /* Fully visible at the midpoint */
  60% {
    opacity: 1;
  } /* Fully visible at the midpoint */
  100% {
    opacity: 0;
  } /* End invisible */
}

/* ------------BLINKER CSS END------------- */


/* ---------------------------------------- */
/* --------FLUID ACCORDION CSS AND--------- */
/* -------RE PORTALS PAGE CSS START-------- */
/* ---------------------------------------- */
.fluid-accordion.list-info .list-content span.span_block {
	width: 100%;
	display: block;
	padding: 1em 1em 1em 1em;
}

.fluid-accordion.list-info .list-content span:first-child {
	color:#FFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#356aa0+0,356aa0+100;Blue+Flat */
	background: rgb(53,106,160); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
}
.fluid-accordion.list-info table {
	margin: 0 1em 1em 1em;
}
.fluid-accordion.list-info table th, .fluid-accordion.list-info table td {
	text-align: center;
}

.fluid-accordion.list-info table td[data-column="Contat No"]{
	font-weight:bold;
}
.fluid-accordion.list-info table th{
	font-weight:normal;
	background: rgb(30,87,153);
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );

}
.fluid-accordion.list-info .list-content ol {
	padding: 1em 2em;
	color: #000;
	font-weight:normal;
}
.fluid-accordion.solar_portals .background_title{
	background:none;
}
.fluid-accordion.solar_portals{
	font-family: 'Quicksand';
}
.fluid-accordion.solar_portals .title_text{
	margin:auto;
	text-align:center;
}
.fluid-accordion.solar_portals li {
	font-weight: bold;
}
.fluid-accordion.solar_portals .title_text, .fluid-accordion.solar_portals .content{
	padding:0;
	min-height:55px;
}
.fluid-accordion.solar_portals .title_text img{
	width: 200px;
	border: 5px double;
	border-radius: 50%;
	margin-bottom:10px;
}
.fluid-accordion.solar_portals .tab-content {
	width:100%;
	display:inline-block;
	max-height: 1000vh;
	min-height:270px;
	padding: 2em;
	border: 1px solid #000;
	border-radius: 5px;
	background: rgb(225,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* IE6-9 */
}
.fluid-accordion.solar_portals .ques::after {
	width: 100%;
}
.fluid-accordion.solar_portals .tab-label{
	background:#DDD;
}
.fluid-accordion.solar_portals .tab-content ul {
	padding:0;
}
.fluid-accordion.solar_portals .tab-content li {
	font-size:13px;
}
.fluid-accordion.solar_portals .tab-content h5 {
	margin: 15px 0;
}
.solar_portals .portal_icon {
	text-align: center;
	margin-bottom: 20px;
	min-height:143px;
}
.solar_portals .portal_icon img {
	max-height: 143px;
	width: 200px;
}
.entry-content .fluid-accordion.solar_portals div.skvy {
	text-align: center;
}
.entry-content .fluid-accordion.solar_portals div.skvy a {
	display:inline-block;
	width:100%;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #000;
    padding: 5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
/* -------RE PORTALS PAGE CSS END-------- */



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


/*------------------------------*/
/* -------MEDIA QUERY CSS------ */
/* -------RESPONSIVENESS------- */
/*-(WRITE OTHER CSS ABOVE THIS)-*/
/*------------------------------*/

/* ------FOR SMALL DEVICES----- */
@media (max-width: 600px)
{
	/* ---ORGANISATION CHART CSS START--- */
    #org_structure {
    	display: none;
	}
	#ORG_STR_BLOCK {
    	display: flex;
	}
	#org_structure .RD {
    	padding-top: 440px !important;
		left: 14.4%;
	}
	#org_structure .RD::after {
		height: 440px;
	}
	#org_structure .ED {
		padding-top: 205px !important;
	}
	#org_structure .ED::after {
		height: 205px;
	}
	#org_structure .CHIEF {
   		padding-top: 260px !important;
	}
	#org_structure .CHIEF::after {
		height: 260px;
	}
	#org_structure.tree li {
		padding: 20px 1px 0 1px;
	}
	#org_structure.tree li a {
		min-width: 37px;
		padding: 2px;
		font-size: 8px;
	}
	#org_structure.tree .grandparent
	{
		font-size:12px;
	}
	/* ---ORGANISATION CHART CSS END --- */

	/* ---GO LIVE TOWN REPORTS CSS START --- */
	.town-reports li a{
		min-width: 25px;
	}
	/* ---GO LIVE TOWN REPORTS CSS END --- */
    
	/* ---Last Updated by --- */
	.unique-last-updated {
        font-size: 13px;
        padding: 6px 10px;
    }	
	/* ---------------------- */
}


/* -----FOR MEDIUM DEVICES----- */
@media (min-width: 600px)
{
	/* ---ORGANISATION CHART CSS START --- */
	#org_structure {
    	display: none;
	}
	#ORG_STR_BLOCK {
    	display: flex;
	}
	#reliability_indices.tree li a
	{
		font-size : 14px;
		padding: 5px 10px;
	}
	#org_structure .RD {
		padding-top: 440px !important;
		left: 18%;
	}
	#org_structure .RD::after {
		height: 440px;
	}
	#org_structure .ED {
		padding-top: 205px !important;
	}
	#org_structure .ED::after {
		height: 205px;
	}
	#org_structure .CHIEF {
		padding-top: 260px !important;
	}
	#org_structure .CHIEF::after {
		height: 260px;
	}
	#org_structure.tree li {
		padding: 20px 1px 0 1px;
	}
	#org_structure.tree li a {
		min-width: 37px;
		padding: 2px;
		font-size: 8px;
	}
	#org_structure.tree .grandparent
	{
		font-size:12px;
	}	
	/* ---ORGANISATION CHART CSS END --- */

	/* ---RELIABILITY INDICES CSS START --- */
	#reliability_indices.tree li a
	{
		font-size : 14px;
		padding: 5px 10px;
	}
	/* ---RELIABILITY INDICES CSS END --- */

	/* ---GO LIVE TOWN REPORTS CSS START --- */
	.town-reports li a{
		min-width: 45px;
	}
	/* ---GO LIVE TOWN REPORTS CSS END --- */
	
	/* ---------CGRF CSS START--------- */
	.cgrf_search_div .ac-container .acc_collapse:checked ~ article.ac-small
	{
		height: 275px;
	}	
	/* ---------CGRF CSS END--------- */
}

/* ----TABLET/LARGE DEVICES---- */
@media (min-width: 768px)
{
	/* ---ORGANISATION CHART CSS START --- */
	#org_structure {
    	display: flex;
	}
	#ORG_STR_BLOCK {
    	display: none;
	}
	#org_structure img
	{
		max-width:50px;
	}
	#org_structure.tree li {
		padding: 20px 4px 0 4px;
	}
	#org_structure.tree li a {
		min-width: 55px;
		font-size:9px
	}
	#org_structure .RD {
		padding-top:380px !important;
		left: 23%;
	}
	#org_structure .ED {
    	padding-top: 200px !important;
	}
	#org_structure .ED::after {
		height: 200px;
	}
	#org_structure .CHIEF {
	    padding-top: 250px !important;
	}
	#org_structure .CHIEF::after {
		height: 250px;
	}
	#org_structure .RD::after{
		height:380px;
	}
	#org_structure .noED > ul:before {
		height: 60px !important;
	}
	#org_structure .noED ul li {
		width: 100%;
	}
	#org_structure .noED ul li ul {
		margin-top: 0px;
	}	
	#org_structure li.parent.ED.ED-CLEAR {
		left: auto !important;
    	position: relative !important;
	}	
	/* ---ORGANISATION CHART CSS END --- */

	/* ---------CGRF CSS START--------- */
	.cgrf_search_div .ac-container .acc_collapse:checked ~ article.ac-small
	{
		height: 250px;
	}
	.CGRF .param {
		margin: 5px;
	}
	/* ---------CGRF CSS END--------- */
}

@media(min-width:992px)
{
	/* ---ORGANISATION CHART CSS START --- */
	#org_structure .RD{
		padding-top:430px !important;
	}
	#org_structure .RD:after{
		height:430px;
	}
	#org_structure img
	{
		max-width:50px;
	}
	/* ---ORGANISATION CHART CSS END --- */

	/* ---------CGRF CSS START--------- */
	#tbl_sort.cgrf_table th {
		white-space: nowrap;
	}
	#tbl_sort.cgrf_table td {
		width: 5%;
	}
	#tbl_sort.cgrf_table td:nth-child(2) {
		word-break: break-all;
	}
	#tbl_sort.cgrf_table td:nth-child(3) {
		width: 20%;
	}
	#tbl_sort.cgrf_table td:nth-child(4) {
		width: 30%;
	}
	/* ---------CGRF CSS END--------- */
}
/* -----DESKTOP RESOLUTIONS---- */

@media (min-width:1200px)
{
	/* ---ORGANISATION CHART CSS START --- */
	#org_structure .RD{
		padding-top:500px !important;
	}
	#org_structure .RD:after{
		height:500px;
	}
	#org_structure.tree li a {
		min-width: 80px;
		padding: 5px 5px;
		font-size: 10px;
	}
	#org_structure img
	{
		max-width:75px;
	}
	/* ---ORGANISATION CHART CSS END --- */

	/* ---RELIABILITY INDICES CSS START --- */
	#reliability_indices .year {	
		width: 50%;
	}
	/* ---RELIABILITY INDICES CSS END --- */

	/* ---GO LIVE TOWN REPORTS CSS START --- */
	.town-reports li a{
		min-width: 60px;
	}
	/* ---GO LIVE TOWN REPORTS CSS END --- */

	/* ---------CGRF CSS START--------- */
	.cgrf_search_div .ac-container .acc_collapse:checked ~ article.ac-small
	{
		height: 180px;
	}
	.CGRF .param {
		margin: 10px 5px;
	}
	/* ---------CGRF CSS END--------- */
}





/* Mobile optimization */
@media (max-width: 768px) {
  .table th,
  .table td {
    padding: 8px;
    font-size: 14px;
  }
  
  .table th {
    white-space: nowrap;
  }
  
  .table-wrapper {
    -webkit-overflow-scrolling: touch;
  }
}