.error,
.lotoId15,
.lotoId16,
.lotoId17,
.lotoId19,
.lotoId20,
.lotoId21,
.lotoId22,
.lotoId28,
.lotoId29,
.lotoId3,
.lotoId30,
.lotoId31,
.lotoId32,
.lotoId33,
.lotoId34,
.lotoId35,
.lotoId5,
.lotoId8,
.lotoId9,
.mgt5,
.news-lists,
.result-header .title-link-item,
.select-loto .lotoId4 {
    margin-top: 5px
}

.ajax-container,
.box-login-register,
.contact-content,
.modal-body,
.napthe,
.relative,
.result-header {
    position: relative
}

.box-calender h3,
.info-result .info-title,
.load-more,
.loto-input .btn-nap-xu,
.menu-desktop ul li a,
.new,
.tab button,
.table-tructiep .title,
.uppercase-text,
section.related h3 {
    text-transform: uppercase
}

.lich-quay-xo-so tr.header-title th a:hover,
.loto-mien ul li.active a,
.title-link-item a,
.view-more a:hover {
    text-decoration: underline
}

.breadcrumb>li,
.dropdown-menu,
.tab-panel li,
ol,
ul {
    list-style: none
}

.Zebra_DatePicker table,
table {
    border-collapse: collapse;
    border-spacing: 0
}

#toc a,
.sodep-caudep .number,
a {
    text-decoration: none
}

* {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

q:after,
q:before {
    content: ''
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

@font-face {
    font-family: Flaticon;
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),
        url("../fonts/flaticon.woff") format("woff"),
        url("../fonts/flaticon.ttf") format("truetype"),
        url("../fonts/flaticon.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-house204:before {
    content: "\e004"
}

.number-tong,
.red {
    color: #e62e04 !important
}

.blue {
    color: #2d4c87 !important
}

.fF000,
.loto_today .small {
    color: #00f
}

.menu-diw li.active a,
.white {
    color: #fff !important
}

.error a,
.mb_g0 .sblue,
.sblue,
.user-profile a {
    color: #00f !important
}

.bold {
    font-weight: 700 !important
}

.mb_g0 .sblue,
.message-404,
.sRed,
.sblue,
.sblue2 {
    font-weight: 700
}

.action-link,
.ads-overlay-bottom,
.bv-mobile,
.ddxsmb .response .header-title-blue,
.hidden,
.icon-lich,
.lightbox-content .btn-tkts,
.link-social,
.loader-tk,
.loto-input .select-loto .loto-xien div.rCheck input[type=radio],
.loto-xien .note,
.menu-mobile-xs360,
.message-mobile,
.navbar-toggle,
.radio input[type=radio],
.show-menu,
.show-mobile,
.show-more br,
.today-open-widget .icon {
    display: none
}

#center,
.btn {
    display: inline-block
}

.fixed {
    top: 0
}

#left-big .breadcrumb li:first-child,
.article .likeshare,
.digits-form .radio,
.first-table,
.form-group,
.kq-table-hover tr th .show-mobile,
.main-left .breadcrumbs .breadcrumb li:nth-child(2n),
.mdb6,
.navbar-nav>li,
.pull-left,
.result-box span.col-xs-3,
.result-box span.col-xs-4,
.result-box span.col-xs-5,
.result-box span.col-xs-6 {
    float: left
}

.pagination ul,
.pull-right {
    float: right
}

.text-center,
.vl-max3d table tr td,
.vl-max4d table tr td {
    text-align: center !important
}

.lich-quay-xo-so .table tr,
.table-left tr td,
.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.error {
    clear: both
}

.clear,
.clearfix,
.loto_today:after {
    clear: both
}

.no-border {
    border: none !important
}

.ajax-container.soketqua-container .result-box,
.mgt10,
.vl-box .mb_date_info {
    margin-top: 10px
}

.button-submit-break,
.loto-input .input,
.loto_today .landing-thongke ul,
.mgt15,
section.related {
    margin-top: 15px
}

.box-search-sqk .skq-btn,
.mgt20,
.sidebar-menu .copyright {
    margin-top: 20px
}

.mgt25 {
    margin-top: 25px
}

.mgb5 {
    margin-bottom: 5px
}

#tksc-list .tksc-item .tksc-name,
.dientoan:last-child,
.link-social-image,
.mgb10,
.search-widget .search-row,
.widget,
.widget-sc {
    margin-bottom: 10px
}

.input2-tansuat .label,
.mgb15 {
    margin-bottom: 15px
}

.mgb20 {
    margin-bottom: 20px
}

.date-next,
.leftarrowclass,
.mgr5 {
    margin-right: 5px
}

.box-search-sqk input,
.checkbox label:before,
.loto-input .input .numbers,
.mgr10 {
    margin-right: 10px
}

.main-rss .wrap-list-rss .list-rss:first-child,
.mr15 {
    margin-right: 15px
}

.loto_today .info-today-parent,
.pd15 {
    padding: 15px
}

.article-content table td,
.dientoan-home h2,
.pd5 {
    padding: 5px
}

.alert,
.box-search-sqk,
.pd10,
.result-table tbody tr td {
    padding: 10px
}

.pdb10 {
    padding-bottom: 10px
}

.sblue {
    font-size: 25px
}

.mb_g0 .sblue {
    font-size: 32px
}

.sblue2 {
    font-size: 15px;
    color: #00f
}

.sRed {
    font-size: 16px;
    color: red
}

.result-table tbody tr td .date a,
.small {
    font-size: 11px
}

.message-404,
.message-404 a,
.result-table tbody tr td .number-full .rc00,
.title-sn {
    font-size: 20px
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 10px
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.alert-success {
    border-color: #8ac38b;
    color: #356635;
    background-color: #cde0c4
}

.message-404 {
    margin: 20px
}

.content,
.menu-desktop .menu-ul,
header .main {
    width: 1280px;
    margin: 0 auto
}

.widget-header {
    background-color: #2d4c87;
    padding: 10px;
    font-size: 14px;
    color: #fff
}

.widget-header a,
.widget-header h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.table-tructiep .table tr.gdb td,
.table-tructiep .table tr.gdb td .number,
.widget-header h3 a:hover {
    color: #e62e04
}

.widget-content {
    border: 1px solid #d8d7d7;
    border-top: none
}

.logo {
    float: left;
    padding: 6px 0
}

.main-content {
    min-height: 500px
}

#left {
    width: 255px;
    float: left
}

.dd-loto-widget table tr td,
.tk-sc-menu {
    border: 1px solid #d8d7d7
}

.tk-sc-menu li {
    padding: 8px;
    border-bottom: 1px inset #ebebeb
}

.action ul li a,
.news-widget li a,
.region-column a,
.s14,
.so-mo tr td,
.thongkedauduoi tr td a,
.thongkedauduoi tr th,
.tk-nhanh-item-header .red,
.tk-sc-menu a,
.today-open-region-widget a,
.widget-skq-loto table th,
.widget-skq-loto table tr td.dd-stt {
    font-size: 14px
}

.region-column ul li:last-child,
.result-box table tr:last-child td,
.tk-sc-menu li:last-child {
    border-bottom: none
}

.tk-sc-menu li a i {
    margin-left: 3px;
    margin-right: 8px
}

#center {
    width: 685px;
    margin-left: 10px
}

#right,
#right-lt-tk {
    float: right;
    margin-left: 10px;
    width: 320px
}

.search-widget .widget-content {
    padding: 6px
}

.search-widget .search-row:last-child {
    margin-bottom: 0
}

.search-widget input {
    height: 30px;
    padding: 0 10px;
    width: 125px
}

.search-widget select {
    width: 130px;
    height: 30px;
    margin-left: 5px
}

.search-widget .search-button {
    margin-left: 8px;
    height: 30px;
    border: 0;
    cursor: pointer;
    background-color: #73a81f;
    border-radius: 2px;
    color: #fff;
    width: 130px
}

#right-article,
.dd-loto-widget .dit-loto {
    margin-left: 10px
}

.date-chooser,
.search-widget .search-number {
    height: 28px !important
}

.search-widget input,
.search-widget select {
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.province-list li,
.region-column ul li {
    height: 31px;
    line-height: 31px;
    padding-left: 10px
}

.dd-loto-widget table th,
.result-box table tr td {
    border: 1px solid #d8d7d7;
    text-align: center;
    font-weight: 700
}

.search-widget input:focus,
.search-widget select:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6)
}

.search-widget .search-row .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon_Inside {
    top: 7px;
    right: 4px !important;
    left: auto !important
}

.new {
    background: #e50003;
    padding: 2px 5px;
    color: #fff;
    font-size: 8px;
    margin-left: 8px;
    font-weight: 700
}

.news-widget .widget-content ul {
    padding: 0 7px
}

.news-widget .widget-content ul li {
    border-bottom: 1px inset #ebebeb;
    background: url(../images/arrow-news.png) 3px 10px no-repeat;
    padding: 5px 0 5px 15px
}

.view-more {
    border: none !important;
    background: 0 0 !important
}

.province-list li,
.region-column {
    border: 1px solid #ddd;
    float: left
}

.view-more a {
    color: #2d4c87;
    font-size: 11px
}

.region-column {
    border-bottom: none
}

.region-column:first-child,
.result-box table tr td:first-child,
.table-tructiep .table thead tr th:first-child,
.tk-nhanh-40 table tr td:first-child,
.today-open-region-widget tr td:first-child {
    border-left: none
}

.region-column ul li {
    border-bottom: 1px solid #d8d7d7
}

.region-column ul li a i {
    margin-right: 2px
}

.province-list li {
    border-top: none;
    border-left: none;
    width: 33.333333333333%
}

.result-header {
    text-align: center;
    padding: 10px 0;
    background: #fff2bc
}

.result-box table {
    width: 100%;
    border: none;
    table-layout: fixed
}

.result-box table tr td {
    height: 40px;
    font-size: 23px
}

.result-box table tr td span,
.result-box table tr td span mark {
    font-size: 22px;
    line-height: 40px
}

.result-box table tr span.mb_g0,
.result-box table tr td span.red mark,
.result-box table tr td.mb_g0 {
    font-size: 30px
}

.menu-desktop>ul>li:last-child a,
.result-box table tr td:last-child,
.table-tructiep .table tr td,
.tk-nhanh-40 table tr td:last-child,
.today-open-region-widget tr td:last-child {
    border-right: none
}

.result-box table tr td[colspan="3"] {
    width: 70%
}

.col30,
.result-box table tr td[colspan="4"] {
    width: 30%
}

.col-xs-2,
.col-xs-6,
.col50,
.result-box table tr td[colspan="6"],
.sidebar-menu .logo img {
    width: 50%
}

.first-col {
    width: 10%;
    font-size: 14px !important
}

.dd-loto-widget table {
    width: 100%;
    height: 320px;
    text-align: center;
    font-size: 13px;
    float: none;
}

.dd-loto-widget table th {
    height: 35px;
    line-height: 35px;
    color: #900;
    font-size: 14px;
    background-color: #fafafa
}

.dd-loto-widget table tr:first-child td,
.table-tructiep .control-panel {
    border-top: none
}

.dd-loto-widget table tr td.dd-stt {
    color: #900;
    font-size: 15px
}

.dd-loto-widget table tr td.dd-kq {
    text-align: left;
    padding-left: 10px;
    line-height: 25px;
    font-weight: 700;
    color: #333
}

.tk-nhanh-item-header {
    height: 30px;
    line-height: 30px;
    background: #efeeee;
    border-left: 3px solid #76ab1c;
    font-weight: 700;
    padding-left: 10px;
    font-size: 14px
}

.tk-nhanh-item-content {
    padding: 13px
}

.tk-nhanh-item {
    width: 110px;
    height: 29px;
    line-height: 29px;
    float: left;
    margin-right: 13px;
    font-weight: 700
}

.box-capso:nth-child(5n),
.box-table .number:last-child,
.loto-input .select-loto .loto-xien:last-child,
.tk-nhanh-item:nth-child(4n) {
    margin-right: 0
}

.tk-nhanh-number {
    border: 1px solid #a1b1cf;
    width: 45px;
    font-size: 15px
}

.dbnmfirst,
.lich-quay-xo-so tbody tr td p a,
.loto-tructiep tr td.dd-stt span,
.s15,
.table-prediction tr td.value,
.table-prediction tr td.value span,
.tk-nhanh-number .bold,
.tktc tr td .red,
.tr-tkmaxgan td,
.widget-skq-loto table tr td.dd-kq {
    font-size: 15px
}

.tk-nhanh-text {
    border: 1px solid #e3e3e3;
    border-left: none;
    background: #fcfaf4
}

.update {
    color: #fff;
    font-size: 12px;
    float: right
}

.footer {
    background-color: #f7f7f7;
    text-align: center;
    font-size: 13px;
    border-top: 1px outset #ededed;
    padding: 10px 0;
    margin-top: 10px;
    clear: both
}

.contact,
.full-width-ads,
.loto-tructiep tr:first-child td,
.result-box .col-xs-6,
.table tr {
    text-align: center
}

.copyright {
    text-align: center;
    font-weight: 700;
    clear: both;
    padding: 10px
}

.menu-footer {
    margin: 0 auto;
    text-align: center
}

.menu-footer .nav-menu {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px
}

.menu-footer .item-link {
    font-size: 15px;
    padding-right: 20px;
    cursor: pointer;
    color: #333
}

.menu-desktop {
    height: 40px;
    background: #2d4c87;
    margin-bottom: 10px;
    clear: both
}

