	.dot--jupas {  background: #89c469; }
	.dot--year1 {  background: #964c98; }
	.dot--senioryear {  background: #036d86; }
	.dot--international {  background: #aaaaaa; }
	.dot--mainland {  background: #e0b02f; }
	
	.prog__cell--year1,  .prog__cell--senioryear,  .prog__cell--mainland,  .prog__cell--international{
	  width: 12.51185%;
	  text-align: center;
	}
	
	.prog__table th {
		padding-top: .6em;
	}
	
	.prog__table th.prog_cell--nonjupasheader {
		border:none; background-color:#eee; text-align:center; vertical-align:middle;
		padding: .6em .4em;
	}
	
	.color-green {
	  color: #005800 /*#50984c*/ !important;
	}
	
	.color-magenta {
	  color: #f4a1a1 !important;
	}

	.dot {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;		
	}
	
	/* Faculty column in all Programme For Mainland Students Table*/
	#mainland-programmes-table table.prog__table tbody td.prog__cell--faculty {
		background: #f1e4f1;
	}	
	
	#mainland-programmes-table  table tbody tr + tr >td.prog__cell--faculty,  
	#mainland-programmes-table  table tbody tr + tr >td.prog__cell--category,  
	#mainland-programmes-table  table tbody tr + tr >td.prog__cell--faculty + td {
		border-top: 1px solid #000;
	}
	
	
	#mainland-programmes-table  table tbody td.prog__cell--category {
		/*background-color:rgba(230, 230, 230, 0.3); */
		text-align:center;
	}
	
	#mainland-programmes-table .prog__table td, #mainland-programmes-table .prog__table th {
		padding-left: 0;
		padding-right: 0;
	}

	#mainland-programmes-table .prog__table td sup {
		padding-left: 5px;
	}
	
	#mainland-programmes-table .prog__cell--faculty, #mainland-programmes-table .prog__cell--category {
		width:25%;
	}
	
	.ckec #mainland-programmes-table a[target="_blank"] {
		display: inline;
   }
   
   
	  
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 0.5em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #686868; /*#777;*/
  border-radius: 10px;
}	  

.remark__section >ol, .remark__section >ul {
    font-size: 1.125em;
}

.remark__section ol, .remark__section ul {
    counter-reset: item;
}

.remark__section ol li, .remark__section ul li {
    display: block;
    position: relative;
    padding: 0 0 0 2.22222em;
    margin: 0.5em 0;
}

.remark__section ul li:before {
    content: "•";
    position: absolute;
    left: 0;
}

.remark__section ol li:before {
    content: counters(item,".") ".";
    counter-increment: item;
    position: absolute;
    left: 0;
}

.remark__section ol[type="a"] li:before {
    content: counter(item,lower-alpha) ".";
}

