ul.browserList {	 
    padding: 2px 0 2px;
    padding: 2px 0 2px;
}

ul.browserList li {
    display: inline;
    float: left;
    margin-right: 5px;
    position: relative;
	padding : 0;
	background : none;
    width: auto
}

ul.browserList li:hover {
	background : #e0e0e0;
	transform: scale(1.05);
	transition: all 0.3s ease;
}

ul.browserList li.selected {
	background : #007bff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

ul.browserList li.selected span {
	color: white;
	background: transparent;
	border: none;
}

ul.browserList li a img {
	display : inline-block;
	width : auto;
	height : 45px
}

ul.browserList li span {
    background: #fff;
    border: 0px solid #009;
    border-radius: 2px;
    color: #009;
    display: block;
    font-family: alfa slab one,Arial;
    font-size: 70%;
    font-weight: 700;
    height: 14px;
    letter-spacing: -1px;
    right: -2px;
    position: absolute;
    text-align: center;
    bottom: -2px;
    width: 20px
}

ul.browserList li span.gray {
    border: 1px solid #ccc;
    color: #ccc
}

ul.browserList li span.red {
    border: 1px solid red;
    color: red
}

ul.browserMList li {
    float: left;
    padding-right: 2px;
    width: auto
}

ul.browserSupport li {
    display: inline;
    width: auto
}

#device {
  list-style: none;
  width: 100%;
  height: 12px;
  display: block

}
/* style rieng cho POS*/
@media only screen and (max-width: 1024px) {
	#device {
	  list-style: none;
	  width: 100%;
	  height: 8px;
	  display: block

	}	

	ul.browserList li a img {
		display : inline-block;
		width : auto;
		height : 35px
	}	
}