.menu-desktop ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.btn-inline-default:hover,
.day-skq,
.lich-quay-xo-so tr.header-title th,
.lich-quay-xo-so tr.header-title th a,
.loto-mien ul li a,
.menu-desktop ul li a:link,
.menu-desktop ul li a:visited,
.menu-desktop ul li.home a i,
.pagination ul li span,
.pagination ul li.active a,
.pagination ul li:hover a,
.title-ds-gan,
.title-text span,
.title-tk {
    color: #fff
}

.menu-desktop ul li {
    position: relative;
    display: inline;
    float: left
}

.menu-desktop ul li a {
    padding: 0 10px;
    background: #2d4c87;
    display: block;
    text-decoration: none;
    font-weight: 700;
    line-height: 39px;
    font-size: 13px
}

.menu-desktop ul li a:hover {
    background: #325494
}

.menu-desktop ul li.home {
    line-height: 16px
}

.menu-desktop ul li ul {
    top: 39px !important;
    position: absolute;
    left: -3000px;
    display: none;
    visibility: hidden;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.menu-desktop ul li ul li {
    display: list-item;
    float: none;
    position: static
}

.menu-desktop ul li ul li ul {
    position: absolute;
    top: -1px !important
}

.menu-desktop ul li ul li a {
    width: 300px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    text-transform: none
}

.downarrowclass {
    position: absolute;
    top: 12px;
    right: 7px
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px
}

.ddshadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-color: #ccc
}

.toplevelshadow {
    margin: 5px 0 0 5px;
    opacity: .8
}

.ddcss3support .ddshadow.toplevelshadow {
    margin: 0
}

.ddcss3support .ddshadow {
    background-color: transparent;
    box-shadow: 5px 5px 5px #aaa;
    -moz-box-shadow: 5px 5px 5px #aaa;
    -webkit-box-shadow: 5px 5px 5px #aaa
}

#province-list {
    width: 610px !important;
    background: #2d4c87;
    border: none;
    display: block
}

.top-menu-popup li {
    border: none !important;
    float: left !important
}

.top-menu-popup li a {
    width: 178px !important;
    margin: 0 !important;
    padding: 10px 12px !important
}

.loto-mien ul li,
.today-open-widget tr td {
    width: 33.333333333333%
}

.top-menu-popup li.root {
    width: 100% !important;
    display: block;
    float: none !important;
    text-align: center !important;
    clear: both;
    background: #74aa19 !important;
    padding: 0
}

.info-result ul.sub-content,
.title-text,
input.form-control,
select.form-control,
textarea.form-control {
    padding-left: 10px
}

.top-menu-popup li.root a {
    background: #74aa19;
    width: 570px !important;
    border: none !important;
    text-transform: uppercase !important;
    padding: 11px 12px !important
}

.top-menu-popup li.root a:hover {
    background: #74aa19
}

#left-big {
    width: 950px;
    float: left;
    min-height: 200px
}

.header-title {
    height: 40px;
    background: #e62e04
}

.header-title h1 {
    font-size: 24px;
    ;
}

.header-title-gray {
    background: #737373;
    height: 37px;
    border: 1px solid #626262
}

.header-title-dark-blue {
    background: #2d4c87;
    height: 37px;
    border: 1px solid #626262
}

.header-title-silver {
    height: 37px;
    background: #f1f1f1;
    line-height: 37px;
    padding-left: 10px;
    border: 1px solid #eaeaea;
    margin-bottom: 10px
}

.title-text {
    color: #fff;
    line-height: 37px
}

.caption-info {
    background: #f4f2e6;
    border: 1px solid #e3dfc9;
    padding: 8px;
    line-height: 28px
}

.box-ketqua,
.full-form button,
.full-form input {
    float: left;
    width: 100%
}

.box-ketqua .result-box {
    width: 480px;
    float: left
}

.result-box-loto {
    margin-left: 15px;
    float: left;
    width: 204px
}

.advertisment img,
.box-search-sqk .Zebra_DatePicker_Icon_Wrapper,
.col-xs-1,
.col100,
.info-result .table-award,
.kq-calendar-content,
.kq-table-hover td.info .btn-default.show-mobile,
.loto-input .input input.form-control,
.loto-nourish table,
.main-tk-sc .Zebra_DatePicker_Icon_Wrapper,
.result-box-dt table,
.result-box-loto .dd-loto-widget table,
.sc-lt .Zebra_DatePicker_Icon_Wrapper,
.today-open-region-widget .region-wrapper,
.w100 {
    width: 100%
}

.form-group-main {
    margin: 25px 0;
    min-height: 20px
}

#tksc-list .tksc-item .tksc-name a,
.bangvang .title-user,
.bangvang .title-user span,
.dd-loto-widget tr td,
.dd-loto-widget tr td .red,
.loto-tructiep tr td,
.loto-tructiep tr td .red,
.s16,
.thkqtt tbody tr td span,
.vl-box .title-vl a,
p.helper,
p.helper span {
    font-size: 16px
}

.form-group .label {
    margin-bottom: 5px;
    font-weight: 700
}

button.form-control {
    background: #74aa19;
    border: 1px solid #628b1c;
    border-radius: 3px;
    cursor: pointer
}

.box-search-sqk .bdn,
select.form-control {
    height: 37px
}

.form-control {
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 8px 0 9px
}

.btn,
.errorPanel {
    border: 1px solid transparent
}

button.button-submit {
    height: 38px;
    width: 116px;
    color: #fff;
    font-weight: 700
}

.col8 {
    width: 8%
}

.col10,
.widget-skq-loto .dau-loto {
    width: 10%
}

.col-xs-3,
.col25,
.menu-diw ul.navbar-nav li {
    width: 25%
}

.col31 {
    width: 31%
}

.col32 {
    width: 32%
}

.col35 {
    width: 35%
}

.col38 {
    width: 38%
}

.col40 {
    width: 40%
}

.col42 {
    width: 42%
}

.col46 {
    width: 46%
}

.col51 {
    width: 51%
}

.col52 {
    width: 52%
}

.col45 {
    width: 45%
}

.col48 {
    width: 48%
}

.col75 {
    width: 75%
}

.col73 {
    width: 73%
}

.col74 {
    width: 74%
}

.col24 {
    width: 24%
}

.col15,
.table-xemloto tbody tr td:first-child,
.w15 {
    width: 15%
}

.col18 {
    width: 18%
}

.col19 {
    width: 19%
}

.col-xs-5,
.col20 {
    width: 20%
}

.col34 {
    width: 34%
}

.col60,
.loto-input .loto-member {
    width: 60%
}

.r900,
.widget-skq-loto table tr td.dd-stt {
    color: #900
}

.rc00 {
    color: #c00
}

.btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px
}

.btn.btn-small {
    padding: 3px 7px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn.btn-success {
    background: #40bf40;
    text-shadow: none;
    color: #fff;
    filter: none
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 2px
}

.box-table {
    margin-bottom: 10px;
    position: relative;
    min-height: 100px
}

.box-table .dauso {
    width: 45px;
    height: 45px;
    background: #e3e9f4;
    border: 1px solid #a1b1cf;
    font-weight: 700;
    color: #2d4c87;
    line-height: 46px;
    text-align: center
}

.box-capso .capso,
.box-capso .solan {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-weight: 700;
    float: left;
    text-align: center
}

.box-table .number {
    width: 45px;
    height: 45px;
    text-align: center;
    color: #464646;
    padding: 2px 0
}

.box-table .number span,
.bv-desktop,
.live-header,
.menu-single,
.message-desktop,
.nav>li,
.nav>li>a,
.table-tructiep .table tr td span {
    display: block
}

.box-table .number .num {
    font-size: 20px;
    color: #e80000;
    font-weight: 700
}

.box-table .none {
    width: 45px;
    height: 45px;
    background: #a09f9f;
    border: none
}

.box-table .margin-row {
    margin-bottom: 4px
}

.box-capso {
    float: left;
    width: 20%
}

.box-capso .capso {
    border: 1px solid #a4b3d0;
    background: #e3e9f4;
    font-size: 13px;
    color: #2d4c87
}

.box-capso .solan {
    border: 1px solid #e3e3e3;
    border-left: none;
    background: #fcfaf4;
    font-size: 12px;
    color: #464646
}

.icon-date {
    background: url(../images/calendar.png) 126px 0 repeat-y
}

.article .article-content table,
.contact-content input,
.contact-content textarea {
    width: 100% !important
}

.contact-content .content-label {
    height: 100px
}

.news-item:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.news-item {
    display: inline-block;
    clear: both;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 10px
}

.news-item .thumbnail {
    width: 125px;
    float: left;
    margin-right: 10px
}

.news-item a.img img {
    width: 100%;
    border: none;
    height: 100px
}

.news-item .title {
    padding: 0;
    font: 400 18px Arial;
    margin-bottom: 7px
}

.news-item .title a {
    font-size: 15px;
    color: #222;
    font-weight: 700;
    line-height: 20px
}

.breadcrumb,
.breadcrumb h2,
.du-doan h2,
.result-box .jackpot-amount-box p,
.table-extend tr td.cbs {
    font-weight: 400
}

.news-item .date {
    font-size: 14px;
    color: #555;
    padding-bottom: 10px
}

.news-item .des {
    font-size: 14px;
    line-height: 1.4;
    color: #4f4f4f
}

#left-article {
    width: 630px;
    float: left;
    min-height: 200px
}

#right-article {
    width: 330px;
    float: right
}

.breadcrumb {
    margin: 5px 0 10px 5px;
    font-size: 14px;
    letter-spacing: -.3px;
    word-spacing: .2px;
    overflow: hidden
}

