.nav_bar_en
{
	padding-bottom : 180px;
}

html,body{
	width:100%;
	height:100%;
	background-image:url("../images/coursesBk.jpg");
	background-size: cover;
	background-repeat: no-repeat;
    background-attachment: fixed;

}

#courseDescription_
{
	background-color:rgba(0, 0, 0, 0.6);
	padding:5px 5px 5px 5px;
	width:100%;
}

#courseDescription_ a, a #CourseLink{
	color:white;
}

#courseDescription_ a:hover
{
	color:#bdc3c7;
}

#description_
{
	margin-left: 10px;
	margin-right: 10px;
	color: white !important;
	font-size: 20px;
	padding-bottom:	10px;
	
}


h4
{
	padding-top:5px;
	margin-left:10px;
	/* font-family: 'Exo', sans-serif; */
	font-size: 25px;
	color: white;
	font-weight: 600;
}

#webpage
{
	margin-left:10px;
	font-size:22px;
	color: white;
	margin-top:15px;
	padding-bottom:5px;
}

/* overriding anchor text color to white */ 



#courseTable_{
	background-color: black;
	opacity: 0.7;
	color:#fff;
	
}

.courseTableDiv{
	background-color: rgba(0,0,0,0.4);
	padding: 12px 12px 12px 12px;
}
/* overriding settings for input =search dom elements*/
input[type=search]{
	background: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
}

td, th {
	text-align: left;
	color: #fff;
    padding: 8px;
	font-weight: 200;
}

tbody{
    background: rgba(239, 240, 242,0.5);
	color:black;
	cursor: pointer;
	/* these codes will prevent Text highlighting */
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	
}

#courseTable__paginate a{
	font-size: 16px;
	font-weight: 200;
	color:  #DDD !important;
	border-color: #DDD;
	background-color: rgba(255,255,255,0.3) !important;

}


#courseTable__paginate a:hover{
	font-size: 16px;
	font-weight: 600;
	color: #FFF !important;
	border-color:#FFF;
	background-color: rgba(255,255,255,0.3) !important;

}

#courseTable__paginate .pagination .active a{

	color: #FFF !important;
	border-color:#FFF;

}

#courseTable__paginate .pagination .disabled a{

	color:  rgba(138, 138, 138) !important;
	border-color: rgb(138, 138, 138);

}



/*override text color of Datatables text label infront of search bar text*/
#courseTable__filter{
	font-size: 18px;
	font-weight: 200;
	color:#fff !important;
	
}