﻿

/*----------------------------------------*/
/*THAY DOI NEN*/

body {
    background-color:#FFFfff;
    color: #333;
}
a{color: #000000;}


/*THAY DOI MAU CHU DAO*/

#nekoToTop {
    background: #222222;
}

#nekoToTop:hover {
    background: #FFFFFF;
}

#nekoToTop i {
    color: #999999;
}

#nekoToTop i:hover {
    color: #999999;
}

#preHeader {
    background-color: #ffffff;
}

#mainHeader {
    background-color: #fefefe;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

/*mau menu khi cuon xuong*/
#mainHeader.fixedHeader, #preHeader.fixedHeader { background:#ffffff; }

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-brand {
    color: #777;
}

.bgMask.opacity-2 {
    background: rgba(0,0,0,0.2);
}

.btn-default {
    background-color: #0f62ac; /*(mau nut learn more mau ke cua menu/ trung voi mau li#icon)*/
    border-color: #cccccc;
    color: #ffffff;
}

/*mau button hover*/
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #4e4d4a;
    border-color: #cccccc;
    color: #ffffff;
}

/*mau background menu cap 2*/
.navbar-nav ul { background: #111111; }

/*mau background hover menu cap 2*/
.navbar-nav ul li a:hover {
    background-color: #0f62ac;
    /*mau chu menu cap 2 hover*/
    color: #fff;
}

@media (min-width: 1025px) {
    #mainMenu .navbar-nav ul li a {
        border-bottom: 1px solid #222;
    }
}

 /*mau iconcontent*/
.content-box.content-style4 h4 i {
    background-color: #4e4d4a;
    color: #fff;
}

.top-body > .container {
    background-color: #ffffff;
}

#article-list > .container {
    background-color: #ffffff;
}

/*border header*/
.section-heading {
    background-image: url(../images/section-bg.png);
    background-repeat: repeat;
    border-left: 3px solid #0f62ac;
}

.metro {
    background: #ffffff;
    color: #333333;
    border: 1px solid #222222;
}
.bg-grey {
    background: #ffffff;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

/*background- boxicon*/
 .service-block-yellow {
    background: #0f62ac;
}

/*mau form control (text)*/
.form-control {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
}

#submit-form .btn {
    background: #111;
    color: #fff;
}

#submit-form .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

/*submit button hover*/
 #submit-form .btn:hover, #submit-form .btn:focus {
    background: #0f62ac;
}

 /*mau footer+ copyright*/
.footer-v1 .footer {
    background: #272727; /*(mau nen footer)*/
    border-top: 5px solid #222222; /*(mau border footer: lay mau ke cua footer)*/
    color: #ffffff;
}

.copyright {
    background-color: #272727;
    color: #ffffff;
}

.footer-v1 .copyright {
	background: #222222;
}

.btn-u, .btn-u-sm {
    background: #0f62ac;
}

/*mau button*/
.btn-u , .btn-u-sm {
    background: #0f62ac;
}

.nav-tabs-two .tab-content {
    border: 1px solid #eee;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
}

.sidebar .btn-default {
    color: #444444;
    background-color: #ffffff;
    border-color: #ccc;
}

.sidebar #submit {
    background: #111111;
    color: #fff;
}

.sidebar #submit:hover {
    background: #0f62ac;
    color: #fff;
}

/*------------mau demo5-----------*/

#mainHeader .navbar-inner { background-color: #0f62ac; }

.header-promo-messages {
    background-color: #f8f8f8;
    color: #0f62ac;
}

.header-promo-messages a {
    background-color: #f8f8f8;
    color: #0f62ac;
}

.header-promo-messages a:hover {
    background-color: #ffffff;
    color: #0f62ac;
}

