/* Technetium PHP Framework version 2.9
   Author: Tony Leung
   E-mail: info@technetium.info */

[ng-click] {
	cursor: pointer;
}

/* ajax-loading */
ajax-loading .ajax-loading {
	min-height:15rem;
	background-image:url(../../../images/ajax-double-ring.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:5rem;
}

/* 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:6.5rem;
	line-height:1.75rem;
	display:block;
}
consultation-appointment-list .btn > .date {
	width:5.5em;
	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;
	
}

/* message-detail */
message-detail .message-title {
	font-size:2rem;
	font-weight:500;
}

/*message-list */
message-list ul {
	padding:0;
	border-top:1px solid #DDDDDD;
	list-style:none;
}
message-list li {
	margin:0;
	border-bottom:1px solid #DDDDDD;
}
message-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;
}
message-list .btn:hover,
message-list li.active > .btn {
	background:rgb(111,176,89,0.1);
	color:inherit;
}
message-list .btn:focus:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:var(--wcag-focus-outline);
}
message-list .btn > * {
	line-height:1.5;
	display:block;
}
message-list .btn > :not(:last-child) {
	margin-bottom:0.75rem;
}
message-list .btn > .header {
	display:flex;
	align-items:center;
}
message-list .btn > .header > .title {
	overflow:hidden;
	margin-right:0.5rem;
	font-size:1.375rem;
	font-weight:500;
	color:var(--bs-primary);
	text-overflow:ellipsis;
	white-space:nowrap;
}
message-list .btn > .header > .status {
	margin-left:auto;
	width:0.75rem;
	height:0.75rem;
	border:2px solid #DDDDDD;
	border-radius:50%;
	background:transparent;
	flex-shrink:0;
}
message-list .btn > .header > .status.active {
	border-color:var(--bs-primary);
	background-color:var(--bs-primary);
}
message-list .btn > .summary {
	white-space:normal;
}
message-list .btn > .time {
	font-size:1rem;
	color:#909090;
}