/*
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-nav-main.nav.nav-right li{
	display:inline-block !important;
}
.gioi-thieu{background: url(/wp-content/uploads/2025/02/bg-home-gioi-thieu.jpg) no-repeat center center fixed; background-size: cover;}
.gioi-thieu h3{margin-bottom:-8px}b, strong{font-weight:500}.button span{font-weight:normal;text-transform:none; font-size:15px; letter-spacing:0;}
.tieu-de{background: url(/wp-content/uploads/2018/06/line-gray-1.png) no-repeat bottom center; padding-bottom:5px }
.san-pham .product-small .product-title a{font-size:16px; color: black; font-weight:500;margin-bottom:10px}
.san-pham span.amount {
    white-space: nowrap;
    color: #e40000;
    font-weight: 500;
}
.rrp-price{font-size:15px; font-weight:500}
.san-pham .cot12, .san-pham .large-columns-4 .col{padding-bottom:0}
.san-pham .badge-container {
    margin: -10px;
}
.san-pham .badge-inner{background-color: #e72121;
    border-radius: 99px;
    font-weight: 500;}
.dv-cisco-gia-tot .tieu-de{    background: url(/wp-content/uploads/2018/06/line.png) no-repeat bottom left;}
.dv-cisco-gia-tot .cot2{margin:-20px}
.y-kien .tieu-de{    background: url(/wp-content/uploads/2018/06/line-white.png) no-repeat bottom center;}
.y-kien .icon-box img{border-top-left-radius:20px; border-bottom-right-radius:20px}
.form-lien-he .row1{width:100%; display:block; position:relative}
.form-lien-he .row1 .left{width:49%; margin-right:1%; float: left}
.form-lien-he .row1 .right{width: 49%; margin-left:1%; float: right}
.form-lien-he .row1 .clearboth{clear:both}
.footer-section .col{padding-bottom:0}
.footer-section input[type='submit']:not(.is-form){    background-color: #049fd9;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: none;
    border-radius: 3px;}.button.icon.circle {
    border: 1px solid #049fd9;
}.absolute-footer.dark {
    color: rgb(67, 195, 195);
}
.product-info .breadcrumbs{text-transform: none;}
.product-main .product-short-description{
    font-size: 15px;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
}::-webkit-scrollbar {
      width: 4px; 
} ::-webkit-scrollbar-track {
      background-color: #1598ce;
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: #25376a; 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: #049fd9;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
} 
.product-main .product-short-description p{margin-bottom:8px}
.product-main .product-short-description{margin-bottom:20px}
.product-main .product-title{font-size:28px; color: #049fd9; font-weight:500;}.product-info .price{margin-top:15px; margin-bottom:25px}
.product-main .price-wrapper span.amount{font-weight:500; color: #e20000}
.product-main .badge-container{margin:-20px}
.product-main .badge-container .badge-inner{background: red; border-radius:99px; font-weight:500}
.product-main .product-info{padding-top:0}
.shop-container .large-8{padding-right:0px}
.shop-container #product-sidebar{padding-left:25px; padding-top:30px}.product-main{padding-bottom:0; padding-top:30px}
/* .shop-container{    background: url(/wp-content/uploads/2018/06/bg-white-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;} */
.shop-container .row.row-large {
	background: white;}
