/* css table in page step5.php */

.table{

  width: 100%;

  border-collapse: collapse;

  border-radius: 6px 0px 6px 6px ;

  background-color: #fff;

  color: #003d66;

  margin-top: -5px;

  margin-bottom: 7px;

}



.table td,.table th{

  padding:12px 15px;

  text-align: center;

  font-size:16px;

  color: #003d66;

  border: none;

  /* border-radius: 6px; */

}



.table th{

  color: #fff;

  background-color: #003d66;

}



.background{

    border-radius: 0 0 6px 6px;

    /* padding-bottom: 10px; */

    background-color: #fff;

    text-align: center;

    box-shadow: 1px 1px 5px rgb(88, 88, 88);

}



.table tbody tr:nth-child(even){

	background-color: #fff;

}



/*responsive*/

@media(max-width: 995px){

	.table thead{

		display: none;

	}



	.table, .table tbody, .table tr, .table td{

		display: block;

		width: 100%;

	}

	.table tr{

		margin-bottom:8px;

        border-radius: 5px;

        margin-top: 5px;

	}

	.table td{

		text-align: right;

		padding-right: 23%;

		/* text-align: right; */

		position: relative;

        border: 1px solid #b3c5cf;

        border-radius: 5px;

		/* height: 60px; */

}



.null{

	height: 40px;

}

	.table td::before{

		content: attr(data-label);

		position: absolute;

		right:0;

		width: 50%;

		padding-right:10px;

		font-size:15px;

		font-weight: bold;

		text-align: right;

   

	}

}



@media(max-width: 540px){



	.table td{

		text-align: right;

		padding-right: 37%;

		/* text-align: right; */

		position: relative;

        border: 1px solid #aabeca;

	}

	.table td::before{

		content: attr(data-label);

		position: absolute;

		right:0;

		width: 40%;

		padding-right:10px;

		font-size:15px;

		font-weight: bold;

		text-align: right;

	}

}

/* css table in page step5.php */