.TABLE_SCHEDULE
{
	border: 1px solid black !important;
	//border-collapse: collapse;
	text-align:left !important;
	table-layout: auto;
	width: 500px;  
}
.TABLE_SCHEDULE th,td 
{
	text-align:left !important;
	border: 1px solid transparent;
	background-color:#ffffff !important;
	border-bottom: 1px solid #f2f2f2;
	font-size: 18px !important; 
}
.TABLE_SCHEDULE tr td:first-child 
{
	width: 40% !important;
}
.TABLE_SCHEDULE tr td:last-child 
{
	width: 50% !important;
}




.DIV_CENTER
{
	width:100% !important; 
	text-align:center !important;
}
.SPAN_BG
{
	background-color:#00bfff !important;
	padding:10px !important;
	margin:5px !important;
	font-size:22px !important;
	color:white !important;
}
.SPAN_STAR
{
	font-size:26px !important; 
	line-height:30px !important; 
	color:#00bfff !important; 
	vertical-align:sub !important;
	font-style: normal !important;
}

.CL_frame1
{
	padding:10px; 
	margin:10px; 
	line-height:30px; 
	font-size:20px;
	width:300px; 
	height:50px;
}


.CL_TXT1
{
	font-size: 125% !important; 
	font-style: normal !important; 
	text-align: justify !important;
	padding:10px !important;
}

.CL_TXT2
{
	font-size: 120% !important; 
	font-style: normal !important; 
	text-align: justify !important;
	padding:10px !important;
}

.CL_TXT3
{
	color:black !important; 
	font-size: 115% !important; 
	font-style: normal !important; 
	text-align: justify !important;
	padding:5px !important;
}
.CL_TXT4
{
	font-size: 110% !important; 
	font-style: normal !important; 
	text-align: justify !important;
	padding:5px !important;
}

.CL_TXT5
{
	font-size: 105% !important; 
	font-style: normal !important; 
	text-align: justify !important;
	padding:5px !important;
}


.CL_P1
{
	font-size: 18px !important; 
}

.CL_TABLE_EVENTS  td
{
	background-color:white !important;
}


.CL_TABLE_FACULTY td
{
	text-align:left !important;
	background-color:white !important;
}


.CL_TABLE_MANAGEMENT tr td:last-child 
{
	text-align:left !important;
}

.CL_TABLE_MANAGEMENT tr td
{
	width: 50% !important;
}

.CL_TABLE_EVENTS tr td:last-child 
{
	text-align:left !important;
	width: 75% !important;
}


@media only screen and (min-width: 758px) 
{
	.CL_CONTAINER
	{
		padding: 30px 30px 30px 30px !important;
		margin: 30px 30px 30px 30px !important;
		width: 95% !important;
	}
}
@media only screen and (max-width: 758px) 
{
	.CL_CONTAINER
	{
		padding: 5px 5px 5px 5px !important;
		margin: 5px 5px 5px 5px !important;
		width: 95% !important;
	}
}
	


@media only screen and (min-width: 758px) 
{
	.CL_CONTAINER_F2
	{
		padding: 10px 10px 10px 10px !important;
		margin: 10px 10px 10px 10px !important;
		width: 95% !important;
	}
}
@media only screen and (max-width: 758px) 
{
	.CL_CONTAINER_F2
	{
		padding: 5px 5px 5px 5px !important;
		margin: 5px 5px 5px 5px !important;
		width: 95% !important;
	}
	.CL_CONTAINER_F2 div
	{
		text-align:center !important;
	}
}
	



.CL_PB {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  margin: 10px;
}

.CL_TABLE_SMALL, .CL_TABLE_SMALL tr, .CL_TABLE_SMALL td 
{
	padding: 2px !important;
	margin: 2px !important;
	border: 1px solid #f2f2f2;
}

.CL_PB {
  border-radius: 5px;
  display:inline-block !important;
  width:100px !important;
  min-width:100px !important;
  text-align: center !important;
}


.CL_PB1 {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 4px 8px;
  font-size: 14px;
  cursor: pointer;
  margin: 6px;
  border-radius: 5px;
  display:inline-block !important;
  width:80px !important;
  min-width:80px !important;
  text-align: center !important;
}

/* Green */
.CL_SUCCESS {
  border-color: #04AA6D;
  color: green;
}

.CL_SUCCESS:hover {
  background-color: #04AA6D;
  color: white;
}

/* Blue */
.CL_INFO {
  border-color: #2196F3;
  color: dodgerblue
}

.CL_INFO:hover {
  background: #2196F3;
  color: white;
}