.breadcrumb>li {
    white-space: nowrap;
    display: -webkit-box;
    overflow: hidden;
    float: left
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.article-title h1 {
    font-weight: 700;
    color: #222
}

.article .content h2,
.article .content h2 strong,
.article .content h3 strong,
.article .content p strong {
    font-size: 18px;
    color: #222
}

.article .content {
    line-height: 23px;
    width: auto
}

.article .author {
    display: block;
    font-style: italic;
    margin-bottom: 5px;
    float: left
}

.article a span,
.content-sonong h3,
.content-sonong h4,
.content-sonong span,
.s18 {
    font-size: 18px
}

.article .article-content .short-description,
.article .short-description h2 {
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 15px
}

.article .article-content img,
.info-result img {
    max-width: 100%
}

.article .article-content p img {
    display: block;
    margin: auto
}

.article .content p,
.article .content ul li {
    font-size: 18px;
    line-height: 160%;
    font-weight: 400;
    margin-bottom: 15px
}

.table-extend tbody tr:first-child td,
.thongkedauduoi tr td:first-child,
header h1,
ul.more-news li a h3 {
    font-weight: 500
}

section.related h3 {
    margin-bottom: 5px;
    font-size: 18px
}

section.related ul {
    margin: 0 0 15px 16px;
    font-size: 15px;
    line-height: 20px
}

section.related ul li {
    list-style: initial;
    margin-bottom: 8px
}

section.related ul li a {
    color: #076db6;
    font-size: 16px;
    line-height: 160%
}

.article .short-description,
.article .short-description h2 {
    line-height: 23px
}

ul.more-news {
    display: block;
    clear: both;
    margin-top: -1px;
    overflow-y: auto;
    overflow-x: hidden
}

ul.more-news li {
    display: block;
    overflow: visible
}

ul.more-news li a.actnews {
    background: #eee;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

ul.more-news li a.actnews:before {
    border-color: rgba(218, 218, 218, 0);
    border-right-color: #eee;
    border-width: 14px;
    position: absolute;
    top: 30%;
    left: -27px;
    z-index: 9
}

ul.more-news li a img {
    float: left;
    width: 100px;
    height: 60px;
    margin: 3px 10px 10px 5px
}

.pagination {
    float: right;
    width: 100%
}

.pagination .textpage {
    float: left;
    line-height: 25px;
    margin-right: 10px;
    width: 40%
}

.pagination ul li {
    float: left;
    background: #fff;
    border: 1px solid #d6d6d6;
    margin-right: 2px;
    line-height: 25px;
    text-align: center;
    border-radius: 3px
}

.pagination ul li.active,
.pagination ul li:hover {
    background: #2d4c87;
    border: 1px solid #355aa0
}

.pagination ul li.disabled span {
    color: #414141
}

.pagination ul li a,
.pagination ul li span {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 10px
}

.pagination ul li:hover {
    color: #fff
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.loto-input {
    border: 2px solid #e52e04;
    min-height: 200px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 2px
}

.loto-input .btnPlay {
    margin-right: 0 !important
}

.loto-input .btnPlay .btn-play {
    width: 150px;
    color: #fff;
    background: #e52e04
}

.full-form .form-group .btn-login,
.full-form .form-group .btn-register {
    width: 20%;
    color: #fff;
    font-weight: 700
}

.loto-input .btn-nap-xu {
    background: #e72d04;
    width: 60px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block
}

.loto-input .label-you-want {
    margin: 10px 0
}

.loto-input .select-loto .loto-xien {
    background: #fafafa;
    border: 1px solid #dfdfdf;
    min-height: 72px;
    margin-right: 5px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.loto-input .select-loto .loto-xien.active {
    border: 1px solid #e52e04
}

.loto-input .select-loto .loto-xien .loto-type {
    font-weight: 700;
    margin-bottom: 3px
}

.loto-input .select-loto .loto-xien .proportion {
    color: #999
}

.loto-input .select-loto .loto-xien div.rCheck {
    display: block;
    min-height: 20px;
    vertical-align: middle;
    margin-top: 3px
}

.loto-input .select-loto .loto-xien div.rCheck label {
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    margin-bottom: 6px;
    color: #777a80;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.loto-input .select-loto .loto-xien div.rCheck label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border: 1px solid #c2c6cb;
    border-radius: 99px
}

.loto-input .select-loto .loto-xien div.rCheck input[type=radio]:checked+label:before {
    background: red;
    border: 1px solid red;
    transform: scale(.63)
}

.loto-input .input .label {
    margin-bottom: 5px;
    font-size: 13px
}

.loto-action {
    background: #f8f8f8;
    border: 1px solid #d9d9d9;
    border-top: none;
    min-height: 45px;
    line-height: 45px;
    padding: 0 15px;
    border-radius: 0 0 2px 2px;
    margin-bottom: 20px
}

.loto-action button {
    margin-top: 6px;
    border-radius: 3px;
    color: #fff;
    background: #e52e04
}

.loto_today {
    border-radius: 2px;
    background: #f8f8f8;
    border: 1px solid #d9d9d9;
    min-height: 50px;
    margin-bottom: 15px
}

.deletebutton:active,
.deletebutton:hover,
.deletebutton:link,
.deletebutton:visited {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 3;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/delete.png');
    overflow: hidden
}

.loto_today .bet {
    float: left;
    border: 1px solid #eadac1;
    background: #f9ecd7;
    margin: 5px;
    padding: 4px;
    font-size: 12px;
    color: #333;
    position: relative;
    z-index: 0;
    width: 98px;
    height: 58px;
    text-align: center;
    cursor: pointer
}

.loto_today .info-today {
    width: 30%;
    float: left
}

.loto_today .landing-thongke {
    width: 68%;
    float: right
}

.loto_today .landing-thongke ul li {
    float: left;
    line-height: 10px;
    background: url(../images/buttonmenu.png) no-repeat;
    margin-left: 38px
}

.loto_today .landing-thongke ul li a {
    margin-left: 20px;
    color: #2d4c87
}

.loto-history table {
    width: 100%;
    margin-bottom: 15px
}

.loto-history table tr,
.loto-nourish table tr {
    height: 35px;
    text-align: center
}

.loto-history table tr td,
.loto-history table tr:first-child td,
.loto-nourish table tr td {
    border: 1px solid #d9d9d9
}

.loto-history table tr:first-child,
.loto-history table tr:last-child,
.loto-nourish table tr:first-child,
.table thead {
    background: #fafafa
}

.loto-history table tr td[rowspan] {
    text-align: left;
    padding-left: 20px
}

.loto-history table tr td[rowspan] span.day {
    color: #38578e;
    font-weight: 700
}

.loto-history table tr:last-child td {
    border-left: none;
    border-right: none
}

.loto-history table tr:last-child td:first-child {
    border-left: 1px solid #d9d9d9
}

.loto-history table tr:last-child td:last-child {
    border-right: 1px solid #d9d9d9
}

.loto-history table tr td.trung {
    background: #f2f6e8
}

.loto-history table tr td.tach {
    background: #ffe5e6
}

.loto-nourish,
.sidebar-menu .menu-c:last-child {
    margin-bottom: 25px
}

.login-page {
    text-align: center;
    margin: 0 auto;
    padding: 10px
}

.errorPanel,
.successPanel {
    padding: 15px;
    margin-bottom: 10px
}

.validation-form .text-danger {
    float: left;
    padding: 5px;
    margin-left: 5px
}

.full-form .form-group {
    width: 100%;
    text-align: left
}

.full-form .form-group .btn-login {
    background: #e62e04;
    border: 1px solid red
}

.errorPanel {
    background-color: #f2dede;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px
}

.errorPanel .errors {
    display: block;
    color: #a94442
}

.successPanel {
    background-color: #aad178;
    border: 1px solid transparent;
    color: #fff
}

.login-page .social-group {
    text-align: center;
    width: 100%;
    margin: 20px auto
}

.login-page .social-group .login-title {
    width: 90%;
    margin: auto auto 36px;
    border-bottom: 1px solid #ddd;
    height: 7px
}

.login-page .social-group .login-title span {
    margin-top: 10px;
    background: #fff;
    padding: 0 11px;
    color: #646472
}

.login-page .social-group .social-button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    padding: 10px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 75px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important
}

.login-page .social-group .fb-button {
    background: #43609c
}

.login-page .social-group .google-button {
    background: #d23f2a
}

.login-page .social-group .twitter-button {
    background: #0084b4
}

.login-page .social-group .yahoo-button {
    background: #640f6c
}

.image-loading {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40px;
    left: 45%;
    background: url('../images/loading.gif') 0 0/50px 50px
}

.note .icon-note {
    width: 17px;
    height: 17px;
    border-radius: 99%;
    font-weight: 700;
    font-size: 16px;
    border: 2px solid red
}

.message-loto {
    margin: 18px 0 15px 10px;
    color: #e52e04;
    font-size: 14px;
    float: left
}

.table tr th {
    border: 1px solid #d9d9d9;
    text-align: center !important;
    font-weight: 700
}

.table tr td,
.table-tructiep {
    border: 1px solid #e1e1e1
}

.form-login .form-group input.form-control {
    height: 30px;
    width: 100%;
    margin-bottom: 15px;
    padding: 6px 12px
}

.table-tructiep {
    margin-bottom: 10px;
    position: relative
}

.table-tructiep .title {
    height: 37px;
    color: #900;
    font-weight: 700;
    font-size: 14px;
    background: #e8e8e8;
    line-height: 37px;
    text-align: center
}

.table-tructiep .caption-tructiep {
    font-size: 15px;
    color: #2d4c87;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 10px
}

.table-tructiep .table thead tr th {
    font-weight: 700;
    color: #1f10e2;
    font-size: 14px;
    border-right: none;
    font-family: Tahoma, Geneva, sans-serif
}

.table-tructiep .table thead tr th a {
    font-weight: 700;
    color: #e62e04;
    font-size: 14px;
    border-right: none;
    text-decoration: underline
}

.loto-tructiep tr th:first-child,
.table-tructiep .table thead tr th:first-child {
    width: 10%;
    font-weight: 400;
    color: #414141
}

.tk-nhanh-40 .table tr:nth-child(2n) {
    background: 0 0
}

.dd-loto-widget table tr,
.table tr {
    height: 35px !important
}

.table-tructiep .table tr td .number {
    line-height: 28px;
    height: 28px;
    font-size: 23px;
    font-weight: 700;
    padding: 3px;
    text-align: center
}

.table-tructiep .table tr td mark {
    font-size: 22px;
    font-weight: 700;
    background: #fb9b34;
    color: #fff;
    border-radius: 4px;
    padding: 0 1px
}

.result-box .vl-max4d table tr td.number,
.table-tructiep .table tr.gdb td .number {
    font-size: 24px
}

.loto-tructiep {
    min-height: 300px
}

.loto-tructiep tr td:first-child {
    width: 10%;
    padding: 0;
    text-align: center
}

.loto-tructiep tr th {
    border: 1px solid #d9d9d9;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    color: #1f10e2;
    font-size: 14px;
    background: #fafafa
}

.loto-tructiep tr td {
    text-align: left;
    padding-left: 5px;
    font-weight: 700
}

.border-red {
    border: 2px solid #e62e04;
    position: relative
}

.action,
.bang-loto {
    border: 1px solid #d9d9d9
}

.action {
    height: 50px;
    background: #f8f8f8;
    border-radius: 0 0 3px 3px;
    margin-bottom: 10px;
    border-top: none
}

.action .icon-note,
.action-link .icon-note {
    width: 17px;
    height: 17px;
    float: left;
    background: url(../images/icon-note.png) no-repeat;
    margin: 15px 5px
}

.action .btn-default,
.btn-inline-default {
    background: #74aa19;
    color: #fff
}

.action-link .icon-note {
    margin: 5px 10px 5px 5px
}

.action ul li {
    float: left;
    line-height: 48px;
    color: #777
}

.action-link ul li {
    line-height: 27px;
    float: left
}

.action ul li:after,
.action-link ul li:after {
    content: "\00a0-\00a0"
}

.action ul li:last-child:after,
.action-link ul li:last-child:after {
    content: "" !important
}

.action .btn-default {
    margin: 10px 15px 0 0;
    border: 1px solid #628b1c
}

.btn-inline-default.active {
    font-weight: 700;
    background: #2d4c87
}

.result-table {
    background: #e3e3e3
}

.result-table thead tr th,
.thkqtt tbody tr:first-child td {
    font-weight: 700;
    color: #900
}

.result-table tbody {
    background: #fff
}

.result-table tbody tr td .number {
    font-size: 20px;
    color: #00f;
    font-weight: 700
}

.result-table tbody tr td .number-full {
    font-size: 20px;
    font-weight: 700;
    margin: 3px 0
}

.result-table tbody tr td .date {
    color: #424242;
    font-size: 15px
}

.text-danger {
    color: #e83905
}

.text-danger a {
    color: #e83905;
    font-weight: 700
}

.text-success {
    color: #74aa19
}

.text-success a {
    color: #74aa19;
    font-weight: 700
}

.thongkedauduoi {
    margin-bottom: 30px
}

.checkbox-list ul li {
    float: left;
    margin: 0 10px 10px 0
}

.fast-select {
    border: 1px solid #dfdfdf;
    height: 220px;
    width: 100%;
    border-radius: 2px
}

.fast-select option {
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 15px
}

.table-extend tbody {
    display: block;
    overflow-x: auto;
    width: 704px
}

.table-extend .black {
    background: grey
}

.lightbox-content .table-extend tbody tr td,
.table-extend tr td {
    padding: 3px !important
}

.expant-title {
    background: #74aa19;
    width: auto;
    float: right;
    cursor: pointer;
    padding-right: 10px
}

.scrollTop,
.scrollTop div {
    height: 20px
}

.scrollTop,
.table-extend .table tbody {
    width: 950px;
    border: 0 RED;
    overflow-x: scroll;
    overflow-y: hidden
}

.radio label:after,
.radio label:before {
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 13px
}

input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.radio label {
    position: relative;
    padding-left: 20px;
    margin-right: 15px;
    font-size: 13px;
    color: #343434;
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio]:checked+label:before,
.radio+.radio input[type=radio]:checked {
    border: 1px solid #e62e04
}

.radio label:before {
    content: "";
    left: 0;
    top: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio input[type=radio]:checked+label:after {
    -o-transform: scale(.63);
    -ms-transform: scale(.63);
    -moz-transform: scale(.63);
    -webkit-transform: scale(.63);
    transform: scale(.63);
    line-height: 18px;
    -o-transition: transform .1s cubic-bezier(.455, .030, .215, 1.33);
    -ms-transition: transform .1s cubic-bezier(.455, .030, .215, 1.33);
    -moz-transition: transform .1s cubic-bezier(.455, .030, .215, 1.33);
    -webkit-transition: transform .1s cubic-bezier(.455, .030, .215, 1.33);
    transition: transform .1s cubic-bezier(.455, .030, .215, 1.33);
    background-color: #d9534f
}

.radio label:after {
    content: " ";
    left: 1px;
    top: 1px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio-border {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #dfdfdf
}

.loading {
    height: 35px;
    background: url(../images/loading-2.GIF) center/20px no-repeat
}

.thkqtt tbody tr td {
    padding: 5px !important;
    font-size: 16px
}

.thkqtt tbody tr td:first-child {
    width: 35px !important;
    color: #1f10e2;
    font-weight: 400;
    font-size: 14px
}

.full-infor .tienich-item:first-child,
.full-infor .tienich-item:nth-child(4n) {
    margin-left: 0 !important
}

.full-infor .tienich-item {
    width: 92px !important;
    margin-left: 7px !important
}

.tamgiac {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700
}

.fast-select:focus {
    outline: 0;
    border: 1px solid #ddd
}

.checked-list ul {
    width: 14%;
    float: left
}

.checked-list ul li {
    margin: 0 0 10px
}

#right-big {
    width: 80%;
    min-height: 100px;
    float: right
}

.profile .form-control {
    border-top: 0;
    border-bottom: 0;
    border-left: 0
}

#popup_id {
    display: block;
    height: 100%;
    position: absolute !important
}

.modal-dialog {
    width: 600px;
    z-index: 9999999999
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

#go-to-top,
.modal,
.modal-backdrop {
    position: fixed;
    right: 0
}

.modal-header {
    min-height: 16.43px;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5
}

.modal {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2050;
    display: none;
    overflow: hidden;
    outline: 0
}

.table-extend tbody tr td.black:last-child,
.table-extend tr td {
    border: 1px solid #666 !important
}

.modal-header .close {
    font-size: 40px;
    margin-top: -12px
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0;
    border: 0
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.modal .modal-footer {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0
}

.modal-footer {
    text-align: right
}

.modal-backdrop {
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2040;
    background-color: #000;
    opacity: .7
}

#loading {
    width: 240px;
    height: 120px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    text-align: center;
    font-weight: 700
}

#loading .loading-img {
    width: 240px;
    height: 100px;
    background: url(../images/loading.gif) 90px 20px no-repeat
}

.tr_hover:hover {
    background: #f39c25
}

.action .btn-inline-default {
    margin: 10px 5px 0 0
}

.centerTable {
    display: table;
    margin: auto
}

.tablePadding10 tr td {
    padding: 10px !important
}

.full-form .explain {
    margin: 5px 60px 5px 0;
    color: #969696;
    font-size: 12px
}

.list-menu ul {
    margin-left: 50px
}

.list-menu ul li {
    list-style: initial;
    margin: 5px 0
}

.list-menu ul li a {
    font-size: 16px;
    color: #2d4c87
}

#bdbt td,
.Zebra_DatePicker td,
.box-response .table tr td,
.btn-group-skq a {
    cursor: pointer
}

.kq-table-hover td.info,
.kq-table-hover tr.info td,
.kq-table-hover tr.info th,
.lich-quay-xo-so tbody tr:nth-child(odd) {
    background: #f4f2e6
}

.lich-quay-xo-so tbody tr td {
    padding: 10px 0 10px 10px
}

.lich-quay-xo-so tbody tr td:first-child {
    font-size: 13px;
    color: #2d4c87;
    font-weight: 700;
    padding: 0;
    text-align: center
}

.lich-quay-xo-so tbody tr td p,
.table-xemloto tbody tr td {
    line-height: 25px
}

#tksc-list {
    border-top: 1px solid #cdcdcd;
    margin-top: 10px
}

.list-thongke .tksc-item {
    border: 1px solid #cdcdcd;
    width: 331px;
    padding: 10px 5px
}

.list-thongke .tksc-item a {
    float: left;
    font-size: 15px
}

#tksc-list .tksc-item:nth-child(2n) {
    border-left: none;
    width: 244px
}

#tksc-list .tksc-item-2 {
    border: 1px solid #cdcdcd;
    width: 158px;
    float: left;
    padding: 5px;
    margin-bottom: 5px;
    height: 75px;
    border-top: none
}

