
/*
#main-menu li a{text-transform: uppercase;}
.product-title a {
	white-space: nowrap;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
	display:inline-block;
	text-transform: uppercase;
	font-size: 13px;
}
*/

/* manual  */
ul li.registeraccount-icon {
	background: url(images/adduser-16-icon.png) no-repeat;
	padding: 0 0 0 18px;
}

/* Top bar */
.topbar-right{
	float: none;
}
.topbar-right .topbar-mid{

}

/* sidebar widget */
.right-truy-xuat-nhanh a.btn{
	 color:#fff; 
}

/* main menu */
#main-menu{
	width:100%;
}
#main-menu li a{
	color:#000;
        font-family:Arial;
} 
/*
#main-menu li#menu-item-106 {
	font-size: 11px;
}
*/
ul#main-menu>li{
	background-color: #f5f5f5;
}
ul#main-menu>li>a{
	width:220px;
	border: 1px dotted #b2b2b2;
}

#main-menu li#menu-item-106 a{
	
}

ul#main-menu>li>a{
	background: url(images/darkdotsv.png) repeat-y right !important;
	text-transform: uppercase;

}

#main-menu li a{
	text-transform: uppercase;
	
	background: url(images/darkdots.png)  repeat-x bottom !important;
	background-color: #fff !important;
	
	
}

#main-menu li a{
	/*background: url(images/darkdotsv.png) repeat-y right !important;*/

}

#main-menu li ul {
	z-index: 9999 !important;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
	border-bottom: 7px solid;
}

#main-menu li li a:hover,
#main-menu li li:last-child li a:hover {
	background: url(images/darkdots.png) #f9f9f9 repeat-x bottom !important;
}


#main-menu li li:last-child a:hover,
#main-menu li li:last-child li:last-child a:hover {
	background: #f9f9f9 !important;
}

.menu-top .container{
	width:100%;
}

.menu-top .sub-menu {
	
}



.menu-top .navbar-header .navbar-toggle span.icon-bar{
	background-color: #80b600;
}

.product-title a {
	text-transform: uppercase;
	font-size: 13px;
	color:#80b600;
}

.product-title a:hover {
	text-decoration: none;
	color:#80b600;
}

/* Trang Home */
.home .section-mini a.hd-zalo
{
	font-weight:bolder;
	white-space:normal;
}

/* Trang danh sach san pham */

.pagefolio3 .product-title a {
	  white-space: nowrap;
	  overflow: hidden;
	  display:inline-block;
	  text-overflow: ellipsis;
	  -o-text-overflow: ellipsis;
	  width:100% !important;
}

.product-list img{
	border: 2px solid #80b600;
}

.pagefolio3 a.xem-chi-tiet {
	margin-left: 5px;
}

/* Trang chu */
.sp-tieubieu .product-price{
	margin-bottom: 4px;
}
.sp-tieubieu .product-title{
	margin-bottom: 4px;
}
.sp-tieubieu img.full-image{
	border: 2px solid #80b600;
}
p.product-button{
	margin-left: 0px !important;
	width: 100%;
}

/*Trang chi tiet san pham */

.sanpham-attr .stitle{
	color: #008000;
	text-transform: uppercase;
	font-size: 15px;
}

.page-content .chitiet-sanpham p{
	margin-bottom: 5px;
}

p.sanpham-attr{
	margin: 10px 0px 0px 0px !important;
	line-height:20px;
}

.product-single-content .price-now{
	color:#f00;
}

.product-single-content .slides img{
	border: 2px solid #80b600;
}

.product-title, .product-price{
	text-align: left;
}

.product-single-content .col2 .des{
	margin-bottom: 5px !important;
}

.single-sanpham .chitiet-sanpham table tr td.canh-trai{
	text-align: left;
}

/* Trang gio hang */
/*
.gio-hang table tr.tong-cong td{
	color:#f00;
}

.gio-hang table tr th{
	font-weight: bold;
}

.gio-hang table tr td a.ten-san-pham:hover{
	text-decoration: none;
	color:#f00;
}
*/
.gio-hang .qty-table .qty-fields .qty-text{
	height:27px;
}
.page-content input[type="text"], .page-content input[type="password"]
 {
	/*width: 50%;*/
	color: #000 ;
}

.value-info{
	display: inline-block;
	margin-left: 5px;
}
.key-info{
	width:130px;
	display: inline-block;
}

/* Trang dang ky */
.form-type .form-group .show-err{
	margin-top:-20px;
	padding-left: 5px;
	color:#f00;
	display:none;
}

.form-type .form-group .show-err.more-text{
	margin-top:0px;

	display:inline-block;
}



.form-type .form-group .is-err{
	display:block;
}

.dang-ky-page .page-content textarea{
	width:100%;
}

/* Trang dang ky */
.formdangnhap p.login-username input{
	margin-bottom: 0px;
}
.formdangnhap p.login-password input{
	width:50%;
	margin-bottom: 0px;
}

/* Trang KTNN cat */
.ktnn-cat .ibox{
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}
.ktnn-cat .ibox .ibox-content{
	background-color: #99da59;
	color: inherit;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ffd503;
	color:#fff;


	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50%;

  /* Firefox 1-3.6 */
  -moz-border-radius: 50%;
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 50%;

}

.ktnn-cat .ibox .ibox-content h4{
	text-align: center;
}

.ktnn-cat .ibox .ibox-content a 
{
	text-decoration: none;
	color: #fff ;
	text-align: center;
	text-transform: uppercase;

}

.ktnn-cat .ibox .ibox-content a:hover
{
	color:#ffff99; /*f0f8ff;*/
} 

