@charset "UTF-8";
/* CSS Document */

/* html {
	scroll-behavior: smooth;
	scroll-padding-top: 4em;
} */

/*Initial SLO Paragrah when nothing is selected*/
.discip_container h1 {
	font-size: 1.2em;
	margin-bottom:2em;
	
}
.slo_intro_txt p {
	margin-bottom:2em;
}

/*Hide Green Dropdown in Large Screens*/

/*TABS*/

div.tabs-content div.content ul.list-chevrons li a:hover {
text-decoration-color: #0070C9;	
}

#mainContent li.tab-title {
	border-top-left-radius: 1em !important;
	border-top-right-radius: 1em !important;
	border: 1px solid #000 !important;
	border-bottom: none !important;
	background-color: #F1F1F1 !important;
}
#mainContent li.active {
	outline: 1px solid #FFF;
	color: #000 !important;
	background-color: #FFFFFF !important;
}
#mainContent li.tab-title > a {
	background-color: unset !important;
	font-size: 1em;
	padding: .75em .75em;
}
div.tabs-content {
	border-top: 1px solid #000 !important;
}
div.content h2 {
	font-size: 1.2em;
	margin-bottom: 1em;
}
/*TABS IN MOBILE AND TABLET*/
@media screen and (max-width: 71em) {
	div#panel1 {
		border:none !important;
	}
	#mainContent li.tab-title {
		border:1px solid #CCCCCC !important;
		background-color: unset !important;
		width: 100%;
		/*margin-bottom:1em !important;*/
	}
	#mainContent li.active {
		outline: none;
		border:1px solid #CCCCCC !important;
		border-top-left-radius: 1em !important;
		border-top-right-radius: 1em !important;
	}
	#mainContent li.active a {
		background-color: #F1F1F1 !important;
		border-top-left-radius: 1em !important;
		border-top-right-radius: 1em !important;
	}
}
/*MOBILE TREATMENT*/
@media screen and (max-width: 39.9375em) {
	/*TAB TREATMENT*/
	div.guided_content_div  li.tab-title {
		width: 100% !important;
		margin: 0em !important;
		margin-top: .15em !important;
		text-align: center;
	}
	/*SEARCH AGAIN BUTTON*/
	div.courseDsplyBtn span.button, div.discDsplyBtn span.button {
		width: 100%;
		margin-top: 2em;
	}
	/*Search Field Options*/
	div.dataTables_length {
		text-align: left !important;
	}
	div.dataTables_length label select:first-child {
		width:25%;
	}
	div#DataTables_Table_0_filter label:first-child {
		text-align: left;
	}
}


/*Left Side Vertical border between divs in desktop mode*/
@media screen and (min-width: 64em) {
	div.discip_container {
		border-left:1px solid #D3D3D3;
		padding-left:2em;
	}
}

/*Disciple Text Above Table Results*/
.slo_discipline_reveal {
	font-weight: bold;
}

/*Green Button Styling*/
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
	display:inline-block !important;
	position:static !important;
	margin-right: 1em !important;
}

/*Styling of main SLO div*/
div.discip_container {
	min-height: 300px;
	margin-top:1em;
	margin-bottom:1em;
}

/*Discipline List*/
div.slo_dpt_cntr ul {
	margin-bottom: 0em;
	margin-left: 0em;
}
div.slo_dpt_cntr {
	padding: 2em;
}

/*Search button padding*/
span.nw_search_btn {
	margin-bottom: 2em;
}

/*Discipline Column Top Padding*/
.columns.large-4.medium-4 {
	margin-top:2em;
}

/*Table Data formatting*/
table.slo_data_table_class tbody tr td {
	vertical-align: top;
}

/*PAGINATION*/
div#slo_discipline .pagination, div#slo_discipline_courses .pagination {
	margin-top: 1em;
	margin-bottom: 1em;
}
div#slo_discipline .pagination li a, div#slo_discipline_courses .pagination li a {
	display:inline-block;
	background-color: #CCC;
}
div#slo_discipline .pagination li a:hover, div#slo_discipline .pagination li.active a, div#slo_discipline_courses .pagination li a:hover, div#slo_discipline_courses .pagination li.active a{
	background-color: #333;
	color: #FFF
}

/*Mobile Styling*/
@media screen and (max-width: 39.9375em) {
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
	margin-left:.25em !important;
	margin-top:.25em !important;	
}