#tksc-list .tksc-item-2:nth-child(2n) {
    border-left: none;
    border-right: none;
    width: 160px
}

.table-extend tr {
    height: inherit !important
}

.table-extend tr td {
    font-weight: 700;
    height: 100%
}

.table-extend tbody tr td:first-child,
.table-extend tbody tr:first-child td {
    font-weight: 400;
    border: 1px solid #d9d9d9 !important;
    font-size: 15px
}

.lightbox-content .result-table {
    padding: 0 !important
}

.tk-loto table tr td {
    padding: 0 5px !important;
    box-sizing: border-box
}

.loto-daigia tr td:nth-child(2),
.loto-tilethang tr td:nth-child(2),
.loto-toptuan tr td:nth-child(2) {
    text-align: left;
    padding-left: 20px !important
}

.tansuat-note {
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px
}

#bdbt .weekend {
    background: #e9f4fc
}

#bdbt td:hover {
    background: #ffeaa6
}

.top-1 {
    color: #f93 !important
}

.top-2 {
    color: green !important
}

.top-3 {
    color: #deb887 !important
}

.bangvang tr td {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left
}

.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_header .dp_caption,
.bangvang thead tr th,
.item-name a,
.menu-diw .nav a,
.table-prediction tr td.name {
    font-weight: 700
}

.bangvang tr td:nth-child(2) ul {
    margin-top: 10px;
    margin-bottom: 10px
}

.bangvang tr td:nth-child(2) ul li {
    list-style: initial;
    margin-left: 15%;
    padding-bottom: 5px
}

.loto-help-icon {
    position: absolute;
    right: 5px;
    top: 6px
}

#go-to-top {
    bottom: 40px
}

.tklltlt {
    padding: 5px 0 5px 15px
}

.view-numbers table tr td {
    text-align: left;
    padding: 5px
}

.bangvang-date .Zebra_DatePicker_Icon_Inside {
    left: 132px !important
}

.live-menu-item:nth-child(2n) .live-menu-content p a:after {
    width: 173px
}

.prediction-title {
    font-size: 15px;
    font-weight: 700;
    color: #1f10e2
}

.table-prediction tr td {
    text-align: left;
    padding-left: 10px
}

.result-box-dt .result-header {
    border: 1px solid #d8d7d7;
    border-bottom: none
}

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

.result-box .jackpot-amount-box {
    padding: 10px 15px;
    border: 2px solid #ed3838;
    border-radius: 20px;
    font-size: 24px;
    color: #444;
    width: 300px;
    font-weight: 700;
    margin: 15px auto;
    text-align: center
}

.result-box .mega645-result {
    text-align: center;
    margin: 20px 0
}

.result-box .mega645-item,
.result-box .power-item {
    padding: 10px;
    border: 3px solid #c00;
    border-radius: 100%;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 5px;
    background: #c00;
    line-height: 46px
}

.result-box .mega645-wins table tr td {
    font-size: 14px;
    text-align: left;
    padding-left: 5px
}

.result-box .mega645-wins table tr .circle-num i {
    font-style: normal;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #414141;
    display: inline-block;
    margin-right: 2px
}

#center .vl-box table tr td:first-child {
    width: 18% !important
}

#c_c {
    color: #f22613
}

.table-tructiep .title-tn {
    height: 37px;
    color: #e62e04;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 37px;
    text-align: center
}

.loto-tructiep tr td.dd-stt,
.mega-col,
.result-box .first-col {
    font-weight: 400 !important
}

.table-tructiep .table tr td.first-col {
    font-weight: 400 !important;
    border-left: none
}

.title-power {
    margin-bottom: 7px
}

.power-red {
    border: 2px solid #fa8d29 !important;
    background: #fa8d29 !important
}

.power-line-jack {
    height: 10px !important;
    border-radius: 0 !important;
    border: 1px solid #aeaeb1 !important;
    width: 0 !important
}

.mega-col {
    font-size: 14px
}

.bang-loto .clred,
.mega-number {
    font-size: 20px !important
}

.mega-number-db,
.vl-max4d .mega-number {
    font-size: 22px !important
}

.line-power {
    height: 42px;
    vertical-align: bottom !important;
    border-radius: 0;
    border: 1px solid #aeaeb1;
    display: inline-block
}

.sidebar-menu,
div.overlay {
    height: 100%;
    position: fixed
}

#ctg_content .result-box td,
.kq-table-hover .info,
.tab button {
    border: none
}

#datepicker-menu,
.sidebar-menu {
    background: #fff;
    display: block;
    top: 0;
    overflow: auto;
    box-sizing: border-box
}

.img-vietlott {
    margin-top: 8px
}

ul.tk-sc-menu li img {
    padding-left: 10px;
    width: 16px
}

p.helper {
    margin-bottom: 16px !important
}

.box-search-sqk .number-date-range input {
    margin-right: 0;
    width: 90px
}

.box-search-sqk .form-control {
    padding: 8px 0 8px 10px;
    height: 37px
}

.header-mobile {
    position: relative;
    margin-bottom: -5px
}

.header-mobile .navbar {
    background: #2d4c87
}

.fixed {
    position: fixed;
    width: 100%;
    z-index: 999
}

.menu-mobile-xs360 {
    position: absolute
}

input[type=checkbox]#togglebox,
input[type=checkbox]#togglebox2 {
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.sidebar-menu {
    width: 280px;
    left: -300px;
    z-index: 1000;
    padding: 25px 0
}

#datepicker-menu {
    width: 250px;
    right: -280px;
    z-index: 100;
    position: fixed
}

.sidebar-menu ul li a {
    color: #333;
    line-height: 1.5;
    font-weight: initial;
    font-size: 14px
}

div.overlay {
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: #000;
    z-index: 99;
    visibility: hidden
}

table .capso,
table .solan {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 29px;
    font-weight: 700
}

.sidebar-menu .logo p {
    margin: 10px 0;
    font-size: 14px
}

.sidebar-menu.opened {
    left: 0 !important;
    transition: .3s ease-out
}

.form_load .loader,
.loader-tk .image-loading-tk {
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    position: absolute
}

.bg_f6 {
    background: #f6f6f6
}

.bg_f9 {
    background: #f9f9f9
}

.sidebar-menu .mb-c2 {
    opacity: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5px
}

.box-calender {
    display: none;
    justify-content: space-between;
    height: 28px;
    margin-bottom: 10px;
    align-menu-item-mb: center;
    border: 3px solid #2d4c87;
    background-color: #2d4c87
}

.date-bar__button {
    height: 28px;
    width: 24px;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px
}

.date-pre {
    margin-left: 5px
}

.opened {
    display: block !important
}

.result-box {
    border: 1px solid #d8d7d7 !important
}

.box-calender h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

ul.tk-sc-menu li .live_img,
ul.tk-sc-menu li .waiting_img {
    width: 30px !important;
    height: 10px
}

ul.tk-sc-menu li .done_img {
    width: 30px !important
}

ul.tk-sc-menu li img.waiting.gif {
    width: 23px !important
}

.kq-calendar {
    width: auto
}

.power-7 {
    background-color: #fff200 !important;
    border: 3px solid #fff200 !important;
    color: #c00 !important
}

.noti-skq,
.skq-submit {
    margin-top: 16px
}

.input2-tansuat label {
    padding-left: 16px !important;
    margin-right: 17px !important
}

.input2-tansuat .checked-list ul {
    width: 16%
}

header h1 {
    font-size: 13px;
    padding: 5px 0;
    border-bottom: 1px solid #dcdcdc
}

table .capso {
    background: #e3e9f4;
    font-size: 13px;
    color: #2d4c87;
    margin-right: 3px
}

table .solan {
    background: #fcfaf4;
    font-size: 13px;
    color: #464646
}

.tooltip:after,
[data-tooltip]:after {
    display: none !important
}

.radio.radio-border,
input.form-control,
select.form-control,
textarea.form-control {
    box-sizing: border-box;
    width: 100%
}

.tk-mrb10 {
    margin-bottom: -10px
}

.main-tk-sc .header-title .title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.link-social a {
    display: inline-block;
    margin: 5px
}

.link-social a img,
.link-social-tk a img {
    vertical-align: bottom;
    margin: 0 0 2px
}

.link-social-tk {
    margin-top: -10px
}

.link-social-tk a {
    display: inline-block;
    margin: 10px 15px 10px 5px
}

.control-panel {
    display: block;
    padding: 10px;
    height: 13px;
    border-top: 1px solid #d9d9d9;
    color: #fff;
    font-weight: 700
}

.tab,
.tabcontent {
    border: 1px solid #ccc
}

.digits-form .radio label {
    padding-left: 20px;
    vertical-align: top
}

.box-search-bdbt .radio-border,
.box-search-sqk .radio-border,
.tkts .radio-border {
    padding: 5px 0 10px;
    border: none
}

.box-search-sqk .radio label {
    padding-left: 22px
}

.tab {
    overflow: hidden;
    background-color: #2d4c87
}

.tab button {
    background-color: inherit;
    float: left;
    outline: 0;
    cursor: pointer;
    padding: 6px 16px;
    transition: .3s;
    font-size: 14px;
    color: #fff
}

.loto-mien .active,
.menu-diw li.active,
.tab button.active,
.tab button:hover {
    background-color: #74aa19
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none
}

.form_load .loader {
    width: 100%;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat
}

.loader-tk .image-loading-tk {
    width: 100%;
    background: url('../images/loading.gif') 50% 50% no-repeat
}

.no-center .table tr {
    text-align: justify
}

.tk .radio label {
    padding-left: 18px;
    margin-right: 0
}

.radio-list ul li {
    float: left;
    margin: 5px 15px 5px 0
}

.option-speed {
    display: none;
    margin-top: 5px
}

.btn-option-speed {
    background: #2d4c87;
    color: #fff;
    padding: 2px 12px
}

.table-extend tr td.cbs:last-child {
    font-weight: 400;
    border: 1px solid #666 !important
}

.change-view {
    background: #ec971f;
    width: auto;
    float: right;
    cursor: pointer;
    padding-right: 10px
}

.caption-info-mobie {
    background: #f4f2e6;
    font-weight: 700;
    padding: 10px;
    color: red;
    line-height: 10px;
    display: none
}

.btn-ngang {
    background: #ec971f
}

.tr-tkgan {
    background-color: #f9f9f9
}

.tr-tkmaxgan {
    background: #fff !important
}

.tr-tkgan td {
    padding: 3px;
    color: #900 !important;
    font-weight: 700;
    font-size: 15px
}

.main-left .result-table,
.tklotogan .result-table-tkgan {
    overflow: auto
}

.s17 {
    font-size: 17px
}

.s24 {
    font-size: 24px !important
}

.s25 {
    font-size: 25px !important
}

.lh20 {
    line-height: 20px !important
}

.lh22 {
    line-height: 22px !important
}

.bang-loto,
.box-detail-sc {
    margin-bottom: 10px;
    line-height: 18px;
    background: #f9f9f9
}

.loto-tructiep tr td.dd-stt {
    text-align: center;
    padding-left: 0;
    font-size: 14px
}

td.mb_madb {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1f10e2 !important
}

.col-xs-4 {
    width: 33.33333333%
}

.mdb6 {
    width: 16.6%
}

@media (min-width:992px) {
    .col-md-3 {
        width: 25%
    }
}

.load-more,
.loto-mien {
    width: 100%;
    float: left
}

.bang-loto {
    margin-top: -10px;
    border-top: none
}

.bang-loto span {
    font-size: 16px;
    font-weight: 400
}

.clred,
.clred span {
    color: #e80000 !important;
    font-size: 25px
}

.clblue,
.clblue span {
    color: #00f !important;
    font-size: 24px
}

.box-detail-sc {
    border: 1px solid #d9d9d9;
    border-top: none
}

#ctg_content .result-header {
    border-bottom: 1px solid #d9d9d9
}

#ctg_content .clblue span,
#ctg_content .result-box table tr td span,
.vl-max3d table tr td span,
.vl-max4d table tr td span {
    font-size: 28px !important
}

.info-result {
    padding: 5px;
    line-height: 28px;
    border: 1px solid #ccc;
    margin: 10px 0;
    background: #f4f2e6
}

.info-result .info-title {
    text-align: center;
    padding: 0 5px 5px;
    color: #e00000;
    font-family: Tahoma, Geneva, sans-serif
}

.main-rss .sub-title-page,
.main-rss .title-page {
    font-family: Merriweather, serif;
    margin-bottom: 15px;
    line-height: 160%
}

.info-result ul.sub-content li:before {
    content: "-";
    position: absolute;
    margin: -1px 0 0 -10px;
    vertical-align: middle
}

.info-result ol li span,
p.note {
    color: #58595b;
    font-weight: 700
}

