@charset "utf-8";
/* CSS Document */
body{
/*	background-color:#A45D33;*/
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
/*	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";*/
}
.hover1:hover{
	background-color: #a1e7ff;
}
.footer{
	width: 100%;
	height: 50px;
}
.boxCach{
	width: 100%;
	height: 50px;
}
.right{
	text-align: right;
}
.more-info{
	width: 100%;
	height: 30px;
/*	background-color: antiquewhite;*/
}
.more-info p{
	padding-right: 10px;
	padding-top: 2px;
}
.setbutton button:active{
	background-color: white;
}
.setbutton button:focus{
	outline: 0;
}
.box-top{
	width: 100%;
	height: 110px;
/*	border: 1px solid white;*/
/*	margin-bottom: 200px;*/
/*	background-color: #009344;*/
	margin-top: 0px;
}
::-webkit-scrollbar {
    width: 0px;
	height: 1px;
}
.box-top-right{
	width: 100%;
	background-color: #009344;
/*
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-radius: 10px;
*/
}
.box-top-left{
	background-color: #009344;
	width: 110px;
	width: 0px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	margin-right: 5px;
	border-radius: 10px;
	border: 3px solid #009344;
}

.box-top-left img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.seen{
	width: 100%;
	height: 50px;
/*	border-bottom: 2px solid white;*/
}
.seen p{
	font-size: 40px;
	margin-top: 16px;
/*	padding-top: 10px;*/
	color: white;
}
.object{
	width: 100%;
	height: 50px;
}
.object p{
	color: white;
	margin-top: 0px;
}
.tenCuaHang{
	width: 100%;
	height: 50px;
/*	border: 1px solid#009344;*/
}
.tenCuaHang p{
	margin-top: 0px;
	padding-top: 7px;
	color: white;
	font-size: 35px;
}
.tel{
	width: 100%;
	height: 25px;
/*	border: 1px solid white;*/
}
.tel p{
	color: white;
	margin-top: 10px;
}
.diaChi{
	width: 100%;
	height: 35px;
/*	border: 1px solid white;*/
}
.diaChi p{
	color: white;
	margin-top: 0px;
}
.box-bot{
	width: 100%;
	height: 100px;
	border: 1px solid green;
	margin-top: 5px;
	background-color: #009344;
}
.left-img{
	margin-left: 0px;
	width: 20%;
	height: auto;
}
.right-text{
	width: 80%;
}
.line{
	display: flex;
	width: 100%;
	height: auto;
}
.menu{
	display: block;
	height: auto;
}
.block{
	display: block;
}

.marginbottom{
	margin-bottom: 3px;
}
.center{
	text-align: center;
}
.flex{
	display: flex;
}
.menu2{
	display: grid;
	width: 100%;
	height: auto;
	background-color: #009344;
	margin-bottom: 20px;
	grid-template-columns: 19% 19% 19% 19% 19%;
	grid-template-rows: auto;
	grid-gap: 1%;
	
}
.menu2 button{
	width: 100%;
	height: 45px;
	border: 1px solid #21409a;
/*	background-color: #21409a;*/
	background-color: #EDEDED;
	color: black;
	margin-top: 3px;
	border-radius: 5px;
	margin-left: 2.5%;
}
.menu2 button:hover{
	background-color: #8288F8;
}
.menu2 button:active{
	background-color: #BCBCBC;
}
.menu2 button:focus{
	outline: 0;
}
.menu2 p{
	color: white;
	font-size: 70px;
	margin-top: 0px;
	margin-bottom: 0px;
}
a{
	text-decoration: none;
	color: black;
}
a:hover{
	text-decoration: none;
	color: black;
}
hr{
	height: 3px;
	background-color:#9A9A9A;
	line-height: 0;
	border: 1px solid #DBDBDB;
}





.bx{
	width: 100%;
	height: 50px;
}
#trang-thai-hoat-dong-cot{
	width: 30px;
	height: 30px;
	background-color: green;
	margin-left: 10%;
	margin-right: 10%;
	border-radius: 30px;
	margin-top: 1%;
	margin-bottom: 1%;
}

