body {
    overflow-x: hidden;
}

.row {
    margin: 0;
}

.container-fluid {
    padding: 0;
}

.container {
    padding: 0;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/* Start Header css*/

.header {
    margin: 0;
}

.header_menu {
    margin: 0;
}

.header_content {
}

.header_banner_video {
    margin-top: 20px;
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
}

.channel_title {
    padding: 20px;
}

.channel_name a {
    color: #ab59c6;
    font-size: 20px;
    font-style: bold;
}

.channel_name span {
    font-size: 14px;
    color: white;
}

.channel_desc {
    height: 100%;
    padding: 20px;
}

.channel_desc a {
    font-size: 25px;
    font-style: bold;
    color: white;
}

.channel_desc p {
    font-size: 14px;
    color: #aaa3ac;
}

#header_content_img {
    margin: 30px 0 15px 0;
    text-align: center;
}

.header_content_img_item {
    padding: 10px;
}

.header_content_img_item img {
    border: 2px solid rgba(255, 255, 255, 0);
}

.header_content_img_item img:focus,
.header_content_img_item img:hover,
.header_content_img_item img:active {
    border: 2px solid white;
}

.navbar-brand {
    padding: 0px;
}

.navbar-brand > img {
    height: 100%;
    width: auto;
}

.navbar-default {
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
    margin-bottom: 7px;
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
    margin: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #ab59c6;
    font-size: 15px;
    padding: 10px;
    margin: 5px;
    border-radius: 4px;
    background-color: rgba(248, 248, 248, 0);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: green;
}

.navbar-default .navbar-toggle {
    border-color: #b7b7b7;
}

/*.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #b7b7b7;
}*/

.navbar-default .navbar-toggle .icon-bar {
    background-color: #b7b7b7;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    color: #ab59c6;
}

@media (max-width: 1110px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
        margin: 0;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }
}

/*Start css Main*/

.main {
    margin: 20px 0 0 0;
}

.main .vip_menu ul li {
    list-style-type: none;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    color: black;
}

.main .vip_menu ul li a {
    text-decoration: none;
    color: black;
}

.main .vip_menu ul li a:hover,
.main .vip_menu ul li a:focus,
.main .vip_menu ul li a:active {
    color: green;
}

.apps div {
    padding: 0 5px 0 5px;
}

.apps_item {
    border: 1px solid #d9dbe4;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 0 0 0;
    background: white;
    height: 120px;
}

.apps_item img {
    margin: 0 0 15px 0;
}

.package .apps_item a {
    margin-top: 10px;
    float: left;
    margin-left: 10px;
    background: #8d53b2;
    border: 1px solid #8242aa;
    color: white;
}

.package .btn-danger{
    padding: 10px;
}

.package .apps_name {
    margin-left: 10px;
    font-size: 18px;
    font-style: bold;
    color: #6c6c6c;
    height: 18px;
    width: 100%;
    float: left;
    line-height: 25px;
}
.package .apps_item_delete{
    border: 1px solid #d9dbe4;
    border-radius: 3px;
    padding: 10px;
    margin: 10px 0 0 0;
    background: white;
    height: 120px;
}
.package .apps_item_delete a{
    margin-top: 10px;
    float: left;
    margin-left: 10px;

    color: white;
}
.package .apps_name_delete{
    font-size: 18px;
    font-style: bold;
    color: #6c6c6c;
    height: 18px;
    width: 100%;
    float: left;
    line-height: 25px;
    margin-bottom: 20px;
}

.package .apps_amount {
    width: 100%;
    float: left;
    margin-top: 10px;
    color: #337ab7;
    margin-left: 10px;
}

.item div div {
    padding: 5px;
}

.apps_name {
    font-size: 18px;
    font-style: bold;
    color: #6c6c6c;
    margin-top: 5px;
}

.apps_company {
    font-size: 14px;
    font-style: bold;
    color: #aaaaaa;
}

.rating_price {
    color: black;
    margin: 0;
    float: left;
    padding: 0;
}

.rating_price i {
    font-size: 14px;
}