.info-result .table-award,
.info-result .table-award td,
.info-result .table-award th {
    border: 1px solid #888
}

.info-result .table-award td,
.info-result .table-award th {
    padding-left: 5px
}

.info-result .table-award th {
    text-align: center;
    font-weight: 700
}

.load-more {
    line-height: 30px;
    color: #fff;
    background: #74aa19;
    font-size: 13px;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    font-weight: 700
}

.info span.label,
span.label {
    vertical-align: baseline;
    border-radius: .25em;
    text-align: center;
    white-space: nowrap
}

.title-link-item a {
    font-family: sans-serif;
    color: #2d4c87;
    font-size: 14px;
    font-weight: 400
}

.result-box .loading-xs {
    height: 35px
}

.loading_pending {
    padding: 4px 0
}

.dientoan table tr td,
.skq-tong tbody tr td {
    padding: 0
}

.unline {
    text-decoration: none !important
}

.dientoan .result-header {
    height: auto;
    padding: 10px 0
}

.ddxsmb .qt,
.result-header h2,
.result-header h2 a {
    font-size: 18px;
    color: #e00000;
    font-weight: 700
}

.xstn_date b,
.xstn_date span {
    font-size: 18px !important;
    font-weight: 400
}

.h70 {
    height: 70px
}

.title-kq-date {
    color: #2d4c87;
    font-size: 15px;
    font-weight: 700
}

.runLoto {
    background: #c30909;
    background: linear-gradient(#c30909, #2d4c87);
    border-radius: 100%;
    font-size: 18px;
    color: #fff;
    padding: 0 5px;
    display: inline;
    vertical-align: middle
}

.table-tructiep .runLoto {
    font-size: 20px;
    padding: 0 4px;
    vertical-align: top
}

.user-profile {
    margin-top: 5px;
    clear: both;
    padding: 0 0 0 5px
}

.arrow {
    font-weight: 700;
    margin: 8px 0;
    font-size: 15px
}

.xstn_date span {
    color: #1f10e2 !important
}

.xstn_date b {
    color: #1f10e2
}

.dbtn span.red {
    font-size: 32px
}

.vl-max3d table tr td span.number-db,
.vl-max4d table tr td span.max4d-g1 {
    font-size: 35px !important
}

.vl-max4d .table-khdb tr td span {
    font-size: 23px !important
}

.text-khdb {
    border-top: 1px solid #d8d7d7;
    padding: 10px;
    color: #00f;
    font-weight: 700;
    font-size: 15px;
    background: #f6f6f6
}

.loto-input .tutorial {
    line-height: 20px
}

.loto-mien {
    display: block;
    background: #2d4c87
}

.loto-mien ul li {
    float: left;
    padding: 6px 0;
    text-align: center
}

.today-open-region-widget tr td {
    border-left: 1px solid #d8d7d7;
    height: 31px;
    line-height: 31px;
    text-align: center
}

.title-diw,
.today-open-region-widget .title-region {
    color: #fff;
    font-size: 13px;
    padding-top: 11px;
    font-weight: 700
}

.title-tk {
    padding-left: 10px;
    font-weight: 400
}

.dientoan .pd5 {
    color: #000
}

.notification-icon {
    background: url(../images/icon_notification.png) no-repeat;
    display: inline-block;
    height: 18px;
    margin-left: 13px;
    margin-top: 8px;
    width: 22px
}

.icon-favourite,
.icon-nofavourite {
    width: 16px;
    display: block;
    height: 16px;
    float: left
}

.result-box tbody td.mb_g71,
.result-box tbody td.mb_g72,
.result-box tbody td.mb_g73,
.result-box tbody td.mb_g74 {
    color: #e62e04;
    font-size: 25px
}

.table-tructiep table .xstn_g8 {
    font-size: 28px !important;
    color: #e62e04 !important
}

.somo button.button-submit {
    width: 90px;
    height: 35px
}

.label-success {
    background-color: #73a81f
}

.label-info {
    background-color: #2d4c87
}

.label-danger {
    background-color: #a90329
}

.label-warning {
    background-color: #c79121
}

span.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.info span.label {
    padding: 5px;
    font-size: 15px;
    font-weight: 400 !important;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 130px
}

.btn-group-skq,
.btn-skq,
.link-static li::before,
.toggle-switch,
.zoom img {
    vertical-align: middle
}

.icon-nofavourite {
    background: url(../images/nofavourite.png) no-repeat
}

.icon-favourite {
    background: url(../images/follow.png) no-repeat
}

.btn-danger,
.btn-skq,
.live-header i,
.live-loader {
    display: inline-block
}

.sodep img {
    width: 60px
}

.sodep span.label {
    padding: 5px;
    font-size: 90%
}

.sodep-caudep {
    border: 1px solid #d8d7d7 !important;
    border-top: none !important;
    padding: 5px 0 5px 3px
}

.sodep-caudep:after,
.sodep-caudep:before {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.sodep-caudep .number {
    margin: 3px;
    padding: 5px;
    display: block;
    float: left;
    background: #fdfdfd;
    border: 1px solid #dfdddb;
    font-size: 16px;
    font-weight: 700;
    color: #e62e04
}

.breadcrumbs .breadcrumb li,
.breadcrumbs .breadcrumb li a,
.breadcrumbs .breadcrumb li h2,
.breadcrumbs .breadcrumb li span {
    color: #666;
    font-size: 14px
}

.widget-header h2 {
    color: #fff;
    font-weight: 700;
    font-size: 13px
}

.live-header {
    background-color: #f1f2f2;
    color: #414042;
    font-weight: 500;
    position: relative;
    padding: 5px;
    margin-bottom: 10px
}

.live-content,
.text-sponsored a {
    color: #666
}

.btn-danger {
    border: 1px solid #ed1c24;
    border-radius: 15px;
    background-color: #ed1c24;
    font-weight: 700;
    padding: 2px 8px;
    color: #fff;
    font-size: 12px
}

.live-header i {
    position: relative;
    top: 1px;
    left: -20px;
    height: 16px;
    width: 16px;
    text-align: center
}

.live-loader {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation: 1s linear infinite alternate live-loader;
    position: absolute;
    left: 50px;
    top: -24px
}

.btn-skq {
    font-weight: 400;
    color: #212529;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: .25rem
}

.btn-primary {
    color: #fff;
    background-color: #b13942;
    border-color: #b13942
}

.btn-info {
    color: #fff;
    background-color: #078296;
    border-color: #078296
}

.btn-group-skq {
    position: relative;
    display: inline-flex;
    width: 100%;
    margin-top: 10px
}

.live-content,
.toggle,
.toggle-switch {
    display: inline-block
}

.btn-group-skq>.btn-skq:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group-skq>.btn-skq:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-skq>.btn-skq {
    position: relative;
    flex: 1 1 auto
}

.btn-group-skq .active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

@-webkit-keyframes live-loader {
    0% {
        box-shadow: -20px 40px 0 2px #fff, -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 0 rgb(0 82 236 / 20%)
    }

    25% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 2px #009444, 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 0 rgb(0 82 236 / 20%)
    }

    50% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 2px #ed1c24, 10px 40px 0 0 rgb(0 82 236 / 20%)
    }

    75% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 2px #fff200
    }

    100% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 0 rgb(0 82 236 / 20%)
    }
}

@keyframes loader-live {
    0% {
        box-shadow: -20px 40px 0 2px #fff, -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 0 rgb(0 82 236 / 20%)
    }

    25% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 2px #009444, 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 0 rgb(0 82 236 / 20%)
    }

    50% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 2px #ed1c24, 10px 40px 0 0 rgb(0 82 236 / 20%)
    }

    75% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 2px #fff200
    }

    100% {
        box-shadow: -20px 40px 0 0 rgb(0 82 236 / 20%), -10px 40px 0 0 rgb(0 82 236 / 20%), 0 40px 0 0 rgb(0 82 236 / 20%), 10px 40px 0 0 rgb(0 82 236 / 20%)
    }
}

.live-content {
    margin-right: 28px;
    margin-left: 80px
}

.menu-diw ul.navbar-nav {
    padding-bottom: 10px;
    width: 100%;
    border-top: 1px solid #dddfe2
}

.navbar-nav {
    float: left;
    margin: 0
}

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

.nav>li>a {
    padding: 10px 15px
}

.menu-diw ul.navbar-nav li a {
    text-align: center;
    color: #333;
    font-weight: 500;
    padding: 5px 0;
    border-right: 1px solid #dddfe2;
    border-bottom: 1px solid #dddfe2
}

.widget-skq {
    width: 67%;
    float: left
}

.widget-skq-loto {
    width: 31.5%;
    float: right;
    margin-top: 10px
}

.show-desktop {
    font-size: 13px
}

.widget-skq table tr td {
    font-size: 19px
}

.result-box table tr td.kq_db,
.widget-skq table tr td.mb_g0 {
    font-size: 25px
}

.widget-skq .result-header {
    padding: 5px 10px;
    background: #fff2bc
}

.sodauduoi-table {
    border-collapse: collapse;
    width: 100%;
    margin: auto
}

.sodauduoi-table th:not(:first-child) {
    border-left: 1px solid #fff
}

.sodauduoi-table th {
    background: #2d4c87;
    color: #fff
}

.sodauduoi-table td:not(:empty) {
    border-left: 1px solid #ccc
}

.sodauduoi-table td.date {
    background-color: #f1f1f1
}

.sodauduoi-table td {
    border: none;
    line-height: 1.6em
}

.sodauduoi-table td,
.sodauduoi-table th {
    padding: 10px 5px;
    text-align: center
}

.sodauduoi-table td b,
.sodauduoi-table td i {
    font-size: 22px;
    font-style: normal
}

.sodauduoi-table tr:not(.head) td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.sodauduoi-table td:last-child {
    border-right: 1px solid #ccc
}

.sodauduoi-table .blue,
.sodauduoi-table td b {
    color: #0555aa
}

.sodauduoi-table tr:empty {
    height: 1rem
}

.sodauduoi-table .g7 {
    font-weight: 700;
    font-size: 17px
}

.sodauduoi-table .number-full,
.sodauduoi-table .number-full .r900 {
    font-weight: 700;
    font-size: 18px
}

.action-loto {
    width: 100%;
    float: left;
    padding: 5px 0
}

.action-loto a {
    width: 40%;
    float: left;
    padding: 5px 0 5px 24px;
    position: relative
}

.widget-sc .result-header {
    background: #ffeca0
}

.widget-sc .title-kq,
.widget-sc .title-kq a {
    color: #e80000;
    font-size: 18px
}

.link-social-image img {
    width: 100%;
    height: 65px
}

.main-tk-sc .Zebra_DatePicker_Icon_Wrapper {
    display: initial !important
}

.main-tk-sc .Zebra_DatePicker_Icon {
    top: 1px !important
}

.result-box-dt tr td {
    padding: 5px;
    border: 1px solid #d9d3cb;
    text-align: center
}

.result-box-dt .title-kq,
.result-box-dt tr .number strong {
    font-size: 22px
}

.result-box-dt tr.db .number strong {
    font-size: 27px;
    color: #e62e04 !important
}

.result-box-dt .result-header {
    border-top: 1px solid #d8d7d7
}

.th-dientoan {
    padding: 10px;
    border-right: none;
    border-left: none
}

.dientoan-home table a,
.kq-link:hover {
    color: #00f;
    text-decoration: underline
}

.vl-box .title-vl {
    color: #000;
    font-size: 16px
}

.vl-box .title-vl .title-a {
    color: #e00000;
    text-decoration: underline
}

.content-sonong h3,
.content-sonong h4 {
    margin-bottom: 3px
}

.header-title-sn {
    height: 37px;
    background: #fff2bc;
    border: 1px solid #d1d1d1;
    border-bottom: none;
    text-align: center
}

.header-title-sn span {
    line-height: 37px;
    font-weight: 700;
    color: #f37118
}

.kq-table-hover .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 5px 10px
}

.kq-table-hover {
    width: 100%;
    border: 1px solid #ccc
}

.kq-table-hover tr td,
.kq-table-hover tr th {
    border: none;
    padding: 3px
}

.table-extend .pad6 {
    color: #00f;
    font-weight: 500
}

.toggle {
    cursor: pointer
}

.toggle-switch {
    background: #ccc;
    border-radius: 16px;
    width: 50px;
    height: 25px;
    position: relative;
    transition: background .25s
}

.advertisment,
.menu-cuoc,
.zoom {
    display: none;
    text-align: center
}

.toggle-switch:after,
.toggle-switch:before {
    content: ""
}

.toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: left .25s
}

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .5)
}

.toggle-2sc:checked+.toggle-switch {
    background: #c00
}

.toggle-dau:checked+.toggle-switch {
    background: #1f10e2
}

.toggle-dit:checked+.toggle-switch {
    background: #000
}

.toggle-tong:checked+.toggle-switch {
    background: #e62e04
}

.toggle-checkbox:checked+.toggle-switch:before {
    left: 28px
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden
}

.toggle-label {
    position: relative;
    top: 2px
}

.number-hsc {
    color: #c00 !important
}

.number-dau {
    color: #1f10e2 !important
}

.number-dit {
    color: #000 !important
}

.ddxsmb .widget-header h3 {
    padding-top: 8px;
    font-size: 16px
}

.text-sponsored {
    margin-top: 10px;
    text-align: center
}

.advertisment .h200 {
    height: 250px;
    width: 320px
}

.advertisment .h90 {
    height: 55px;
    width: 420px
}

.advertisment .double-img {
    width: 48%;
    height: 200px
}

.menu-cuoc {
    white-space: nowrap;
    overflow-x: auto;
    padding: 10px
}

.btn-menu-cuoc {
    border: none;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 8px;
    display: inline-block
}

