::after, ::before {
  content: counter !important;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
  border-right: 1px solid #eaeaea;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-right: 1px solid #eaeaea;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  .secondtablewid
	{
	width: 100% !important;
	margin-left: 0% !important;
	}
	.secti
	{
		margin-top: 5% !important;
	}
	.fntopd
	{
		font-size: 18px !important;
	}
	.paincss
	{
		font-size:12px !important;
	}
	

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}
.bkg-green
{
	background-color: lightgreen;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.bkg-cyan
{
	background-color: lightcyan;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.tbl-head
{
	width: 80px;
    background-color: #C0AFE2;
    color: #000;
    font-size: 18px !important;
    text-align: center;
}
.bkg-ot-3
{
	background-color: palegoldenrod;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.bkg-ot-4
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #6a42b5c9;
}
.bkg-ot-5
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #3cc1a2;
}
.day-bkg
{
	color: #000;
    font-weight: 600;
    text-align: center;
    background-color: #eb3f3f59;
    font-size: 17px;
}
/* Second table CSS */
.secondtablewid
{
	width: 130%;
    margin-left: -13%;
    margin-top: 3%;
}
.radiationcss
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #f10a0aab;
}
.medicalcss
{
	background-color: #FFCC00;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.headcss
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #66a103;
}
.day_bkg
{
	color: #000;
    font-weight: 600;
    text-align: center;
    background-color: #0b96caad;
    font-size: 18px;
}
.dentalcss
{
	background-color: #00FFFF;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.paincss
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #0b96cabf;
    font-size: 18px;
}
.gynaecss
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #5313cdc9;
}
.surgicalcss
{
	color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: #006400;
}