:root {
        --c1: #1ebbf0;
        /**color primary 1**/
        --c2: #39dfaa;
        /**color primary 2**/
        --b1: #ffffff;
        /**background 1 đen**/
        --b2: #ffffff;
        /**background 2 đen nhẹ**/
        --ct1: #000000;
        /**color text 1 trắng**/
        --ct2: #808080;
        /**color text 1 trắng nhẹ**/
    }

    .sidebar-right h3 {
        font-family: Oswald;
        font-size: 16px;
        border-style: solid;
        border-bottom-width: 3px;
        margin: 0 auto;
        -webkit-border-image: -webkit-linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
        border-image-slice: 1;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        padding-top: 10px;
    }

    .sidebar-right .h2-child {
        display: inline-flex;
        margin: 0
    }

    .sidebar-right .h2-child .title-child {
        font-family: Oswald;
        font-size: 16px
    }

    .sidebar-right a {
        border-bottom: 1px dashed #000
    }

    .sidebar-right span a {
        border-bottom: unset
    }

    .sidebar-right .btn-black-border a {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .sidebar-right .btn-black-border a span {
        margin-left: 5px
    }

    .load_more_tax {
        cursor: pointer;
        margin-top: 10px
    }

    .tax #title-result {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .tax #title-result .pull-left {
        font-weight: 700
    }

    .tax #title-result .form-group {
        margin-bottom: 0
    }

    .tax hr {
        margin-top: 10px;
        margin-bottom: 10px
    }

    #slider-keyword {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        text-align: center;
        position: relative
    }

    #slider-keyword .btn-primary-border:hover,
    #slider-keyword .btn-primary-border:hover a {
        background: #fff;
        color: #1ebbf0;
        background-clip: padding-box
    }

    #slider-keyword .tag {
        font-weight: 400;
        font-family: Oswald;
        font-size: 12px;
        position: relative;
        padding: .6rem 1rem;
        box-sizing: border-box;
        color: #1ebbf0;
        background: #fff;
        background-clip: padding-box;
        border: solid 1px transparent;
        border-radius: 4px;
        margin: 4px 2px;
        display: inline-block
    }

    #slider-keyword .tag:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -1px;
        border-radius: inherit;
        background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%)
    }

    #slider-keyword .tag.active {
        background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);
        color: #fff
    }

    #slider-keyword .tag.active:hover {
        color: #fff;
        background: linear-gradient(135deg, #1ebbf0 30%, #39dfaa 100%);
        background-clip: padding-box
    }

    h1 {
        margin-bottom: 0
    }

    .btn.border-primary,
    .btn.border-primary:hover {
        color: #1ebbf0
    }

    .btn-r {
        background-image: linear-gradient(135deg, red 30%, #fe9a2e 100%)
    }

    .btn-r:hover {
        background-image: linear-gradient(135deg, #fe9a2e 30%, red 100%)
    }

    .col-line-last {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px dashed #ccc
    }

    .sidebar-right .col-line-last a {
        text-decoration: none;
        border-bottom: unset
    }

    .sidebar-right h3 a {
        text-decoration: none;
        border-bottom: unset
    }

    ul.theloai-thumlist {
        padding-left: 0
    }

    table.theloai-thumlist tbody {
        width: 100%;
        display: table;
    }

    table.theloai-thumlist {
        margin-top: 15px;
        display: block
    }

    .theloai-thumlist>li,
    .theloai-thumlist tr {
        display: block;
        padding-left: 0;
        margin-bottom: 10px
    }

    .theloai-thumlist h2 {
        padding-left: 10px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px
    }

    @media (min-width:1200px) {
        .theloai-thumlist h3 {
            min-height: 45px
        }
    }

    .theloai-thumlist p {
        margin-bottom: 4px;
        margin-top: 4px
    }

    .theloai-thumlist .thumbnail {
        width: 74px;
        height: 111px;
        float: left;
        box-shadow: 0 2px 8px rgba(1, 3, 3, .16);
        position: relative
    }

    .theloai-thumlist .thumbnail img {
        width: 74px;
        height: 111px
    }

    .theloai-thumlist .rating {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #eac100;
        color: #fff;
        font-size: 13px;
        font-weight: 300;
        padding: 2px 8px
    }

    .theloai-thumlist .content {
        overflow: hidden;
        padding-left: 10px;
        font-size: 13px
    }

    .theloai-thumlist .text {
        max-height: 135px;
        overflow: hidden
    }

    .theloai-thumlist .crop-text-2 {
        height: 36px
    }

    .theloai-thumlist h2.crop-text-2 {
        height: 43px
    }

    .full-label {
        width: 34px;
        height: 50px;
        position: absolute;
        display: block;
        top: 0;
        left: -7px;
        z-index: 1;
        background: transparent url(/assets/img/full-label.png) no-repeat
    }

    .label-new {
        border: 1px solid #1ebbf0;
        color: #1ebbf0
    }

    .label-full {
        border: 1px solid #39dfaa;
        color: #39dfaa
    }

    .label-title {
        padding: 0px 3px;
        font-size: 13px;
        vertical-align: bottom;
        margin-left: 5px
    }

    .label-new:before {
        content: "New"
    }

    .label-full:before {
        content: "Full"
    }

    .sidebar-right .h2-child {
        margin: 10px 0px;
    }

    .sidebar-right .h2-child {
        display: block
    }

    input[type="checkbox"][id="button_click_1"] {
        display: none;
    }

    label[for="button_click_1"] {
        display: block;
        margin-left: 10px;
        padding: 4px;
    }

    #category input[type="checkbox"] {
        display: none;
    }

    #category input[type="checkbox"]+label {
        width: calc((100% - 40px) / 2 * 1);
        margin: 5px 10px;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #category input[type="checkbox"]+label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -2px 10px 0 0;
        vertical-align: middle;
        background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
        cursor: pointer;
    }

    #category input[type="checkbox"]:checked+label span {
        background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
    }

    #category label {
        font-size: 15px;
        font-weight: unset;
    }

    .theloai-thumlist {
        margin-top: 10px;
    }

    .alert {
        margin-bottom: 5px;
    }

    #slider-keyword {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        margin: 10px 0px;
        white-space: nowrap;
        text-align: center;
        position: relative;
    }

    .tf_hidden {
        display: none;
    }

    .top-15 {
        margin-top: 15px;
    }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {}

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        #category input[type="checkbox"]+label {
            width: calc((100% - 80px) / 4 * 1);
        }

        .alert-first {
            margin-top: 15px;
        }
    }

    @media only screen and (min-width: 414px) and (max-width: 767px) {
        .alert-first {
            margin-top: 15px;
        }
    }

    @media only screen and (max-width: 413px) {
        .alert-first {
            margin-top: 15px;
            margin-bottom: 5px;
        }
    }