.banner-ads {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 95%;
    display: none
}

.banner-ads-bd {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box
}

.banner-ads-button span {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    color: #28bc66;
    background-color: rgba(0, 0, 0, .7);
    width: 20px;
    height: 20px;
    display: flex;
    align-menu-item-mb: center;
    justify-content: center;
    z-index: 999
}

.ads-home-center img,
.banner-ads img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.banner-ads.mgb2 {
    margin-bottom: 2px !important
}

.banner-ads.mgb10 {
    margin-bottom: 10px !important
}

.banner-ads.mgb15 {
    margin-bottom: 15px !important
}

.ads-home-center {
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box
}

.banner-ads-center,
.banner-home-center {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding: 5px;
    box-sizing: border-box
}

.ads-box {
    overflow: hidden;
    display: none
}

.skq-tong tbody tr td .region-column {
    width: 100%;
    border: none
}

.widget-gdbgan,
.widget-tong {
    background: #fff2bc;
    height: 35px
}

.widget-gdbgan h3,
.widget-tong h3 {
    color: #333;
    text-align: center;
    padding-top: 10px
}

.box-search-sqk .form-group {
    padding-right: 5px
}

.link-static {
    padding: 12px 16px;
    float: left
}

.link-static li {
    float: left;
    width: 100%;
    padding: 5px 0 5px 16px;
    position: relative
}

.link-static li a {
    color: #120cf4 !important;
    text-decoration: underline !important
}

.link-static li::before {
    position: absolute;
    margin: 6px 0 0 -13px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background: #000;
    content: ""
}

.article-title h1 {
    font-size: 22px;
    line-height: 1.5
}

.article .article-content .short-description,
.article .article-content .short-description h2 {
    font: 600 16px/1.5 arial;
    margin: 0 0 1em;
    word-break: break-word
}

.article .content p {
    font: 400 16px/1.5 arial;
    margin: 0 0 1em;
    word-break: break-word
}

.article .content h2 {
    font: 700 16px/1.5 arial;
    margin: 1em 0;
    word-break: break-word
}

.bgcn {
    background: #dff0d8
}

.main-rss {
    width: 100%;
    max-width: 700px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative
}

.main-rss .title-page {
    font-size: 24px;
    font-weight: 700
}

.main-rss .sub-title-page {
    font-size: 20px;
    display: inline-block
}

.main-rss .wrap-list-rss,
.tab-panel {
    display: flex
}

.main-rss p {
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 20px
}

.main-rss .wrap-list-rss .list-rss {
    width: 100%;
    color: #4f4f4f;
    font-size: 18px;
    line-height: 1.1666666667;
    margin-bottom: 15px
}

.main-rss .wrap-list-rss .list-rss a {
    padding: 15px 0;
    display: block;
    font-size: 18px;
    line-height: 1.1666666667
}

.main-rss .wrap-list-rss .list-rss .icon-rss {
    font-size: 13px;
    float: right;
    color: #222;
    line-height: 20px;
    -webkit-transition: .4s;
    transition: .4s
}

.main-rss .icon-rss .rss {
    padding: 2px;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-left: 10px
}

.main-rss .wrap-list-rss .list-rss li {
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

#ga_code_2 {
    height: 290px
}

.header-right {
    float: left;
    margin-left: 16px;
    border-left: 1px solid #e0e0e0;
    padding-left: 16px;
    margin-top: 18px
}

.time {
    float: right;
    color: #666;
    font-size: 14px
}

.tab-panel {
    padding: 0;
    margin: 0 0 15px;
    background: 0 0;
    font-size: 14px;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.tab-panel li.active {
    border-bottom: 3px solid #f60
}

.tab-panel li.active a {
    color: #f60;
    font-weight: 700
}

.tab-panel li {
    display: inline-block;
    background: #f1f2f2;
    z-index: 0;
    flex: 1;
    text-align: center
}

.tab-panel li a {
    color: inherit;
    display: block;
    padding: 5px;
    line-height: 25px;
    font-size: 14px
}

.div-table {
    display: table;
    text-align: center;
    width: 100%
}

.div-table>div {
    display: table-cell;
    border-right: 1px solid #e0e0e0
}

.div-table .item.active {
    background: #c80505;
    color: #fff
}

.div-table .item {
    width: 48px
}

.div-table .number {
    padding: 7px
}

.div-table .item,
.div-table .number {
    background: #f2f2f2;
    font-size: 13px;
    cursor: pointer
}

.div-table .number.active {
    background: #f60;
    color: #fff
}

@media only screen and (max-width:1013px) {

    .sidebar-menu .copyright,
    .sidebar-menu .logo {
        text-align: center;
        width: 100%
    }

    .icon-lich {
        display: block;
        position: absolute;
        right: 15px;
        top: 46px
    }

    #center .widget.today-open-widget .region-column,
    #center .widget.today-open-widget .region-wrapper,
    #left,
    #left-widget,
    #right-widget,
    .images-404,
    .menu-desktop .menu-ul,
    header .main {
        width: 100%
    }

    .lmt-right {
        width: 100% !important;
        margin-top: 15px !important
    }

    .header-menu-mobile {
        height: 50px
    }

    .header-menu-mobile .navbar {
        display: block !important;
        background: #2d4c87
    }

    .fixed-mobile {
        position: fixed;
        width: 100%;
        z-index: 999
    }

    .navbar-toggle {
        display: block;
        cursor: pointer;
        position: absolute
    }

    .show-menu {
        display: block;
        padding: 7px;
        margin: 5px;
        border-radius: 0;
        background: 0 0;
        position: relative;
        border: 1px solid #fff
    }

    .icon-bar,
    .sidebar-menu {
        display: block;
        background: #fff
    }

    .ads-overlay-bottom,
    .sidebar-menu {
        position: fixed;
        box-sizing: border-box
    }

    .navbar-toggle img {
        padding: 19px
    }

    .sidebar-menu {
        width: 280px;
        height: 100%;
        top: 0;
        left: -300px;
        z-index: 1000;
        overflow: auto;
        padding: 25px 0
    }

    .sidebar-menu .menu-c {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        padding: 0 15px;
        box-sizing: border-box;
        min-height: 34px;
        line-height: 34px;
        border-bottom: 1px solid #d8d7d7
    }

    .sidebar-menu .mnmb1 {
        color: #222;
        text-transform: uppercase;
        font-weight: 700
    }

    .icon-bar {
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

    .show-menu .icon-bar+.icon-bar {
        margin-top: 4px
    }

    .pagination {
        margin-top: 5px !important;
        padding-bottom: 10px
    }

    header h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1
    }

    #center,
    #left-big,
    #right,
    #right-lt-tk {
        width: 100%;
        margin-left: 0
    }

    .scrollTop,
    .table-extend .table tbody {
        width: auto !important
    }

    #left .live-menu,
    #left .widget-xs,
    .expant-title,
    .header-banner,
    .main-tk-sc #left,
    .menu-desktop ul li .home-icon,
    .result-table .scrollTop,
    .show-desktop {
        display: none
    }

    .ads-overlay-bottom,
    .caption-info-mobie,
    .link-social,
    .show-mobile,
    .today-open-widget .icon,
    .zoom {
        display: block
    }

    table.list-thongke {
        margin-bottom: 10px;
        width: 100%
    }

    .link-social {
        margin-top: -5px;
        margin-bottom: 5px
    }

    .contact,
    .mb-mgt10 {
        margin-top: 10px
    }

    .menu-item .active {
        color: #fff;
        background: #74aa19
    }

    .article,
    section.related {
        padding: 10px
    }

    .kq-calendar-top {
        height: 30px
    }

    .kq-calendar-content td {
        height: 30px;
        line-height: 30px
    }

    .menu-desktop {
        margin-top: 0
    }

    .menu-desktop .menu-ul {
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        white-space: nowrap;
        display: flex
    }

    .logo {
        padding-bottom: 3px
    }

    .minus,
    .plus {
        width: 30px
    }

    .box-search-sqk .number-date-range input {
        width: 100px
    }

    .kq-table-hover tr td label,
    .table-extend tbody tr td:first-child,
    .table-extend tbody tr:first-child td,
    .tk-nhanh-number,
    .tk-nhanh-number .bold {
        font-size: 14px
    }

    .link-sn {
        padding-left: 10px
    }

    .show-mobile {
        font-size: 13px
    }

    .kq-table-hover .btn-xs {
        padding: 2px 5px
    }

    .link-social a b {
        color: #666;
        font-size: 14px
    }

    .advertisment .h90 {
        width: 320px;
        height: 50px
    }

    .ads-overlay-bottom .advertisment .h90,
    .ads-overlay-bottom .banner-ads img {
        width: 320px;
        height: 35px
    }

    .advertisment .h200 {
        height: 220px
    }

    .ads-overlay-bottom {
        height: auto;
        visibility: visible;
        opacity: 1;
        will-change: opacity;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2147483647;
        background: 0 0
    }

    .ads-overlay-bottom-padding {
        height: 4px
    }

    .ads-overlay-bottom-close {
        display: block;
        background-size: 13px 13px;
        background-position: center;
        background-color: #fff;
        background-repeat: no-repeat;
        border: none;
        height: 28px;
        width: 28px;
        padding: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: -27px;
        box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .2);
        border-radius: 12px 0 0
    }

    .zoom {
        text-align: center
    }

    #center .dd-loto-widget table:first-child,
    .box-search-sqk .zoom {
        float: left
    }

    .widget-skq table tr td {
        font-size: 24px
    }

    .widget-skq-loto .dd-loto-widget tr td .red,
    .widget-skq-loto table tr td.dd-kq,
    .widget-skq-loto table tr td.dd-stt {
        font-size: 18px
    }

    #center .dd-loto-widget .dit-loto {
        float: right;
        width: 49%;
        margin-left: 0
    }

    #center .tk-nhanh-item-content {
        padding: 10px 10px 10px 8%
    }

    #center .tk-nhanh-item {
        width: 32%;
        display: inline-block;
        margin-bottom: -5px;
        line-height: 1.6;
        height: auto;
        margin-right: 0
    }

    #center .tk-nhanh-text {
        padding: 5px;
        font-weight: 400;
        font-size: 12px
    }

    .content {
        width: auto
    }

    .sidebar-menu .copyright {
        bottom: 5px
    }

    .see-more {
        margin-left: 25px
    }

    .calendar-desktop,
    .home #left,
    .home .menu-sc,
    .home .menu-tk,
    .mb .menu-sc,
    .mb .menu-tk,
    .mb .tinh-dt,
    .mb .tinh-mn,
    .mb .tinh-mt,
    .mn .menu-sc,
    .mn .menu-tk,
    .mn .tinh-dt,
    .mn .tinh-mb,
    .mn .tinh-mt,
    .mt .menu-sc,
    .mt .menu-tk,
    .mt .tinh-dt,
    .mt .tinh-mb,
    .mt .tinh-mn,
    .skq #left,
    .skq #right,
    .vl .menu-sc,
    .vl .menu-tk,
    .vl .tinh-mb,
    .vl .tinh-mn,
    .vl .tinh-mt {
        display: none !important
    }

    .news-lists {
        padding: 5px
    }

    .top_ads {
        min-height: 50px;
        display: block
    }

    .menu-footer {
        text-align: inherit;
        width: 100%;
        background: #f7f7f7;
        float: left
    }

    .menu-footer .nav-menu {
        float: left;
        margin-top: 0
    }

    .menu-footer .nav-menu .item-link {
        display: block;
        float: left;
        border-bottom: 1px solid #e7e7e7;
        color: #333;
        width: 45%;
        margin: 0 8px 0 10px;
        padding: 10px 0;
        font-size: 15px
    }

    .footer {
        background-color: #fff;
        text-align: inherit;
        padding: 0;
        margin-top: 10px
    }

    .copyright-info {
        padding: 15px;
        font: 400 14px arial !important;
        position: relative;
        margin-bottom: 0
    }
}

@media (max-width:768px) {

    .action-link,
    .ads-box,
    .advertisment,
    .banner-ads,
    .menu-cuoc,
    .social-link {
        display: block
    }

    .province-list li {
        width: 287px
    }

    .action-link ul li {
        margin-bottom: 8px
    }

    .result-box table tr td span mark {
        font-size: 21px
    }

    .result-box table tr td.kq_db,
    .widget-skq table tr td.mb_g0 {
        font-size: 23px
    }

    .form-group .label,
    .widget-skq .result-header {
        font-size: 14px
    }

    .runLoto {
        font-size: 17px;
        padding: 0 3px
    }

    .table-tructiep .runLoto {
        font-size: 15px;
        padding: 0 3px
    }

    .widget-skq table tr span.mb_g0 {
        font-size: 25px
    }

    .title-kq {
        font-size: 18px
    }

    .btn-danger,
    .social-link {
        font-size: 13px
    }

    .widget-skq table tr td {
        font-size: 20px
    }

    .banner-ads img {
        width: 400px;
        height: 40px
    }

    .ads-home-center img {
        width: 193px;
        height: 160px
    }

    .social-link {
        text-align: center;
        padding-bottom: 8px;
        color: red;
        font-weight: 700
    }
}

