#body{
	background-color: #e9ecef;
}
.row{
	margin:0px;
	    
}
table{
	   
    background-color: gainsboro;
    font-size: 16px;
}
.NotAttained{
	background-color: #ec4848c4;
    padding: 5px;
    color: #000;
    border-radius: 10px;
    
}
 .tableData{
 font-size: 16px;
    font-weight: 200;
 }  
.attained{
	background-color: #bff0a8;
    padding: 5px;
    color: #000;
    border-radius: 10px;
  	
}
.table-bordered {
    border: 4px solid #ddd;
}
.panel-danger{
	    box-shadow: 0px px 6px 6px #8c9bb9;
   background-color: #a5a6a64f;
    border-radius: 17px;
    
}
#panelbody{
	    background-color: #2e3f4d;
	     border-radius: 10px;
		color: #fff;
}
/* #mainDiv { */
/*     height: 1000px; */
/* /*    overflow-y: none; */ */
/*     } */
.heading1{
	padding: 12px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    border-radius: 10px 2px 10px 2px;
    background: #000;
    text-shadow: 2px 2px #000;
}
.remark{
	padding: 5px;
    width: 100%;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    border-radius: 46px;
    background: rgb(42, 51, 60);
/*     background-color: #3ba353; */
    font-size: 14px;
    margin:4px;
    
}
.tableStyle{
	background-color: brown;
}
.tableTitle{
background-color: brown;
    padding: 7px;
    
}
.remarkBground
{
	    background-color: #bff0a8;
    border-color: #d5cecf;
    border-width: 1px;
    padding: 10px;
}
.headingPanel{
background-color: #b4bbc1;
margin-bottom: 30px;
}
.headingPanelRowGreen
{
	background-color: #b4bbc1;
margin-bottom: 30px;
}
.headingPanelRowRed
{
	background-color: #cd3e3e;
margin-bottom: 30px;
}
.counterPanelGreen{
	margin-bottom: 20px;
    margin-top: 26px;
    background-color: #34ae50a6;
}
.counterPanelRed{
	margin-bottom: 20px;
    margin-top: 26px;
    background-color: #ec4848bd;
}
.valueBox
{
text-align: center;
    width: 100%;
    background: #fff;
   padding: 8px;
    margin: 5% 0;
/*     -webkit-box-shadow: 0 6px 6px 6px #d7d8da; */
    -moz-box-shadow: 0 6px 6px 6px #d7d8da;
/*     box-shadow: 0 6px 6px 6px #8c9bb9; */
    border-radius: 10px;
}
.panel{
	margin:0px;
}
/* .panelGreen */
/* { */
/* 	 background-color: green; */
/* } */
/* .panelRed */
/* { */
/* 	 background-color: red; */
/* } */
.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 660px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}