/* VERINFO student-default.css Release: REL22.1.0.3.0.0 (20/07/2020 13:50:00) */
/***UNE version 2448 updated 181120***/
/**********
HTML tags and Bootstrap 4 overrides
**********/

/*	Note: To increase the size of elements globally, just need to alter body font-size here (or just leave body style commented and use the browser font size instead).
	Due to use of rem units the rest of the styles should scale accordingly. */
/*
body {
	font-size: 14px;
}
*/

@media (max-width: 767px) {
	/* Heading sizes for small devices */
	h1, .h1 {
		font-size: 1.35rem;
	}
	
	h2, .h2 {
		font-size: 1.2rem;
	}
	
	h3, .h3 {
		font-size: 1.1rem;
	}
}

@media (min-width: 768px) {
	h1, .h1 {
		font-size: 1.9rem;
	}
	
	h2, .h2 {
		font-size: 1.5rem;
	}
	
	h3, .h3 {
		font-size: 1.15rem;
	}
}

/*	Note: Default Bootstrap 4 table padding was found to be too large for requirements.
	padding: 0.75rem - Bootstrap 4 default.
	padding: 0.45rem - Visually, same row height as Bootstrap 3 (but this looks a bit small due to higher default font height of Bootsrtap 4).
	padding: 0.5rem - Seems to be the best option.
*/
.table td,
.table th {
	padding: 0.5rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

legend,
.legend {
	font-weight: bold;
	font-size: 0.875rem;
}

@media (max-width: 767px) {
	/* Reduce left/right padding on small devices */
	.card {
		margin-left: -30px;
		margin-right: -30px;
		border-radius: 0;
	}

	.card-header {
		padding-bottom: 0.1rem;
	}
}

@media (max-width: 1199px) {
	.card{
		margin-top: -20px;
		margin-bottom: -20px;
	}
}

@media (max-width: 767px) {
	.popover-inner {
	   max-width:75% !important;
	}
	.popover {
	   max-width:75% !important;
	}
}

@media (min-width: 768px) {
	.popover-inner {
	   max-width:55% !important;
	}
	.popover {
	   max-width:55% !important;
	}
}

@media (min-width: 1200px) {
	.popover-inner {
	   max-width:35% !important;
	}
	.popover {
	   max-width:35% !important;
	}
}

/*	Prevents flickering if a popover appears over a triggering hover element
	Also prevents popover from closing immediately on touch devices if the popover appears over the triggering element */
.popover {
	pointer-events: none;
}

/*	Un-comment the following rule set if there are issues scrolling within modals */
/*
.modal {
	overflow-y: auto;
}
*/

/*	Note: Default DataTables sorting icons were not obvious enough for accessibility
	using different font items for up/down and the sort font
	using larger size and bold font
*/
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
    display:none;
}

table.dataTable thead .sorting_desc::after {
    display:none;
}
table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before {
    display:none;
}

table.dataTable thead .sorting_desc::before {
    display:none;
}
/* Show a non-selected up/down indicator */
table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after {
	position: absolute;
	bottom: 0em;
	display: block;
	font-weight: bold;
	font-size: 1.5rem;

	right: 0.5em;
	text-indent: 0.2em;
	content: "\f0dc";
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	opacity: 0.65;
}
/* Show an up arrow */
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::after {
	position: absolute;
	bottom: 0em;
	display: block;
	font-weight: bold;
	font-size: 1.5rem;

	right: 0.5em;
	text-indent: 0.2em;
	content: "\f0d7";
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	opacity: 1;
}

table.dataTable.collapsed th[scope="row"] {
	cursor: pointer;
}

table.dataTable thead > tr > th.sorting::before {
    content: '\f0d8';
}

table.dataTable thead > tr > th.sorting::after {
    content: '\f0d7';
 }

/* Set the navbar links to hidden in mobile/tablet mode when the menu is closed so they can't be tabbed into */
@media (max-width: 991px) {
	.sidebar-wrapper {
		visibility: hidden;
	}

	.nav-open .sidebar-wrapper {
		visibility: visible;
	}	
}

.sidebar .nav .nav-item .nav-link {
	font-size: .85rem;
}
.sidebar .sidebar-wrapper .nav .nav-link p {
	font-size: .85rem;
}

.sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .nav-item .nav-link {
	font-size: .85rem;
}

/**********
Callista classes that extend Bootstrap 4 classes
**********/

