/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.show-phone {
	display: block !important;
	position: fixed;
	left: 30px;
	bottom: 20px;
	z-index: 999999 !important;
}
.show-phone.show-button1 {
	bottom: 80px;
}
.show-phone.show-button2 {
	bottom: 140px;
}
.show-phone.show-button3 {
	bottom: 200px;
}

.show-phone.show-zalo {
	bottom: 160px;
}

.show-phone.show-mess {
	bottom: 100px;
}

.show-phone.show-map {
	bottom: 40px;
}

.call-phone {
	display: block;
	width: 50px;
	height: 50px;
	opacity: 0.9;
	cursor: pointer;
	position: relative;
	z-index: 999999 !important;
}

.phone-img {
	width: 50px;
	height: 50px;
	z-index: 999999 !important;
	position: absolute;
}

.phone-img img {
	width: 100%;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.img-circle {
	width: 50px;
	height: 50px;
	border-radius: 99%;
	background-color: white;
}

.mytr {
	border-bottom: 1px solid #ccc;
}
.mytr td {
	padding: 15px 0px;
}
.banggia {
	border-collapse: collapse;
}
.banggia th {
	border: 1px solid #999;
	padding: 5px 3px;
}
.banggia td {
	padding: 5px 3px;
	border: 1px solid #999;
	text-align: right;
}
.banggia td:nth-child(1) {
	text-align: left;
	background: #f6f6f6;
}
.banggia .trhead {
	background: #c4f2c3;
}
.banggia .trhead td:nth-child(1) {
	background: #c4f2c3;
}
.myul{
	margin-left: 10px;
}
.myul li{
	margin-left: 10px;
}
.myul li ul{
	margin-left: 20px;
}

/*auto complete form search*/
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}