.fb_dialog { background: rgba(82, 82, 82, .7); position: absolute; top: -10000px; z-index: 10001 } .social-item svg { width: 25px; height: 25px; } .social-item { border: solid thin #ebebeb; border-radius: 50%; background: #fff; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; } .social-item:last-child svg { width: 21px; height: 25px; } .ls .social-item:not(:last-child) { margin-right: 5px; } .ls { margin-top: 11px; } .share-social { text-align: right; } .fb_dialog_advanced { border-radius: 8px; padding: 10px } .fb_dialog_content { background: #fff; color: #373737 } .fb_dialog_close_icon { background: url('../images/IE9JII6Z1Ys.png') no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 15px; position: absolute; right: 18px; top: 17px; width: 15px } .fb_dialog_mobile .fb_dialog_close_icon { left: 5px; right: auto; top: 5px } .fb_dialog_padding { background-color: transparent; position: absolute; width: 1px; z-index: -1 } .fb_dialog_close_icon:hover { background: url('../images/IE9JII6Z1Ys.png') no-repeat scroll 0 -15px transparent } .fb_dialog_close_icon:active { background: url('../images/IE9JII6Z1Ys.png') no-repeat scroll 0 -30px transparent } .fb_dialog_iframe { line-height: 0 } .fb_dialog_content .dialog_title { background: #6d84b4; border: 1px solid #365899; color: #fff; font-size: 14px; font-weight: bold; margin: 0 } .fb_dialog_content .dialog_title>span { background: url(../images/Cou7n-nqK52.gif) no-repeat 5px 50%; float: left; padding: 5px 0 7px 26px } body.fb_hidden { height: 100%; left: 0; margin: 0; overflow: visible; position: absolute; top: -10000px; transform: none; width: 100% } .fb_dialog.fb_dialog_mobile.loading { background: url(../images/3rhSv5V8j3o.gif) white no-repeat 50% 50%; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0; z-index: 10001 } .fb_dialog.fb_dialog_mobile.loading.centered { background: none; height: auto; min-height: initial; min-width: initial; width: auto } .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner { width: 100% } .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content { background: none } .loading.centered #fb_dialog_loader_close { clear: both; color: #fff; display: block; font-size: 18px; padding-top: 20px } #fb-root #fb_dialog_ipad_overlay { background: rgba(0, 0, 0, .4); bottom: 0; left: 0; min-height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 10000 } #fb-root #fb_dialog_ipad_overlay.hidden { display: none } .fb_dialog.fb_dialog_mobile.loading iframe { visibility: hidden } .fb_dialog_mobile .fb_dialog_iframe { position: sticky; top: 0 } .fb_dialog_content .dialog_header { background: linear-gradient(from(#738aba), to(#2c4987)); border-bottom: 1px solid; border-color: #043b87; box-shadow: white 0 1px 1px -1px inset; color: #fff; font: bold 14px Helvetica, sans-serif; text-overflow: ellipsis; text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0; vertical-align: middle; white-space: nowrap } .fb_dialog_content .dialog_header table { height: 43px; width: 100% } .fb_dialog_content .dialog_header td.header_left { font-size: 12px; padding-left: 5px; vertical-align: middle; width: 60px } .fb_dialog_content .dialog_header td.header_right { font-size: 12px; padding-right: 5px; vertical-align: middle; width: 60px } .fb_dialog_content .touchable_button { background: linear-gradient(from(#4267B2), to(#2a4887)); background-clip: padding-box; border: 1px solid #29487d; border-radius: 3px; display: inline-block; line-height: 18px; margin-top: 3px; max-width: 85px; padding: 4px 12px; position: relative } .fb_dialog_content .dialog_header .touchable_button input { background: none; border: none; color: #fff; font: bold 12px Helvetica, sans-serif; margin: 2px -12px; padding: 2px 6px 3px 6px; text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0 } .fb_dialog_content .dialog_header .header_center { color: #fff; font-size: 16px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle } .fb_dialog_content .dialog_content { background: url(../images/jKEcVPZFk-2.gif) no-repeat 50% 50%; border: 1px solid #4a4a4a; border-bottom: 0; border-top: 0; height: 150px } .fb_dialog_content .dialog_footer { background: #f5f6f7; border: 1px solid #4a4a4a; border-top-color: #ccc; height: 40px } #fb_dialog_loader_close { float: left } .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon { visibility: hidden } #fb_dialog_loader_spinner { animation: rotateSpinner 1.2s linear infinite; background-color: transparent; background-image: url(../images/t-wz8gw1xG1.png); background-position: 50% 50%; background-repeat: no-repeat; height: 24px; width: 24px } @keyframes rotateSpinner { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } svg:not(:root).svg-inline--fa { overflow: visible; } .svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -0.125em; } .svg-inline--fa.fa-lg { vertical-align: -0.225em; } .svg-inline--fa.fa-w-1 { width: 0.0625em; } .svg-inline--fa.fa-w-2 { width: 0.125em; } .svg-inline--fa.fa-w-3 { width: 0.1875em; } .svg-inline--fa.fa-w-4 { width: 0.25em; } .svg-inline--fa.fa-w-5 { width: 0.3125em; } .svg-inline--fa.fa-w-6 { width: 0.375em; } .svg-inline--fa.fa-w-7 { width: 0.4375em; } .svg-inline--fa.fa-w-8 { width: 0.5em; } .svg-inline--fa.fa-w-9 { width: 0.5625em; } .svg-inline--fa.fa-w-10 { width: 0.625em; } .svg-inline--fa.fa-w-11 { width: 0.6875em; } .svg-inline--fa.fa-w-12 { width: 0.75em; } .svg-inline--fa.fa-w-13 { width: 0.8125em; } .svg-inline--fa.fa-w-14 { width: 0.875em; } .svg-inline--fa.fa-w-15 { width: 0.9375em; } .svg-inline--fa.fa-w-16 { width: 1em; } .svg-inline--fa.fa-w-17 { width: 1.0625em; } .svg-inline--fa.fa-w-18 { width: 1.125em; } .svg-inline--fa.fa-w-19 { width: 1.1875em; } .svg-inline--fa.fa-w-20 { width: 1.25em; } .svg-inline--fa.fa-pull-left { margin-right: 0.3em; width: auto; } .svg-inline--fa.fa-pull-right { margin-left: 0.3em; width: auto; } .svg-inline--fa.fa-border { height: 1.5em; } .svg-inline--fa.fa-li { width: 2em; } .svg-inline--fa.fa-fw { width: 1.25em; } .fa-layers svg.svg-inline--fa { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: 1em; } .fa-layers svg.svg-inline--fa { -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; } .fa-layers-text { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-counter { background-color: #ff253a; border-radius: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; height: 1.5em; line-height: 1; max-width: 5em; min-width: 1.5em; overflow: hidden; padding: 0.25em; right: 0; text-overflow: ellipsis; top: 0; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-bottom-right { bottom: 0; right: 0; top: auto; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .fa-layers-bottom-left { bottom: 0; left: 0; right: auto; top: auto; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .fa-layers-top-right { right: 0; top: 0; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-top-left { left: 0; right: auto; top: 0; -webkit-transform: scale(0.25); transform: scale(0.25); -webkit-transform-origin: top left; transform-origin: top left; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul>li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; position: relative; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; } .svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; } .fa-inverse { color: #fff; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: 1; opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: 0.4; opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: 1; opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; } .fad.fa-inverse { color: #fff; } @keyframes hide { 0% { opacity: 1; transform: scale3d(1, 1, 1); } 100% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } } @keyframes grow { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes shrink { 0% { opacity: 1; transform: scale3d(1, 1, 1); } 100% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .emoji-picker { --animation-duration: 0.2s; --animation-easing: ease-in-out; --emoji-size: 1.8em; --emoji-size-multiplier: 1.5; --emoji-preview-size: 2em; --emoji-per-row: 8; --row-count: 6; --content-height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size) + var(--category-button-height) + 0.5em); --category-name-size: 0.85em; --category-button-height: 2em; --category-button-size: 1.1em; --category-border-bottom-size: 4px; --focus-indicator-color: #999999; --search-height: 2em; --blue-color: #4F81E5; --border-color: #CCCCCC; --background-color: #FFFFFF; --text-color: #000000; --secondary-text-color: #666666; --hover-color: #E8F4F9; --search-focus-border-color: var(--blue-color); --search-icon-color: #CCCCCC; --overlay-background-color: rgba(0, 0, 0, 0.8); --popup-background-color: #FFFFFF; --category-button-color: #666666; --category-button-active-color: var(--blue-color); --dark-border-color: #666666; --dark-background-color: #333333; --dark-text-color: #FFFFFF; --dark-secondary-text-color: #999999; --dark-hover-color: #666666; --dark-search-background-color: #666666; --dark-search-border-color: #999999; --dark-search-placeholder-color: #999999; --dark-search-focus-border-color: #DBE5F9; --dark-popup-background-color: #333333; --dark-category-button-color: #FFFFFF; } .emoji-picker { font-size: 16px; border: 1px solid var(--border-color); border-radius: 5px; background: var(--background-color); width: calc(var(--emoji-per-row) * var(--emoji-size) * var(--emoji-size-multiplier) + 1em + 2px); font-family: Arial, Helvetica, sans-serif; overflow: hidden; animation: show var(--animation-duration) var(--animation-easing); } .emoji-picker.hiding { animation: hide var(--animation-duration) var(--animation-easing); } .emoji-picker.dark { background: var(--dark-background-color); color: var(--dark-text-color); border-color: var(--dark-border-color); } .emoji-picker__content { padding: 0.5em; height: var(--content-height); position: relative; } .emoji-picker__preview { height: var(--emoji-preview-size); padding: 0.5em; border-top: 1px solid var(--border-color); display: flex; flex-direction: row; align-items: center; } .emoji-picker.dark .emoji-picker__preview { border-top-color: var(--dark-border-color); } .emoji-picker__preview-emoji { font-size: var(--emoji-preview-size); margin-right: 0.25em; font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; } .emoji-picker__preview-emoji img.emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; } .emoji-picker__preview-name { color: var(--text-color); font-size: 0.85em; overflow-wrap: break-word; word-break: break-all; } .emoji-picker.dark .emoji-picker__preview-name { color: var(--dark-text-color); } .emoji-picker__container { display: grid; grid-template-columns: repeat(var(--emoji-per-row), 1fr); grid-auto-rows: calc(var(--emoji-size) * var(--emoji-size-multiplier)); } .emoji-picker__container.search-results { height: var(--content-height); overflow-y: scroll; } .emoji-picker__emoji { background: transparent; border: none; cursor: pointer; font-size: var(--emoji-size); width: 1.5em; height: 1.5em; padding: 0; margin: 0; outline: none; font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; } .emoji-picker__emoji img.emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; } .emoji-picker__emoji:focus, .emoji-picker__emoji:hover { background: var(--hover-color); } .emoji-picker__emoji:focus { outline: 1px dotted var(--focus-indicator-color); } .emoji-picker.dark .emoji-picker__emoji:focus, .emoji-picker.dark .emoji-picker__emoji:hover { background: var(--dark-hover-color); } .emoji-picker__search-container { margin: 0.5em; position: relative; height: var(--search-height); display: flex; } .emoji-picker__search { box-sizing: border-box; width: 100%; border-radius: 3px; border: 1px solid var(--border-color); padding-right: 2em; padding: 0.5em 2.25em 0.5em 0.5em; font-size: 0.85em; outline: none; } .emoji-picker.dark .emoji-picker__search { background: var(--dark-search-background-color); color: var(--dark-text-color); border-color: var(--dark-search-border-color); } .emoji-picker.dark .emoji-picker__search::placeholder { color: var(--dark-search-placeholder-color); } .emoji-picker__search:focus { border: 1px solid var(--search-focus-border-color); } .emoji-picker.dark .emoji-picker__search:focus { border-color: var(--dark-search-focus-border-color); } .emoji-picker__search-icon { position: absolute; color: var(--search-icon-color); width: 1em; height: 1em; right: 0.75em; top: calc(50% - 0.5em); } .emoji-picker__search-not-found { color: var(--secondary-text-color); text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; } .emoji-picker__search-not-found h2 { color: var(--secondary-text-color); } .emoji-picker.dark .emoji-picker__search-not-found { color: var(--dark-secondary-text-color); } .emoji-picker.dark .emoji-picker__search-not-found h2 { color: var(--dark-secondary-text-color); } .emoji-picker__search-not-found-icon { font-size: 3em; } .emoji-picker__search-not-found h2 { margin: 0.5em 0; font-size: 1em; } .emoji-picker__variant-overlay { background: var(--overlay-background-color); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; display: flex; flex-direction: column; justify-content: center; animation: fade-in var(--animation-duration) var(--animation-easing); } .emoji-picker__variant-overlay.hiding { animation: fade-out var(--animation-duration) var(--animation-easing); } .emoji-picker__variant-popup { background: var(--popup-background-color); margin: 0.5em; padding: 0.5em; text-align: center; border-radius: 5px; animation: grow var(--animation-duration) var(--animation-easing); user-select: none; } .emoji-picker__variant-overlay.hiding .emoji-picker__variant-popup { animation: shrink var(--animation-duration) var(--animation-easing); } .emoji-picker.dark .emoji-picker__variant-popup { background: var(--dark-popup-background-color); } .emoji-picker__emojis { overflow-y: scroll; position: relative; height: calc((var(--emoji-size) * var(--emoji-size-multiplier)) * var(--row-count) + var(--category-name-size)); padding-left: 1px; padding-right: 1px; } .emoji-picker__emojis.hiding { animation: fade-out 0.05s var(--animation-easing); } .emoji-picker__emojis h2.emoji-picker__category-name { font-size: 0.85em; color: var(--secondary-text-color); text-transform: uppercase; margin: 0.25em 0; text-align: left; } .emoji-picker.dark h2.emoji-picker__category-name { color: var(--dark-secondary-text-color); } .emoji-picker__category-buttons { display: flex; flex-direction: row; justify-content: space-around; height: var(--category-button-height); margin-bottom: 0.5em; } button.emoji-picker__category-button { flex-grow: 1; background: transparent; border: none; cursor: pointer; font-size: var(--category-button-size); vertical-align: middle; color: var(--category-button-color); border-bottom: var(--category-border-bottom-size) solid transparent; outline: none; } .emoji-picker.keyboard button.emoji-picker__category-button:focus { outline: 1px dotted var(--focus-indicator-color); } .emoji-picker.dark button.emoji-picker__category-button.active { color: var(--category-button-active-color); } .emoji-picker.dark button.emoji-picker__category-button { color: var(--dark-category-button-color); } button.emoji-picker__category-button.active { color: var(--category-button-active-color); border-bottom: var(--category-border-bottom-size) solid var(--category-button-active-color); } @media (prefers-color-scheme: dark) { .emoji-picker.auto { background: var(--dark-background-color); color: var(--dark-text-color); border-color: var(--dark-border-color); } .emoji-picker.auto .emoji-picker__preview { border-top-color: var(--dark-border-color); } .emoji-picker.auto .emoji-picker__preview-name { color: var(--dark-text-color); } .emoji-picker.auto button.emoji-picker__category-button { color: var(--dark-category-button-color); } .emoji-picker.auto button.emoji-picker__category-button.active { color: var(--category-button-active-color); } .emoji-picker.auto .emoji-picker__emoji:focus, .emoji-picker.auto .emoji-picker__emoji:hover { background: var(--dark-hover-color); } .emoji-picker.auto .emoji-picker__search { background: var(--dark-search-background-color); color: var(--dark-text-color); border-color: var(--dark-search-border-color); } .emoji-picker.auto h2.emoji-picker__category-name { color: var(--dark-secondary-text-color); } .emoji-picker.auto .emoji-picker__search::placeholder { color: var(--dark-search-placeholder-color); } .emoji-picker.auto .emoji-picker__search:focus { border-color: var(--dark-search-focus-border-color); } .emoji-picker.auto .emoji-picker__search-not-found { color: var(--dark-secondary-text-color); } .emoji-picker.auto .emoji-picker__search-not-found h2 { color: var(--dark-secondary-text-color); } .emoji-picker.auto .emoji-picker__variant-popup { background: var(--dark-popup-background-color); } } /* render file:css/all-b0cf0241a7fad195515b5ba67c724069.css */ @charset "UTF-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { font-family: "Arial, Tahoma, Helvetica", sans-serif; font-size: 15px; font-weight: 400; margin: 0 auto; padding: 0; background: #e1e3e4; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 1.3; } a { color: #333; text-decoration: none; cursor: pointer } a:active, a:focus, a:hover { color: #ed1c25; text-decoration: underline } h1, h2, h3, h4, h5, h6 { font-family: "Arial, Tahoma, Helvetica", sans-serif; font-weight: 500; margin: 0; padding: 0 } h1 { font-size: 24px; line-height: initial } h2, h3 { font-size: 16px } button { cursor: pointer; border: none; padding: 0; background: 0 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } iframe { border: none; width: 100% } img { outline: 0; max-width: 100%; } input, select, textarea { border: 1px solid #d9d3cb; border-radius: 3px; outline: 0 } input { text-indent: 5px; padding: 6px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } select { padding: 5px; cursor: pointer; background-color: #fff } select:disabled { cursor: not-allowed } ul { list-style: none outside none; margin: 0; padding: 0 } input[type=checkbox], input[type=radio] { width: 15px; height: 15px } table { width: 100%; border: none; border-spacing: 0; border-collapse: collapse } table.table-fixed { table-layout: fixed } table.tbl50 { width: 50%; float: left } table .strip-side td { border-left: none; border-right: none } table td, table th { padding: 5px; border: 1px solid #d9d3cb; text-align: center } table th { font-size: 14px; background: #f3f3f3 } .fr { float: right } .fl { float: left } .clearfix::after { display: block; content: ""; clear: both } .txt-center { text-align: center } .txt-left { text-align: left } .ads { margin-top: 10px; margin-bottom: 5px } .bg-orange { background: #fb9b34 } .underline { text-decoration: underline } .uppercase { text-transform: uppercase } .pad0 { padding: 0 } .pad5 { padding: 5px } .pad10 { padding: 10px } .pad10-5 { padding: 10px 5px } .mag0 { margin: 0 } .mag5 { margin: 5px } .mag10-5 { margin: 10px 5px } .mag5-0 { margin: 5px 0 } .magb10 { margin-bottom: 10px } .mag-r5 { margin-right: 5px } .mag-r15 { margin-right: 15px } .relative { position: relative } .absolute { position: absolute } .box { position: relative; background: #fff; margin-bottom: 2px } .box.mo-thuong-ngay>table, .box.mo-thuong-ngay>table>tbody>tr, .box.mo-thuong-ngay>table>tbody>tr>td { border: none; } .box.mo-thuong-ngay>table>tbody>tr>td { padding: 0 } .box-html { padding: 5px } .box-html a { color: #0505a7; text-decoration: underline } .bg_gray { padding: 5px; text-align: center; border: 1px solid #d9d3cb; border-bottom: 0 } .clda-day td.last a, .clnote, .clred, .title-a { color: #ed1c25 } .clgreen { color: #28a745 } .clyellow { color: #ffc107 } .clplum { color: #c00 } .clblue { color: #2689e1 } .dspnone, .hidden, .modal.dspnone { display: none } @media (max-width:1023px) { .dsp-mobile, .dsp-mb { display: block } } @media (min-width:1024px) { .dsp-mobile, .dsp-mb { display: none } } @media (max-width:1023px) { .dsp-desktop, .dsp-dk { display: none } } @media (min-width:1024px) { .dsp-desktop, .dsp-dk { display: block } } .bg_ef, .bg_f6 { background: #f3f3f3 } .s18 { font-size: 18px } .bg_red, .hrate { background: #ed1c25; color: #fff } .hrate { width: 10px; display: inline-block } .dspblockinline, .in-block { display: inline-block } .dspblock { display: block } .nobor { border: none } .list-unstyle { list-style: none; margin: 0; padding: 0 } .f16, .s16, .s16 a { font-size: 16px } .s12 { font-size: 12px } .s20 { font-size: 20px } .s24 { font-size: 24px } .bold { font-weight: 700 } .sub-title { color: #0505a7; text-decoration: underline; font-size: 13px } .ic { background: url(../images/icons.png) no-repeat left 0 } .ic-calendar-big { background-position: left -297px; padding: 8px 0 8px 29px } .ic-calendar { background-position: left -434px; padding: 0 0 0 12px; margin-left: 5px } .ic-arrow { background-position: left -398px; padding-left: 13px } .arr-d { background-position: -90px -1252px; width: 36px; height: 36px; cursor: pointer; transform: rotate(0); transition: transform .2s linear } @media (min-width:1024px) { .arr-d { display: none } } .arr-d.active { transform: rotate(180deg); transition: transform .2s linear } .percent-50 { width: 50% } .scrolling { -webkit-transition: .3s; transition: .3s } .scrolling .sticky { position: sticky; top: 0; width: 100%; z-index: 100; -webkit-box-shadow: 0 5px 9px 2px rgba(41, 41, 41, .25); box-shadow: 0 5px 9px 2px rgba(41, 41, 41, .25) } .title { text-transform: uppercase } .ic-check, .mag-l5 { margin-left: 5px } .bullet ul li a { font-weight: 700 } .bullet ul li::before { background: url('../images/bulett5.png') 0 5px no-repeat; width: 10px; height: 15px; display: inline-block; content: ""; vertical-align: middle } #go-top { position: fixed; bottom: 110px; right: 10px; z-index: 99; border: none; outline: 0; background-color: #c3c3c3; color: #fff; cursor: pointer; padding-left: 15px; padding-right: 15px; border-radius: 10px; font-size: 30px; line-height: 30px; height: 35px } .paragraph { line-height: 20px } .paragraph h2, .paragraph h3 { margin: initial; display: inline-block; font-weight: 700; line-height: initial } .paragraph h2 { font-size: 18px } .paragraph h3 { font-size: 16px } .tit-mien, .title-bor { padding: 10px 3px; background: #fff2bc; text-align: center } .tit-mien h2, .title-bor h2 { font-weight: 700 } .tit-mien a { text-decoration: underline } a.item_sublink { color: #fbf7f7; display: inline-block; border-radius: 30px; background: #f77446; padding: .2rem; margin: 2px; font-weight: 700; text-decoration: none; font-size: 14px } .ic-img2, .ic-img3, .ic-img4, .ic-img5, .ic-img6 { height: 39px } .ic-img2, th.ic-img2 { background-position: left -668px; width: 80px } th.ic-img { background-position: left -722px; width: 52px; height: 39px } .ic-img3, th.ic-img3 { background-position: left -775px; width: 80px } .ic-img4, th.ic-img4 { background-position: left -945px; width: 64px } .ic-img5, th.ic-img5 { background-position: left -1128px; width: 80px } .ic-img6, th.ic-img6 { background-position: 0 -1361px; width: 80px } .loading-opacity:before, .loading:before { content: ""; display: block; position: absolute; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff } .loading-opacity:before { background-color: rgba(255, 255, 255, .8) } .loading-opacity:after, .loading:after { content: ""; display: block; position: absolute; z-index: 101; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-image: url('data:image/svg+xml;utf8,%20<%2Fpath><%2Fsvg>'); background-position: center; background-repeat: no-repeat; background-size: 100%; min-height: 1.5em; min-width: 1.5em; max-width: 3em; width: 5%; height: 100% } .ic-down-arrow { background-image: url('../images/down_arrow.png'); width: 14px; height: 8px; background-size: contain; display: inline-block; margin-left: .5rem } .options-toggle span+.ic { transform: rotate(180deg); transition: transform .2s linear } .options-toggle.active span+.ic { transform: rotate(0); transition: transform .2s linear } .calendar table th { font-weight: 400 } .calendar table td, .calendar table th { vertical-align: top; text-align: left } .announcement { margin-bottom: 1rem; border-radius: .25rem; font-size: 16px; background: #fff; padding: 5px } .announcement .announcement-body { border: 1px solid #ccc; padding: .5rem } .announcement .announcement-title { font-weight: 700; vertical-align: middle; line-height: 24px } .announcement .announcement-title:before { content: ""; background: url("../images/announcement.png"); background-size: contain; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin: 0 .5rem } .announcement .description { margin: .5rem 0 } .announcement .links { margin: auto; text-align: center } .announcement .btn-link { border: 1px solid #ccc; margin: 0 1rem } @media (max-width:320px) { .announcement .btn-link { margin: 0 } } .container, .main { max-width: 1024px; margin: 0 auto } @media (min-width:1090px) { .container, .main { max-width: 1090px } } @media (min-width:1024px) and (max-width:1089px) { .col-l { display: inline-block; width: calc(100% - 525px) } } @media (min-width:1090px) { .col-l { width: 565px; display: inline-block } } @media (min-width:1024px) { .col-right { width: 300px; float: right; margin-left: 5px } } @media (min-width:1024px) { .col-center { width: 220px; float: left; padding-right: 5px } } .content-right { background-color: #fff; margin-bottom: 5px } .content-right .title-r { background-color: #f60; color: #fff; padding: 10px 5px; font-weight: 700; font-size: 12px; text-transform: uppercase; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .content-right li { padding: 5px; border-bottom: 1px dotted #f3f3f3 } .content-right a { font-size: 13px } .content-right.link-hay a { color: #0505a7 } .content-right .title-r a, .content-right h2 a, .content-right h3 a { color: #fff } .footer { background: #f3f3f3 } .footer .main { border-top: 1px solid #fff; padding: 10px 0 5px; text-align: center } @media (max-width:767px) { .footer .main { padding-top: 0 } .footer .share-social, .footer div.fl { float: none } .footer .share-social { margin: 0 } .footer .share-social .txt-center { text-align: left } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .btn-link { color: #000; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d9d3cb } .btn-light { color: #000; background-color: #efefef; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #d9d3cb } .btn-red { background: #ed1c25; color: #fff } .btn-green { background: #00a65a; color: #fff } .btn.btn-blue { background: #4965a6; color: #fff } .btn-cancel { background: 0 0; border: 1px solid #d9d3cb; color: #000 } .btn-danger { background-color: #dd4b39; color: #fff } .btn-secondary { color: #6c757d; background-color: transparent; border-color: #d9d3cb } .btn-see-more { width: 100%; max-width: 300px; border-radius: 3px; padding: .5em; border: 1px solid #d9d3cb; display: block; margin: .5rem auto; cursor: pointer; text-transform: uppercase; height: initial; background-color: #fff } .form-group { margin-bottom: 10px } .form-horizontal { padding: 5px; overflow: auto } .form-horizontal .form-group { overflow: hidden; margin-left: initial; margin-right: initial } .form-horizontal .form-group:before { display: table; content: " " } .form-horizontal .form-group:after { clear: both } .form-horizontal .control-label { padding-top: 3px; margin-bottom: 0; text-align: left; width: 30%; float: left; font-weight: 700 } .form-horizontal div[role=radiogroup] label { display: inline-block } .form-horizontal .form-control, .form-horizontal .hint-block, .form-horizontal div[role=radiogroup] { width: calc(70% - 1rem); float: right } .form-horizontal .help-block { float: left; padding-left: 10px; color: red } .taskbar { border-bottom: 1px solid #f3f3f3; background: #fbfbfb; font-weight: 700; font-size: 12px; padding: 5px } @media (max-width:1023px) { .taskbar { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } } .top-info { background: #fff } @media (max-width:1023px) { .top-info { text-align: center } .top-info .download-link { font-size: 13px; position: absolute; right: 5px; display: inline } .top-info .download-link span::after { background: url("../images/ic_launcher_small.png") 0 no-repeat; width: 25px; height: 25px; display: inline-block; background-size: contain; content: ""; vertical-align: middle; margin-left: 5px } } .logo { text-align: left; font-weight: 700 } @media (max-width:1023px) { .logo { display: inline-block } } @media (min-width:1024px) { .logo { float: left } } .logo .txtlink { font-size: 10px } .txtlogo { color: #ed1c25; display: inline-block; font-family: "Times New Roman", Times, serif; font-size: 36px; line-height: 36px } @media (max-width:1023px) { .txtlogo { font-size: 24px; color: #ed1c25; padding: 0; line-height: initial } } nav { background: #ed1c25 } nav li>a { font-weight: 700; font-size: 14px; text-transform: uppercase; display: block; padding: 0 9px; white-space: nowrap; line-height: 36px } @media (min-width:1024px) { nav li>a { color: #fff } } @media (min-width:1024px) and (max-width:1089px) { nav li>a { padding: 0 6px } } @media (max-width:320px) { nav li>a { font-size: 13px } } nav li:hover { position: relative } nav li.active a, nav li:hover a { color: #ed1c25; background: #ffe500 } nav li:hover .menu-c2 { display: block } @media (max-width:1023px) { .navbar-toggle { float: left; padding: 10px; position: absolute; left: 0; -webkit-border-radius: 3px } .txtlogo img { max-height: 26px; } .navbar-toggle .icon-bar { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; display: block; height: 2px; width: 22px; background: #000 } .navbar-toggle .icon-bar+.icon-bar { margin-top: 3px } } @media (min-width:1024px) { .nav-mobi { display: none } } @media (max-width:1023px) { .nav-mobi { display: block } .nav-mobi a { color: #fff; padding: 0 } } .nav-mobi li { width: 20%; text-align: center } @media (max-width:1023px) { html.menu-active .nav-pc { visibility: visible; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); -webkit-transition: .4s; transition: .4s } html.menu-active #menu-mobile-backdrop { display: block } } @media (max-width:1023px) { .nav-pc { visibility: hidden; position: fixed; top: 0; left: 0; bottom: 0; z-index: 100; width: 85vw; max-width: 320px; background: #fff; overflow-y: scroll; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); -webkit-transition: .4s; transition: .4s; -webkit-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%) } } .menu-c2 { display: none; clear: both } @media (min-width:1024px) { .menu-c2 { position: absolute; top: 36px; min-width: 200px; background: #fff; border: 1px solid #d9d3cb; padding: 10px; display: none; z-index: 9999 } } .menu-c2 li { padding: 0 5px 0 20px } @media (min-width:1024px) { .menu-c2 li { padding: 0 5px 0 10px } } .menu-c2 li:not(:last-child) { border-bottom: 1px dashed #f3f3f3 } .menu-c2 li a { text-transform: none } .menu-c2 li:not(.active) a { color: #333; padding: 0; background: 0 } .menu-c2 li.active a { background: #f90; color: #fff } @media (max-width:1023px) { .nav-horizontal { position: absolute; z-index: 9999; width: 100% } .nav-horizontal.main { margin-bottom: 80px } .nav-horizontal li { float: none; background: #fff } .nav-horizontal li:not(:last-child) { border-bottom: 1px solid #f3f3f3 } .nav-horizontal li.active, .nav-horizontal li:hover { background: #fb9b34 } .nav-horizontal li a { color: #000 } .nav-horizontal li.active>a, .nav-horizontal li:hover>a { background: #fb9b34; color: #fff } .nav-horizontal li .arr-d, .nav-horizontal li.active .menu-c2, .nav-horizontal li:hover .menu-c2 { display: block } .nav-horizontal li.menu-header { background: #ed1c25; padding: .5rem 0; color: #fff; border-bottom: none } .nav-horizontal li.menu-header .close-button { display: table; position: absolute; top: 0; left: 0; width: 50px; height: 40px } .nav-horizontal li.menu-header .close-button img { display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .nav-horizontal li.menu-header .home-logo { display: block; margin: auto; width: 60px; overflow: hidden; border: none } .nav-horizontal li.menu-header .home-logo img { width: 60px; height: 60px } } #menu-mobile-backdrop { display: none } @media (max-width:1023px) { #menu-mobile-backdrop { z-index: 10; background-color: rgba(255, 255, 255, .7); position: fixed; top: 0; bottom: 0; left: 0; right: 0 } } .hdc-csi_auto { min-height: 250px } .hdc-csi_article { width: 336px; height: 280px; display: inline-block } .hdc-csi_square { width: 336px; height: 280px; margin: 0 auto; display: inline-block } .ui-datepicker-trigger { cursor: pointer } .hdc-csi_600 { width: 300px; height: 600px } .hdc-csi_header, .hdc-csi_small_banner { margin: auto; width: 320px; height: 100px } @media (max-width:640px) and (min-width:321px) { .hdc-csi_600 { width: 336px; height: 280px } .hdc-csi_square { width: 336px; height: 280px } .hdc-csi_overlay { width: 320px; height: 50px; color: #fff; left: 0; width: 100%; bottom: 0; position: fixed; z-index: 100; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); padding-top: 4px } } @media (max-width:1089px) and (min-width:641px) { .hdc-csi_600 { width: 160px; height: 600px } .hdc-csi_overlay { display: none } } @media (max-width:320px) { .hdc-csi_600 { width: 300px; height: 250px } .hdc-csi_article { width: 300px; height: 250px } .hdc-csi_square { width: 300px; height: 250px } } @media (min-width:768px) and (max-width:1023px) { .hdc-csi_header { width: 728px; height: 90px } } @media (min-width:1024px) { .hdc-csi_header { width: 970px; height: 90px } } .fb-share-button, .zalo-share-button { height: 20px } .link-du-doan a { display: initial; margin: 0 3px 5px; font-size: 13px } .linkway .main { padding: 5px 0 } .linkway .main a:first-child { padding-left: 5px } .linkway .main a:hover { text-decoration: underline } .breadcrumb { padding: 0; font-size: 13px } .breadcrumb ol { list-style-type: none; word-wrap: break-word; padding-left: 0; margin: 0 } .breadcrumb ol li { display: inline; word-wrap: break-word; padding-left: 0 } .breadcrumb ol li a { color: #0505a7; padding-left: 0 } .modal { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, .7) } .modal-content { background-color: #fefefe; margin-top: 200px; margin-left: auto; margin-right: auto; border: 1px solid #c7c7c7; width: 480px } .modal-content .modal-header { padding: 20px 20px 0; border-bottom: 0 } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5; font-size: 18px; font-weight: 700 } .modal-content .modal-body { padding: 20px 20px 20px } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem } .modal-content .modal-footer { padding: 8px 8px 8px 16px; border-top: 0 } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef } .modal-footer .btn { font-size: 16px; margin: .5rem 1rem } .modal-close { color: #aaa; float: right; font-size: 28px; font-weight: 700; margin-top: -4px } .modal-close:focus, .modal-close:hover { color: #000; text-decoration: none; cursor: pointer } .image-modal { padding-top: 40px } .image-modal .modal-close { color: #fff; padding: 10px } .image-modal .img-container { text-align: center; max-width: 100%; max-height: 80%; width: fit-content } .image-modal .img-container img { margin: auto; max-width: 100%; max-height: 900px } @media (max-width:767px) { .modal-content { width: 90% } .image-modal .img-container img { max-height: 600px } } .opt_date_full { background: #fff; border: 1px solid #f3f3f3; position: relative; color: #ed1c25; line-height: 23px } .opt_date_full input { width: 85px; font-weight: 700; color: #ed1c25; height: auto; font-size: 15px; padding: 3px 0 3px 0 } .opt_date_full .ic-next, .opt_date_full .ic-pre { background: url(../images/icons.png) no-repeat -21px -1027px; width: 9px; height: 13px; top: 6px; position: absolute; opacity: .5 } .opt_date_full .ic-next { background-position: -68px -1027px; right: 6px } .opt_date_full .ic-next:hover { background-position: -53px -1027px; opacity: 1 } .opt_date_full .ic-pre { left: 6px } .opt_date_full .ic-pre:hover { background-position: -35px -1027px; opacity: 1 } .tab-panel { padding: 0; margin: 0; background: 0 0; position: relative; font-size: 13px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .tab-panel:after { content: ""; display: block; background: #fff2bc; height: 7px; width: 100%; top: 100%; position: absolute } .tab-panel * { position: relative; word-spacing: normal } .tab-panel+h2 { border-radius: 0 } .tab-panel li { line-height: 24px } @media (min-width:1090px) { .tab-panel li { margin-right: .8em; display: inline-block; list-style: none; background: #f3f3f3; border-radius: 5px 5px 0 0; z-index: 0 } } .tab-panel li a { color: inherit; display: block; padding: 5px } @media (max-width:767px) { .tab-panel li a { padding: 5px 0 } } .tab-panel li a:hover { color: #ec891d } .tab-panel li.active { color: #fff; background: #fff2bc; font-weight: 700; color: #333 } .tab-panel li.active:after { background: #fff2bc } .tab-panel li:after { content: ""; display: block; position: absolute; right: -5px; top: 2px; border-radius: 0 5px 0 0; transform: rotate(-20deg); height: 110%; width: 10px; background: #f3f3f3; z-index: -1 } @media (max-width:1089px) { .tab-panel li { flex: 0 1 25%; border-top: 1px solid #f3f3f3; border-radius: 0; margin: 0; background: #fff } .tab-panel li:not(:first-child) { border-left: 1px solid #f3f3f3 } .tab-panel.tab-stripped li { border: none } .tab-panel.tab-auto li { flex: 1 1 auto } .tab-panel.tab-5 li { flex: 1 1 20% } .tab-panel.tab-3 li { flex: 1 1 33.33% } .tab-panel li:after, .tab-panel:after { display: none } .tab-panel li a { text-align: center } } @media (min-width:768px) and (max-width:1089px) { .tab-panel li { flex: 0 1 12.5% } } .mo-thuong-ngay td { line-height: 22px } @media (max-width:320px) { .mo-thuong-ngay td { font-size: 13px } } .mo-thuong-ngay td a { color: #0505a7 } .kq-title { font-weight: 700 } table.kqmb thead { display: none } @media (min-width:768px) { .four-city, .one-city, .three-city, .two-city { margin: 5px } } .imgloadig { background: url('../images/loader-red.gif') no-repeat center; display: inline-block } .colfourcity .imgloadig:before, .colgiai .imgloadig:before, .colthreecity .imgloadig:before, .coltwocity .imgloadig:before, .kqmb .imgloadig:before, .madb span:before { content: "\200b" } .madb .imgloadig { vertical-align: middle } .madb span { font-weight: 700; color: #0505a7; padding: 8px 5px; display: inline-block } .colgiai tbody>tr:nth-of-type(odd) { background: #f3f3f3 } .colgiai td { padding: 0 } .colgiai td div { font-size: 19px; font-weight: 700; line-height: 1em; padding: 5px 0; margin: auto; display: block } @media (max-width:320px) { .colgiai td div { font-size: 18px; padding: 4px 0 } } @media (min-width:414px) { .colgiai td div { font-size: 23px } } table.kqmb td.number { font-size: 23px } @media (max-width:320px) { table.kqmb td.number { font-size: 20px } } .colgiai .g8 div { line-height: 1em } .colgiai .gdb div { line-height: 1.125em } .colgiai .g8 div, .colgiai .gdb div, .kqmb .g7 .number, table.kqmb .db td.number, table.kqmb .g8 .number { font-size: 30px; color: #ed1c25 } .colgiai th.first { width: 10% } .colfourcity th, .colgiai th, .colthreecity th, .coltwocity th { vertical-align: baseline; font-size: 13px } .colfourcity th a, .colgiai th a, .colthreecity th a, .coltwocity th a { color: #0505a7 } .coltwocity th { width: 45% } .colfourcity th { width: 22.5% } .colfourcity.colgiai .gdb div { font-size: 21px } @media (max-width:320px) { .colfourcity.colgiai .gdb div { font-size: 19px } .colfourcity td { padding: 5px 2px } } @media (min-width:414px) { .colfourcity.colgiai .gdb div { font-size: 24px } } .colthreecity th { width: 30% } @media (max-width:320px) { .colthreecity.colgiai .gdb div { font-size: 25px } } .kqmb td.txt-giai, .one-city td.txt-giai { width: 60px; padding: 8px 2px } .kqmb td.v-giai { padding: 0; font-weight: 700 } .kqmb td.v-giai span[class^=v-g] { display: inline-block; min-width: 20px; padding: 9px 0; line-height: 1em; width: 100% } .kqmb td.v-giai span[class^=v-g2-] { width: 50% } .kqmb td.v-giai span[class^=v-g3-] { width: 33.33% } .kqmb td.v-giai span[class^=v-g4-] { width: 25% } .kqmb td.v-giai span[class^=v-g5-] { width: 33.33% } .kqmb td.v-giai span[class^=v-g6-] { width: 33.33% } .kqmb td.v-giai span[class^=v-g7-] { width: 25% } .kqmb td.v-giai span.v-g2-1, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2, .kqmb td.v-giai span.v-g3-4, .kqmb td.v-giai span.v-g3-5, .kqmb td.v-giai span.v-g4-1, .kqmb td.v-giai span.v-g4-2, .kqmb td.v-giai span.v-g4-3, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2, .kqmb td.v-giai span.v-g5-4, .kqmb td.v-giai span.v-g5-5, .kqmb td.v-giai span.v-g6-1, .kqmb td.v-giai span.v-g6-2, .kqmb td.v-giai span.v-g7-1, .kqmb td.v-giai span.v-g7-2, .kqmb td.v-giai span.v-g7-3 { border-left: 1px solid #ccc } .kqmb td.v-giai span.v-g3-0, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2, .kqmb td.v-giai span.v-g5-0, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2 { border-bottom: 1px solid #ccc } .kqmb td.v-giai span[class^=v-g3-] { width: 33.33%; } .kqtinh.kqmb td.v-giai span[class^=v-g3-] { width: 50%; border-bottom: none } .kqtinh td.v-giai span.v-g3-2 { border-left: 1px solid #e4e4e4 } .kqtinh td.v-giai span.v-g4-0, .kqtinh td.v-giai span.v-g4-1, .kqtinh td.v-giai span.v-g4-2, .kqtinh td.v-giai span.v-g4-3 { width: 50% } @media (min-width:414px) { .kqtinh td.v-giai span.v-g4-0, .kqtinh td.v-giai span.v-g4-1, .kqtinh td.v-giai span.v-g4-2, .kqtinh td.v-giai span.v-g4-3 { width: 25% } } .kqtinh td.v-giai span.v-g4-0, .kqtinh td.v-giai span.v-g4-1, .kqtinh td.v-giai span.v-g4-2, .kqtinh td.v-giai span.v-g4-3 { border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4 } .kqtinh.kqmb td.v-giai span.v-g4-4, .kqtinh.kqmb td.v-giai span.v-g4-5, .kqtinh.kqmb td.v-giai span.v-g4-6 { width: 33.33% } .kqtinh.kqmb td.v-giai span.v-g4-4, .kqtinh.kqmb td.v-giai span.v-g4-5, .kqtinh.kqmb td.v-giai span.v-g4-6 { border-left: 1px solid #e4e4e4 } .kqtinh.kqmb td.v-giai span.v-g4-0, .kqtinh.kqmb td.v-giai span.v-g4-4 { border-left: none } .kqtinh td.v-giai span[class^=v-g6-] { width: 33.33% } .kqtinh td.v-giai span.v-g6-3, .kqtinh.kqmb td.v-giai span.v-g6-2 { border-left: 1px solid #e4e4e4 } .col-firstlast th { background-image: linear-gradient(to bottom, #f3f3f3, #e1e3e4); background-repeat: repeat-x } .col-firstlast td, .col-firstlast th { padding: 5px } .firstlast-mb { font-weight: 700; word-break: break-all } .firstlast-mb.fl, .firstlast-mb.fr { width: 49% } .firstlast-mb.fl td:last-child, .firstlast-mb.fl th:last-child { text-align: left; padding-left: 10px } .firstlast-mb.fr td:first-child, .firstlast-mb.fr th:first-child { text-align: right; padding-right: 10px } #result-book table.kqmb td.number { font-size: 20px; line-height: 22px; padding: 8px 4px } #result-book table.kqmb .db td.number { font-size: 22px } #result-book .sub-col-l { width: calc(68% - 5px); float: left } #result-book .sub-col-r { width: 32%; float: right } #result-book .sub-col-r .firstlast-mb.fl, #result-book .sub-col-r .firstlast-mb.fr { width: 100% } #result-book .sub-col-r td { word-break: break-word } #result-book .sub-col-r td:first-child { font-size: 18px; line-height: 22px; padding: 8px 5px } #result-book th { color: #000; background: #fff2bc; font-size: 14px; padding: 5px 0; text-align: center; word-break: initial } @media (max-width:375px) { #result-book table.kqmb td.number { font-size: 18px; line-height: 22px; padding: 8px 2px } #result-book th { font-size: 13px } } @media (max-width:359px) { #result-book .sub-col-l, #result-book .sub-col-r { width: 100%; float: none } } .cl-rl, .colgiai td div.cl-rl { color: #f60; background-color: #fff2bc } .alert { padding: 8px; color: #000; opacity: 1; transition: opacity .6s; font-size: 16px; background-color: #fff9e1 } .alert .alert-link { font-size: 13px; float: right } .alert .alert-link img { height: 28px } .alert .prize-number { font-size: 24px; text-decoration: initial } .alert.blink { animation: colorchange 3s; -webkit-animation: colorchange 3s } @keyframes colorchange { 0% { background: #fb9b34 } 100% { background: #fff9e1 } } .alert.success { background-color: #4caf50 } .alert.info { background-color: #2196f3 } .alert.warning { background-color: #ff9800 } .alert .closebtn { margin-left: 15px; color: #31708f; font-weight: 700; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: .3s } .alert.blink .alert-msg::before { -moz-animation: blink normal 1s infinite ease-in-out; -webkit-animation: blink normal 1s infinite ease-in-out; -ms-animation: blink normal 1s infinite ease-in-out; animation: blink normal 1s infinite ease-in-out; vertical-align: baseline; margin-right: 5px; content: ''; width: 1em; height: 1em; background-color: #ed1b2f; border-radius: 50%; display: inline-block } .alert .alert-msg { font-style: italic; vertical-align: baseline } .alert .closebtn:hover { color: #000 } #snackbar { visibility: hidden; width: 250px; margin-left: -140px; background-color: rgba(51, 51, 51, .82); color: #fff; text-align: center; border-radius: 2px; padding: 16px; position: fixed; z-index: 1; left: 50%; bottom: 30px; font-weight: 700; font-size: 16px; -webkit-animation: fadeout .5s; animation: fadeout .5s } #snackbar .clnote { font-size: 20px; color: #ffcf3a } #snackbar a.clnote, .alert a.clnote { font-style: italic; font-size: 13px } #snackbar.show { visibility: visible; -webkit-animation: fadein .5s; animation: fadein .5s } .blink-image { -moz-animation: blink normal 1s infinite ease-in-out; -webkit-animation: blink normal 1s infinite ease-in-out; -ms-animation: blink normal 1s infinite ease-in-out; animation: blink normal 1s infinite ease-in-out; vertical-align: middle; margin-right: 5px } @-moz-keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadein { from { bottom: 0; opacity: 0 } to { bottom: 30px; opacity: 1 } } @keyframes fadeout { from { bottom: 30px; opacity: 1 } to { bottom: 0; opacity: 0 } } .control-panel { display: block; padding: 5px; text-align: center; background: #fb9b34; color: #fff; font-weight: 700 } .control-panel:after { content: ""; display: block; clear: both } .full-screen { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; margin: auto } .zoom-out-button { position: fixed; top: 0; right: 0; z-index: 99999; opacity: .5 } .zoom-out-button:hover { opacity: 1 } table.full-screen tr td, table.full-screen tr th { padding: 0 } .digits-form label.radio input { position: absolute; top: 0; left: 0; visibility: hidden; pointer-events: none } .digits-form label.radio input+b { width: 1em; height: 1em; display: inline-block; border-radius: 100%; border: none; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: auto } .digits-form label.radio input:checked+b { background-image: url('data:image/svg+xml;utf8,<%2Fsvg>') } .digits-form label.radio * { vertical-align: middle } /*.digits-form label.radio[data-value="0"] span:after { content: " Đầy đủ" } .digits-form label.radio[data-value="2"] span:after { content: " 2 số" } .digits-form label.radio[data-value="3"] span:after { content: " 3 số" }*/ .digits-form { float: left } .digits-form label.radio { display: inline-block; vertical-align: middle; cursor: pointer } .digits-form label.radio+label.radio { margin-left: .5em } .icon { background-size: contain; background-repeat: no-repeat; background-position: center; display: block } i.icon, span.icon { display: inline-block } i.icon { vertical-align: middle } .zoom-in-icon { background-image: url("../images/zoom_in.png"); width: 19px; height: 17px } .zoom-out-icon { background-image: url("../images/zoom_out.png"); width: 45px; height: 44px } .sound-icon { background-image: url("../images/speaker.png"); width: 19px; height: 17px } .sound-icon.off { background-image: url("../images/speaker-off.png"); width: 19px; height: 17px } .share-button, .zoom-in-button { display: none } .share-button { margin-left: 1em; display: none } .share-button span:after { content: " Chia sẻ" } /*.zoom-in-button span:after { content: " Phóng to" } */ .buttons-wrapper { float: right; display: inline-block } .subscription-button { margin-left: 5px; display: inline-block } .subscription-button.dspnone { display: none } .buttons-wrapper .subscription-button span:after { content: " Thông báo"; vertical-align: middle } .lbl1 { position: relative; display: inline-block; height: 16px; width: 40px; background: #898989; border-radius: 100px; cursor: pointer; transition: all .3s ease; vertical-align: middle } .lbl1:after { position: absolute; left: -2px; top: -4px; display: block; width: 20px; height: 20px; border-radius: 100px; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, .05); content: ''; transition: all .3s ease; border: 2px solid #fb9b34 } .lbl1:active:after { transform: scale(1.15, .85) } .cbx:checked~label { background: #ed1c25 } .cbx:checked~label:after { left: 16px; background: #fff } .cbx:disabled~label { background: #e1e3e4; pointer-events: none } .cbx:disabled~label:after { background: #bcbdbc } .cntr { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .bg-orange { background: #fff2bc } .txt-right { text-align: right } .conect_out { padding: 5px 5px; float: right; text-align: center; margin-top: 5px; margin-right: 5px; background-color: #dd4b39; -webkit-border-radius: 3px; border-radius: 3px; color: #fff } .bg_brown { border-radius: 3px; padding: 5px 10px } .bg_brown:hover a { color: #fff } @media (min-width:769px) { .zoom-in-button { display: inline-block } } .cate-news h3 { margin-bottom: 5px } .cate-news ul { padding: 0 5px; margin-bottom: 10px } .cate-news li { padding: 7px 0; border-bottom: 1px dashed #d9d3cb } .cate-news li img { max-width: 120px } .cate-news li h3 a { font-size: 16px; color: #0505a7; line-height: 1.3em } .cont-detail a { text-decoration: underline; text-underline-position: under; font-size: 15px; color: #30f; font-weight: 700 } .cont-detail ul { list-style: disc inside } .box-detail { line-height: 20px; font-size: 16px } .box-detail img, .cont-detail img { max-width: 100% } .date { font-size: 11px; color: #999 } p.date { margin: 5px 0 } h3 .date { margin-left: 5px } .widget-toc { display: table; border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: .5rem .5rem .5rem 0; margin-bottom: .5rem } .widget-toc ol { padding-right: 0; counter-reset: item; margin-top: 0 } .widget-toc ol li { display: block; position: relative; list-style: none } .widget-toc a:hover { border-bottom: none } .news-detail .widget-toc a, .news_content .widget-toc a, .widget-toc a { font-weight: 400; text-decoration: none; font-style: normal; color: #385898 } .paragraph p.toc-title, .widget-toc .toc-title { text-align: center; font-weight: 700; margin-top: 0; margin-bottom: 0; padding: 0 } .box-news li { padding: 3px 5px } .box-news li .ic { background-position: -113px -453px; padding-left: 10px; margin-right: 5px } .see-more { margin: .5em } .see-more a { color: #0505a7; font-size: 14px; text-decoration: underline } .list-html-link li { list-style: disc inside } .see-more ul.list-html-link { display: flex; flex-wrap: wrap; padding: 0; border-collapse: separate } .see-more ul.list-html-link li { flex: 1 100%; padding: .3em 0 .3em 0 } .list-dot-red li { padding: 5px } .list-dot-red li a { color: #0505a7 } .mega645 * { position: relative } .mega645 .results li { padding-top: 1rem } .mega645 .results li .data td { border: none } .mega645 .results li .data td i { box-sizing: content-box; display: block; margin: 0 auto; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; border-radius: 100%; font-style: normal; font-size: 1.43rem; font-weight: 700; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, .5) } .mega645 .results li .data td i:empty:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-image: url("../images/spin_32.gif"); background-position: center; background-size: 28px 28px; background-repeat: no-repeat } .mega645 .results li .data td:nth-child(1) i { background-color: #1ea6ec; background: linear-gradient(to bottom, #2eb6fc 0, #1066bc 100%) } .mega645 .results li .data td:nth-child(2) i { border-color: #f03268; background: linear-gradient(to bottom, #fa5288 0, #bb002a 100%) } .mega645 .results li .data td:nth-child(3) i { border-color: #e9b800; background: linear-gradient(to bottom, #e4c420 0, #b06800 100%) } .mega645 .results li .data td:nth-child(4) i { border-color: #69c82a; background: linear-gradient(to bottom, #79c82a 0, #297800 100%) } .mega645 .results li .data td:nth-child(5) i { border-color: #db48c2; background: linear-gradient(to bottom, #f04aac 0, #b0108a 100%) } .mega645 .results li .data td:nth-child(6) i { border-color: #ea7702; background: linear-gradient(to bottom, #f09742 0, #da380a 100%) } .mega645 .results li .data td p { font-weight: 700; padding: 0; margin: 1rem 0 0; font-size: 14px; text-align: center } .mega645 .results li .data td p strong { color: #ed1c25; font-size: 1.25rem } .mega645 .results li .data2 td { padding: .5rem } .mega645 .results li .data2 td i { font-style: normal; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #000; display: inline-block; margin: 0 2px 0 0 } .mega645 .results li .data2 td i.clnote { border-color: #ed1c25 } @media (max-width:767px) { .mega645.power655 .results li .data i { width: 2rem; height: 2rem; line-height: 2rem } } .mega645.power655 .results li .data td:not(:last-child) i { background: #fff; color: #ed1c25; text-shadow: none; border: 2px solid #ccc } .mega645.power655 .results li .data td:not(:last-child) i.imgloadig { background: #f60; text-shadow: none } .mega645.power655 .results li .data td:nth-child(7) { border-left: 2px solid #d9d3cb; padding-left: 3px } .mega645.power655 .results li .data td:nth-child(7) i { background: #f60; color: #fff; border: none } @media (max-width:767px) { .keno .nav-tabs { float: left; width: 15%; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-bottom: none } .keno .nav-tabs li { margin-bottom: 2px; border-radius: 0 4px 4px 0 } } @media (max-width:767px) { .keno .tab-content { float: right; width: 85% } } .keno .results .data { width: 100%; margin-top: 10px; margin-bottom: 10px } .keno .results .data tr { border: none } .keno .results .data td { border: none; padding: 0 } .keno .results .data td i { background: #fff; color: red; text-shadow: none; border: 2px solid #ccc; box-sizing: content-box; display: block; margin: 0 auto; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; text-align: center; border-radius: 100%; font-style: normal; font-size: 1.3rem; font-weight: 700; color: red; text-shadow: none } @media (max-width:767px) { .keno .results .data td i { width: 1.7rem; height: 1.7rem; line-height: 1.7rem } } .keno .results .data td i.match-number { background: #f60; color: #fff; border: none } .bang-cau { border: 2px solid #7e7e7e } .bang-cau td { padding: 3px 0 3px 0; width: 9% } .bang-cau td.dau { background-color: #d9edf7; width: 10% } .bang-cau td:not(.dau) { width: 45px; height: 45px } .bang-cau td.invalid { background: #e1e3e4 } .bang-cau td span { display: block } .bang-cau td span.num { font-size: 20px; margin: 5px 0 } .bang-cau td span.freq { font-style: italic } .bang-kq .clblue, .bang-kq .clnote { font-size: 1.3em } .nav-tabs { border-bottom: 1px solid #ddd; display: flex } .nav-tabs>li { margin-bottom: -1px; flex: 0 1 100%; border: 1px solid #ddd; border-radius: 10px 10px 0 0; color: #f36b21; background-color: #afafaf } .nav-tabs>li.active { cursor: default; background-color: #f36b21; border-bottom-color: transparent } .nav-tabs>li>a { color: #fff; display: block; font-size: 15px; padding-top: .5em; padding-bottom: .5em; width: 100%; text-align: center; font-weight: 700 } .tab-content>.tab { display: none } .tab-content>.active { display: block } .box-note-table li { display: inline-block } .box-note-table li span { display: inline-block; border: 1px solid #ccc; padding: 8px; vertical-align: middle } .box-note-table li span.color-note { background: #ffeec2 } .box-note-table .box-note-red { color: #e80000; padding: 0 6px; line-height: 15px } .box-note-table li:nth-child(2) { margin: 0 10px } .statistic_lo { font-size: 17px; color: #0505a7 } .list-dau-db { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .list-dau-db li { -webkit-box-flex: 1 1 20%; -moz-box-flex: 1 1 20%; -webkit-flex: 1 1 20%; -ms-flex: 1 1 20%; flex: 1 1 20%; border: 1px solid #f3f3f3; font-weight: 700; text-align: center; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .statistic-cham td:first-child { font-weight: 700; font-size: 18px } .de-fl { float: left; width: 50% } .de { font-size: 24px; color: #b12912; text-decoration: none } .row-rate td { vertical-align: bottom; font-size: 13px; padding: 0 } .db-by-month table { table-layout: fixed } .db-by-month table th { width: 60px } .db-by-month table td:first-child, .db-by-month table th:first-child { position: sticky; left: 0; background-color: #fff; border-right: 1px solid #f3f3f3 } .db-by-month table th.td-split { height: 40px; padding: 0; margin: 0; background-color: #f3f3f3 } .line { width: 72px; height: 40px; border-bottom: 1px solid #d8d6d6; transform: translateY(-17px) translateX(5px) rotate(34deg); position: absolute; z-index: -1 } .td-split>div { position: relative; height: 100%; width: 100%; top: 0; left: 0 } .bottom { position: absolute; bottom: 1px; left: 1px } .top { position: absolute; top: 1px; right: 1px } .tk-tong-db td { font-weight: 700 } @media (max-width:320px) { .tk-tong-db td { padding: 0 } } .tk-tong-db td div.ngay-quay { color: #888; font-size: 12px; font-weight: 400 } #monthly-result td .dau, #monthly-result td .duoi, #monthly-result td .loto, #monthly-result td .tong, .tk-tong-db td .dau, .tk-tong-db td .duoi, .tk-tong-db td .loto, .tk-tong-db td .tong { display: none } #monthly-result.dau td .dau, #monthly-result.duoi td .duoi, #monthly-result.loto td .loto, #monthly-result.tong td .tong, .tk-tong-db.dau td .dau, .tk-tong-db.duoi td .duoi, .tk-tong-db.loto td .loto, .tk-tong-db.tong td .tong { display: block } .scoll { width: 100%; overflow: auto } .scoll.scoll-noheight { max-height: none } .tk-tansuat .fullscreen { text-align: initial; margin: 10px 10px 0 } .tk-tansuat h1 { font-size: 1.25rem } .tk-tansuat .rate>* { display: block } .tk-tansuat .rate .hrate { margin: auto } .tk-tansuat .box-note-table li { padding: 5px; margin: 0 10px; text-align: left } @media (min-width:768px) { .tk-tansuat .form-horizontal .form-group { display: inline-block; padding: .5rem; margin-bottom: 0 } .tk-tansuat .form-horizontal .form-group .control-label, .tk-tansuat .form-horizontal .form-group .form-control { float: none; width: initial } .tk-tansuat .form-horizontal select.form-control { width: 100% } } .s { background: #1d2332; color: #95c8ff; font-size: 12px; text-align: center; vertical-align: bottom; padding-bottom: 1px } .c0 { background: #77a3e3; font-size: 0px } .c1 { background: #5b5c66; color: #f8f8f8 } .c_ { background: #35363c; font-size: 0px } .c3 { background: #7658cf; color: #f8f8f8 } .c2 { background: #ff453c; color: #f8f8f8 } .c4 { background: #c515dd; color: #f8f8f8 } .c5 { background: #ff06a8; color: #f8f8f8 } .num:visited { font-size: 12px; text-decoration: none; color: #fff } .num:link { font-size: 12px; text-decoration: none; color: #fff } .tk-txloto th.nh { background: #373737; color: #eaeaea; font-size: 12px; text-align: center; font-weight: 700 } .tk-txloto thead th { position: -webkit-sticky; position: sticky; top: 0 } .tk-txloto tr td:first-child { position: -webkit-sticky; position: sticky; left: 0 } .tk-txloto tr td:first-child, .tk-txloto tr th:first-child { left: 0; z-index: 1 } .tk-txloto .bg_note, .tk-txloto th, .tk-txloto tr td:first-child { background: #fff } .tk-txloto .bg_note .clnote { font-weight: 700 } .tk-txloto td { padding: 0; border-color: #000 } .tk-txloto th, .tk-txloto tr td:first-child { font-size: 11px; padding: 0 2px } .list-bstk li { margin: 1% 2%; display: inline-block; zoom: 1; vertical-align: top; color: #e80000 !important; font-weight: 700 } .list-bstk li input { margin-right: 5px !important } #loto-cam .nav-tabs { width: 100% } #loto-cam .nav-tabs>li { flex: 0 1 25% } #loto-cam td.boso span { margin: 1px; padding: 3px; border: 1px solid #e8e8e8; font-weight: 700; display: inline-block } .sort-by-time { margin-bottom: -33px; margin-right: 5px; padding: 3px 6px } .ic-down { background-image: url('/img/down_arrow.png'); width: 14px; height: 14px; background-size: contain } .filter-by-number { vertical-align: middle; padding: 1rem .5rem } .filter-by-number:after { clear: both; content: ""; display: block } .filter-by-number .label { float: left; width: 70px; font-size: 16px; line-height: 1.5; font-weight: 700 } .filter-by-number .filter-number-list pure-material-checkbox { width: 10% } .box-search { padding: 10px 5px } .box-search input { width: 100%; border: none } .box-search .bor-1 { -webkit-border-radius: 0; border-radius: 0; height: 37px; width: 75%; background: #fff; padding: 0 1%; border: 1px solid #d9d3cb; border-right: 0 } .box-search .bor-1 input { height: 100%; } .box-search button { border: 1px solid #c00; color: #fff; background-color: #dd4b39; height: 37px; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; width: 22%; font-size: 12px } @media (max-width:767px) { .box-search button { width: 27% } .box-search .bor-1 { width: 70% } } .list-charter li { padding: 4px 8px; background: #d0c9c3; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 5px 5px 0 } .list-charter li a { color: #fff } .list-charter li.active, .list-charter li:hover { background: #da1c47 } .loading-page { padding: 5px 10px } .loading-page a { color: #ed1c25; padding: .25rem .5rem; border: 1px solid #ed1c25; border-radius: 5px; display: inline-block } .loading-page a:hover { text-decoration: none } .loading-page a.primary { background-color: #ed1c25; color: #fff } .loading-page a>* { display: inline-block; vertical-align: middle } .paging a { display: inline-block; padding: 5px 10px; background: #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; text-shadow: 0 1px 0 #a19b96; -moz-text-shadow: 0 1px 0 #a19b96; -webkit-text-shadow: 0 1px 0 #a19b96; font-size: 14px; margin: 0 3px } .paging a.active, .paging a:hover { background: #ed1c25 } .paging a:first-child, .paging a:last-child { color: #fff } .l2d-table { border-collapse: collapse; width: calc(100% - 1rem); margin: auto } .l2d-table td, .l2d-table tr th { padding: .5rem .2rem; text-align: center } .l2d-table th { background: #fb9b34; color: #fff } .l2d-table th:not(:first-child) { border-left: 1px solid #fff } .l2d-table td { font-size: 1.1em; border: none; line-height: 1.6em } .l2d-table td.date { background-color: #f1f1f1; color: #333; font-size: 1em } .l2d-table td:not(:empty) { border-left: 1px solid #ccc } .l2d-table td:last-child { border-right: 1px solid #ccc } .l2d-table tr:not(.head) td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .l2d-table td strong { color: #d71c47; font-weight: 400 } .l2d-table tr:empty { height: .3rem } .l2d-table td b, .l2d-table td i { font-size: 1.3em; font-style: normal } .l2d-table .blue, .l2d-table td b { color: #0555aa } .l2d-table .red { color: #ee1c25 } .dientoan li { width: 47%; padding: 0 1% 10px; float: left; text-align: center } .dientoan li span { line-height: 50px; height: 50px; width: 50px; font-size: 20px; border: 1px solid #d9d3cb; margin: 0 3px; -webkit-border-radius: 32px; border-radius: 32px; color: #f60; margin-bottom: 5px; display: inline-block } .dientoan li.second { border-left: 1px dotted #f3f3f3 } .dientoan li.second span { font-size: 18px } .dientoan li.last { border-top: 1px dotted #f3f3f3; width: 98% } .chat-box form { padding: 1rem; border: 1px solid #e1e1e1; background: #fff; position: relative } .chat-box .my-comment { margin: 5px } .chat-box .bottom-panel .left-col>* { display: inline-block; padding: 8px; margin: 0 3px } .chat-box .bottom-panel .left-col>div:first-child { margin: 0 } .chat-box .bottom-panel img { height: 18px } .chat-box form .text-input { display: block; background: #fff; min-height: 4.5rem; border: none; resize: none; font-family: inherit; font-size: inherit; padding: 0; outline: 0 } .chat-box form .text-input:focus { outline: 0 } .chat-box form .text-input:after { content: "Viết bình luận..."; color: #999; font-style: italic } .chat-box form .text-input::-webkit-input-placeholder { color: #999; font-style: italic } .chat-box form .text-input::-moz-placeholder { color: #999; font-style: italic } .chat-box form .text-input:-ms-input-placeholder { color: #999; font-style: italic } .chat-box form .text-input:-moz-placeholder { color: #999; font-style: italic } .chat-box form .text-input:focus::-webkit-input-placeholder { color: #bbb; font-style: italic } .chat-box form .text-input:focus::-moz-placeholder { color: #bbb; font-style: italic } .chat-box form .text-input:focus:-ms-input-placeholder { color: #bbb; font-style: italic } .chat-box form .text-input:focus:-moz-placeholder { color: #bbb; font-style: italic } .chat-box form .text-input:focus:after { color: #bbb } .chat-box form .text-input:not(:empty):after { content: "" } .chat-box .comment-box>.left-col, .chat-box .my-comment form :not(.bottom-panel)>.left-col { width: 3.6rem; float: left } .chat-box form :not(.bottom-panel)>.right-col { width: calc(100% - 4.6rem); float: right } .chat-box form .bottom-panel { background: #fcfcfc; border-top: 1px solid #e1e1e1; margin: 1rem -1rem -1rem; padding: 0 4px } .chat-box form button { height: 1.8rem } .chat-box form button:not(:last-child) { margin-right: 1rem } .chat-box form button[type=submit] { border-radius: 2px; border: 1px solid #e1e1e1; background-color: #fcfcfc; min-width: 70px; margin: 4px 0 } .chat-box .comment .user-name { z-index: 1; display: inline-block } .chat-box .comment .user-title { color: #aaa; padding-left: .5em; display: inline-block; font-size: .85em } .chat-box .comment .user-name.admin a { color: #fa4000 } .chat-box .comment .user-name.admin:before { content: "ad"; display: inline-block; border-radius: 3px; border: 1px solid #eee; font-size: .8em; left: -10%; line-height: 1rem; bottom: 75%; padding: 0 .25em; background: #2a4; color: #fff; font-weight: 700; margin-right: .2em } .chat-box .comment .user-name:after { content: "\00a0" } .chat-box .comment.cmt-stt-2>.right-col:after { background: url('../images/pin.png'); width: 12px; height: 12px; display: inline-block; content: ""; background-size: contain; margin-left: 3px; position: absolute; top: 0; right: 0 } .chat-box .comment .user-name.Admin:after, .chat-box .comment .user-name.Mod:after, .chat-box .comment .user-name.trusted:after { width: 12px; height: 12px; display: inline-block; content: ""; margin-left: 3px } .chat-box .comment .user-name.Mod:after, .chat-box .comment .user-name.trusted:after { background: url('../images/shield.png'); background-size: contain } .chat-box .comment .user-name.Mod:after { background: url('../images/purple-shield.png'); background-size: contain } .chat-box .comment .user-name.Admin:after { background: url('../images/red-shield.png'); background-size: contain } .chat-box .comment .user-name.pink-shield:after { background: url('../images/pink-shield.png'); background-size: contain; width: 12px; height: 12px; display: inline-block; content: ""; margin-left: 3px } .chat-box .comment .user-name.new-member:after { background: url('../images/hello.png'); background-size: contain; width: 12px; height: 12px; display: inline-block; content: ""; margin-left: 3px; opacity: .6 } .chat-box .comment .user-name a { font-weight: 700; color: #333 } .chat-box .comment .user-name.Admin a { color: #ed1c25 } .chat-box .comment .user-name a:hover { color: #f60 } .chat-box .comment .content, .chat-box .comment .guess-number { color: #333; border-radius: 8px; padding: 8px 20px 8px 8px; width: fit-content; background: #f5f5f5; font-size: 14px; word-break: break-word } .chat-box .comment .guess-number { margin-top: .5rem } .chat-box .comment .province-number { font-weight: 400; font-size: 1.3rem; color: #ed1c25 } .chat-box .comment .content img { vertical-align: middle } .chat-box .comment .info { font-size: .85em } .chat-box .comment .info>:not(:first-child) { margin-left: .7rem } .chat-box .comment .subdesc, .chat-box .comment time { color: #aaa } .chat-box .comment .block-user, .chat-box .comment .remove, .chat-box .comment .reply, .chat-box .comment .report { color: #aaa; cursor: pointer } .chat-box .comment .block-user:before, .chat-box .comment .remove:before, .chat-box .comment .reply:before { content: ""; display: inline-block; background-repeat: no-repeat; width: 12px; height: 12px; vertical-align: middle; margin-right: .4em } .chat-box .comment .block-user:hover, .chat-box .comment .remove:hover, .chat-box .comment .reply:hover { text-decoration: underline } .chat-box .comment .tags:before { background-image: url('../images/price-tag.png') } .chat-box .comment .reply:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAADFBMVEUAAADplnbplnbplnbcPC1BAAAAA3RSTlMAxIC4WFW0AAAAHElEQVQI12MAAfn/Xxjs///BjoFyFkA1CgxgAADpTxH5uvlXkQAAAABJRU5ErkJggg==') } .chat-box .comment .remove:before { background-image: url('../images/delete.png'); background-size: contain; margin-top: -4px } .chat-box .comment .block-user:before { background-image: url('../images/disturb.png'); background-size: contain; margin-top: -4px } .chat-box .comments { margin-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; padding-left: 1rem } .chat-box .comments .comment:not(:first-child) { margin-top: 1rem } .chat-box .comments .comment>.left-col, .customer-avatar { width: 3.6rem; height: 3.6rem } .chat-box .comments .comment .right-col { width: calc(100% - 4.6rem); position: relative } .chat-box .comments .comment .info { margin-top: .3rem } .comment .comment-imgs { overflow: hidden; margin-top: 5px } .comment .comment-imgs img { max-width: 100%; max-height: 220px; border-radius: 10px } .comment .content .reaction { position: absolute; bottom: -8px; right: -5px; background: #fff; padding: 0 2px; border-radius: 4px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16); color: #ed1c25; font-size: .85em } .number-chooser>div { border: 1px solid #e1e1e1; border-radius: 4px; margin-top: .5rem } .number-chooser .right-col { border-left: 1px solid #e1e1e1 } .number-chooser .left-col label { line-height: 32px; padding-left: .5em } .number-chooser input { border: none; outline: 0; width: 100%; line-height: 20px } .link { text-decoration: underline; color: #f60; line-height: 26px } .comment .province { padding: 0 5px; border-radius: 9px; font-size: 12px; margin-left: .5em; color: #fff; float: right } .comment .province.region-1 { background-color: #a56dc7 } .comment .province.region-2 { background-color: #1da0ce } .comment .province.region-3 { background-color: #f7646a } .guess-number { background: #f5f5f5 } .collapsed-box { display: none } .collapse-content { padding: 0 18px; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height .2s ease-out } .reactions { cursor: pointer; color: #aaa; position: relative } .reactions>:not(:first-child) { margin-left: .7rem } .reactions .heart:hover, .reactions .like:hover { color: #666 } .reactions .heart .desc:before, .reactions .heart .heart-icon:before { content: "\2764"; padding-right: .2rem; font-size: 15px } .reactions .heart .heart-icon:after { content: "Tim" } .reactions .desc { position: absolute; bottom: 10px; left: -3px; right: 0; visibility: hidden; transition: .6s; font-size: 2px; color: transparent; font-weight: 400 } .reactions .press .heart-icon, .reactions .press .like-icon { color: #e99676 } .reactions .desc.press { bottom: 40px; animation: fade 1.5s; z-index: initial } .reactions .press .desc:before { font-size: 24px } .reactions .like .desc:before, .reactions .like .like-icon:before { content: ""; background-size: contain; background-repeat: no-repeat; font-size: 13px; display: inline-block; background-repeat: no-repeat; width: 15px; height: 15px; margin-right: .4em } .reactions .like .like-icon:before { background-image: url("../images/like-grey.png") } .reactions .like .desc:before, .reactions .like.press .like-icon:before { background-image: url("../images/like-orange.png") } .reactions .like .like-icon:after { content: "Like" } .reactions .like.my-press .like-icon:after { content: "Liked" } @keyframes fade { 0% { color: transparent; visibility: visible } 50% { color: #e23b3b } 100% { color: transparent; visibility: hidden } } .chat-form .image-preview { width: 100px; height: 100px; padding: 2px; border: 1px solid #ccc; position: relative; vertical-align: middle; text-align: center } .chat-form .image-preview .image-delete { position: absolute; right: 0; bottom: 0; padding: 5px; width: 15px; height: 15px; background: rgba(0, 0, 0, .23) } .chat-form .image-preview img { max-width: 100%; max-height: 100% } .sub-comments .image-preview { margin: .5rem } .chat-box .sub-comments { margin-top: .5rem; margin-left: -2rem; padding: .5rem } .chat-box .sub-comments .comment:not(:first-child) { margin-top: .8rem } .chat-box .sub-comments .comment .left-col { width: 3rem; height: 3rem } .chat-box .sub-comments .comment .right-col { width: calc(100% - 3.8rem) } .chat-box .sub-comments .comment .info { margin-top: 0 } .chat-box .sub-comments form { padding: 0 } .chat-box .sub-comments form .text-input { min-height: 0; padding: .5rem; margin-bottom: .5rem } .chat-box .sub-comments form .bottom-panel { margin: 0; padding: .5rem .5rem .25rem .5rem; background: 0 0; border: none } .chat-box .sub-comments form .bottom-panel .left-col, .chat-box .sub-comments form .bottom-panel .right-col { width: auto; height: initial } .chat-box .sub-comments:empty { display: none } .chat-box .view-more { text-align: center; border: 1px solid #eee; border-radius: 3px; cursor: pointer; margin-top: 1rem; padding: .5rem; color: #06a; font-weight: 700; transition: all .1s; position: relative } .chat-box .view-more-options { margin-top: .5rem } .chat-box .view-more:hover { text-decoration: underline; color: #0505a7; border-color: #ddd; background: #f2f2f2 } .chat-box .comment .comment-detail, .chat-box .comment .view-more { padding: 0; font-weight: 400; text-align: left; border: none; background: 0 0; font-size: 13px } .chat-box .comment .comment-detail { padding-left: 1rem } .chat-box textarea:focus { outline: 0 } .chat-box .left-col { float: left } .chat-box .right-col { float: right } .select2-container { width: 100% } .location-chooser { border: 1px solid #e1e1e1; border-radius: 4px } img.emoji { height: 1em; width: 1em; margin: 0 .1em 0 .1em; vertical-align: -.1em } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple { border: none } .select2-container--default .select2-selection--single .select2-selection__arrow { display: none } .location-chooser .left-col { background-color: #e1e3e4 } .location-chooser .left-col label { line-height: 32px; padding-left: .5em } .select2-container .select2-search--inline .select2-search__field { padding: 2px 7px } .img-container { margin: auto; display: block; max-width: 100%; height: auto } .img-caption, .img-container { animation-name: zoom; animation-duration: .4s } @keyframes zoom { from { transform: scale(0) } to { transform: scale(1) } } .avatar { background-color: #fff; border-radius: 40px; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 .5px 1px #ccc; position: relative; width: 100%; height: 100% } .avatar img { display: block; top: 0; bottom: 0; margin: auto; color: transparent; height: 100%; width: 100% } .avatar:before { content: ""; display: block; width: 100% } .comments .comment:after, .comments:after { content: ""; display: block; height: 0; padding: 0; margin: 0; clear: both } .comment-box { padding-top: 5px } .chat-box a.login-link { text-decoration: underline; color: #f60; line-height: 34px } .chat-box form textarea { width: 100% } .box-customer input[type=file] { width: 100% } .box-customer input:read-only { background-color: #dcdcdc } .smiley { display: block; position: relative } .smiley a:hover, .smiley-box span:hover, .smiley:hover { background: #efefef } .smiley-box { padding: 2px; background: #fff; width: 268px; position: absolute; bottom: -100px; left: 23px; border: #bebebe 1px solid; box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .4); cursor: default; z-index: 5 } .smiley-box span { display: inline-block; min-width: 40px; text-align: center; padding: 2px } @media (max-width:767px) { .chat-box .comments { padding-right: 5px; padding-left: 5px } .chat-box .comments .comment-box>.left-col, .chat-box .comments .comment>.left-col, .customer-avatar { width: 40px; height: 40px } .chat-box .comments .comment .right-col { width: calc(100% - 50px) } } @media (max-width:320px) { .chat-box .bottom-panel .left-col>* { margin: 0 } } .box-customer i.icon { margin: 0 .5em 0 0; width: 20px; height: 20px } .account-link, .customer-info { padding: 5px } .customer-info .left-col { float: left; width: 130px } .customer-info .right-col { float: right; width: calc(100% - 130px) } .customer-info .full-name a { font-weight: 700; font-size: 1.5em } .customer-info .right-col div { margin-bottom: 8px } .box-customer .customer-info .avatar { background-color: #fff; border-radius: 4px; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 .5px 1px #ccc; position: relative; width: 100px; height: 100px; padding: 4px; margin: auto } .box-customer .customer-detail { width: 100% } .box-customer .customer-detail tr:first-child td { border-top: 1px solid #efefef } .ic-report { background: url("../images/report-32.png"); background-size: contain; margin: auto } .icon-delete { background-image: url("../images/icon-delete.png") } .icon-clock { background-image: url("../images/icon-clock.png") } .icon-notification { background-image: url("../images/icon-notification.png") } .icon-edit { background-image: url("../images/icon-edit.png") } .icon-lock { background-image: url("../images/icon-lock.png") } .icon-door { background-image: url("../images/icon-door.png") } .icon-people { background-image: url("../images/icon-people.png") } .icon-follower { background-image: url("../images/icon-follower.png") } .icon-contact { background-image: url("../images/icon-contact.png") } .account-link { border-top: 1px solid #efefef; padding-left: 5px; padding-right: 5px } .account-link, .customer-info { padding-top: 10px; padding-bottom: 10px } .account-link .list-unstyle li { margin: 10px 0 } .table-responsive .table-striped .avatar { width: 50px; display: inline-block; vertical-align: middle; margin-right: 1em } .customer-name-avatar>* { margin: auto; text-align: center } @media (min-width:768px) { .customer-name-avatar .customer-avatar, .customer-name-avatar .user-name { display: inline-block; vertical-align: middle } .customer-name-avatar .user-name { margin-left: .5em } } .table-user-vote .customer-info { text-align: left; max-width: 100% } .table-user-vote .customer-info .user-name { max-width: 240px; text-overflow: ellipsis; overflow: hidden } .list-chot-so td { position: relative } .list-chot-so .cmt-info { text-align: right; color: #aaa; font-style: italic; font-size: 13px } .top-1 { background-image: url('../images/medal-1.png'); width: 32px; height: 32px; background-size: contain; display: inline-block } .top-2 { background-image: url('../images/medal-2.png'); width: 32px; height: 32px; background-size: contain; display: inline-block } .top-3 { background-image: url('../images/medal-3.png'); width: 32px; height: 32px; background-size: contain; display: inline-block } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon { width: 16px; height: 16px } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-header .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png") } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color: #fff; border: 1px solid #8a8a8a } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; padding: 4px } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 700; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em } .ats-overlay-bottom-wrapper-unrendered { display: none } table.custom.kqmb td.number { font-size: 0 !important; } .kqmb td.v-giai span[class^=v-g] { font-size: 23px; ; } #result-book table.kqmb td.number { font-size: 20px; line-height: 22px; padding: 8px 4px } #result-book table.kqmb .db td.number { font-size: 22px } #result-book .sub-col-l { width: calc(68% - 5px); float: left } #result-book .sub-col-r { width: 32%; float: right } #result-book .sub-col-r .firstlast-mb.fl, #result-book .sub-col-r .firstlast-mb.fr { width: 100% } #result-book .sub-col-r td { word-break: break-word } #result-book .sub-col-r td:first-child { font-size: 18px; line-height: 22px; padding: 8px 5px } #result-book th { color: #000; background: #fff2bc; font-size: 14px; padding: 5px 0; text-align: center; word-break: initial } @media (max-width: 768px) { .footer .fr { float: none; } .footer .share-social { text-align: center; margin-top: 15px; } .footer .s-content { margin-top: 15px; } } @media (max-width: 375px) { #result-book table.kqmb td.number { font-size: 18px; line-height: 22px; padding: 8px 2px } #result-book th { font-size: 13px } } @media (max-width: 359px) { #result-book .sub-col-l, #result-book .sub-col-r { width: 100%; float: none } }