/**
 * Technetium Angular Framework - Base
 * @version 3.0
 * @author Tony Leung <tony.leung@cruzium.com>
 * @copyright Copyright (c) 2023 Cruzium Digital
 * @license https://opensource.org/license/gpl-3-0/ GPL-3.0-only
 */

[ng-click]:not([disabled]) {
	cursor: pointer;
}

.ng-touched.ng-invalid {
    --bs-border-color: var(--bs-danger);
}

/* consultation-appointment-list */
consultation-appointment-list ul {
	padding:0;
	border-top:1px solid #DDDDDD;
	list-style:none;
}
consultation-appointment-list li {
	margin:0;
	border-bottom:1px solid #DDDDDD;
}
consultation-appointment-list .btn {
	width:100%;
	position:relative;
	padding:1rem;
	border:none;
	border-radius:0;
	font-size:inherit;
	font-weight:normal;
	color:inherit;
	text-align:left;
	display:block;
}
consultation-appointment-list .btn:hover,
consultation-appointment-list li.active > .btn {
	background:rgb(111,176,89,0.1);
	color:inherit;
}
consultation-appointment-list .btn:focus:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:var(--wcag-focus-outline);
}
consultation-appointment-list .btn > * {
	margin-left:4.5rem;
	line-height:1.75rem;
	display:block;
}
consultation-appointment-list .btn > .date {
	width:3em;
	float:left;
	margin:0;
	font-size:1rem;
	color:var(--bs-primary);
	text-align:center;
	display:flex;
	flex-direction:column;
}
consultation-appointment-list .btn > .date > .day {
	font-size:2rem;
	font-weight:500;
	line-height:2.5rem;
}
consultation-appointment-list .btn > .time {
	display:flex;
}
consultation-appointment-list .btn > .time > .icon {
	margin-left:auto;
}
consultation-appointment-list .btn > .title {
	overflow:hidden;
	font-size:1.375rem;
	font-weight:500;
	line-height:2.5rem;
	text-overflow:ellipsis;
	white-space:nowrap;
}
consultation-appointment-list .btn > .venue {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
consultation-appointment-list .btn > .venue > .dot {
	width:1rem;
	height:1rem;
	border-radius:50%;
	display:inline-block;
}
consultation-appointment-list .no-records {
	min-height:15rem;
	padding:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	
}