/*	The following classes are used to enable easy global customisation of standard form column layouts, both static and updateable (prefix: cc-col-).
	(Note: rs1 = 'right shift 1 column').

	.cc-col-static-left			- extends Bootstrap 4 class .col-sm-4
	.cc-col-static-right		- extends Bootstrap 4 class .col-sm-8
	.cc-col-static-left-rs1		- extends Bootstrap 4 class .col-sm-5 
	.cc-col-static-right-rs1	- extends Bootstrap 4 class .col-sm-7

	.cc-col-input-left			- extends Bootstrap 4 class .col-sm-4
	.cc-col-input-right			- extends Bootstrap 4 class .col-sm-5
*/
.cc-col-static-left,
.cc-col-static-left-rs1,
.cc-col-static-right,
.cc-col-static-right-rs1,
.cc-col-input-left,
.cc-col-input-right {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 576px) {
	.cc-col-static-left {
		/* BS4 .col-sm-4 */
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.cc-col-static-right {
		/* BS4 .col-sm-8 */
		-ms-flex: 0 0 40.666667%;
		flex: 0 0 40.666667%;
		max-width: 40.666667%;
	}

	.cc-col-static-left-rs1 {
		/* BS4 .col-sm-5 */
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	  }

	.cc-col-static-right-rs1 {
		/* BS4 .col-sm-7 */
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.cc-col-input-left {
		/* BS4 .col-sm-4 */
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.cc-col-input-right {
		/* BS4 .col-sm-5 */
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

/* UNE reduce right column, prevent line breaks on small devices*/
    .col-sm-6 {
        width: unset !important;
    }

}

/**********
Styles related to third party software
**********/

/* This fixes an alignment issue with the Light Bootstrap Dashboard PRO datepicker */
.bootstrap-datetimepicker-widget.dropdown-menu.open {
	top: auto !important;
}

/**********
Callista styles to be used throughout application (prefix: cc-)
**********/

.cc-label-static,
.cc-label {
	font-weight: bold;
}

@media (max-width: 575px) {
	.cc-label-static {
		padding-top: 0;
		margin-bottom: 2px; /* Using .1rem caused slight inconsistencies in vertical spacing between label and data for identical elements - using px units instead */
	}

	.cc-btn-instruction-text {
		padding-bottom: 1rem;
	}
}

@media (min-width: 576px) {
	.cc-label-static {
		text-align: right;
	}

	.cc-label {
		text-align: right;
	}

	.cc-btn-container {
		text-align: right;
	}
}

/* Placeholders */
/*
.cc-form-group {}
.cc-form-group-static {}
.cc-input-container {}
.cc-footer {}
*/

.cc-section-header {
	border-top: 1px solid #e7e7e7;
	border-bottom: none;
	margin-top: 35px;
	margin-bottom: 15px;
	padding-top: 1rem;
}

.cc-section {
    padding-bottom: 1rem;
}

.cc-section-header-first {
	margin-top: 0 !important;
}

h2.cc-section-header:before {
	content: none; /*"\f0c8"*/
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	color: #167582;
	margin-right: 0.5rem;
	position: relative;
	bottom: 0.25rem;
	font-size: 0.8rem;
	opacity: 0.5;
}

h2.cc-section-header.cc-data-required:before {
	content: "\f069";
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-right: 0.5rem;
	position: relative;
	bottom: 0.25rem;
	font-size: 0.8rem;
	opacity: 1;
	color: #dc3545;
}

h3.cc-section-header:before {
	content: "\f0c8";
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	color: #167582;
	margin-right: 0.6rem;
	position: relative;
	bottom: 0.25rem;
	font-size: 0.5rem;
	opacity: 0.5;
}

@media (max-width: 767px) {
	h2.cc-section-header:before {
		font-size: 0.6rem;
		bottom: 0.2rem;
	}
	
	h2.cc-section-header.cc-data-required:before {
		font-size: 0.6rem;
		bottom: 0.2rem;
	}
	
	h3.cc-section-header:before {
		font-size: 0.4rem;
	}
}

.cc-list-group {
	margin-top: 1.25rem;
	margin-left: 0.25% !important;
	list-style: decimal inside !important;
}

.cc-list-group-item {
	display: list-item !important;
	padding: .25rem;
}

/*	Standard button spacer to be used with an empty span.
	Note: This was a workaround to achieve the same functionality as hardcoded '  ' text in the html markup
	(which worked well but was obviously not very customisable). Syling actual buttons proved problematic - it was
	causing shifting of button text. An empty span with with this style class offered the best 'drop-in' replacement
	to '  '.
*/
.cc-btn-space {
	margin-right: .48rem;
}

/* Modal footers already have standard Bootstrap button spacing - so remove margin */
.modal-footer .cc-btn-space {
	margin-right: 0;
}

.cc-text-highlight {
	color: #167582; /* Same as Bootstrap 4 .text-info */
	font-weight: bold;
}

.cc-tbl-row-separator {
	border-bottom: 2px solid #dee2e6;
}

.cc-tbl-row-fill {
	background-color: #e9ecef;
}

.cc-tbl-cell-fill {
	background-color: #e9ecef;
}

/*
This will select links which launch modal windows - most often to 'legend' pages displaying
information about statuses, calendars etc. It will attach an icon to the right of the link.
Icons may include: Font "Awesome 5 Pro" f08e or "Font Awesome 5 Pro" f05a or others.
This selector was removed to reduce visual clutter on pages, but is included in case any customer
wants to include it. Warning: re-enabling this selector will alter many links throughout the application. */
/*
a[data-toggle="modal"]:not(.btn):after {
	content: "\f08e";
	font-weight: 400;
	font-family: "Font Awesome 5 Pro";
	padding-left: 5px;

	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
*/

/* To make sure 'modal' icon does not appear on next line (works with above selector) */
/*
a[data-toggle="modal"] {
	white-space: nowrap;
}
*/

a.cc-link-edit:after {
	content: "\f044" !important;
	font-weight: 600 !important;
	font-family: "Font Awesome 5 Pro";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	position: relative;
	bottom: 1px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-link-cancel:after {
	content: "\f05e" !important;
	font-weight: 600 !important;
	font-family: "Font Awesome 5 Pro";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	position: relative;
	bottom: 1px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-conf-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f013" !important;
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-logout-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f2f5";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.cc-textarea-readonly {
	resize: none;
	border: none;
}

.cc-data-required:before {
	content: "*";
	color: #dc3545;
	font-weight: 900;
	line-height: 1;
}

.cc-data-required-key:before {
	content: "*";
	color: #dc3545;
	font-weight: 900;
}
.cc-data-required-key:empty:after {
	content: "Required field";
}

.cc-general-key:before {
	content: "*";
	color: #dc3545;
	font-weight: 900;
}

.cc-general-key-double:before {
	content: "**";
	color: #dc3545;
	font-weight: 900;
}

.cc-invalid-feedback {
	font-weight: bold;
	padding-left: 15px;
}

.cc-invalid-feedback-vertical {
	font-weight: bold;
}

.cc-form-group-compact {
	margin-bottom: 0;
}

.cc-popover-invalid {
	color: white !important;
	background-color: #ff1d61;
}

.cc-popover-body-invalid {
	color: white !important;
}

.cc-popover-arrow-invalid:after {
	border-left-color: #ff1d61 !important;
}

.cc-link-skip-to {
	color: white !important;
	background-color: #ff1d61 !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}

/*
	.cc-modal-lg and .cc-modal-md
	On large screens ensure that modal is not too large by setting fixed width.
	On smaller screens, ensure optimal usage of screen width.
*/
@media (min-width: 1367px) {
	.cc-modal-lg .modal-dialog {
		max-width: 1215px !important;
	}
}
@media (max-width: 1366px) {
	.cc-modal-lg .modal-dialog {
		max-width: 97% !important;
	}
}

@media (min-width: 1200px) {
	.cc-modal-md .modal-dialog {
		max-width: 1000px !important;
	}
}

@media (max-width: 1199px) {
	.cc-modal-md .modal-dialog {
		max-width: 97% !important;
	}
}

.cc-modal-lg .modal-header i,
.cc-modal-md .modal-header i {
	color: #167582;
	padding-right: 0.5rem;
}

.cc-modal-warning .modal-header {
	color: #ffc107;
}

.cc-modal-warning .modal-header i {
	padding-right: 0.7rem;
}

.cc-modal-danger .modal-header {
	color: #dc3545;
}

.cc-modal-danger .modal-header i {
	padding-right: 0.7rem;
}

.cc-modal-info .modal-header {
	color: #167582;
}

.cc-modal-info .modal-header i {
	padding-right: 0.7rem;
}

.cc-alert-success i {
	font-size: 3rem;
	margin-right: 1.5rem;
}

.cc-alert-info i {
	font-size: 3rem;
	margin-right: 1.5rem;
}

.cc-alert-info a {
    color: #fff;
}

.cc-alert-warning i {
	font-size: 3rem;
	margin-right: 1.5rem;
}

.cc-alert-danger i {
	font-size: 3rem;
	margin-right: 1.5rem;
}

.cc-modal-header-legend {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.cc-modal-header-legend h2:before {
	content: "\f05a" !important;
	font-weight: 400 !important;
	font-family: "Font Awesome 5 Pro";
	text-decoration: none;
	padding-right: 0.7rem;
	color: #167582;
	font-size: 2rem;
	vertical-align: middle;

	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.cc-modal-header-select {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.cc-modal-header-select h2:before {
	content: "\f00e" !important;
	font-weight: 400 !important;
	font-family: "Font Awesome 5 Pro";
	text-decoration: none;
	padding-right: 0.7rem;
	color: #167582;
	font-size: 2rem;
	vertical-align: middle;

	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.cc-modal-progress {
	margin: 14px 14px;
	word-break: break-word;
}

.cc-modal-progress i {
	font-size: 5rem;
	margin: 28px 28px 28px 14px;
}

h2#cc-server-h2-modal-message-heading {
    color: #fff;
}

.cc-inline-progress {
	margin: 1rem 1rem;
}

.cc-inline-progress i {
	font-size: 5rem;
	margin: 2rem;
}

.cc-tbl-row-icon-edit {
	font-size: 1.25rem;
	color: #007bff
}

.cc-btn-icon-left {
	margin-right: .60rem;
}

.cc-btn-icon-right {
	margin-left: .60rem;
}

/* Note: .cc-is-invalid and .cc-is-valid are used by Parsley */
.cc-is-invalid {
	color: #dc3545;
}

.cc-is-valid {
	color: #28a745;
}

/**********
Callista styles specific to web style template (prefix: cc-ws-)
**********/

.cc-ws-card-main-content .card-header {
	background-color: white;
}

.cc-ws-text {
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.logo.cc-ws-text {
    padding: 1rem 2rem;
}

.cc-ws-logo:hover {
	text-decoration: none;
}

.cc-ws-btn-sidebar {
	border-radius: 50% !important;
	color: #FFFFFF !important;
	width: 39px !important;
}

.cc-ws-header-icon {
	color: #167582;
	margin-right: 1rem;
	margin-bottom: 0rem;
}

.cc-ws-breadcrumb-link {
	position: relative;
	font-size: 1rem;
	top: 1px;
	color: #f3f3f3;
}

.cc-ws-breadcrumb-link:hover {
	color: #ffffff;
}

.cc-ws-breadcrumb-current-page {
	color: #f1f1f1;
	position: relative;
	font-size: 1rem;
	top: 1px;
}

.cc-ws-breadcrumb-icon {
	vertical-align: middle;
}

.cc-ws-breadcrumb-link-space {
	margin-right: .48rem;
}

.cc-ws-breadcrumb-curr-space {
	margin-right: .4rem;
}

/* Add a shadow to the mobile/tablet menu toggler to show when it has been tabbed into */
.cc-navbar-toggler {
	padding: 0px;
}

.cc-navbar-toggler:focus {
	box-shadow: 0 0 0 0.1rem #999999;
}

/**********
Callista styles specific to functional areas (prefix : cc-<functional-area>-)
**********/

/* Functional area: 'receipt' */
.cc-receipt-container {
	border: 2px dashed #afafaf;
	padding: 10px;
	margin-top: 25px;
	background-color: #fdf4e6;
}

.cc-receipt-icon {
	font-size: 2rem;
}

/* Functional area: 'activity' */
.cc-activity-col {
	width: 12.5%;
}

.cc-activity-clash {
	background-color: #ffcccc;
}

.cc-activity-avail {
	background-color: #ffcc99;
}

.cc-activity-selected {
	background-color: #CCCC99;
}

/* Functional area: 'home-pg' */
.cc-home-pg-link {
	display: inline-block;
	border: solid 1px;
	width: 24%;
	height: 7.5rem;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	background-color: #e6f2ff;
	color: #167582 !important;
	margin-bottom: 0.55rem;
	margin-right: 0.55rem;
	text-align: center;
	vertical-align: top;
}

/*UNE custom home page link tiles klye 23092024*/
.cc-home-pg-link-description {
    font-size: small;
}

/*remove tile description and align tiles when not on desktop*/
@media (max-width:1440px) {
	.cc-home-pg-link {
		width: 44%;
		margin-right: 0.25rem;
	}
	.cc-home-pg-link-description {
		display: none;
	}

}

.cc-home-pg-link,
.cc-home-pg-link:hover,
.cc-home-pg-link:focus,
.cc-home-pg-link:active
 {
	color: #fff;
}

.cc-home-pg-link:hover, .cc-home-pg-link:focus {
	background-color: #167582;
	color: rgba(255, 255, 255, 0.87) !important;
	text-decoration: none;
}

.cc-home-pg-link-click {
	color: inherit;
	background-color: #167582;
	color: rgba(255, 255, 255, 0.87) !important;
	text-decoration: none;
}

.cc-home-pg-link-icon {
	font-size: 2rem;
	color: inherit;
}

.cc-home-pg-link-text {
	font-weight: 400;
	font-size: 1rem;
	padding-top: 0.8rem;
	margin-bottom: 0;
	font-weight: bold;
	line-height: 1.2rem;
}

/*UNE styles for CTA button klye 21102024*/

#cta {
  position: relative;
  left: 30%;
  margin-bottom: 2rem;
  background-color: #543650;
  border-color: #543650;
  padding: 0.5rem 1rem;
  font-weight: 600; 
}
#cta:hover {
  background-color: #7d5177;
}
#cta:hover {
  background-color: #7d5177;
  border-color: #7d5177;
	}

#cta:active, #cta:focus {
    outline: 0;
    box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.3rem #7d5177;
    background-color: #7d5177;
  border-color: #7d5177; 
	}


/*UNE echo360 video embed class klye 23092024*/
.hm-pg-video {
    min-width: 40%;
    float: left;
    margin-right: 5%;
	}

@media and (max-width:1023px) {
	.hm-pg-video{
    width: 90%;
    float: none !important; 
    margin-right: 5%;
    height: auto;
}

	}


/*UNE sidebar content klye 23092024*/

.card.cc-ws-card-main-contents {
    margin-bottom: 1rem;
	}

h2.sidebar-title {
    color: #7d5177;
    font-size: 1.2rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem;
	}

#key-dates {
    font-size: small;
	}

#key-dates>h3, #notices>h3{
    font-size: inherit;
    color: #7d5177;
	}

@media and (max-width: 1440px) {
#key-dates ul {
	padding-left: 0.75rem;
}

#todo ul {
	padding-left:	unset;
}

}

/* UNE stop home icon from jumping on hover klye 091024*/
.logo-normal:focus {
display: inherit !important;
}


/* Functional area: 'enr-step' */
.cc-enr-step-card-mob, .cc-enr-step-card-tablet {
	margin-bottom: 30px;
}

.cc-enr-step-card-mob .card-body, .cc-enr-step-card-tablet .card-body {
	height: 7.3rem;
}

.cc-enr-step-card-tablet .carousel-control-prev {
	margin-left: -18px;
}

.cc-enr-step-card-tablet .carousel-control-next {
	margin-right: -18px;
}

.cc-enr-step-card-mob .carousel-control-prev-icon,
.cc-enr-step-card-tablet .carousel-control-prev-icon {
	/* Copy of BS4 default with different fill colour */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237d5177' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.cc-enr-step-card-mob .carousel-control-next-icon,
.cc-enr-step-card-tablet .carousel-control-next-icon {
	/* Copy of BS4 default with different fill colour */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237d5177' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.cc-enr-step-card-mob .carousel-indicators,
.cc-enr-step-card-tablet .carousel-indicators {
	margin-bottom: 200px;
	top: 70px;
}

.cc-enr-step-card-mob ol.carousel-indicators li,
.cc-enr-step-card-tablet ol.carousel-indicators li {
	background: #7d5177;/*UNE change carousel colours to UNE eggplant*/
	opacity: 0.3;
	border-top: none;
	border-bottom: none;
	margin-top: 2px;
	width: 40px;
}

.cc-enr-step-card-mob ol.carousel-indicators li.selected,
.cc-enr-step-card-tablet ol.carousel-indicators li.selected {
	background: #7d5177;/*UNE change carousel colours to UNE eggplant*/
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	margin-top: 0px;
}

.cc-enr-step-card-mob ol.carousel-indicators li.active,
.cc-enr-step-card-tablet ol.carousel-indicators li.active {
	background: #7d5177;/*UNE change carousel colours to UNE eggplant*/
	opacity: 1;
}

.cc-enr-step-card-header {
	border-bottom: 1px solid #e7e7e7;
	padding-top: .25rem;
}

.cc-enr-step-container {
	margin-bottom: 0.3rem;
	padding: 0.3rem;
}

.cc-enr-step-container a {
	position: relative;
	bottom: 0.25rem;
	color: #7d5177;
}

.cc-enr-step-container-mob.cc-enr-step-container-current-mob.text-center.carousel-item.active a {
    color: #7d5177; /*UNE set SE step title link on mobile to eggplant*/
    box-shadow: 0 0 0 3px #7d5177 !important;
}

.cc-enr-step-container a:hover {
	color: #7d5177 !important;/*UNE set SE step links hover colour same as non-hover state*/
}


.cc-enr-step-container-current {
	background-color: #f5f1f5;
	border-left: #7d5177 solid 0.4rem;
	box-shadow: 0 0 0 3px #7d5177 !important;
	margin-left: -0.4rem;
}

.cc-enr-step-container-current a {
	font-weight: bold;
	position: relative;
	bottom: 0.25rem;
}


.cc-enr-step-container-mob {
	margin-bottom: 0.3rem;
}

.cc-enr-step-container-current-mob {
	font-weight: bold;
}

.cc-enr-step-container-current-mob .cc-enr-step-wrapper-current-mob {
	border-radius: 7px;
	background: #f5f1f5;
	padding-left: 67px;
	padding-bottom: 22px;
	padding-right: 67px;
	padding-top: 9px;
}

.cc-enr-step-container-tablet {
	margin-bottom: 0.3rem;
	min-width: 140px; /* Note: This may need to change if selfEnrolFunctionality.mdStepsDisplayNum != 3 */
}

.cc-enr-step-container-current-tablet {
	font-weight: bold;
	border-radius: 7px;
	background: #f5f1f5;
	padding-left: 12px;
	padding-bottom: 2px;
	padding-right: 12px;
}

.cc-enr-step-node-link {
	position: relative;
	top: 0;
}

.cc-enr-step-node-link:hover {
	text-decoration: none;
}

.cc-enr-step-node {
	color: #7d5177;
	font-size: 1.7rem;
	position: relative;
	top: 0.1rem;
	z-index: 999;
}

.cc-enr-step-node-join {
	width: 3px;
	height: 25px;
	background-color: #7d5177;
	position: relative;
	left: 25px;
	margin-top: -10px;
	margin-bottom: -8px;
	padding-top: 0;
	padding-bottom: 0;
}

.cc-enr-step-node-join-mob {
	width: 25px;
	height: 3px;
	background-color: #7d5177;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}

.cc-enr-step-node-disabled {
	color: #e7e7e7;
}

.cc-enr-step-link-disabled {
	font-weight: normal !important;
	color: rgba(0, 0, 0, .3) !important;
}

.cc-enr-step-node-join-disabled {
	background-color: #e7e7e7 !important;
}

.cc-enr-step-info i, .cc-enr-step-info i:active {
	color: #7d5177;
}

.cc-enr-step-info {
	font-size: 1.7rem;
}

.cc-enr-step-info:hover {
		opacity: 0.9;
		color: #7d5177;
	}

.cc-enr-step-container-tablet a {
    color: #7d5177;
}

@media (max-width: 767px) {
	.cc-enr-step-info {
		font-size: 1.2rem;
	}
}


.cc-enr-step-key-text {
	position: relative;
	bottom: 0.2rem;
}

.cc-enr-step-sticky {
	position: -webkit-sticky; 
	position: sticky;
	top: 0;
}

.cc-user-info-card-header {
	background-color: white;
	border-bottom: 1px solid #e7e7e7;
	padding-top: 1px;
	padding-bottom: 7px;
	height: 69px;
}

.cc-user-info-icon {
	background-color: white;
	font-size: 3em;
	color: #cce0e5;
	position: relative;
	top: 30px;
	width: unset;
}

.cc-user-info-container {
	margin-top: 9px;
}

/* Functional area: 'scart' ('shopping cart' applications) */
a.cc-scart-action {
	pointer-events: all;
	display: inline-block;
}

a.cc-scart-action:before {
	font-family: "Font Awesome 5 Pro";
	text-decoration: none;
	padding-left: 2px;
	padding-right: 5px;
	font-size: inherit;
	position: relative;
	bottom: 1px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-scart-action:after {
	content: "" !important;
}

a.cc-scart-action-remove:before {
	content: "\f2ed" !important;
	font-weight: 400 !important;
}

a.cc-scart-action-reinstate:before {
	content: "\f3e5" !important;
	font-weight: 400 !important;
}
a.cc-scart-action-end:before {
	content: "\f165" !important;
	font-weight: 400 !important;
}
a.cc-scart-action-default:before {
	content: "\f044" !important;
	font-weight: 400 !important;
}
a.cc-scart-action-make-primary:before {
	content: "\f35b" !important;
	font-weight: 400 !important;
}
a.cc-scart-action-make-not-primary:before {
	content: "\f358" !important;
	font-weight: 400 !important;
}
a.cc-scart-action-undo:before {
	content: "\f0e2" !important;
	font-weight: 800 !important;
}

a.cc-scart-action-delete:before {
	content: "\f2ed" !important;
	font-weight: 400 !important;
}

a.cc-scart-action-edit:before {
	content: "\f044" !important;
	font-weight: 400 !important;
}

a.cc-scart-action-confirm:before {
	content: "\f164" !important;
	font-weight: 400 !important;
}

a.cc-scart-action-discontinue:before {
	content: "\f165" !important;
	font-weight: 400 !important;
}

/* This fixes scroll/zoom issues on iPhone when a sr-only span is within the popover anchor */
a.cc-scart-action-popover {
	position: relative;
}

.cc-scart-add-row {
	border: 2px dashed #dee2e6;
	border-radius: 0.3rem;
	padding: 0.5rem;
	margin-left: 0.45rem;
	margin-right: 0.45rem;
}

.cc-scart-sub-icon {
	color: #167582;
	transform: rotate(90deg);
}

/* Functional area: 'ecaf' (ECAF and SAHLP applications) */
.cc-ecaf-container input:disabled:hover, 
.cc-ecaf-container textarea:disabled:hover,
.cc-ecaf-container button:disabled:hover,
.cc-ecaf-container input:disabled ~ .custom-control-label:hover:after,
.cc-ecaf-container input:disabled ~ .custom-control-label:hover {
	cursor: not-allowed;
}

.cc-ecaf-page-title {
	margin-top: 10px;
	line-height: 1.2;
	font-size: 30.8px;
	margin: 0 0 10px 0;
	font-weight: normal;
}

@media (max-width: 767px) {
	/* Heading sizes for small devices */
	.cc-ecaf-page-title {
		margin-top: 10px;
		line-height: 1.2;
		font-size: 19px;
		margin: 0 0 10px 0;
		font-weight: normal;
	}
}

@media (min-width: 768px) {
	.cc-ecaf-page-title {
		margin-top: 10px;
		line-height: 1.2;
		font-size: 30.8px;
		margin: 0 0 10px 0;
		font-weight: normal;
	}
}

.cc-ecaf-banner-hecs-help {
	background-color: #c50068;
}

.cc-ecaf-banner-fee-help {
	background-color: #0079ad;
}

.cc-ecaf-banner-sa-help {
	background-color: #4a9228;
}

.cc-ecaf-banner {
	margin-bottom: 1rem;
	width: 100%;
}

@media (min-width: 1701px) {
	.cc-ecaf-banner {
		height: 115px;
	}
}

@media (max-width: 1700px) {
	.cc-ecaf-banner {
		height: 100px;
	}
}

@media (max-width: 1530px) {
	.cc-ecaf-banner {
		height: 85px;
	}
}

@media (max-width: 1360px) {
	.cc-ecaf-banner {
		height: 70px;
	}
}

@media (max-width: 767px) {
	.cc-ecaf-banner {
		margin-left: -23px;
		margin-right: -23px;
	}
}

@media (max-width: 620px) {
	.cc-ecaf-banner {
		height: 56px;
	}
}

@media (max-width: 480px) {
	.cc-ecaf-banner {
		height: 40px;
	}

	.cc-home-page-link {
		width: 45% !important;
	}
}

.cc-ecaf-banner-image {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.cc-ecaf-section-header-hecs-help {
	background-color: #c50068;
	color: white;
	font-weight: bold;
	padding: 3px 10px;
}

.cc-ecaf-section-header-fee-help {
	background-color: #0079ad;
	color: white;
	font-weight: bold;
	padding: 3px 10px;
}

.cc-ecaf-section-header-sa-help {
	background-color: #4a9228;
	color: white;
	font-weight: bold;
	padding: 3px 10px;
}

/* This fixes an IE11 display issue */
.cc-ecaf-section-main {
	width: 100%;
}

div.cc-ecaf-row {
	display: table;
	margin-bottom: 10px;
}

div.cc-ecaf-row .cc-ecaf-col-left {
	cursor: default;
	display: table-cell;
	padding-right: 10px;
	min-width: 45px;
}

div.cc-ecaf-row .cc-ecaf-col-right {
	display: table-cell;
	width: 100%;
}

.cc-ecaf-input-small {
	width: 120px;
}

.cc-ecaf-text-small {
	font-size: 85%;
}

.cc-ecaf-img-booklet {
	width: 130px;
}

/*Functional area - esoa
/* Functional area - stats */
.cc-stats-dis-contact-chk {
	margin-left: 1rem;
}

/* functional area - Responsive Datatables */
.cc-datatable-ctrl-btn {
	color: inherit;
	background-color: transparent ;
	box-shadow: 0 0 0;
	border: none;
	left: auto;
	position: absolute;
	right: 0.5rem;
}

td.cc-datatable-mob-ctrl {
	cursor: pointer;
}

@media (min-width: 768px) {
	.cc-datatable-mob-ctrl {
		display: none;
	}
}

/*
- If using new login functionality then include #ccwrapper in stylesheet student-default.css and set display: none; (to prevent flickering on page load). Do not include student-default-login-legacy.css in template.ws.html.
- If using old login functionality then remove #ccwrapper from stylesheet student-default.css and include student-default-login-legacy.css in main template.
*/
#ccwrapper {
	display: none;
}

/**************UNE custom styles version 2448 updated 171120*****************/
/*UNE bootstrap overrides*/

a, .btn-link, .page-link {
	color:  #18676d;
	font-weight: 500;
}

a:hover,.btn-link:hover {
	color:  #18676d !important;
}

.cc-alert-warning {
	color: #0d3f3f;
	background-color: #e4f2f5;
	border: none;
}

.cc-alert-warning>a {
    color: #856404;
}

.page-item.active .page-link {
    background-color: #167582;
    border-color: #167582;
 }

 .page-link:hover {
 	background-color: #167582 !important;
 	color: #fff !important;
 }

 .page-link:active .page-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.3rem #167582 !important;
 }

 a:active {
    color: #167582;
}

a.simple-text.logo-normal.ms-4.cc-ws-logo:hover {
    color: #fff !important;
    border: 2px solid #fff;
    border-radius: 5px;
}

.btn-primary {
	background-color: #167582;
	border-color: #167582;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #18676d;
	border-color: #18676d;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #167582;
    border-color: #167582;
}

.btn-primary:not(:disabled):not(.disabled).hover, .btn-primary:not(:disabled):not(.disabled):hover {
    background-color: #18676d;
}

.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    outline: 0;
    box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.3rem #1d7980;
    background-color: #167582;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #167582;
    border-color: #167582;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #7d5177;
    background-color: #7d5177;
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #D2BCD2;
}

.navbar .navbar-toggler .burger-lines {
    background-color: #eee;
}
/*hide burger lines on desktop*/
@media (min-width: 992px){
	#btn-toggle-nav {
    visibility: hidden;
}
}

a#a-self-enrol-home {
    color: #7d5177;
}

.form-check-input, 
.form-check-input:focus:not(:checked) {
	color: #ffffff;
	border: 2.5px solid #18676d;
	background-color: #ffffff;
}

/*.form-check-input:checked ~ .form-check-label::before {
	color: #ffffff;
	border: 2.5px solid #3375cb;
	background-color: #3375cb;
}*/
.form-check-input:checked {
	color: #ffffff;
	border: 2.5px solid #18676d;
	background-color: #18676d;
}

.form-check-input:focus:not(:checked)~ .form-check-label::before,
.form-check-input:focus~ .form-check-label::before,
.form-check .form-check-input:focus {
	outline: 0;
	box-shadow: 0 0 0 0.125rem #ffffff,0 0 0 0.3rem #18676d;
}

.sidebar .sidebar-wrapper > .nav [data-bs-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
.sidebar .sidebar-wrapper .user .info [data-bs-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper > .nav [data-bs-toggle="collapse"] ~ div > ul > li > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper .user .info [data-bs-toggle="collapse"] ~ div > ul > li > a .sidebar-normal {
  white-space: initial;
  }

.sidebar .sidebar-wrapper .nav .nav-item.active a:focus {
	box-shadow: 0 0 0 0.175rem #18676d, 0 0 0 0.35rem #ffffff;
	outline: none;
}

  .footer .copyright {
  	font-size: x-small;
  }

  .sidebar .sidebar-wrapper {
    padding-bottom: 20px !important;
    }

    .business-info {
    clear: both;
}

/* UNE header logo style*/
img.cc-ws-logo {
    height: 2rem;
    width: auto;
}

@media (max-width: 757px) {
img.cc-ws-logo {
    height: 1rem;
    width: auto;
    margin: 0.01rem;
    position: absolute;
    left: 1rem;
    top: 1rem;
}
}

/*UNE sidebar colour*/
.sidebar[data-color="teal"]:after {
	background-color: #167582;
	opacity: 0.85;
}

/*UNE navbar header colour*/
.navbar {
	background-color: #1b1b1b;
	padding: 0 1.25rem;
}

.navbar .navbar-nav .nav-item .nav-link {
	color: #f3f3f3 !important;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #18676d !important;
}

.sidebar .nav .nav-item .nav-link:hover p,
.sidebar .nav .nav-item .nav-link:hover span {
	color: #18676d;
}

.sidebar .sidebar-wrapper .nav .nav-item [data-bs-toggle="collapse"] ~ div .nav .nav-item:hover .nav-link,
.sidebar .sidebar-wrapper .nav .nav-item [data-bs-toggle="collapse"] ~ div .nav .nav-item:focus .nav-link,
.sidebar .sidebar-wrapper .nav .nav-item [data-bs-toggle="collapse"] ~ div .nav .nav-item.active .nav-link,
.sidebar .nav .nav-item .nav-link:hover {
	background-color: #ffffff !important;
	color: #18676d;
	outline: none;
	opacity: unset;
}

div#cc-ws-navbar-content {
    margin-left: -20rem;
    display: none; /* hidden for testing/video creation until Home link is fixed klye 141024*/
}

ul.nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 1rem;
}

#cc-nav-accordian>ul.nav {
    border-bottom: none;
}

ul#une-links {
    border-top: 1px solid white;
    padding-top: 1rem;
}