/* Trang KTNN list cat post */
.ktnn-blog .blog-content .block-img1 a img 
{
	border: 2px solid #80b600;
}

ul.inline-row
{
    margin-bottom: 0px !important;
}

.welcome
{
    font-weight: bolder;
    color:#80b600;
}
.welcome p 
{
    margin-top:24px;
    text-align: center;
}
/* chu chay */
div.marquee {
    white-space:no-wrap;
    overflow:hidden;
}
div.marquee > div.marquee-text {
    white-space:nowrap;
    display:inline;
    width:auto;
    
    color: #ff0000;
    font: bold 42px Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px #c5c5c5, 2px 2px #c5c5c5, 2px 2px #c5c5c5;
    transition: all 0.16s ease-out 0s;
}
#page-header.text-trans
{
    margin-bottom: 5px !important;
}

.box-image-logo 
{
    text-align: center;
}
.box-image-logo img 
{
    width:120px;
    height:120px;
}
.list-detail-inline
{
    margin-bottom: 0px !important;
}
.star-point i.fa
{
    color:gold;
}

.custom-form .errorMessage
{
    color:#f00;
}
.custom-form .text_input 
{
    margin-bottom: 2px;
}
.custom-form span.required
{
    color:#f00;
}

.page-content .custom-form textarea
{
    width: 100% !important;
}

/* CSS comment */
.detailBox {
    width:320px;
    border:1px solid #bbb;
    margin:50px;
}
.titleBox {
    background-color:#fdfdfd;
    padding:10px;
}
.titleBox label{
  color:#444;
  margin:0;
  display:inline-block;
}

.commentBox {
    padding:10px;
    border-top:1px dotted #bbb;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:80%;
}
.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
    width:18%;
}
.actionBox .form-group * {
    width:100%;
}
.taskDescription {
    margin-top:10px 0;
}
.commentList {
    padding:0;
    list-style:none;
    /*max-height:200px;*/
    /* overflow:auto; */
}
.commentList li {
    margin:0;
    margin-top:10px;
    list-style-image:none !important;
}
.commentList li > div {
    display:table-cell;
}
.commenterImage {
    width:30px;
    margin-right:5px;
    height:100%;
    float:left;
}
.commenterImage img {
    width:100%;
    border-radius:50%;
}
.commentText p {
    margin:0;
}
.sub-text {
    color:#aaa;
    font-family:verdana;
    font-size:11px;
}
.actionBox {
    border-top:1px dotted #bbb;
    padding:10px;
}

.quick_comment .text-feild
{
    width:100%;
}

.custom-form-1 input.text_input 
{
    width:70%;
}
.custom-form-1 input.full-width 
{
    width:100%;
}
.custom-form-1 .captcha input
{
    width:50%;
}
.field-row.success
{
    background-image: none !important;
    background: none !important;
}

img.hinh-chi-tiet-dt 
{
    width:100%;
}

.timkiem-tem img.hinh-dt
{
    width:100%;
}

.timkiem-tem img.image_hinh_tem 
{
    border:2px solid #80b600;
}

.counter
{
    background-color: #eaecf0;
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.counter-count
{
    font-size: 18px;
    background-color: #00b3e7;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 15px;
    color: #000000;
    line-height: 20px;
}

ul.list-link li 
{
    list-style-image: url(images/list1.png);
    list-style-position: inside;
    line-height: 190%;
}
ul.list-link li a
{
    cursor: pointer;
    color: #231f20;
    font-weight: bolder;
}

.blog-title-fill 
{
    font-size: 20px;
    font-weight:bold;
    background-color: #ffc000;
    color:#fff;
}
.blog-title-level-1
{
    color: #000099;
    font-weight: bold;
    font-size: 20px;
}


@media only screen and (max-width: 900px) {
	#main-menu {
		display: block !important;
	}

	#main-menu li li:last-child a:hover,
	#main-menu li li:last-child li:last-child a:hover {
		/*display: none;*/
	}
	ul#main-menu > li{
		width:100%;
	}

	ul#main-menu > li > a{
		width:auto !important;
	}
	ul.sub-menu{
		display: none !important;
	}

	#main-menu li ul.sub-menu.full-width{
		width: 100%;
	}

	#main-menu li ul.sub-menu.full-width>li{
		width: 100%;
		margin-left: 10px;
	}

	#main-menu li ul.sub-menu.full-width.open-content{
		display: block !important;
		visibility:visible !important;
		position: unset !important;
	}


	#main-menu li ul.sub-menu.full-width.close-content{
		display: none !important;
		visibility:hidden !important;
		position: absolute; !important;
	}
	


	.sf-sub-indicator{
		display: inline-block;
		width:30px;
		height:17px;

	}

        .welcome p 
        {
            margin-top:0px !important;
        }


	
}

@media only screen and (max-width: 767px) {
	.slider{
		display: none !important;
	}

	.cart-top .gio-hang{
		font-size: 11px;
	}

	#loginform input[type="text"],
	#loginform input[type="password"]
	 {
		width: 100%;
	}
}

@media only screen and (max-width: 667px) {
    .col-sidebar{ display:none;}
    div.marquee > div.marquee-text {
        font: bold 23px Helvetica,Arial,sans-serif;
    }

    .menu-top 
    {
        border-top:1px #c5c5c5 dotted;
    }
    
    #dangky-form input 
    {
        width: 100% !important;
    }
    
    #carousel-huong-dan-tem .item .img_huong_dan
    {
        width: 100% !important;
    }
}

@media only screen and (max-width: 479px) {
	.cart-top{
		margin-top: -50px;
	}
}



