@font-face {
	font-family: MMCOFFICE;
	src: url('../fonts/MMCOFFICE-Bold.ttf');
}

@font-face {
	font-family: MMCOFFICE-REG;
	src: url('../fonts/MMCOFFICE-Regular.ttf');
}

@font-face {
	font-family: Pattaya;
	src: url('../fonts/Pattaya-Regular.ttf');
}

body {
	font-family: MMCOFFICE-REG;
	background-color: black;
}

.container {
	width: 100%;
	min-height: 100%;
}

.card {
	margin: 0px auto;
	border: solid 1px #ed0000;
	width: 320px;
	height: 100%;
	background-image: url('../images/bg.jpg');
	background-position: top-left;
	background-repeat: repeat-y;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.card-body {
	width: 320px;
	height: 100%;
	background-image: url('../images/header.jpg');
	background-position: top-left;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #ffffff;
}

.card-logo-section {
	min-height: 88px;
	padding-top: 40px;
	display: flex;
	flex-direction: row;
}

.card-logo-left {

}

.card-logo-center {

}

.card-logo-right {

}

.status {
	font-family: Pattaya;
	margin: 30px auto;
	padding: 10px 20px;
	font-size: 32px;
	border-radius: 20px;
	background-color: #ffffff;
}

.status .text-info {
	color: green;
}

.status .text-danger {
	color: red;
}

.card-photo {
	width: 126px;
	height: 168px;
	border: solid 6px #ed0000;
	box-sizing: border-box;
	background-color: white;
}

#employee-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-title {
	text-align: center;
	margin-top: 20px;
	font-size: 26px;
}

.card-subtitle-primary {
	font-size: 20px;
}

.card-subtitle-secondary {
	font-size: 16px;
}

#notes {
	font-size: 13px;
	padding: 5px;
}

.card-footer {
	width: 320px;
	min-height: 108px;
	background-image: url('../images/footer.jpg');
	background-position: bottom-left;
	background-repeat: no-repeat;
}

.footer-note {
	margin-top: 50px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}