#todo ul {
	list-style-type: none;
}

#todo li {
  color: #1d7980;
}

#todo li:first-letter {
	font-weight: bolder;
}

#todo li a {
	font-weight: normal;
}


@media (max-width: 757px) {
img.cc-ws-logo {
    height: 1.5rem;
    width: auto;
    margin: 0.01rem;
}
}
@media (max-width: 577px) {
	img.cc-ws-logo {
    height: 1rem;
    width: auto;
    margin: 0;
}
}



/*----UNE header link icons--*/

a.cc-chat-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f086";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-dates-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f073";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-help-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f128";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-cauc-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f05a";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

a.cc-person-link:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	content: "\f007";
	text-decoration: none;
	padding-left: 5px;
	font-size: inherit;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
/* end UNE icons*/

/*UNE footer and AOC styles*/
.footer {
	color: #767676;
}

.footer-acknowledgment__content {
    clear: both;
    padding: 0 1.5em;
    font-size: 0.8em;
    font-style: italic;

}


img.footer-acknowledgment__image {
    float: left;
    height: auto;
    width: 2.5rem;
    margin: 0.5rem;
}

.footer-acknowledgment__text {
	margin: 0 0 0 2px;
	padding: 3px 0 0;
	color: #1b1b1b;
	font-size: 0.8em;
	line-height: 1.6em;
	font-style: italic;
}


.fas.fa-circle-notch.fa-spin.text-primary {
	color:#167582 !important;
}


.footer nav > ul a:not(.btn) {
	color: #1b1b1b !important;

}

.print-only {
	display:  none;
}