<style>
	#toast-container div
	{
		font-size: 15px !important;
	}

	div.container h4.text-center a:hover
	{
		color: red !important;
	}
	.course-text .breadcrumb
	{
		flex-direction: column 
	}
	.ucat_dates_tables
	{
		border-collapse: collapse;
    	width: 100%;
	}
	.ucat_dates_tables th 
	{
	    padding-top: 12px;
	    padding-bottom: 12px;
	    color: #fff;
	    background-color: #4c4c4c;
	}
	.ucat_dates_tables td, .ucat_dates_tables th, .ucat_dates_tables td, .ucat_dates_tables th
	{
	    border: 1px solid #000;
	    padding: 8px;
	    text-align: center;
	    font-size: 14px;
	    white-space: nowrap;
	}
	.ucat_dates_tables td ul{
		list-style-position: inside;
		padding: 0;
		margin: 0;
	}
	.padding54{
		padding: 54px 0;
	}
	.ucat_dates_tables tr:nth-child(even) 
	{
	    background-color: #f2f2f2;
	}
	.description_points
	{
		padding-left: 18px;
    	padding-top: 0px;
	}
	ul.breadcrumb
	{
		margin-bottom: 0px !important;
	}
	div#course i b a
	{
		color: blue;
	}
	div#course i b a:hover
	{
		color: red !important;
	}



	/********-------- 15 july ---------*********/

	.package {
	    border: 2px solid #ef0404;
	    border-radius: 7px;
	    padding: 25px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    flex-wrap: wrap;
	   /* height: 600px;
	    overflow: hidden;*/
	    transition: all 0.2s linear;
	    /*background-image: linear-gradient(#ef040400, #ef04043b);*/
	}
	.package h1, .package h3, .package h4, .package p{
		width: 100%;
	}

	.package:hover
	{
		box-shadow: 0 10px 20px #a25252 !important;
   		transform: translate3d(0, -3px, 0);
	}

	.package h3 {
	    color: #ef0404;
	    margin: 10px 0;
	}
	.package p {
	    margin: 5px 0;
	}
	.package a {
	    display: inline-block;
	    border: 2px solid #ef0404;
	    padding: 10px 25px;
	    margin: 10px;
	    color: #ef0404;
	    text-transform: uppercase;
	    font-weight: 500;
	}
	.package .discount{
		font-size: 12px;
	}
	.package button
	{
	    display: inline-block;
	    border: 2px solid white;
	    padding: 10px 25px;
	    margin: 5px;
	    color: white;
	    text-transform: uppercase;
	    font-weight: 500;
	    background: red;
	}

	div.container div.padding54 p a:hover
	{
		color: red !important;
	}

	div.package a:nth-child(odd)
	{
		display: inline-block;
	    border: 2px solid white;
	    padding: 10px 25px;
	    margin: 15px;
	    color: white;
	    text-transform: uppercase;
	    font-weight: 500;
	    background: #ef0404;
	}
	.space_top
	{
		margin: 15px 0;
	}

	.table_type
	{
		font-weight: bold;
		color: red;
		font-size: 24px;
	}
	.main_body a
	{
		color: blue !important;
	}
	.main_body a:hover
	{
		color: red !important;
	}
	#upcoming_course_div
	{
		margin-top: 0 !important;
	}
	.pastUcatTable table{
		display: none;
		transition: opacity 2s ease-out;
   		opacity: 0;
	}
	.pastUcatTable table.display{
		display: table;
		opacity: 1;
	}
	.showHide{
		cursor: pointer;
	}
	.showHide i{
		transition: all 0.2s linear;
	}
	.showHide i.rotate{
		transform: rotate(180deg);
	}
	.pastUcatTable {
	    margin: 25px 0;
	    box-sizing: border-box;
	}
	.paddingRL{
		padding: 0 15px;
	}

	@media only screen and (max-width: 767px){
		.ucat_dates_tables{
			margin: 0 5px;
		}
		.table-responsive{
			border: none;
		}
	}
</style>