.home-news {
	margin-right: 360px;
}

.home-title {
	background-color: #EAEAEA;
	padding: 5px;
}

.home-title h2{
	margin: 0;
	font-size: 16px;
}

.homebg {
	background-color: #660000;
	background-image: -webkit-linear-gradient(top, #CC0000 0%, #880000 16px, #660000 92px, #660000 100%);
	background-image: linear-gradient(to bottom, #CC0000 0%,#880000 16px,#660000 92px,#660000 100%);
	background-repeat: repeat-x;
	box-shadow: 0px 0px 5px #000;
	margin-bottom: 15px;
    padding: 5px;
    border-radius: 4px;
}

.homebg-row {
	border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D0D0D0;
	padding: 5px 0;
}
.homebg-title h2 {
	font-size: 15px;
	color: #ffffff;
	margin: 5px 0;
}

.homebg-title h2:hover {
	color: #00ffff;
}

.homebg-list .row-item{
	background-position: 6px 50%;
    background-repeat: no-repeat;
    background-size: 32px;
}

.homebg-list .list-inner {
    padding-left: 45px;
}

.homebg-post {
	padding: 5px;
	font-size: 14px;
	line-height: 1.8em;
}

.half-left {
	width: 46%;
	float: left;
}

.half-right {
	width: 46%;
	float: right;
}

.slide-items {
  max-width: 640px;
  position: relative;
  margin: auto;
}

.slide-item {
  display: none;
}

.slide-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.slide-prev:hover, .slide-next:hover {
  background-color: rgba(0,0,0,0.5);
}

.slide-image {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.slide-text {
	color: #fff;
	font-size: 15px;
	padding: 8px 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}

.slide-dots {
	text-align: center;
	margin: 10px 0;
}

.slide-dot {
	font-size: 8px;
	color: #fff;
	cursor: pointer;
	height: 15px;
	width: 15px;
	line-height: 15px;
	margin: 0 2px;
	padding: 1px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.slide-active, .slide-dot:hover {
	background-color: #717171;
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

.slide-prev, .slide-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

.news-block {
	width: 100%;
	display: block;
	position: relative;
}

.news-image {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.home-app {
	width: 340px;
	float: right;
}

.duong-lich {
	width: 60%;
	height: 150px;
	float: left;
	text-align: center;
	border: 1px solid #D0D0D0;
	border-radius: 6px;
	padding: 5px 0;
	color: #000088;
}

.am-lich {
	width: 38%;
	height: 150px;
	float: right;
	text-align: center;
	border: 1px solid #D0D0D0;
	border-radius: 6px;
	padding: 5px 0;
	color: #000088;
}

.thang-duong {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.ngay-duong {
	font-size: 80px;
	font-weight: bold;
	padding: 5px 0;
}

.thu-duong {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.thang-am, .nam-am, .ngay-canchi, .gio-canchi {
	font-size: 14px;
	font-weight: bold;
}

.ngay-am {
	font-size: 30px;
	font-weight: bold;
}

.gio-duong {
	font-size: 20px;
	font-weight: bold;
}	
.am-duong-lich {
	width: 100%;
	height: 160px;
}
.sao-van-su {
	margin: 10px 0;
}

.sao-tot {
	color: #EE0000;
}

.sao-xau {
	color: #000088;
}

.cat-1 {
	background-color: #000000;
}

.cat-2 {
	background-color: #000088;
}

.cat-3 {
	background-color: #880000;
}

.cat-4 {
	background-color: #FF8800;
}

.cat-5 {
	background-color: #DD0000;
}

.thu-bay {
	color: #FF8800;
}
.chu-nhat {
	color: #DD0000;
}

.luc-su-panel {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 4px;
	align-items: center;
	margin: 10px 0px;
}
.luc-su-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.luc-su-icon {
	float: left;
	width: 40px;
	height: 40px;
	border: 2px #D0D0D0 solid;
	border-radius: 40px;
}

.luc-su-name {
	font-family: Arial;
	font-size: 10px;
	margin: 5px 0;
}

.app-block {
	margin: 10px 0;
}

.app-title {
	background-color: #EAEAEA;
	padding: 5px;
}
.app-title h2 {
	margin: 0;
	font-size: 16px;
}
.app-post {
	font-size: 14px;
	line-height: 1.5em;
}

.app-items {
	width: 100%;
	margin: 10px 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	align-items: center;
}

.app-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.app-item, .app-name, .app-icon, a:hover {
	text-decoration: none;
}

.app-icon {
	width: 48px;
	height: 48px;
	padding: 10px;
	border: 1px solid #F0F0F0; 
	box-shadow:  0 10px 10px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	border-radius: 10px;
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E0E0E0 100%); 
}
.app-name {
	margin: 10px 0;
	font-size: 12px;
	font-weight: bold;
}

#lich-hon-nhan {
    -webkit-mask-image: url(/pwa/icons/hon-nhan.svg);
    mask-image: url(/pwa/icons/hon-nhan.svg);
}

#lich-kinh-doanh {
    -webkit-mask-image: url(/pwa/icons/kinh-doanh.svg);
    mask-image: url(/pwa/icons/kinh-doanh.svg);
}

#lich-khoi-cong {
    -webkit-mask-image: url(/pwa/icons/khoi-cong.svg);
    mask-image: url(/pwa/icons/khoi-cong.svg);
}

#lich-xuat-hanh {
    -webkit-mask-image: url(/pwa/icons/xuat-hanh.svg);
    mask-image: url(/pwa/icons/xuat-hanh.svg);
}

#lich-cung-le {
    -webkit-mask-image: url(/pwa/icons/cung-le.svg);
    mask-image: url(/pwa/icons/cung-le.svg);
}

#lich-an-tang {
    -webkit-mask-image: url(/pwa/icons/an-tang.svg);
    mask-image: url(/pwa/icons/an-tang.svg);
}


@media (max-width: 720px) {
.home-news, .home-app {
	width: 100%;
	margin: 0px;
	float: none;
}
	
}