.apps_info {
    margin: 10px 0 0 0;
}

.apps_info a {
    font-size: 18px;
    color: #ab59c7;
    text-decoration: none;
}

.apps_info a:hover,
.apps_info a:focus,
.apps_info a:active {
    color: green;
}

.rating-text-color {
    color: #6e6e6e;
}

.rating-md {
    font-size: 14px;
}

.xemthem {
    margin: 10px 0 0 0;
    float: right;
}

.xemthem a {
    color: #ab59c6;
    font-size: 18px;
}

.quiz {
    margin: 0;
}

.content_left {
    padding: 0;
}

.title {
    color: #ab59c6;
    font-size: 32px;
    font-style: bold;
    text-decoration: none;
}

.title:hover,
.title:focus,
.title:active {
    color: green;
    text-decoration: none;
}

.content_right {
    margin: 0;
}

.cl_item {
    margin: 20px 0 0 0;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px;
}

.quiz_title {
    color: #6c6c6c;
    font-size: 23px;
    font-style: bold;
}

.quiz_desc {
    color: #6c6c6c;
    font-size: 14px;
    font-style: bold;
}

.quiz_read_more {
    background: #ececec;
    margin: 20px 0 0 0;
    padding: 10px;
}

.cr_item {
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d1d1d1;
}

.cr_item div p {
    color: #6c6c6c;
    font-size: 13px;
    font-style: bold;
}

#btn_create_quiz {
    padding: 5px 10px 5px 10px;
    border: 1px solid #c9a3e4;
    border-radius: 3px;
    background: #9145ca;
    color: white;
}

#btn_create_quiz i {
    margin: 0 10px 0 0;
    color: white;
}

.livestream {
    margin: 0 0 30px 0;
}

.stream_other {
    margin: 50px 0 50px 0;
}

.livestream_row div {
    padding: 5px;
}

.livestream_item {
    padding: 10px;
    height: 300px;
}

.livestream_desc {
    margin: 10px 0 0 0;
}

.livestream_desc {
    font-size: 14px;
    font-style: bold;
}

.livestream_title {
    color: #6c6c6c;
}

.livestream_view {
    color: #aaaaaa;
}

.game {
    padding: 20px 0 50px 0;
}

.game_name {
    font-size: 14px;
    font-style: bold;
    color: #6c6c6c;
}

.game_view {
    font-size: 14px;
    font-style: bold;
    color: #aaaaaa;
}

.footer {
    margin: 0 0 0 0;
    padding: 30px 0 30px 0;
    background: black;
}

.footer_logo span {
    color: white;
    font-style: bold;
}

.footer_contact {
    text-align: right;
}

.footer_contact span {
    color: #7a7a7a;
    font-size: 14px;
}

.chitiet_content {
    margin: 30px 0 0 0;
}

.chitiet_left {
    margin: 20px 0 0 0;
    padding: 20px;
    border: 1px solid #a5a5a5;
}

#chitiet_title {
    margin: 0 0 30px 0;
}

#item_image {
    padding: 10px;
}

#item_info {
}

#item_contact {
    padding: 20px 0 0 0;
}

#btn_setup {
    padding: 10px 15px 10px 15px;
    background: #8d53b2;
    border: 1px solid #8242aa;
    border-radius: 3px;
    color: white;
}

.color_purple {
    color: #8d53b2;
}

.chitiet_content_right_item {
    margin: 20px 0 20px 0;
    border: 1px solid #a5a5a5;
}

.chitiet_content_right_img {
    padding: 10px;
}

.chitiet_content_right_info {
    padding: 10px;
}

.app_hots {
    margin: 20px 0 0 0;
}

#quizD_desc {
    margin: 20px 0 0 0;
    border-bottom: 1px solid #a5a5a5;
    text-align: center;
}

.quizD_title {
    padding: 10px 0px 30px 0px;
}

.quizD_question {
    margin: 30px 0 40px 0;
}

.btn2 {
    padding: 10px 30px 10px 30px;
    background: #8d53b2;
    border: 1px solid #8242aa;
    border-radius: 3px;
    color: white;
}

