@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

#custom_content, #custom_content * {
	font-family: 'PT Sans', sans-serif;
}

body [noselect="true"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

body .curvy {
	-webkit-border-radius: 0.15em;
	-moz-border-radius: 0.15em;
	border-radius: 0.15em;
}

body .roundy {
	-webkit-border-radius: 100em;
	-moz-border-radius: 100em;
	border-radius: 100em;
}

.clr {
	width: auto;
	clear: both;
}

desktop {
	display: block;
}

mobile {
	display: none;
}

button,.button {
    border-width: 0px;
    background: #A44B08;
    color: #FFFFFF;
    margin-right: 0.35em;
    opacity: 0.88;
    padding: 0.45em;
	padding-bottom: 0.51em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

button.icon,.button.icon {
    background-repeat: no-repeat;
	background-position: center left 0.45em;
	padding-left: 2.05em;
}

button.grey,.button.grey {
	background: #919FA0;
}

button:hover,.button:hover {
    opacity: 1;
	color: #FFFFFF;
}

section h4 {
	margin-bottom: 0.75em;
}

#custom_content h1 {
	margin: 0;
	font-size: 1.35em;
}

#custom_content h2 {
	margin: 0;
	font-size: 1.25em;
}

.faq h4 {
	margin-top: 0;
}

.isquare_maroon,.isquare_maroon * {
	color: #980000;
}

.isquare_orange,.isquare_orange * {
	color: #E69138 !important;
}

.isquare_green,.isquare_green * {
	color: #6AA84F !important;
}

.isquare_lightblue,.isquare_lightblue * {
	color: #3D85C6 !important;
}

.isquare_blue,.isquare_blue * {
	color: #053DCC !important;
}

.isquare_red, .isquare_red * {
	color: #C20037 !important;
}

.isquare_salmon, .isquare_salmon * {
	color: #FD817B !important;
}

.isquare_fijigreen, .isquare_fijigreen * {
	color: #666603 !important;
}

.isquare_black, .isquare_black * {
	color: #000000 !important;
}

.isquare_navyblue, .isquare_navyblue * {
	color: #0080C7 !important;
}

#custom_content p.caption {
	margin-bottom: 0;
}

#custom_content p.caption_content {
	margin-top: 0.18em;
}

#custom_content p.row {
	margin: 0;
	padding: 0;
}

#disciplines .hm_page_hl_grid {
	width: 100% !important;
}

#disciplines h4 {
	font-size: 1.15em;
	text-align: center;
	padding-top: 0.75em;
}

#disciplines img {
	max-width: 100% !important;
}

.tab_item {
	float: left;
	padding: 0.65em;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
}

.tab_wrapper.small .tab_item {
	padding: 0.25em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	font-size: 0.85em;
}

.tab_item:first-child {
	border-width: 0px !important;
}

.tab_item:hover {
	color: #0080C7;
}

.tab_item {
  display: inline;
  position: relative;
}

.tab_item.active {
  background-color: #e5e5e5;
  cursor: default !important;
  color: inherit !important;
}

.tab_item:hover:after {
  border-top: #c0c0c0;
}

.tab_item.active:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e5e5e5;
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 40%;
}

.tab_content {
	padding-top: 0.75em;
	margin-right: 0.75em;
	margin-top: 0.75em;
}

.tab_footer {
	padding: 0.50em;
}

.data_table {
	width: 100%;
	margin: 0;
}

.data_table tr td {
	border-width: 0px;
	background: none !important;
}

.data_table tr.heading {
	background: #F1F2F6;
}

.data_table tr.heading td {
	font-weight: bold;
	text-align: center;
	font-size: 1.15em;
}

.data_table tr td.calign {
	text-align: center;
}

.data_table tr td.ralign {
	text-align: right;
}

.data_table h3 {
	color: #ff6c0c;
	font-size: 1.25em;
}

.video_player,.video_player iframe {
	width: 90%;
	height: 400px;
}

.center_padding {
	text-align: center;
	padding: 2em
}

.simple_table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1em;
}

.simple_table tr.heading {
	background: #F2F2F2;
}

.simple_table tr.heading td {
	font-weight: bold;
}

.simple_table td {
	border: 1px solid #E5E5E5;
	padding-left: 0.75em;
	text-align: left;
}

.simple_table td p {
	margin: 0;
	padding: 0;
}

.data_table_light {
	width: 360px;
	height: auto;
	border-collapse: collapse;
}

.data_table_light caption {
	text-align: left;
	padding-bottom: 0.45em;
	font-weight: bold;
}

.data_table_light tr th {
	border: 1px solid #ddd;
	background: #eee;
}

.data_table_light tr th,.data_table_light tr td {
	border: 1px solid #ddd;
	padding: 0.25em;
	padding-left: 1em;
	text-align: left;
}

.data_table_light tr th:nth-child(2),.data_table_light tr td:nth-child(2) {
	text-align: center;
}

.data_table_light tr td:nth-child(1) {
	width: 200px;
}

.overview_course {
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	background: #F1F2F6;
	cursor: default;
}

.overview_course .left_col {
	width: 12em;
}

.overview_course td {
	border-top: 1px solid #efd68f !important;
}

.overview_course tr:first-child td {
	border-top-width: 0px !important;
}

.overview_course td label {
	padding-right: 1em;
}

.overview_course tr:hover svg {
	fill: #A44B08;
}

.overview_specialization .left_col {
	width: 12em;
}

.structure_course .left_col {
	width: 10em;
}

.structure_credit {
	width: 25em;
}

.members_panel_wrapper {
	border: 0px solid red;
	padding-top: 1em;
}

.member_row {
	float: left;
	width: 12em;
	border: 0px solid red;
	text-align: center;
	height: 13.75em;
	margin-bottom: 1em;
}

.member_photo img {
	width: 125px;
	height: 125px;
}

.member_name {
	color: #191410;
	font-size: 0.95em;
	padding-top: 0.35em;
}

.member_affiliation {
	/*color: #C20037;*/
	font-size: 0.85em;
}

.members_comment_wrapper {
	
}

.member_comment_row {
	margin-bottom: 1em;
}

.subtle_italic {
	color: #403F3B;
	font-style: italic;
	padding-top: 1em;
}

.isquare_sidebar_image img {
	width: 85%;
	max-width: 100%;
}

.isquare_sidebar_link_wrapper {
	margin-top: 1.45em;
	text-align: center;
}

.isquare_sidebar_link {
	padding: 0.52em;
	padding-bottom: 0.57em;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
	text-align: center;
	background: #3E3838;
	color: #EEEEEC;
}

.isquare_sidebar_link:hover {
	background: #1F252D;
	color: #E8E7E3;
}