/**
 * @Project NUKEVIET 4.x
 * @Author PHAN TAN DUNG <phantandung92@gmail.com>
 * @Copyright (C) 2019 PHAN TAN DUNG. All rights reserved
 * @License: Not free read more http://nukeviet.vn/vi/store/modules/nvtools/
 * @Createdate Wed, 13 Mar 2019 14:31:26 GMT
 */

a.btn-default {
    color: #333!important;
}

.buildpc-wrap {
    position: relative;
}

.buildpc-wrap > .line1 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    border-right: 1px #ddd solid;
    left: 220px;
}

.buildpc-wrap > .line2 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    border-right: 1px #ddd solid;
    right: 160px;
}

.buildpc-ctn {
    -ms-display: flex;
    display: flex;
}

.buildpc-ctn .pc-cat {
    width: 220px;
    padding: 8px;
    flex-shrink: 0;
}

.buildpc-ctn .pc-items {
    flex-grow: 1;
    padding: 0 1px;
}

.buildpc-ctn .pc-groups {
    width: 160px;
    padding: 8px;
    flex-shrink: 0;
}

.buildpc-ctn .g-title {
    padding-bottom: 5px;
    margin-bottom: 8px;
    border-bottom: 1px #ddd solid;
}

.pc-group-lists-item .gtitle {
    font-weight: 700;
    margin-bottom: 20px;
}

.pc-group-lists-item .gsubs {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.pc-group-lists-item .gsubs li {
    margin-bottom: 4px;
}

.pc-group-lists-item .gsubs li label {
    margin-bottom: 0;
    font-weight: 300;
}

.pc-group-lists-item .gsubs li label input {
    margin-top: 0;
}

.pc-cat-lists-item .ctitle {
    font-weight: 700;
}

.pc-cat-lists-item .ctitle a {
}

.pc-cat-lists-item .ctool .btn {
    color: #fff!important;
}

.pc-cat-lists-item .cprice {
    padding: 5px 0;
}

.pc-cat-lists-item {
    border-bottom: 1px #ccc dashed;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.pc-cat-lists-item .cpro {
    padding: 10px 0 5px 0;
}

.pc-cat-lists-item .cpro a {
    color: #333;
}

.pc-cat-lists-item .cpro a:hover {
    text-decoration: underline;
}

.pc-items .item {
    -ms-display: flex;
    display: flex;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px #ddd solid;
}

.pc-items .item:first-child,
.pc-items .item:last-child {
    border-bottom: 0;
}

.pc-items .item-head {
    background: #eee;
    font-weight: 700;
    margin-top: 20px;
}

.pc-items .item:hover:not(.item-head) {
    background: #fff6e5;
}

.pc-items .item > .stt {
    width: 40px;
    flex-shrink: 0;
    text-align: center;
    padding: 0 5px;
}

.pc-items .item > .img {
    width: 100px;
    flex-shrink: 0;
}

.pc-items .item > .name {
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 10px;
}

.pc-items .item > .tool {
    width: 150px;
    flex-shrink: 0;
}

.pc-items .item > .img img {
    width: 100%;
    height: auto;
}

.pc-items .item .proprice {
    text-shadow: rgb(255, 255, 0) 1px 0px 0px, rgb(255, 255, 0) 0.540302px 0.841471px 0px, rgb(255, 255, 0) -0.416147px 0.909297px 0px, rgb(255, 255, 0) -0.989992px 0.14112px 0px, rgb(255, 255, 0) -0.653644px -0.756802px 0px, rgb(255, 255, 0) 0.283662px -0.958924px 0px, rgb(255, 255, 0) 0.96017px -0.279415px 0px;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
    overflow: hidden;
    font-family: "Oswald";
}

.pc-items .item .proprice-old .s {
    text-decoration: line-through;
}

.savedpc-item .img {
    height: 150px;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap!important;
}

.savedpc-item .img > div {
    text-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
}

.savedpc-item .img img {
    max-width: 100%;
    max-height: 100%;
    margin-right: 0!important;
}

.savedpc-item h3 {
    height: 42px;
    overflow: hidden;
}

/* Responsive */
@media (max-width: 920px) {
    .buildpc-wrap > .line1,
    .buildpc-wrap > .line2 {
        display: none;
    }

    .buildpc-ctn {
        flex-wrap: wrap;
    }

    .buildpc-ctn .pc-cat,
    .buildpc-ctn .pc-groups {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .buildpc-ctn .pc-cat {
        order: 2;
    }

    .buildpc-ctn .pc-groups {
        order: 3;
    }

    .buildpc-ctn .pc-items {
        order: 1;
        border-bottom: 1px #ddd solid;
    }
}

@media (max-width: 499px) {
    .pc-items .item > .img,
    .pc-items .item > .stt {
        display: none;
    }

    .pc-items .item > .name {
        padding-left: 5px;
    }
}