@font-face {
    font-family: 'icomoon';
    src: url("/frontend/fonts/icomoon.eot?7zw3vb");
    src: url("/frontend/fonts/icomoon.eot?7zw3vb#iefix") format("embedded-opentype"), url("/frontend/fonts/icomoon.ttf?7zw3vb") format("truetype"), url("/frontend/fonts/icomoon.woff?7zw3vb") format("woff"), url("/frontend/fonts/icomoon.svg?7zw3vb#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[type="checkbox"]:not(:checked) + .checkbox > .icon-check, [type="radio"]:not(:checked) + .checkbox > .icon-check {
    display: none;
}
.check-radio .icon-check {
    display: none;
}
.logan-result {
    margin-top: 0.5rem;
}
.logan-result .table-logan {
    border: 1px solid #dadada;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}
.overflow-auto {
    overflow: auto!important;
}
.logan-result .table-dauduoi {
    font-weight: normal;
    white-space: nowrap;
}
.logan-result .table-total {
    width: 100%;
}
.logan-result .table-total thead {
     border-bottom: 1px solid #ececec;
 }
.table-tansuat-loto thead tr th {
    background: #f4f7ff;
    color: #4A4A4A;
    font-size: 14px;
    font-family: Roboto;
    font-weight: normal;
    padding: 0.7rem;
}
.table-tansuat-loto thead tr th .active {
    background: #FFFFFF;
    color: #D0021B;
}
.table-tansuat-loto thead tr th .btn-ts {
    background: #F2F2F2;
    border: 1px solid #D1D1D1;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0.3rem 1rem 0.3rem 1rem;
    margin: 0 5px 0 5px;
    color: #000000;
}
.logan-result .table-total tr:not(:last-child) {
    border-bottom: 1px solid #ececec;
}
.bg-white {
    background-color: #fff!important;
}
.logan-result .table-dauduoi td:first-child {
    min-width: 90px;
    width: 90px;
}
.logan-result .table-total td:not(:last-child), .logan-result .table-total th:not(:last-child) {
    border-right: 1px solid #ececec;
}
div.check-radio label {
    padding: 0 0.5rem;
    white-space: nowrap;
    line-height: 1;
    margin-bottom: 0;
}
div.check-radio label input {
    display: none;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
div.check-radio label span.checkbox {
    background: #FFFFFF;
    width: 18px;
    height: 18px;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /*color: #FFFFFF;*/
}
.check-radio input:checked + * .icon-check {
    display: inherit;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
div.check-radio label span:last-child {
    font-size: 16px;
    vertical-align: middle;
}

.logan-result .table-dauduoi td:not(:first-child) {
    width: calc(10% - 9px);
}
.table-tansuat-loto tbody tr td .active {
    background: #FFFFFF;
    color: #D0021B;
}
.icon-check:before {
    content: "\f00c";
}

.ml-2, .mx-2 {
    margin-left: 0.5rem!important;
}

/*bảng kq thống kê*/
.h-500 {
    max-height: 500px;
}
.table-tansuat-duoi-loto tbody tr .empty {
    background: grey;
}

.table-tansuat-duoi-loto tbody tr td:first-child {
    background-color: #f4f7ff;
    font-weight: bold;
}
.table-tansuat-duoi-loto thead tr th {
    background-color: #f4f7ff;
    max-width: 35px;
    min-width: 50px;
    padding: 0.5rem 0.3rem;
    font-size: 14px;
    line-height: 1;
    vertical-align: middle;
    text-align: center;
}
.table-tansuat-duoi-loto tbody tr td {
    padding: 0.2rem;
    text-align: center;
}
.table-tansuat-duoi-loto tbody tr:hover {
    background: yellow;
}