@charset "utf-8";

body { margin: 0; padding: 0; color: #fff; background-color: #0c131c; background-color: #000000; }

* { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; }

::-webkit-scrollbar-thumb { background: #20492a; height: 8px; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #367546; }
::-webkit-scrollbar-track { background-color: #141d16; }

#menu { /* background-color: #003737; background: linear-gradient(45deg, rgba(0, 35, 35, 0.95), rgba(23, 45, 57, 0.75)); background: linear-gradient(45deg, rgb(0 35 11 / 95%), rgb(23 57 49 / 75%)); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); */ color: #fff; }

#menu:after{ content: ""; position: absolute; width: 100%; height: 100%; margin: auto; backdrop-filter: opacity(0.1) blur(2px); opacity: 0.5; z-index: -1; }

.backdrop{ background: linear-gradient(45deg, rgb(0 35 11 / 95%), rgb(23 57 49 / 75%)); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

footer { min-height: 120px; position: relative; }

footer:after{ content: ""; position: absolute; width: 100%; height: 100%; margin: auto; backdrop-filter: grayscale(0.6) blur(5px); z-index: -1; top: 0; }

footer .opcoes-footer span:hover { color: #0cd664; }

.p-drawer { background-color: rgba(5, 45, 26, 0.9)!important; border: none!important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

.stars { left: 50%; -webkit-mask-image: linear-gradient(180deg,rgba(217,217,217,0) 0%,rgba(217,217,217,.8) 25%,#d9d9d9 50%,rgba(217, 217, 217, .8) 75%,rgba(217,217,217,0) 100%);
mask-image: linear-gradient(180deg,#d9d9d900,#d9d9d9cc,#d9d9d9,#d9d9d9cc,#d9d9d900); -webkit-mask-size: cover; mask-size: cover; --color: #00dc82; width: 100vw; opacity: 0.75; height: 120vh; top: 0; bottom: 0; left: 0; right: 0; position: absolute; pointer-events: none; position: fixed!important; }

.hover-effect { color: #00dc82; }

.bg-semi-transparent { background: rgba(0, 0, 0, 0.3)!important; }
.bg-semi-g-transparent { background: rgba(0, 81, 81, 0.2)!important; }
.bg-almost-transparent { background: rgba(0, 0, 0, 0.45)!important; }

.bg-g-success { background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%); color: #004327; font-weight: bold!important; }

.border-semitransparent-bottom { border-bottom: 2px solid rgba(0, 255, 198, 0.3); }

#legendas_cotas .tp { font-size: 0.83em!important; color: #55ff8b; background-color: rgba(13, 93, 71, 0.25)!important; padding: 0!important; display: block; border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-style: normal; line-height: 1.5; }

#jogos .jogo .cota { background-color: #151e31; background-color: #222323; padding-left: 4px; padding-right: 7px; font-size: 0.95em; color: #ccffe3; height: 35px; border-radius: 8px; width: 100%; cursor: pointer; }
#jogos .jogo .cota span.tp {font-size: 0.83em!important;color: #91ffb4;background-color: rgb(117 117 117 / 25%)!important; padding: 0!important; display: block; border-radius: 100%; display: flex; align-items: center; justify-content: center;width: 20px;height: 20px;font-style: normal; }
#jogos .jogo .cota { border: 1px solid rgba(0, 220, 128, 0); font-size: 0.80em; font-weight: 600; user-select: none; }
#jogos .jogo .cota:hover {border: 1px solid rgb(213 213 213 / 45%);color: #ffffff;cursor: pointer; }
#jogos .jogo .cota.sel { border: 1px solid #a2ff4d; color: #003b20; font-weight: bold; background: #6ddf00; }
#jogos .jogo .cota.sel .tp { background-color: #188515!important; color: #beff00; }
#jogos .jogo .cota.sel:hover .tp { background-color: #079966!important; }
#jogos .campeonato { color: white; background: #002b1f; padding: 5px 12px; border-left: 4px solid rgb(239 232 0)!important; }
#jogos .jogo .border-placar {width: 100%;font-size: 1em;display: flex;align-items: center;border-radius: 8px;padding: 8px 0; border: 1px solid #3a531f; }
#jogos .jogo:hover :where(.tp, .border-placar) { color: #fff!important; border-color: rgba(0, 220, 128, 0.50)!important; }
#jogos .jogo .cota:hover .tp {background-color: #718981!important; }

.header-odds { padding-bottom: 10px; border-bottom: 2px solid rgba(255, 255, 255, 0.05); }

:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao {height: 40px;border-bottom: 2px solid #222323;border-bottom-right-radius: 5px; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao:nth-child(odd) { background: rgba(0, 0, 0, 0.5)!important; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao .cota {background-color: #222323;height: 100%;border-top-right-radius: 5px;border-bottom-right-radius: 3px;font-weight: bold;text-align: center;cursor: pointer;position: relative; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao:hover { border-bottom: 2px solid #00352a; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao .cota:hover { background-color: #00352a; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao.sel {border-bottom: 2px solid #6ddf00; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao.sel .cota {background-color: #6ddf00;color: #004922; }

.busca-cota-bt { background: #313944; border: none; overflow: hidden; font-size: 0.8em; }

.close_slip { right: 10px; top: 10px; color: white; position: absolute; width: 35px; text-align: center; height: 30px; background-color: #00ab7c; display: flex; align-items: center; justify-content: center; cursor: pointer; }

#card_bilhete.aberto_slip .close_slip { background: #c61b1b; }
#card_bilhete .nav-link.active { background-color: transparent!important; color: rgb(0 67 39)!important; font-weight: 600; }
#card_bilhete .card-header-tabs.nav.nav-tabs { background: #010f18!important; background: linear-gradient(45deg, #00bd28 0%, #345d00 100%)!important; background: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%)!important; }
#card_bilhete #premio .opmais {height: 35px;display: flex;align-items: center;justify-content: center;font-weight: 500;background-color: #2c3744;background: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%)!important;color: #212529; }
#card_bilhete .conta-jp { padding: 4px 10px; background: #247929; border-radius: 5px; color: #fff; }

.b-destaque .camp-nome {font-size: 0.7em;color: #d3fbd2; }
.b-destaque .opcao.sel { background-color: #2bff05!important; color: #003b20!important; text-shadow: none!important; font-weight: bold!important; }
.b-destaque .opcao.sel .tp {background-color: #188515!important;color: #3cf889; }
.b-destaque .maisop.sel { color: #003b20; font-weight: 500!important; background: #2bff05; border-radius: 5px; text-shadow: none; font-size: 1em!important; padding: 0px 10px; border: 1px solid #a2ff4d; }
.b-destaque .nome-time {text-align: center;line-height: 1;min-height: 22px;font-size: 0.8em;margin-top: 5px;color: #c7ffc6; }
.b-destaque {text-shadow: 0px 1px 5px #002105, 1px 1px 15px #000000; }

#destaques span.tp { font-size: 0.8em!important; color: #a1e7c0; background-color: rgba(59, 139, 66, 0.25); padding: 0!important; display: block; border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 21px; height: 20px; font-style: normal; line-height: 1.1; }

#destaques .opcao { cursor: pointer; border-radius: 5px; background-color: #00412e; user-select: none; font-size: 0.8em; font-weight: 500; font-family: 'Roboto'; }

[class~="close_slip"] { right: 0.625pc; top: 0.625pc; color: #d7f5d7; position: absolute; width: 0.364583333in; text-align: center; height: 30px; background-color: #247929; display: flex; justify-content: center; }

[class~="nav-link"][class~="active"] { color: #fff!important; background-color: #151515!important; }

[class~="input-group-text"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; padding-left: 0.75rem; padding-bottom: 0.375rem; padding-right: 0.75rem; padding-top: 0.375rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: enter; white-space: nowrap; background-color: #e9ecef; border-radius: 0.25rem; width: 38pt; }

[class~="card"][class~="tab-card"] { border-top-width: 0.3125pc;border-top-style: solid;border-top-color: #efe800;border-image: none;border-right: none;border-left: none;background-color: #1c1c1c; }

.nav.nav-tabs, .nav.nav-tabs { background: #151515; }

#card_bilhete.aberto_slip .close_slip { background: #c61b1b; }

[class~="navbar"] { padding-left: 7.5pt; padding-bottom: 0.15625in; padding-right: 7.5pt; padding-top: 0.15625in; background: #fff; }

#cambista { background-color: #2c3744; color: #fff!important; }

.separador { border-bottom: 2px dashed #dfdfdf!important; }
.separador-min { border-bottom: 1px dashed #7aff00!important; opacity: 0.2!important; }

#cupom [class~="dezena"][class~="selecionada"] { background-color: #009635; font-size: 1.3em; font-weight: normal; }

[class~="navbar"] { border-radius: 0; margin-bottom: 30pt; box-shadow: 0.010416667in 0.0625pc 3px rgba(0, 0, 0, 0.1); }

[class~="slipheader"]::-webkit-scrollbar-thumb { background-color: #2c3744; border-radius: 3.75pt; border-left-width: 2.25pt; border-bottom-width: 2.25pt; border-right-width: 2.25pt; border-top-width: 2.25pt; border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: solid; border-left-color: #2c3744; border-bottom-color: #2c3744; border-right-color: #2c3744; border-top-color: #2c3744; border-image: initial; width: 3px; }

[class~="slipheader"]::-webkit-scrollbar-track { background: #1a212a; }

#card_bilhete input.input-field, #card_bilhete .input-field input { height: calc(1.5em + 0.75rem + 2px);height: 34px;background-color: rgb(53 53 53);cursor: auto;border: 1px solid rgb(57 57 57);color: rgb(255, 255, 255)!important; }

#card_bilhete input[readonly] { background-color: rgb(30, 35, 42); }

.pace .pace-progress { background: #f4c00b; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }

.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #f4c00b, 0 0 5px #f4c00b; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }

.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #f4c00b; border-left-color: #f4c00b; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; }

.tg { display: inline-block; padding: 0px 10px; font-size: 12px; font-weight: bold; color: #22bb9f!important; text-align: center; width: 33px; vertical-align: middle; height: 20px; vertical-align: baseline; background-color: #00402b!important; border-radius: 10px; margin-left: 10px; padding-top: 1px; }

.bb1 { border-bottom: 1px dashed #1c5d4e!important; font-size: 0.9em; }

.lateral-camps .op:hover { border-bottom: 1px dashed #55bba3!important; }
.lateral-camps .op:hover .tg { background-color: #04573c!important; }

.lateral-camps .op.selected {border-bottom: 1px dashed #7cdf30!important; }
.lateral-camps .op.selected .tg {background-color: #7cdf30!important;color: #393939!important; }

.lateral-camps {background: linear-gradient(270deg, rgb(0 43 20 / 61%), rgb(1 33 16 / 61%)); border-radius: 5px; }

#jogos .jogo:nth-child(even) { background-color: #004327!important; }

:where(#mais-cotacoes, #live-mais-cotacoes):before {width: 100%;height: 100%;content: ""; background-size: 100% auto;background-position: bottom;position: absolute;z-index: -2;opacity: 0.2;mix-blend-mode: luminosity; }

.menu-lat-op { border-bottom: 1px dashed rgba(65, 65, 70, 0.20); cursor: pointer; }
.menu-lat-op:hover { border-bottom: 1px dashed rgba(65, 65, 70, 0.5); }
.menu-lat-op:hover i { color: #fff; opacity: 1; }

.modal.modal-m .btn-close { background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23869AB8'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50% / 1.5em auto no-repeat; border: 0; border-radius: 0.375rem; box-sizing: content-box; color: #869ab8; height: 1em; opacity: 0.5; padding: 0.25em; width: 1em; right: 30px; position: absolute; top: 30px; }

.modal.modal-m .modal-content { background: rgba(16, 32, 40, 0.8); color: #a6c3cf; }

.modal.modal-m.show { background: rgba(0, 0, 0, 0.2)!important; backdrop-filter: blur(5px)!important; }

.p-inputtext:disabled { opacity: 1; background: #232325!important; }

#card_bilhete input.p-inputtext:disabled {background: #2d2d2d!important;border-color: #353535; }

.p-inputtext.p-invalid, .p-inputtext.p-invalid:hover { color: #ff5252; border-color: #ff5252!important; }

.busca-cota-bt.selected { background-color: #025542; }

section#j-aovivo .jogos-aovivo .jogo { min-height: 65px; display: inline-grid; border-bottom: 1px dashed #1c1c1c!important; margin-top: 0px; margin-bottom: 10px; padding-bottom: 10px!important; }
section#j-aovivo .jogos-aovivo .campeonato {font-size: 1em;padding-bottom: 10px;border-left: 4px solid rgb(239 232 0)!important;min-height: 40px;padding: 5px 12px;border-radius: 5px;background: #002b2b;background: #002b1f;font-weight: bold; }
section#j-aovivo .jogos-aovivo .legendas { color: #00ab7c; }
section#j-aovivo .jogos-aovivo .legendas .legenda { border-bottom: 2px solid #00503e; }
section#j-aovivo .jogos-aovivo .legendas .mais.legenda { border-bottom: 2px solid #006951!important; }
section#j-aovivo .jogos-aovivo .jogo .placar-tempo .b-tempo { background-color: firebrick; color: white; padding: 0px 3px; border-radius: 4px; font-size: 0.75em; }
section#j-aovivo .jogos-aovivo .jogo .placar-tempo .border-placar { width: 100%; display: flex; align-items: center; border-radius: 8px; padding: 2px 0; border: 1px solid #204747; height: 100%; }

section#j-aovivo .jogos-aovivo .jogo .cota {background-color: #102028;background-color: #222323;padding-left: 4px;padding-right: 4px;font-size: 0.8em;color: #b9edd1;height: 35px;border-radius: 8px;width: 100%;cursor: pointer; }
section#j-aovivo .jogos-aovivo .jogo .tp { color: #3cf889; color: #90fcb2; background-color: rgba(13, 93, 71, 0.25)!important; background-color: #363737!important; }
section#j-aovivo .jogos-aovivo .jogo .cota:hover {border: 1px solid rgb(115 115 115);color: #ffffff;cursor: pointer; }
section#j-aovivo .jogos-aovivo .jogo .cota:hover .tp {background-color: #718981!important; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel:hover .tp { background-color: #079966!important; }
section#j-aovivo .jogos-aovivo .jogo:hover :where(.tp, .border-placar) { color: #fff!important; border-color: rgba(0, 220, 128, 0.50)!important; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel {border: 1px solid #a2ff4d;color: #003b20;font-weight: bold;background: #2bff05; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel .tp {background-color: #188515!important; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel .upper { color: #004722; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel .down { color: #8d1c00; }

#bilhete .bilhete-op { color: #ffffe8; }

.bg.b-tempo { background-color: #40c134; color: white; padding: 0px 4px; border-radius: 4px; }

#GAMESTATS .statsbar { width: 100%; height: 5px; background-color: #ccc; display: flex; align-items: center; }
#GAMESTATS .bar-home, .bar-away { min-height: 5px; display: inline-block; }
#GAMESTATS .bar-home { background-color: #FFCC00; }
#GAMESTATS .bar-away { background-color: #336699; }

.live-dialog .b-tempo { background-color: firebrick; color: white; padding: 2px 20px; border-radius: 4px; font-size: 0.8em; display: flex; align-items: center; justify-content: center; line-height: 1; }

.header-live { background-image: url(/online/resources/bg-h-modal.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; }

#bilhete .bilhete-op {border-bottom: 1px solid #252525; }

#bilhete .b-cota { background-image: linear-gradient(310deg, #2c3744 0%, #7f7f7f 100%); color: #fff!important; height: 22px; display: flex; align-items: center; justify-content: center; }

.live > span:first-child:not(.vivo) { width: 1px; height: 1px; display: inline-block; border-radius: 50%; background-color: red; margin: 2px 5px 0 5px; padding: 4px 4px; }

#consultar-bilhete .bilhete-history { background: #212937; padding: 10px 10px; border-radius: 10px; }

#pqtdjogo { background-color: #247929!important; border-radius: 2px; padding: 5px 8px!important; }

.ic-rodape { cursor: pointer; color: #0cd664!important; }

.loto-sorteios {

& .fl-left { background: #1e2b25; }
& .date:before, .date:after { background-color: #000; }

}