.btn-primary { background-color: #ff0000; background-image: none; color: #ffffff; }

.btn-primary:hover { background-color: #c0153a; color: #fff; }

.overlay-container .overlay {
    background: none repeat scroll 0 0 #333333;
}

.overlay-container .button {
    color: #fff;
    border: 2px solid #fff;
}
.overlay-container .button:hover {
    background-color: #333333;
    color: #ffffff;
}

.promo-text h1 { border: 2px solid #fff; }

.headerbox {
    border-color: transparent;
    background-color: #ffffff;
}

.boxcontent {
    background-color: #ffffff;
    border-color: transparent;
}

.item-pro .content-item img {
    border: 1px solid #EEE;
    border-bottom: 1px solid #DDD;
}

.add2cart .btnbuy {
    background-color: #575a59;
    color: #ffffff;
}

.add2cart .btndetails {
    background-color: #575a59;
    color: #ffffff;
}


/*THAY DOI MAU CHU*/

a i {
    color: #E4E4E4;
}

ul.quickMenu li a, .contactPhone {
    color: #CECECE;
}

/*mau chu menu*/
.navbar-default .navbar-nav > li > a.active {
    color: #0f62ac;
}

/*mau chu li*/
.navbar-nav ul li a {
    color: #ddd;
}

.top-body a {
    color: #ffffff;
}
.top-body .header-promo-messages a {
    color: #0f62ac;
}
.metro:hover {
    color: #0f62ac;
}

.purchase { color: #ffffff; }
/*mau chu tren parallex*/
.purchase span { color: #ffffff; }

/*mau icon boxicon*/
.easy-block-v3 i { color: #fff; }

 .easy-block-v3 .inner-faq-b h2,
 .easy-block-v3 .inner-faq-b h3,
 .easy-block-v3 .inner-faq-b p { color: #fff; }
 
  .footer-v1 .copyright a {
    color: #999999;
}

.footer-v1 .copyright p {
    color: #eee;
}

.footer-v1 .footer h2 {
    color: #eee;
}

/*border bottom the H footer*/
.headline h2, .headline h3, .headline h4 {
    border-bottom: 2px solid #0f62ac;
}

.headline {
    border-bottom: 1px dotted #e4e9f0;
}

.latest-list li a {
    color: #eee;
}

.latest-list small {
    color: #999;
}

.article h2 {
    color: #555;
}

/*mau chu button trong newlist*/

.top-body .btn-u, .btn-u-sm:hover {
        color: #eeeeee;
}

.top-body .btn-u, .btn-u-sm {
    color: #ffffff;
}

.sidebar .widget-content.tabs .tab-pane ul li span {
    color: #222222;
}

.navbar-nav ul li a{
    color: #fff;
}

/*------------mau chu demo5-----------*/

#header_cart ul li { color: #0F0F0F; }

#header_cart a { color: black; }

.header-promo-messages > i { color: #0f62ac; }

.promo-text { color: #fff; }

.section-title {
    border-color: #0f62ac;/*(mau herder)*/
    background-color: transparent;
    color: #0F62AC;
}

/*mau chu box san pam*/
.description .productTextTitle a {
    color: #555555;
}

.description .productTextTitle a:hover {
    color: #0f62ac;
}

.price .productTextprice {
    color: #555555;
}

.price .productTextprice:hover {
    color: #f55438;
}

.pull-left {
    color: #555555;
}

.breadcrumb li a {
    color: #999999;
}





/*-----------------------------------------------------------*/
/*COLOR DEMO2*/

.isStuck {
    background: #444444; 
    border-bottom: 1px solid #333333;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: #0f62ac;
}

/*button defaulft---lern more*/

#contact #submit:hover, #submit:focus {
    background: #0f62ac;
    /*mau chu submit hover*/
    color: #FFFFFF;
}

/*Owl Carousel*/
.owl-btn { color: #777; background: #f5f5f5; }

.owl-btn:hover {
    background: #0f62ac; /*(mau owl chuyen qua)*/
}

 /*len xuong*/

.btn-u:hover, .btn-u-sm:hover {
    color: #555555;
    background: #0f62ac;
}

/*mau chu menu cap 2*/


.navbar-nav > li.sep:before { color: #eee; }

/*color text button hover*/
.metro:hover {
    color: #0f62ac;
}

/*Easy Block v3 (used for image badges)
------------------------------------*/
   
 /*mau chu footer*/
.footer a{ color: #ffffff;}

.footer a:hover {
    color: #dddddd;
}





/*---------COLOR DEMO5---------*/

@media only screen and (min-width: 781px) {
    .wsmenu-list li:hover > .wsmenu-submenu { border-top: 1px solid #bebebe; }
}

.overlay-link { background-color: rgba(30,30,30,.5); color: #fff; }

.overlay-bottom, .overlay-to-top, .overlay-top { color: #fff; background-color: rgba(30,30,30,.5); }

.overlay-link i { border: 1px solid #fff; color: #fff; }

.overlay-container .text h3, .overlay-container .text h3 .small { color: #fff; }

.separator:after {
    background: #e8e8e8;
    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(35%,rgba(0,0,0,.09)),color-stop(70%,rgba(0,0,0,.09)),color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.09) 35%,rgba(0,0,0,.09) 70%,rgba(0,0,0,0) 100%);
}

.dark-translucent-bg .separator:after, .default-bg .separator:after, .default-translucent-bg .separator:after, .light.separator:after {
    background: rgba(255,255,255,.5);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(35%,rgba(255,255,255,.5)),color-stop(70%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.5) 35%,rgba(255,255,255,.5) 70%,rgba(255,255,255,0) 100%);
}

p.sale1 { text-shadow: 0.1em 0.1em #3D3D3D; color: #ffffff; }

p.sale2 { text-shadow: 0.1em 0.1em #3D3D3D; border-bottom: 1px #ffffff; color: #ffffff; }



.body-content {
    background-color: #ffffff;
}

.nav-tabs > li.active > a {
    background-color: #0f62ac;/*(mau header tappills)*/
    color: #ffffff;
}

.add2cart .btndetails:hover {
    background-color: #0f62ac;
    color: #ffffff;
}

/*-----------mau chu menu---------*/
.wsmenu-list li:hover > a {
    color: #ffffff;
}

.wsmenu-list > li > a {
    color: #E5E5E5;
}

#header_cart_link { background: url(/images/bag.jpg) no-repeat right; color: #0f0f0f; }

.cart-actions button, .cart-actions .btn-cart, .cart-actions .wishlist {
    color: #444444;
}




/*--------------COLOR DEMO3---------------*/ 

.aside .categories {
    background-color: #ffffff;
}

.subMenu_level-02, .subMenu_level-03 {
    background: #ffffff;
    border-top: 1px solid #0f62ac;
}

.wrapper {
    background-color: #222222;
    border-bottom: 1px solid #0f62ac;
}
.bx-wrapper .bx-viewport {
    background-color: #ffffff;
}

/*__dong tieu de cua table__(mau ke cua body-content)*/
.table > thead > tr > th {
    border-bottom: 1px solid #eaeaea;
    background-color: #eaeaea;
}

/*__thuoc tinh hover khi chon dong__(mau ke cua mau body-content nhat hon mau tieu de table)*/
.table-hover>tbody>tr:hover {
    background-color: #ffffff;
}

/*........shop-checkout-payment.........
__mau nen cua fieldset__(mau ke cua mau top-body)*/
fieldset {
    background-color: #efefef;
}

ul.menu_horizontal > li > ul#sub_menu {
    background-color: #0f62ac;
    border-top-color: #0f62ac;
}

/*mau cuon menu kovis*/
#wrapper.fixedHeader {
    background: rgba(255,255,255,0.95);
    background: rgba(11,11,11,0.95);
}

/*/. mau cuon menu kovis*/
.navbar-nav ul li.hover > a { color: #fff; }

li#mui_ten:before {
    border-color: transparent transparent #0f62ac;
}

li#icon {
    background-color: #0f62ac;/*(mau ke cua menu/ co the trung voi mau boder)*/
}

.wrapper_search_box {
    background-color: #0f62ac;/*(mau ke cua menu co the trung voi mau li#icon)*/
}

.icon_search:hover {
    color: #0f62ac !important;
}

.icon_search {
    background-color: #333333;
}

.section-title-v2 {
    border-color: #0f62ac;
    background-color: #0f62ac;
    padding: 4px 20px 0 20px;
}

.brand {
    background-color: transparent;
    border-top: 2px solid #ffffff;
}
a.link, .link {
    color: #0f62ac;
}

.headerbox3 {
    background-image: url('../../images/bgh3_1.png');
    background-repeat: no-repeat;
}

.nav > li > a:hover {
    background-color: #0f62ac;/*(mau header hover tappills)*/
    color: #ffffff;
}

.box_statistisc .title {
    background: #0f62ac; /*(mau noi bat tren footer)*/
    color: #ffffff;
}

.box_statistisc .number {
    background: #0f62ac; /*(mau noi bat tren footer)*/
    color: #ffffff;
}

.prHeader {
    border-top: 3px solid #0f62ac;
}

.add2cart .btnbuy:hover {
    background-color: #0f62ac; /*(mau hover nut mua)*/
    color: #262626;
}

.pagination li.active a {
    background-color: #0f62ac !important;
}
.btn-gray-transparent.active, .btn-gray-transparent.focus, .btn-gray-transparent:active, .btn-gray-transparent:focus, .btn-gray-transparent:hover, .open > .dropdown-toggle.btn-gray-transparent {
    background-color: #0f62ac !important;
    border-color: #333 !important;
}

.container-header .pull-right a {
    color: #555555;
}

/*mau chu menu*/

header .categories li a {
    color: #ffffff;
}

ul.menu_horizontal li a:hover {
    color: #dddddd;
}

/*mau chu khung search*/

.search_box-01 p {
    color: #ffffff;
}
.search_box-02 p {
    color: #ffffff;
}

/*mau chu menu left*/
.item-menuleft li a {
    color: #5d5d5d;
}

.item-menuleft li:hover a {
    color: #0f62ac;
    text-decoration: underline;
}

.wrapper-menu a{ color:#ffffff;}

.wrapper-menu a:hover { color:#ffffff;}
 /*mau chu headre tabpills*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #CBCBCB;
}

a:focus, a:hover {
    color: #3B3633;
}

/*mau chu box thong tin*/

.info p {
    color: #555555;
}

/*mau chu cham soc khach hang*/
.info-support p {
    color: #555555;
}

.info-support span {
    color: #f55438;
}

/*mau chu brand*/
.section-title span {
    color: #0f62ac;
}

/*mau chu cac danh muc trong footer*/
#menu-giao-va-nhan-hang li a, #menu-huong-dan-mua-hang-online li a, #menu-footer-3 li a {
    color: #3B3633;
}

.footer-widget-container {
    border-top: 1px solid #ffffff;
}

.footer-widget-top {
    border-bottom: 1px solid #ffffff;
}

.footer-widget-container li, footer#theme-footer #tabbed-widget .tabs-wrap li {
    border-bottom: 1px solid #ffffff;
}