@media screen and (max-width:600px) {

    .box-table .dauso,
    .box-table .none,
    .box-table .number {
        height: 40px;
        width: 40px
    }

    .modal-dialog {
        width: 100%;
        margin-left: 0
    }

    .bv-mobile,
    .message-mobile,
    .show-more br {
        display: block
    }

    .kq-table-hover tr td {
        padding: 3px 1px
    }

    .kq-table-hover tr td label {
        margin-right: 0;
        font-size: 13px
    }

    .toggle {
        margin-top: 10px
    }

    .widget-skq table tr td {
        font-size: 18px
    }

    .widget-skq-loto .dd-loto-widget tr td .red,
    .widget-skq-loto table tr td.dd-kq,
    .widget-skq-loto table tr td.dd-stt {
        font-size: 15px
    }

    .box-table .dauso {
        line-height: 40px;
        font-size: 14px
    }

    table .capso {
        width: 40px;
        height: 45px
    }

    table .solan {
        width: 50px;
        height: 45px
    }

    .box-table .freq {
        font-size: 13px
    }

    td.mb_madb {
        font-size: 14px !important
    }

    .tab-panel li {
        flex: 0 1 25%;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        border-radius: 0;
        margin: 0;
        background: #f3f3f3
    }

    .result-table tbody tr td,
    .tab-panel li a {
        padding: 5px 0
    }

    .bv-desktop,
    .message-desktop {
        display: none
    }

    .loto-input .input .numbers {
        margin-bottom: 0
    }

    .input2-tansuat .checkbox,
    .input2-tansuat .chonnhanh {
        width: 100% !important
    }

    .tkts .tktsn_day_cn,
    .tkts .tktsn_day_first,
    .xien-ghep .skq-type {
        width: 30% !important
    }

    .tkts .tktsn_day {
        width: 17% !important
    }

    .tkts .radio label {
        padding-left: 18px
    }

    .border-red .zebra_datePicker_form,
    .btn-tkts {
        width: 46% !important
    }

    .btn-ngang {
        float: left
    }

    .border-red .zebra_datePicker_form:nth-child(2n) {
        margin-right: 0 !important
    }

    .table-thongke tr td {
        height: 25px;
        line-height: 15px;
        padding: 2px 10px !important
    }

    .btnPlay button {
        float: left;
        width: 45% !important
    }

    .loto-input .btnPlay .btn-play {
        margin-left: 25px
    }

    .loto-input .input .pull-left {
        width: 98% !important
    }

    .result-box .power-item {
        margin: auto;
        font-size: 20px
    }

    .widget-skq tbody td.mb_g71,
    .widget-skq tbody td.mb_g72,
    .widget-skq tbody td.mb_g73,
    .widget-skq tbody td.mb_g74 {
        font-size: 21px
    }

    .box-search-sqk .skq-type {
        margin-bottom: -30px
    }

    .btn-group-skq {
        margin-top: 30px
    }

    .result-table tbody tr td .number,
    .result-table tbody tr td .number-full,
    .result-table tbody tr td .number-full .rc00 {
        font-size: 16px
    }

    .table-extend tr td {
        font-size: 14px
    }

    .table-tructiep .table tr td .number,
    .table-tructiep .table tr td mark {
        font-size: 22px
    }

    .result-header h2,
    .result-header h2 a {
        font-size: 16px;
        font-family: sans-serif
    }

    #center1_ads .banner-ads-bd img {
        width: 320px
    }

    .box-search-sqk {
        padding: 5px
    }

    .box-search-sqk .form-group {
        width: 50% !important;
        float: left;
        box-sizing: border-box;
        padding: 5px
    }

    input.number_clt,
    input.number_indi {
        height: 13px;
        width: 13px
    }

    .result-table tbody tr td .date {
        font-size: 12px
    }
}

@media screen and (max-width:425px) {
    .radio label {
        padding-left: 18px
    }

    .full-form .form-group .label {
        text-align: initial !important
    }

    .result-box .mega645-item {
        margin: 5px
    }

    .power-number .mega645-item {
        margin-right: 0 !important
    }

    .breadcrumb>li+li:before {
        padding-right: 2px !important
    }

    .modal-dialog {
        width: auto
    }

    .result-table.thongkedauduoi {
        overflow: auto
    }

    .input2-tansuat .checked-list ul,
    .search-row .Zebra_DatePicker_Icon_Wrapper {
        width: auto !important
    }

    .sc-lt .label {
        float: none;
        line-height: none;
        width: auto
    }

    .action button,
    .form-group button,
    .full-form .form-group .btn-register,
    .sc-lt select,
    .somo button.button-submit,
    .tabcontent .form-group {
        width: 100%
    }

    .loto-input .select-loto .loto-xien {
        margin-right: 5px
    }

    .loto-input {
        margin: 10px 0;
        padding: 10px
    }

    .loto-input .input .form-control {
        width: 98%
    }

    .loto-input .input .input-coin,
    .lotoId14,
    .lotoId15,
    .lotoId18,
    .lotoId2,
    .lotoId26,
    .lotoId27,
    .lotoId3,
    .lotoId5,
    .lotoId7,
    .select-loto .lotoId4 {
        margin-top: 5px
    }

    .loto_today .info-today,
    .loto_today .landing-thongke {
        width: 50%
    }

    .loto-input .btnPlay .btn-play,
    .loto_today .landing-thongke ul,
    .option-speed {
        margin-top: 0
    }

    .loto_today .landing-thongke ul li {
        margin-bottom: 5px
    }

    .loto-input .loto-member {
        width: 100%;
        margin-bottom: 5px
    }

    .loto-input .loto-info {
        float: none
    }

    .select-loto .loto-xien {
        width: 30%
    }

    .full-form .explain {
        margin: 5px 60px 5px 0
    }

    .form-control.btn-register {
        margin-bottom: 10px
    }

    #search-box-content .form-control,
    #search-box-content .form-group,
    .Zebra_DatePicker_Icon_Wrapper,
    .search-widget .Zebra_DatePicker_Icon_Wrapper {
        width: 100% !important
    }

    .input2-tansuat .xkq-dbcd {
        margin-top: 10px !important
    }

    .tsds-40 .tk-nhanh-number {
        width: 18px !important
    }

    .list-thongke .tksc-item a,
    .sodauduoi-table td,
    .sodauduoi-table th,
    .thkqtt tbody tr td,
    .thkqtt tbody tr td span,
    .tr-tkmaxgan td:first-child,
    .widget-skq .title-region-link a {
        font-size: 14px
    }

    .ranges .range_inputs .applyBtn {
        clear: both;
        float: left;
        margin-right: 10px
    }

    .ranges .range_inputs .cancelBtn {
        float: left
    }

    #center .tk-nhanh-number {
        padding: 0
    }

    .message-loto {
        margin: 10px 0;
        width: 100%
    }

    .box-search-sqk .radio label {
        padding-left: 20px
    }

    .border-red .form-radio {
        width: 45% !important
    }

    .checkbox-list {
        margin-top: 8px
    }

    .radio-list ul li {
        margin: 5px 10px 5px 0
    }

    .box-search-bdbt .bdbt-type,
    .tkgdbg .tkgdbg-type-label {
        width: 30% !important
    }

    .action {
        height: 45px
    }

    .action .btn-inline-default {
        margin: 10px 0 0
    }

    .tkts .hsc_giai {
        width: 25% !important
    }

    .tkgdbg .tkgdbg-type {
        width: 21% !important
    }

    .tkgdbg .radio-border {
        border: none;
        padding-left: 0
    }

    .tr-tkmaxgan td {
        padding: 3px
    }

    .table-thongke tr td.nxhgdn {
        width: 24%
    }

    .thckdb .result-table tbody tr td {
        padding: 10px 1px
    }

    .bsckgtt {
        width: 15%
    }

    .dd-loto-widget table tr td.dd-kq {
        padding-left: 5px
    }

    .article .content h2 strong,
    .article .content h3 strong,
    .madb span {
        font-size: 18px
    }

    .number-date-range input {
        margin-top: 0 !important;
        width: 150px
    }

    .border-red {
        border: 1px solid #e62e04
    }

    .search-widget .Zebra_DatePicker_Icon_Wrapper input,
    .search-widget .search-number {
        width: 100%;
        box-sizing: border-box
    }

    .search-widget .selectpicker {
        width: 100%;
        height: 35px;
        margin-top: 10px
    }

    .search-widget .pull-left {
        width: 100%;
        height: 35px !important
    }

    .search-widget .search-number,
    .selectpicker {
        height: 35px !important
    }

    .search-widget select {
        margin-left: 0
    }

    .search-widget .search-button {
        margin-left: 0;
        margin-top: 10px
    }

    .table-tructiep .table tr td .number,
    .table-tructiep .table tr td mark,
    .table-tructiep .table tr.gdb td .number {
        font-size: 21px
    }

    .table-tructiep table .xstn_g8 {
        font-size: 25px !important
    }

    .result-box tbody td .mb_g71,
    .result-box tbody td .mb_g72,
    .result-box tbody td .mb_g73,
    .result-box tbody td .mb_g74 {
        color: #e62e04;
        font-size: 23px
    }

    .news-item .thumbnail {
        width: 120px
    }

    .news-item a.img img {
        height: 68px
    }

    .article .content p strong,
    section.related h3,
    section.related ul li a {
        font-size: 16px
    }

    .table-xemloto tbody tr td:first-child {
        width: 20%
    }

    .box-table .number .num {
        font-size: 20px
    }

    .box-table .number span {
        font-size: 13px
    }

    .widget-skq-loto .dau-loto {
        width: 5%
    }

    .widget-skq .result-header h2 {
        font-size: 5px
    }

    .sodauduoi-table td b,
    .sodauduoi-table td i {
        font-size: 20px;
        font-style: normal
    }

    .widget-skq table tr span.mb_g0 {
        font-size: 23px
    }

    .btn-danger {
        padding: 2px 5px;
        margin-left: -10px
    }

    .live-content {
        margin-left: 50px !important
    }

    .kq-table-hover tr td {
        padding: 3px 1px
    }
}

@media (max-width:375px) {
    .result-box .jackpot-amount-box {
        padding: 5px
    }

    #center .tk-nhanh-text {
        width: auto
    }

    .list-thongke .tksc-item {
        line-height: normal
    }

    table.list-thongke tr {
        text-align: justify
    }

    .ktgck {
        width: 41%
    }

    .tksc-item a {
        line-height: 22px
    }

    .line-power {
        height: 41px !important
    }

    .dd-loto-widget table th,
    .loto-tructiep tr th,
    .menu-diw ul.navbar-nav li a,
    .result-box .mega645-wins table tr td,
    .table-tructiep .table thead tr th {
        font-size: 13px
    }

    .box-table .number span,
    .region-column li a,
    .tk-nhanh-number,
    .tk-nhanh-number .bold {
        font-size: 12px
    }

    .border-red .form-group {
        width: 100%
    }

    .header-right {
        display: none
    }

    .result-box .power-item {
        font-size: 16px;
        padding: 6px
    }

    .tk-nhanh-item-header,
    .tk-nhanh-item-header .red {
        font-size: 13px;
        white-space: nowrap
    }

    .result-box .jackpot-amount-box {
        width: 250px;
        font-size: 20px
    }
}

@media (max-width:363px) {
    .day-skq {
        display: none
    }

    .widget-skq,
    .widget-skq-loto {
        width: 100%
    }
}

.Zebra_DatePicker *,
.Zebra_DatePicker :after,
.Zebra_DatePicker :before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.Zebra_DatePicker {
    position: absolute;
    background: #fff;
    border: 1px solid #999;
    z-index: 1200;
    padding: 5px;
    top: 0
}

.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #373737;
    background: 0 0;
    border: 0
}

.Zebra_DatePicker table {
    width: auto;
    table-layout: auto
}

.Zebra_DatePicker td,
.Zebra_DatePicker th {
    text-align: center;
    padding: 5px 0
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_footer,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
    margin-top: 3px
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_header .dp_next,
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 30px
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_footer .dp_hover,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker td.dp_hover,
.Zebra_DatePicker td.dp_selected {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.Zebra_DatePicker.dp_visible {
    visibility: visible;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.Zebra_DatePicker.dp_hidden {
    visibility: hidden;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.Zebra_DatePicker .dp_header .dp_hover {
    background: #dedede;
    color: #373737
}

.Zebra_DatePicker td.dp_disabled,
.Zebra_DatePicker td.dp_not_in_month,
.Zebra_DatePicker td.dp_weekend_disabled {
    color: #dedede;
    cursor: default
}

.Zebra_DatePicker td.dp_selected {
    background: #039;
    color: #fff !important
}

.Zebra_DatePicker td.dp_week_number {
    cursor: text;
    font-weight: 700
}

.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 33%
}

.Zebra_DatePicker td.dp_current,
.Zebra_DatePicker td.dp_disabled_current {
    color: #3a87ad
}

.Zebra_DatePicker td.dp_hover {
    background: #dedede
}

button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url('https://xoso360.com/themes/desktop/images/calendar.png') left top no-repeat;
    text-indent: -9000px;
    border: 0;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    margin: 0 0 0 3px
}

button.Zebra_DatePicker_Icon_Disabled {
    background-image: url('https://xoso360.com/themes/desktop/images/calendar-disabled.png')
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 0 3px 0 0
}

#toc {
    background: #f9f9f9;
    border: 1px solid #d8d7d7;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%
}

#toc a {
    color: #01b7f2;
    line-height: 26px
}

.contentify_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.contentify_0 {
    margin-top: 1em !important
}

.contentify_1>li {
    font-size: medium;
    padding-left: 1em
}

.contentify_2>li {
    font-size: small;
    padding-left: 2em
}

.red {
    color: #ed1c25;
}

.widget-first {
    margin-bottom: 30px;
}

.table-loto td {
    font-size: 16px;
    font-weight: 700;
}

.result-box table tr td {
    font-size: 16px;
}


.table_kqsx h2,
.table_kqsx h2 a,
.ddxsmb .qt,
.result-header h2,
.result-header h2 a {
    font-size: 18px;
    text-align: center;
    color: #e00000;
    font-weight: 700;
    margin: 15px 0px;
}

.table_kqsx th {
    padding: 5px !important;
    font-weight: 400;
    font-size: 20px;
}