.product-footer .woocommerce-tabs{padding-top:0px; border-top:0}
.widget .product-categories, .product_list_widget{border: 1px solid #e6e6e6; padding:10px; border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;}
.widget .product-categories li a, .product_list_widget li a .product-title{color: black; font-size:16px}
.widget .product-categories li a:hover{color: #049fd9}
.widget .current-cat>a{font-weight:500; color: #049fd9 !important}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:0; border-bottom: 1px solid #e0e0e0; line-height:28px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li{margin:0 2px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li a{    padding-left: 15px;
    padding-right: 15px;
    background: #e6e6e6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;color: gray;font-weight:500; font-size:14px}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li.active>a{background: #049fd9;
    color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;}.tab-panels {
 
    border: 1px solid #e6e6e6; padding:15px
}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) li a:before{    background-color: white;}
.product-section{border-top:0}
.pb-half {
    letter-spacing: 0;
	color: #049fd9;}
.related-products-wrapper .product-small .product-title a{color: black; font-weight:500; font-size:16px; margin-bottom:10px}
.related-products-wrapper .product-small .price span.amount{font-weight:500; font-size:18px; color: red}
span.widget-title {
    font-size: 1em;
    width: 100%;
    font-weight: 500;
    /* padding-left: 10px; */
    background: gray;
    display: block;
    padding: 14px 10px;
    color: white;
    background: -webkit-linear-gradient(-90deg, #1295cf, #25376a);
    background: -o-linear-gradient(-90deg, #6ae7b9, #25376a);
    background: -moz-linear-gradient(-90deg, #6ae7b9, #25376a);
	background: linear-gradient(-90deg, #4bc4fb, #008dc1);}.widget .is-divider{display:none}
.sidebar-text-form{    background: whitesmoke;
    padding: 10px; font-size:15px; color: black}
.widget .sidebar-text-form li {
    list-style: darkgrey;
    padding-left: inherit;
    margin-left: 15px;
    border-bottom: 1px dashed #e4e4e4;
    padding-bottom: 5px;
	list-style: square;}
.product_list_widget li span.amount{font-weight:500; color: red}
.nav-dropdown-default {
    padding: 0;
}
.nav-dropdown{border: 1px solid #ddd !important;
    border-radius: 6px;
    overflow: hidden;}
.nav-dropdown.nav-dropdown-default>li>a{    margin: 0;
    background: #049fd9;
    padding:10px;
    color: white;
    border-bottom: 0; font-size:14px
}.nav-dropdown.nav-dropdown-default>li>a:hover{background:#0191c7}.shop-page-title{background: url(/wp-content/uploads/2025/02/bg-brecum-cisco-gia-tot.jpg);
    background-repeat: no-repeat;
/*     background-size: cover; */
	background-attachment: fixed; padding-bottom:15px; font-size:15px}.breadcrumbs{color: #049fd9;font-weight: 500;}
.shop-container .product-small .product-title a{color: black; font-size:16px; font-weight:500; margin-bottom:10px}
.shop-container .product-small span.amount{color: red; font-size:18px; font-weight:500}
.flatsome_recent_posts ul{border: 1px solid #e6e6e6; padding:10px}
.blog-archive .post-item .post-title{font-size:20px}
.blog-archive .post-item a:hover{    color: #696969;}
.blog-archive .badge.post-date{top:15px; left:15px}
.blog-archive .badge.post-date .badge-inner{border-radius:90px; background: #25376a; font-weight:normal}
.blog-archive .post-item {padding-bottom:0}
.blog-archive .post-item .col-inner{padding-bottom:10px; padding-top:10px; border-bottom:1px solid #e6e6e6}
.blog-archive .post-sidebar{padding-left:0}
.header-main .nav > li > a {
	font-weight: 500;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current {
    color: #049fd9;
}
.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #049fd9 !important;
}
.icon-shopping-cart {color:#049fd9}
#masthead {background:#fff}
.absolute-footer.dark {color:#fff}
.term-description {
	border: 1px solid #049fd9;
    border-radius: 10px;
    padding: 10px;
}
.devvn_readmore_taxonomy_flatsome {
	padding: 15px 0 0px 0;
	background: linear-gradient(to bottom, rgba(255 255 255 / 0.8), rgba(255 255 255 / 62.5), rgba(255 255 255 / 1));
}
.devvn_readmore_taxonomy_flatsome a {
	border: 1px solid #049fd9;
    padding: 2px 10px;
    border-radius: 5px;
}
#text-4 {
	border: 1px solid #049fd9;
    border-radius: 8px;
    overflow: hidden;
}
#media_image-3 {
	border: 1px solid #049fd9;
    border-radius: 8px;
    overflow: hidden;
}
.widget-title {
	border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.box-image {border-radius:8px !important}
.col-inner {border-radius:8px}
.video {border-radius:8px; overflow:hidden}
.section-bg {border-radius:8px;}
#gap-455453605 iframe {
	border-radius: 8px;
    overflow: hidden;
}
.product-category a:hover h5.header-title{color:049fd9 !important}
.flickity-prev-next-button {color:#fff !important}
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg {fill:#fff !important;}
.slider-nav-dots-simple .flickity-page-dots .dot {fill:#fff !important;}
.flickity-page-dots .dot {border: 3px solid #fff !important;}
.dv-cisco-gia-tot .img-inner {border-radius:8px}
.box-lien-he {
	border: 1px dashed #049fd9;
    border-radius: 8px;
    padding: 10px;
}
.breadcrumbs a:hover {color:#049fd9}
.follow-icons a i {top:1px}
.ul-margin-left-15 {padding-left:30px}
.border-image {border:10px solid #ddd}
.shop-container h1 {font-size:20px; color: #ae3027}
.shop-container h2 {font-size:22px; color: #ae3027}
.shop-container h3 {font-size:20px; color: #ae3027}
.article-inner h2 {color: #ae3027}
.ez-toc-title {color: #ae3027}
.entry-image img {border-radius:8px}
.entry-content img {border-radius:8px}
.sidebar-text-form {border-bottom-left-radius:8px; border-bottom-right-radius:8px}
#media_image-2 img {border-radius:8px}
.term-description ul:not(.box-lien-he) {margin-left:30px}
.social-footer {margin-top:20px}
.social-footer a {margin-bottom:0 !important}
table tr:nth-child(1) {
    background: #049fd9 ;
    color: #fff;
}
table tr:nth-child(1) td {
    color: #fff;
}
table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    border-spacing: 0;
}
table td {
    border: 1px solid #049fd9 ;
}
td:first-child, th:first-child {padding-left:.5rem}
@media only screen and (max-width: 48em) {
.icon-menu {color:#049fd9}
.icon-search {color:#049fd9}
.icon-user {color:#049fd9}
.dv-cisco-gia-tot .cot2 {margin:-20px 0 !important}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}