/* Faculty column in Mainland Admission Plan*/
#mainland-admission-plan .prog__table td:first-child, #mainland-admission-plan .prog__table th:first-child {
	padding-left: 1.38889em;
}
#mainland-admission-plan .prog__table td:last-child, #mainland-admission-plan .prog__table th:last-child {
	padding-right: 1.38889em;
}


   
  @media screen and (min-width: 767px) {
	  span.dot {margin: 0 5px;}
  }
	
  
  @media screen and (max-width: 767px) {
  
		/*.prog__table .prog__cell--code, .prog__table .prog__cell--quota, .prog__table .prog__cell--jupas, .prog__table .prog__cell--entry, .prog__table .prog__cell--nonjupas, 
		.prog__table .prog__cell--year1, .prog__table .prog__cell--senioryear, .prog__table .prog__cell--international, .prog__table .prog__cell--mainland 
		{
			padding: 0;
			position: absolute;
		}*/
		
  
		.prog__table .prog__cell .visible-xs-inline-block {
			margin: 0 0 0 0;
		}		
			
		.prog__table .prog__cell--code, .prog__table .prog__cell--quota, .prog__table .prog__cell--jupas, .prog__table .prog__cell--entry, .prog__table .prog__cell--nonjupas, .prog__table .prog__cell--title,
		.prog__table .prog__cell--year1, .prog__table .prog__cell--senioryear, .prog__table .prog__cell--international, .prog__table .prog__cell--mainland 		{
			padding: 2px 0;
			margin-right: 20px;
			clear: none;
		}
  
		.prog__table .prog__cell.prog__cell--jupas, .prog__table .prog__cell.prog__cell--year1, .prog__table .prog__cell.prog__cell--senioryear, .prog__table .prog__cell.prog__cell--international, .prog__table .prog__cell.prog__cell--mainland,  {
			display: none;
		}
  
		.prog__table .prog__cell .dot {
			vertical-align: 1px;
		}  
		
		.prog__table .prog__cell--jupas, .prog__table .prog__cell--year1, .prog__table .prog__cell--senioryear, .prog__table .prog__cell--international, .prog__table .prog__cell--mainland {
			top: 15px;    font-size: 12px;    font-size: 0.75rem;    right: 15px; 
		}
		
		/*.prog__table .prog__cell--quota ~ .prog__cell {*/
		.prog__table .prog__cell--title ~ .prog__cell {
		
			margin-top: 7px;
		}
		
		.prog__table .prog__cell.empty {
			display: none;
		}
		.prog__table .prog__cell--jupas {
			font-weight: 700;
			left: inherit;
		}
		
	  .prog__table .prog__cell--jupas + .prog__cell {
		clear: none;
	  }
		
	  .prog__table .prog__cell--title ~ .prog__cell.first_cat {
		clear: both;
	  }

	  .prog__table .prog__cell--title {
			clear: both;
			width: auto;
			margin-right: 5px;
	  }		
		
	  .prog__table .prog__cell--quota {
		  font-size: 1.125rem;
		}		

	  .prog__table .prog__cell--quota:before {
		  content: '(';
		}		
		
	  .prog__table .prog__cell--quota:after {
		  content: ')';
		}		
		
		
	  #mainland-programmes-table .prog__table td, #mainland-programmes-table .prog__table th, #mainland-programmes-table .prog__table tbody, #mainland-programmes-table .prog__table tr,
	  .prog__table.table2 td, .prog__table.table2 th, .prog__table.table2 tbody, .prog__table.table2 tr	  {
		float: none;
		clear: none;
		width: auto;
	  }		
	  
	  #mainland-admission-plan .prog__table td, #mainland-admission-plan .prog__table th, #mainland-admission-plan .prog__table tbody, #mainland-admission-plan .prog__table tr {
		float: none;
		clear: none;
		width: auto;
	  }		
	  
	  #mainland-programmes-table .prog__table .prog__cell--faculty,  #mainland-programmes-table .prog__table .prog__cell--category{
		width: 25%;
	  }		
	  
	  #mainland-programmes-table .prog__table td, #mainland-programmes-table .prog__table th, 
	  #mainland-admission-plan .prog__table td, #mainland-admission-plan .prog__table th,
	 #mainland-admission-plan table.prog__table td:first-child, #mainland-admission-plan .prog__table th:first-child,
	 #mainland-admission-plan .prog__table td:last-child, #mainland-admission-plan .prog__table th:last-child,
	  .prog__table.table2 td, .prog__table.table2 th, .prog__table.table2 td:first-child, .prog__table.table2 th:first-child,
	 .prog__table.table2 td:last-child, .prog__table.table2 th:last-child
	 {
		display: table-cell; 
		padding-left: 0.3em; padding-right: 0.3em;
		word-wrap: break-word;
	  }		
	  
	  
	  
	  #mainland-programmes-table .prog__table tr,  #mainland-admission-plan .prog__table tr, .prog__table.table2 tr{
		display: table-row; 
	  }		
	  
	  #mainland-programmes-table .prog__table tbody, #mainland-admission-plan .prog__table thead, #mainland-admission-plan .prog__table tbody, .prog__table.table2 thead, .prog__table.table2 tbody {
		display: table-row-group; 
	  }		
	  
	  #mainland-programmes-table {
		  font-size: 1rem;
	  }
	
	.remark__section >ol, .remark__section >ul {
		font-size:  0.875em;
	}
	


	
  }