.btn1 {
    padding: 5px 15px 5px 15px;
    background: #8d53b2;
    border: 1px solid #8242aa;
    border-radius: 3px;
    color: white;
    margin: 10px 10px 0 0;
}

.btn1 i {
    margin: 0 10px 0 0;
}

#question_select {
    background: #4c4c4c;
    text-align: center;
    margin: 10px 0 0 0;
    border-radius: 10px;
}

#question_select div a {
    text-decoration: none;
    color: white;
    font-style: bold;
    font-size: 32px;
}

#question_select div a:hover,
#question_select div a:focus,
#question_select div a:active {
    color: #8d53b2;
}

/*#question_title {
    margin: 20px 0 0 0;
}*/

#question_content {
    padding: 30px;
}

/*.circle {
        border-radius: 100%;        
        background: green;
        display:inline-block;
    }*/

.okko_ads {
    margin: 30px 0 0 0;
}

.row_app {
    margin: 50px 0 50px 0;
}

/*Stream Chi tiết Css*/

#left_content {
    position: relative;
    height: 100%;
    padding: 5px;
    background: #17141F;
}

#lc_search {
    margin: 0 0 20px 0;
}

#left_content .right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
    color: white;
}

#left_content .right-inner-addon input {
    background: #201C2B;
    border: 1px solid #2F274C;
}

#lc_menu {
    margin: 0 0 20px 0;
}

#lc_menu ul {
    list-style-type: none;
}

#lc_menu ul li {
}

#lc_menu ul li a {
    color: white;
}

#lc_menu ul li a i {
    margin: 0 20px 0 0;
}

#lc_title {
    color: white;
    border-bottom: 1px solid #29233D;
}

#lc_stream_other {
    margin: 0 0 20px 0;
}

.lc_stream_other_item {
    margin: 10px 0 0 0;
}

.lc_stream_other_item div {
    padding: 0;
}

.stream_other_title {
    color: white;
}

.stream_other_desc {
    color: #888286;
}

#lc_okko_store {
    margin: 0 0 20px 0;
}

#lc_okko_store a {
    color: #606062;
}

#lc_okko_store_menu div {
    padding: 0;
}

#lc_okko_store_menu_1 ul {
    padding: 0;
    list-style-type: none;
}

#lc_okko_store_menu_1 ul li {
    padding: 5px 0 5px 0;
}

#lc_okko_store_menu_1 ul li a {
    color: #606062;
}

#lc_okko_store_menu_2 ul {
    padding: 0;
    list-style-type: none;
}

#lc_okko_store_menu_2 ul li {
    padding: 5px 0 5px 0;
}

#lc_okko_store_menu_2 ul li a {
    color: #606062;
}

#lc_login_register {
    margin: 0 0 20px 0;
}

#lc_login_register div {
    padding: 5px;
}

#lc_login_register div button {
    width: 100%;
    background: #6441a4;
    color: white;
    border: none;
    padding: 5px 0 5px 0;
}

.main {
    padding: 0;
    height: auto;
}

#stream_menu {
    padding: 5px;
}

#stream_menu div {
    padding: 0;
}

.btn_follow {
    width: 100%;
    background: #6441a4;
    color: white;
    border: none;
    padding: 5px 0 5px 0;
}

#stream_name {
    color: #ab59c6;
    font-size: 25px;
    font-style: bold;
    text-decoration: none;
}

#stream_viewer span {
    margin: 0 20px 0 0;
}

#stream_viewer span i {
    margin: 0 5px 0 0;
}

#stream_viewer button {
    color: #6441a4;
    background: white;
    border: 1px solid #6441a4;
}

.vip_title {
    font-size: 24px;
    font-style: bold;
    color: black;
}

.item_cautraloi {
    padding: 10px;
    text-align: center;
}

#noidung_ajax {
    border: 1px solid #78B43D;
}

#dap_an_title {
    color: white;
    background: #78B43D;
    padding: 5px 0 5px 0;
}