.left-text{
	height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 20%;
}
.left-text p{
	font-size: 20px;
	margin-top: 5px;
}
.right-box{
	height: 40px;
	padding-right: 10px;
	margin-right: 10%;
	margin-bottom: 10px;
	background-color:#111111;
	border-radius: 10px;
}
.right-box p{
	font-size: 25px;
	margin-top: 0px;
	padding-top: 7px;
	color: #16D001;
/*	color: #4369b5;*/
}
.info{
	width: 100%;
	height: auto;
	display: block;
	margin-top: 10px;
}
.info-left{
	width: 40%;
	height: auto;
	text-align: right;
}
.info-right{
	width: 58%;
	height: auto;
	text-align: right;
}
.tencot{
	width: 100%;
	height: 10%;
	background-color: black;
	background-color: #b53c33;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 15px;
}
.tencot p{
	font-size: 20px;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
}
.trang-thai{
	width: 100%;
	height: 50px;
}
.trang-thai p{
	margin-top: 5px;
	font-size: 30px;
	color: white;
}
.show{
	width: 100%;
	height: auto;
	text-align: center;
	display: grid;
	margin-left: 5px;
	margin-right: 5px;
}
.show-cot{
	width: 100%;
	height: auto;
	background-color: #C8C8C8;
/*	background-color: #ffc35a;*/
	border-radius: 20px;
}
.small-text{
/*	border: 1px solid black;*/
	margin-top: 2px;
}
.small-text p{
	font-size: 15px;
	margin-top: 0px;
}
.back{
	width: 100%;
	height: 30px;
}
.back button{
	width: 70px;
	height: 30px;
	background-color: #21409a;
	color: white;
	border: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.back button:focus{
	outline: 0;
}
.back button:active{
	background-color: aliceblue;
}
.bgdam{
	background-color: #2f4a65;
	color: white;
}
.bgnhat{
	background-color: #475562;
	color: white;
}
.seen2 p{
	margin-top: 26px;
}
.btnBackx{
	width: 100%;
/*	margin-left: 5px;*/
	text-align: left;
	background-color: none;
}
.btnBackx button{
	width: 100px;
}
.btnBack button{
	width: 100px;
}
.xanhdam{
	background-color: #004643;
	color: white;
}
.xanhnhat{
	background-color: #abd1c6;
	color: black;
}
.xam{
	background-color: #A4A4A4;
	color: black;
}
.xanhlacay{
	background-color: #1BE013;
	color: black;
}
.boxHidden{
	display: none;
}
.btnThem button{
	
}
.btnSua button{
	background-color: #ff8e3c;
	color: #0d0d0d;
	border: 0px solid #0d0d0d;
	border-radius: 5px;
}
.btnSua button:hover{
	background-color: #f9bc60;
}
.btnXacNhan button{
	background-color: #f25042;
	color: white;
	border: 0px solid #0d0d0d;
	border-radius: 5px;
}
.btnXacNhan button:hover{
	background-color: #f66458;
}
.btnPrimary button{
	background-color: #007bff;
	color: white;
}
.btnPrimary button:hover{
	background-color: #0069d9;
}
.btnSecondary button{
	background-color: #6c757d;
	color: white;
}
.btnSecondary button:hover{
	background-color: #5a6268;
}
.btnSuccess button{
	background-color: #28a745;
	color: white;
}
.btnSuccess button:hover{
	background-color: #218838;
}
.btnDanger button{
	background-color: #dc3545;
	color: white;
}
.btnDanger button:hover{
	background-color: #c82333;
}
.btnWarning button{
	background-color: #ffc107;
	color: #343a40;
}
.btnWarning button:hover{
	background-color: #e0a800;
}
.btnInfo button{
	background-color: #17a2b8;
	color: white;
}
.btnInfo button:hover{
	background-color: #138496;
}
.btnLight button{
	background-color: #f8f9fa;
	color: #343a40;
}
.btnLight button:hover{
	background-color: #e2e6ea;
}
.btnDark button{
	background-color: #343a40;
	color: white;
}
.btnDark button:hover{
	background-color: #23272b;
}
.btnDisable button{
	background-color: #B3B3B3;
	color: white;
}
.setBtn button{
	border: 0px;
	border-radius: 10px;
	height: 40px;
/*	margin-left: 5px;*/
}
.setBtn button:focus{
	outline: 0;
}
.color1{
	background-color: #7addff;
}
.color2{
	background-color: #92d0e9;
}
.color3{
	background-color: #a1e7ff;
}
.color4{
	background-color: #dff2ff;
}
.color5{
	background-color: #f8f9fa;
}
.color6{
	background-color: #6c757d;
	color: white;
}
.tieuDe{
	text-align: center;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid white;
/*	background-color: aquamarine;*/
}
.tieuDe p{
	font-size: 25px;
	margin-top: 0px;
	padding-top: 8px;
}
.rowx{
	display: flex;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid white;
}
.rowx p{
	margin-top: 15px;
	margin-left: 10px;
}
@media only screen and (min-width: 1081px) and (max-width:1366px){
	.show{
		text-align: center;
		margin-left: 2.6%;
		display: grid;
		grid-template-columns: 300px 300px 300px 300px;
		grid-template-rows: auto;
		grid-gap: 20px;
	}
	.menu2{
		display: grid;
		width: 100%;
		height: auto;
		background-color: #009344;
		margin-bottom: 20px;
		grid-template-columns: 9% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
		grid-template-rows: auto;
		grid-gap: 1%;
	}
	.tencot p{
		font-size: 25px;
		margin-top: 0px;
		padding-top: 5px;
		color: white;
	}
	.rowx{
		height: 50px;
		border-bottom: 2px solid white;
	}
	.rowx p{
		margin-top: 15px;
		margin-left: 10px;
	}
}
@media only screen and (min-width:1367px) and (max-width:1920px){
	.show{
		height: auto;
		margin-left: 25px;
		grid-template-columns: 250px 250px 250px 250px 250px 250px;
		grid-template-rows: auto;
		grid-gap: 40px;
		grid-column-gap: 3%;
		grid-row-gap: 40px;
		margin-left: 3.2%;
		margin-bottom: 20px;
	}
	.menu2{
		display: grid;
		width: 100%;
		height: auto;
		background-color: #009344;
		margin-bottom: 20px;
		grid-template-columns: 9% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
		grid-template-rows: auto;
		grid-gap: 1%;
	}
}
@media only screen and (min-width:1921px){
	.show{
		margin-left: 25px;
		grid-template-columns: 250px 250px 250px 250px 250px 250px;
		grid-template-rows: auto;
		grid-gap: 40px;
		grid-column-gap: 3%;
		grid-row-gap: 40px;
		margin-left: 3.2%;
		margin-bottom: 20px;
	}
	.menu2{
		display: grid;
		width: 100%;
		height: auto;
		background-color: #009344;
		margin-bottom: 20px;
		grid-template-columns: 9% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
		grid-template-rows: auto;
		grid-gap: 1%;
	}
}
@media only screen and (min-width: 320px) and (max-width:1080px){
	.show{
		grid-template-columns: 49% 49%;
		grid-template-rows: auto;
		grid-column-gap: 1%;
		grid-row-gap: 10px;
		height: 2350px;
		height: auto;
/*		background-color: antiquewhite;*/
	}
	.show-cot{
		width: 100%;
		height: 430px;
		height: auto;
		background-color: #C8C8C8;
		border-radius: 20px;
/*		margin-left: 10%;*/
/*		border: 2px solid black;*/
	}
	.tencot{
		height: 80px;
	}
	.tencot p{
		font-size: 35px;
		margin-top: 0px;
		padding-top: 20px;
		color: white;
	}
	.info{
		width: 100%;
		height: auto;
		display: block;
		margin-top: 10px;
/*		background-color: aqua;*/
	}
	.info-left{
		width: 40%;
		height: 80px;
		text-align: right;
	}
	.info-right{
		width: 58%;
		height: auto;
		text-align: right;
	}
	.left-text{
		height: 40px;
		margin-top: 10px;
		margin-bottom: 10px;
	/*	border: 1px solid red;*/
		text-align: left;
		padding-left: 20%;
	}
	.left-text p{
		font-size: 25px;
		margin-top: 20px;
	}
	.right-box{
		height: 80px;
		padding-right: 10px;
		margin-right: 10%;
		margin-bottom: 10px;
		background-color:#111111;
		border-radius: 10px;
	}
	.right-box p{
		font-size: 40px;
		margin-top: 0px;
		padding-top: 15px;
		color: #16D001;
	}
	.box-top{
		width: 100%;
		height: auto;
		margin-top: 0px;
	}
	.box-top-right{
		width: 100%;
		background-color: #009344;
/*
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		border-radius: 10px;
*/
	}
	.tenCuaHang{
		width: 100%;
		height: auto;
/*		border: 1px solid#009344;*/
	}
	.tenCuaHang p{
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		color: white;
		font-size: 50px;
	}
	.tel{
		width: 100%;
		height: auto;
/*		border: 1px solid white;*/
	}
	.tel p{
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		color: white; 
		font-size: 30px;
	}
	.diaChi{
		width: 100%;
		height: auto;
/*		border: 1px solid white;*/
	}
	.diaChi p{
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 20px;
		color: white;
		font-size: 30px;
	}
	.btnBack button{
		width: 200px;
		height: 80px;
	}
	.btnBackx button{
		width: 200px;
		height: 80px;
	}
	.setBtn button{
		border: 0px;
		height: 80px;
		border-radius: 40px;
		font-size: 30px;
	}
	.tieuDe{
		width: 100%;
		height: 100px;
	}
	.tieuDe p{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 45px;
	}
	.rowx{
		height: 100px;
		border-bottom: 3px solid white;
	}
	.rowx p{
		margin-top: 25px;
		margin-left: 10px;
		font-size: 30px;
	}
}