/* Font face */
@font-face {
	font-family: 'Noto Sans SC';
	font-display: swap;
	src: url('./../fonts/NotoSansSC-Regular.ttf');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-display: swap;
	src: url('./../fonts/NotoSansTC-Regular.ttf');
}
@font-face {
	font-family: 'mingliu';
	font-display: swap;
	src: url('./../fonts/mingliu/Ming-Lt-HKSCS-UNI-H-03.ttf');
}

/* menu item */
#header .navbar-nav.right .nav-link.min-width { min-width: 80px; }


/* stick footer at bottom */
#content { min-height: calc(100vh - 102px - 123px - 3rem); }


/* programme selection : show number on checkbox */
#apply-programme-selection-table label[for],
#apply-programme-selection-table [type=radio],
#apply-programme-selection-table [type=checkbox] { cursor: pointer; }
#apply-programme-selection-table [type=radio]::before,
#apply-programme-selection-table [type=checkbox]::before {
	background: white;
	border: solid 1px #ced4da;
	border-radius: 100%;
	color: white;
	content: '';
	display: block;
	font-size: .8rem;
	font-weight: bold;
	height: 1.5rem;
	line-height: 1.4rem;
	text-align: center;
	transform: translate(-25%, -25%);
	width: 1.5rem;
}
#apply-programme-selection-table [type=radio]:checked::before { content: '\2713'; }
#apply-programme-selection-table [type=checkbox]:checked::before { content: attr(data-priority); }
#apply-programme-selection-table [type=radio]:checked::before,
#apply-programme-selection-table [type=checkbox]:checked::before { background: #007bff; border-color: transparent; }
#apply-programme-selection-table [type=radio][disabled]::before,
#apply-programme-selection-table [type=checkbox][disabled]::before { background: #e9ecef; }
/* warning message when no programme */
label[for=webform-input-selection] { width: 100%; }


/* declaration : adjust order list spacing */
.webform-col-declaration ol { margin-left: -.5rem; }
.webform-col-declaration li { padding-left: .5rem; }


/* home page */
a.link-login,
a.link-forgot { color: #ee0; }
#home-layout .form-control { background: #eee; }
#home-layout .jumbotron { text-shadow: 1px 1px 2px black; }

body[data-controller=login],
body[data-controller=account],
body[data-controller=register] { background-position: center; background-size: cover; }
body[data-controller=login],
body[data-controller=account] { background-image: url(../img/cover_green.png); }
body[data-controller=forgot],
body[data-controller=register],
body[data-controller=account][data-action=forgot_password],
body[data-controller=account][data-action=verify] { background-image: url(../img/cover_orange.png); }
body[data-controller=account][data-action=ready] { background-image: none; }

body[lang="zh-cn"]	{ font-family: 'Noto Sans SC','mingliu'; }
body[lang="zh-hk"]	{ font-family: 'Noto Sans TC','mingliu'; }
body[lang="en"]		{ font-family: 'Noto Sans TC','mingliu'; }


/* table responsive */
.webform-input-table table { min-width: 900px; }


/* footer */
#footer { background: #333; }
#footer img { height: 60px; }

/* readonly  */
.readonly{ background-color: #e9ecef; }