.logo-tr {
	position: absolute;
	top: 30px;
	right: 50px;
}
.brand-bg {
	background-color: #CF1D49;
}
.hpa-icon {
	width: 37px;
	height: 37px;
	background-image: url('/asset/img/icons.png');
	background-size: 111px 592px;
	display: inline-block;
	margin-left: -10px;
	margin-right: 14px;
}

.custom-icon {
	border-radius:10px;
	width:45px;
	height:45px;
	cursor:pointer;
	border:4px solid #fff;
	box-sizing:border-box;
	padding:6px;
}

.custom-icon-display {
	border-radius:5px;
	width:37px;
	height:37px;
	margin-left:-10px;
	margin-right:14px;
	cursor:pointer;
	box-sizing:border-box;
	padding:6px;
	text-align:center;
}

.checkbox-icon {
	width: 45px;
	height: 45px;
	background-image: url('/asset/img/icons.png');
	background-size: 111px 592px;
	cursor: pointer;
	display: inline-block;
	border: 4px solid #fff;
	box-sizing: border-box;
}

.btn-check:checked + .checkbox-icon, .btn-check:checked + .custom-icon {
	border-color: #0a0;
	border-radius:10px;
}

.hpa-0 {background:none; background-color:#ddd; border-radius: 10px;}
.hpa-1 {background-position: -37px 0px}
.hpa-2 {background-position: -37px -37px}
.hpa-3 {background-position: -37px -74px}
.hpa-4 {background-position: -37px -111px}
.hpa-5 {background-position: -37px -148px}
.hpa-6 {background-position: -37px -185px}
.hpa-7 {background-position: -37px -222px}
.hpa-8 {background-position: -37px -259px}
.hpa-9 {background-position: -37px -296px}
.hpa-10 {background-position: -37px -333px}
.hpa-11 {background-position: -37px -370px}
.hpa-12 {background-position: -37px -407px}
.hpa-13 {background-position: -37px -444px}
.hpa-14 {background-position: -37px -481px}
.hpa-15 {background-position: -37px -518px}
.hpa-16 {background-position: -37px -555px}

.bg-task-gradient {
	background-color: var(--cui-dark, #54227c);
	background-image: linear-gradient(45deg, var(--cui-dark-start, #8D6CA8) 0%, var(--cui-dark-stop, #54227C 100%));
}
.bg-supplier-gradient {
	background-color: var(--cui-dark, #54227c);
	background-image: linear-gradient(45deg, var(--cui-dark-start, #55C0ED) 0%, var(--cui-dark-stop, #00a0e4 100%));
}
.bg-training-gradient {
	background-color: var(--cui-dark, #54227c);
	background-image: linear-gradient(45deg, var(--cui-dark-start, #EE55A8) 0%, var(--cui-dark-stop, #E5007D 100%));
}
.bg-asset-gradient {
	background-color: var(--cui-dark, #54227c);
	background-image: linear-gradient(45deg, var(--cui-dark-start, #6288AA) 0%, var(--cui-dark-stop, #21789C 100%));
}
.bg-document-gradient {
	background-color: var(--cui-dark, #54227c);
	background-image: linear-gradient(45deg, var(--cui-dark-start, #72736C) 0%, var(--cui-dark-stop, #A39e9C 100%));
}