.table_kqsx th {
    font-size: 22px;
}

.table_kqsx table {
    text-align: center;
    font-family: arial;
    width: 100%;
    table-layout: auto;
}

.table_kqsx table th a {
    text-decoration: underline;
    font-size: 16px;
}

.table_kqsx table td,
.table_kqsx table th {
    padding: 3px;
    border: solid 1px #dddfe2;
}

.xs_prize1:hover,
.xs_prize4:hover ,
.prize4:hover {
    background-color: #fff4c3;
}

.xs_prize1 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: bold;
}

.xs_prize2 {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: bold;
}

.xs_prize4, .prize4 {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    font-weight: 700;
}

.xs_prize2:hover {
    background-color: #fff4c3;
}

.prize_db {
    color: #ed1c25;
}

.xs_prize3:hover {
    background-color: #fff4c3;
}

.number_DB {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 28px !important;
    font-weight: bold;
    color: #ed1c25;
}

.xs_prize3 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: bold;
}

.hide {
    display: hide;
}

.color_red strong,
.color_red p {
    color: #ed1c25;
}

.response-tansuat table tr td {
    max-height: 20px;
    height: 20px;
}

table p {
    font-size: 16px;
}

.response-tansuat table tr {
    max-height: 20px;
    height: 20px;
}

.show {
    display: block;
}

.number-prize h3,
h3.head-th a,
.number-prize h3 a {
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.table_kqsx table .w25 {
    width: 25%;
}

.table_kqsx table td {
    text-align: center;
}

.table_kqsx tr th {
    border: 1px solid #d9d9d9;
    font-weight: 700 !important;
    height: 35px;
    line-height: 35px;
    color: #1f10e2 !important;
    font-size: 14px;
    background: #fafafa;
}

.special-prize {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    color: #ed1c25;
}

.prize1 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize2 {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize3 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize4 {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize5 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize6 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize7 {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 25px;
    color: #ed1c25;
}

.table_kqsx th {
    font-weight: 400;
    font-size: 16px;
}

.number-prize {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    box-sizing: border-box;
}

.number-prize span {
    display: inline-block;

}

.code-DB8 {
    width: 12.5%;
    font-size: 20px;
}

.name-prize {
    width: 10%;
}

.code-DB1,
.code-DB10,
.code-DB11,
.code-DB12,
.code-DB13,
.code-DB14,
.code-DB15,
.code-DB2,
.code-DB3,
.code-DB4,
.code-DB5,
.code-DB6,
.code-DB7,
.code-DB8,
.code-DB9 {
    float: left;
    height: 40px;
    line-height: 40px;
    color: #ed1c25;
    font-weight: 700;
}

.result-box table tr td {
    font-size: 16px;
}

.site-link2 {
    padding: 10px 0px;

}

.site-link2 h2 {
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    color: #e00000;
}

.table-tructiep,
.loto-tructiep {
    margin-bottom: 0px;
}

.loto-tructiep h2,
.loto-tructiep h2 a,
.ddxsmb .qt,
.result-header h2,
.result-header h2 a {
    font-size: 18px;
    text-align: center;
    color: #e00000;
    font-weight: 700;
    margin: 15px 0px;
}

.table-tructiep th {
    padding: 5px !important;
    font-weight: 400;
    font-size: 20px;
}

.table-tructiep th {
    font-size: 22px;
}

.table-tructiep table,
.loto-tructiep table {
    text-align: center;
    font-family: arial;
    width: 100%;
}

.table-tructiep table th a {
    text-decoration: underline;
    font-size: 16px;
}

.table-tructiep table td,
.table-tructiep table th {
    padding: 3px;
    border: solid 1px #dddfe2;
}

.xs_prize1:hover {
    background-color: #fff4c3;
}

.xs_prize1 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: bold;
}

.prize_db {
    color: #ed1c25;
}

.loto-tructiep table .w25 {
    width: 25%;
}

.loto-tructiep table td {
    text-align: center;
}

.loto-tructiep tr th {
    border: 1px solid #d9d9d9;
    font-weight: 700 !important;
    height: 35px;
    line-height: 35px;
    color: #1f10e2 !important;
    font-size: 14px;
    background: #fafafa;
}

.special-prize {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    color: #ed1c25;
}

.prize1 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize2 {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize3 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize4 {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize5 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize6 {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 700;
}

.prize7 {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 25px;
    color: #ed1c25;
}

.table-tructiep th {
    font-weight: 400;
    font-size: 16px;
}

.number-prize {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    box-sizing: border-box;
}

.number-prize span {
    display: inline-block;

}

.code-DB8 {
    width: 12.5%;
    font-size: 20px;
}

.result-box {
    margin-bottom: 15px;
}


.name-prize {
    width: 10%;
}

ul {
    margin: 0;
    padding: 0;
}


.response-tansuat table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.response-tansuat table tr {
    text-align: left;
}

.response-tansuat table tr td {
    padding: 5px 10px;
}

.w25 {
    width: 25%;
}

.wc2 {
    width: 50%;
}

.response-tansuat h2,
.response-tansuat h2 a,
.response-tansuat h2 strong {
    font-size: 18px !important;
    color: #e00000;
    font-weight: 700;
    margin: 15px 0px;
}

.color_red {
    color: #ed1c25;
}

.table-tk input {
    border: none;
    height: 10px;
    float: none;
    background-color: #505edc;
}

.response-tansuat table thead th {
    background: #f0f8ff;
    font-size: 15px;
    font-weight: 500;
}

.response-tansuat table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.w25 {
    width: 25%;
}

.wc2 {
    width: 50%;
}

.table-tk input {
    border: none;
    height: 10px;
    float: none;
    background-color: #505edc;
}

.title-block,
.title-block a,
.title-block strong {
    font-size: 21px;
    font-weight: bold;
}

.color_red {
    color: #ed1c25;
}

.title-block-2 {
    font-size: 17px;
    font-weight: bold;
    margin-top: 5px;
}

.response-tansuat table thead th {
    background: #f0f8ff;
    font-size: 15px;
    font-weight: 500;
}

.response-tansuat table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.response-tansuat table tr {
    text-align: left;
}

.response-tansuat table tr td {
    padding: 5px 10px;
}

.w25 {
    width: 25%;
}

.wc2 {
    width: 50%;
}


.color_red {
    color: #ed1c25;
}

.table-tk input {
    border: none;
    height: 10px;
    float: none;
    background-color: #505edc;
}

.color_red {
    color: #ed1c25;
}

.ajaxLoadMorethongKeGiaiDacBiet thead th {
    background: #f0f8ff;
    font-size: 15px;
    font-weight: 600;
}

.number-DB {
    font-size: 16px;
    font-weight: bold;
}

.title-block-2 {
    font-size: 16px;
    font-weight: bold;
}

.color-red {
    color: #ed1c25;
}

.block {
    width: 100%;
    margin-bottom: 16px;
}

.title-block {
    font-size: 18px;
    font-weight: bold;
}

.ajaxLoadMorethongKeGiaiDacBiet table td,
.ajaxLoadMorethongKeGiaiDacBiet table th {
    text-align: center;
    padding: 3px;
    border: solid 1px #dddfe2;
}

.title-table {

    background: #565656;
    padding: 6px 16px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.bge1f0db {
    background: #e1f0db;
}

.response-tansuat table thead th {
    background: #f0f8ff;
    font-size: 15px;
    font-weight: 500;
}

.ul-tabs-link {
    display: table;
    width: 100%;
    border: solid 1px #ddd;
    background: #f0f8ff;
}

.ul-tabs-link li:first-child {
    border-left: 0;
}

.ul-tabs-link li {
    display: table-cell;
    text-align: center;
}

.ul-tabs-link li a.active {
    color: #fff;
    background: #00b1e8;
}

.ul-tabs-link li a {
    display: block;
    padding: 8px 3px;
    font-size: 14px;
}

.response-logan table {
    width: 100%;
}

.w25 {
    width: 25%;
}

.response-logan h2 {
    font-size: 18px;
    color: #e00000;
    font-weight: 700;
}

.response-logan table thead th {
    background: #f0f8ff;
    font-size: 15px;
    font-weight: 500;
}

.table-scroll-tkts {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: scroll;
}


.color_red {
    color: #ed1c25;
}

.bkg-red {
    background: #e1203d;
    color: #fff;
    font-weight: bold;
}

.table-scroll-tkts {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: scroll;
}

.table.table-tkts {
    border: solid 1px #666;
}

.font-bold {
    font-weight: bold;
}

.tansuatrow {
    background: #fff;
}

.table-scroll-tkts th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #d9edf7;
}

.table.table-tkts th {
    border: solid 1px #666;
    padding: 4px;
    width: 50px;
}

.bg-info {
    background-color: #d9edf7;
}

.table.table-tkts td {
    border: solid 1px #666;
    width: 25px;
    padding: 0;
    height: 25px;
}

.color-red {
    color: #ed1c25;
}

.darkgb {
    background-color: #808080;
}

.btn-tk:hover {
    background: #ddd;
}

.btn-tslt {
    background: #fff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    outline: none;
    padding: 0 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.btn-tslt.active {
    background: #959595;
    color: #fff;
}

.btn-tk {
    padding: 2px;
    font-size: 12px;
    border-radius: 3px;
    border: solid 1px #ddd;
    display: inline-block;
    min-width: 40px;
    cursor: pointer;
    font-weight: normal;
    background: #fff;
}

.btn-tkts.active {
    background: #ec971f;
}

.table-scroll-tkts {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: scroll;
}


.color_red {
    color: #ed1c25;
}

.bkg-red {
    background: #e1203d;
    color: #fff;
    font-weight: bold;
}

.table-scroll-tkts {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: scroll;
}

.table.table-tkts {
    border: solid 1px #666;
}

.font-bold {
    font-weight: bold;
}

.tansuatrow {
    background: #fff;
}

.table-scroll-tkts th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #d9edf7;
}

.table.table-tkts th {
    border: solid 1px #666;
    padding: 4px;
    width: 50px;
}

.bg-info {
    background-color: #d9edf7;
}

.table.table-tkts td {
    border: solid 1px #666;
    width: 25px;
    padding: 0;
    height: 25px;
}

.color-red {
    color: #ed1c25;
}

.darkgb {
    background-color: #808080;
}

.btn-tk:hover {
    background: #ddd;
}

.btn-tslt {
    background: #fff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    outline: none;
    padding: 0 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.btn-tslt.active {
    background: #959595;
    color: #fff;
}

.btn-tk {
    padding: 2px;
    font-size: 12px;
    border-radius: 3px;
    border: solid 1px #ddd;
    display: inline-block;
    min-width: 40px;
    cursor: pointer;
    font-weight: normal;
    background: #fff;
}

.table-scroll-tkts {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: scroll;
}


.color_red {
    color: #ed1c25;
}

.bkg-red {
    background: #e1203d;
    color: #fff;
    font-weight: bold;
}

.table-scroll-tkts {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow-x: scroll;
}

.table.table-tkts {
    border: solid 1px #666;
}

.font-bold {
    font-weight: bold;
}


.tansuatrow {
    background: #fff;
}

.table-scroll-tkts th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #d9edf7;
}

.table.table-tkts th {
    border: solid 1px #666;
    padding: 4px;
    width: 50px;
}

.bg-info {
    background-color: #d9edf7;
}

.table.table-tkts td {
    border: solid 1px #666;
    width: 25px;
    padding: 0;
    height: 25px;
}

.color-red {
    color: #ed1c25;
}

.darkgb {
    background-color: #808080;
}

.btn-tk:hover {
    background: #ddd;
}

.btn-tslt {
    background: #fff;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    outline: none;
    padding: 0 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.btn-tslt.active {
    background: #959595;
    color: #fff;
}

.btn-tk {
    padding: 2px;
    font-size: 12px;
    border-radius: 3px;
    border: solid 1px #ddd;
    display: inline-block;
    min-width: 40px;
    cursor: pointer;
    font-weight: normal;
    background: #fff;
}


.giaidacbiet {
    float: left;
    width: 100%;
}

.hideall {
    display: none;
}

.bg-tet {
    background: #e70700 !important;
    font-weight: bold;
    color: #fff !important;
}

.table-fixed th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #dbebf8;
}

.bg-hover .number-DB:hover {
    background: #ffeca0;
}

.table-fixed {
    border-collapse: separate;
    text-align: center;
}

table td,
table th {
    padding: 3px;
    border: solid 1px #dddfe2;
}

.table-fixed th,
.table-fixed td {
    padding: 5px;
    border-right: 0;
    border-bottom: 0;
    text-align: center;
}

.scroll-horizontal {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow-x: scroll;
    border: solid 1px #ddd;
}

.table-fixed {
    border-collapse: separate;
    text-align: center;
}

.label-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
}

.radio-1:checked~.radio-2 {
    background-color: #fff;
    border: solid 2px #0029ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.block-form {
    width: 100%;
    float: left;
    background: #e4e4e4;
    padding: 8px 10px;
}

.label-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select:
        none;
    -moz-user-select:
        none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
}

.ajax-container .block .form {
    display: flex;
}

.radio-1 {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none;
    left: 0;
    right: 0;
    width: 10px;
    margin: 0;
    padding: 0;
    top: 0;
    height: 10px
}

.radio-2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: solid 2px #dddfe2;
    border-radius: 100%
}

.radio-2:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #0029ad
}

label.btn-item {
    margin-right: 10px;
}



.bgfdcfcf {
    background:
        #fdcfcf;
}

.table-scroll-fixed650 {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: scroll;
    max-height: 650px;
}

.table-fixed th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background:
        #dbebf8;
}

.ajax-container .form {
    display: flex;
}