/* VERINFO applicant-cdu.css CDU Customisations (20/08/2025 15:02:00) */

/*
 * This stylesheet contains additional or overridden CSS rules 
 * for the Applicant Portal pages in the CDU GEN2 project.
 */

/* Main Styles for Applicant Portal */
body {
	color: #211645 !important;
	font-family: "Open Sans", helvetica, arial, sans-serif;
	/*
		primary: #211645
		secondary: #007a87
	*/
}

a {
	color: #007a87;
}

a:hover {
	color: #007a87;
	text-decoration: underline;
}

a:active {
	color: #033940;
}

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

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

.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 #007a87;
	background-color: #007a87;
	border-color: #007a87;
}

.sidebar[data-bs-color="cdu-primary-blue"]:after,
.bootstrap-navbar[data-bs-color="cdu-primary-blue"]:after {
	background: #211645;
}

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

.sidebar .nav .nav-item .nav-link:hover,
.sidebar .nav .nav-item.active .nav-link {
	color: #211645;
	text-decoration: none;
}

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

.sidebar-mini .sidebar:hover .sidebar-wrapper > .nav .nav-item.active a:focus p,
.sidebar-mini .sidebar .sidebar-wrapper > .nav li > a:focus:hover p {
	color: #211645 !important;
}

.cc-ws-btn-sidebar {
	background-color: #211645 !important;
}

.cc-ws-btn-sidebar:focus {
	box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #211645;
	background-color: #211645;
}

.cc-ws-header-icon {
	color: #007a87;
}

.cc-section-header::before {
	color: #007a87 !important;
	content: "\f111" !important;
}

.cc-home-pg-link {
	border: solid 3px #007a87;
	color: #007a87 !important;

}

.cc-home-pg-link:hover,
.cc-home-pg-link:focus {
	background-color: #007a87;
}

.cc-user-info-icon {
	color: #007a87;
}

.cc-ap-step-card-mob .carousel-control-prev-icon,
.cc-ap-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='%23007a87' 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-ap-step-card-mob .carousel-control-next-icon,
.cc-ap-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='%23007a87' 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-ap-step-card-mob ol.carousel-indicators li,
.cc-ap-step-card-tablet ol.carousel-indicators li {
	background: #007a87;
}

.cc-ap-step-card-mob ol.carousel-indicators li.active,
.cc-ap-step-card-tablet ol.carousel-indicators li.active {
	background: #007a87;
}

.cc-ap-step-card-mob ol.carousel-indicators li.selected,
.cc-ap-step-card-tablet ol.carousel-indicators li.selected {
	background: #007a87;
}

.cc-ap-step-container a:focus {
	box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.3rem #007a87;
}

.cc-ap-step-container-current a:focus {
	box-shadow: 0 0 0 0.125rem #f4f8fc, 0 0 0 0.3rem #007a87;
}

.cc-ap-step-container-current {
	border-left: #007a87 solid 0.5rem;
	box-shadow: 0 0 0 3px #007a87;
}

.cc-ap-step-container-current-mob {
	box-shadow: 0 0 0 3px #007a87;
}

.cc-ap-step-container-current-tablet {
	box-shadow: 0 0 0 3px #007a87;
}

.cc-ap-step-node {
	color: #007a87;
}

.cc-ap-step-node-join {
	background-color: #007a87;
}

/* Not overridden, but required to ensure disabled node styles are preserved */
.cc-ap-step-node-disabled {
	color: #71706d;
}

/* Not overridden, but required to ensure disabled node styles are preserved */
.cc-ap-step-link-disabled {
	font-weight: normal !important;
	color: #71706d;
}

/* Not overridden, but required to ensure disabled node styles are preserved */
.cc-ap-step-node-join-disabled {
	background-color: #71706d;
}

.cdu-insignia {
	filter: brightness(20);
}

.cdu-secondary {
	color: #007a87;
}

.main-panel .content {
	min-height: calc(100vh - 150px);
}

.footer {
	height: 85px;
}

/* Styles for password requirements popup container */
#div-password-requirements {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 250px;
	max-width: 350px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	z-index: 10;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/*Triangle pointer for password box*/
#div-password-requirements::after {
	content: "";
	position: absolute;
	top: 20px;
	left: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #f9f9f9;
}

#div-password-requirements::before {
	content: "";
	position: absolute;
	top: 19px;
	left: -12px;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-right: 12px solid #ccc;
}

/* Responsive positioning for password requirements on small screens */
@media (max-width: 767px) {
	#div-password-requirements {
		position: absolute;
		top: 105%;
		left: 0;
		margin-top: 5px;
		min-width: calc(100% - 30px);
		max-width: calc(100% - 30px);
		margin-left: 15px;
		margin-right: 15px;
		background: #f9f9f9;
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 10px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.15);
		z-index: 10;
	}

	#div-password-requirements::before {
		content: "";
		position: absolute;
		top: -10px;
		left: 20px;
		border-width: 0 10px 10px 10px;
		border-style: solid;
		border-color: transparent transparent #ccc transparent;
	}

	#div-password-requirements::after {
		content: "";
		position: absolute;
		top: -9px;
		left: 21px;
		border-width: 0 9px 9px 9px;
		border-style: solid;
		border-color: transparent transparent #f9f9f9 transparent;
	}
}
/* Align password requirement text with icons */
#div-password-requirements li i {
	vertical-align: middle;
}
.cc-password-requirement-text {
	vertical-align: middle;
}

/* Supporting Document Required indicator */
.cc-document-required-key:before {
   content: "*";
   color: #dc3545;
   font-weight: 900;
}

.cc-document-required-key:empty:after {
   content: "Supporting documentation is required";
}

@media (max-width: 575px) {
   .cc-document-required-key {
   	margin-top: .5rem!important;
   }
}