@charset "utf-8";

body{ margin: 0; padding: 0; color: #fff; background-color: #0f1825; background-color: #011015; background-color: #000e12; }

* { --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: #13432f; height: 8px; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::-webkit-scrollbar-track { background-color: #1a291f; }

/* #menu{ background-color: #121d2d; color: #fff; background-color: rgba(11, 28, 16, 0.9); background-color: rgb(1 16 21); background-image: url(/styles/2/golbg.jpg); background-position: center 48%; background-size: auto 710%; background-repeat: no-repeat; border-bottom: 2px solid #001e16; } */

#menu.cassino{ height: 55px; }

#menu-bottom {

background-color: #041721;

& .b-opm { border-right: 1px solid #013116; }

}

footer{ min-height: 120px; position: relative; background-color: #121d2d; }

footer:after{ content: ""; position: absolute; width: 100%; height: 100%; margin: auto; backdrop-filter: blur(2px); z-index: -1; top: 0; }

footer .opcoes-footer span:hover{ color: #0cd664; }

.p-drawer{ background-color: #0f1825!important; background-color: #081a14!important; border: none!important; }

.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(340deg, #006d50 0%, #49ff92 100%); color: #004327; font-weight: bold!important; }

.border-semitransparent-bottom{ border-bottom: 2px solid rgba(64, 64, 64, 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: #102028; padding-left: 4px; padding-right: 7px; font-size: 0.95em; color: #d4ffe6; height: 35px; border-radius: 8px; width: 100%; cursor: pointer; }
#jogos .jogo .cota span.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; }

#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 rgba(0, 220, 128, 0.45); color: #00dc82; cursor: pointer; }
#jogos .jogo .cota.sel{ border: 1px solid #00ff8a; color: #003b20; font-weight: bold; background: #00c96d; }
#jogos .jogo .cota.sel .tp{ background-color: #066d49!important; }

#jogos .campeonato{    color: white;
    background-color: #011719;
    font-size: 1em;
    min-height: 40px;
    padding: 8px 0px 0;
    font-weight: bold;
    font-family: 'Fira Sans Condensed', sans-serif;
    padding: 5px;
    border-bottom: 2px solid rgb(31 88 69) !important;}
#jogos .jogo .border-placar{ width: 100%; font-size: 1em; display: flex; align-items: center; border-radius: 8px; padding: 8px 0; border: 1px solid #204747; }
#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: #079966!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 #001c29; border-bottom-right-radius: 5px; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao .cota{ background-color: #001c29; 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 #00d573; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao.sel .cota{ background-color: #00d573; 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(255, 255, 255)!important; }
#card_bilhete .card-header-tabs.nav.nav-tabs{ background: #010f18!important; background: linear-gradient(90deg, #004447, #005f64)!important; }
#card_bilhete #premio .opmais{ height: 35px; display: flex; align-items: center; justify-content: center; font-weight: 500; background-color: #2c3744; background: linear-gradient(90deg, #004447, #005f64)!important; }
#card_bilhete .conta-jp{ padding: 4px 10px; background: #0c2229; border-radius: 5px; }

.b-destaque .opcao.sel { background-color: #00c96d!important; color: #003b20; text-shadow: none!important; font-weight: 500!important; }
.b-destaque .opcao.sel .tp { background-color: #066d49!important; }
.b-destaque .maisop.sel { color: #003b20; font-weight: 500!important; background: #00c96d; border-radius: 5px; text-shadow: none; font-size: 1em!important; padding: 0px 10px; border: 1px solid #00ff8a; }

.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: rgb(0 46 48); user-select: none; font-size: 0.8em; font-weight: 500; /* font-family: 'Roboto'; */ }

[class~="close_slip"] { right: 0.625pc; top: 0.625pc; color: white; position: absolute; width: 0.364583333in; text-align: center; height: 30px; background-color: #00ef7e; 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: #05d874; border-image: none; border-top-width: 0.3125pc; border-top-style: solid; border-top-color: #00ef7e; border-image: none; border-right: none; border-left: none; background-color: #030e14; }

.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; }

#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(44, 55, 68); cursor: auto; border: 1px solid rgb(42, 50, 58); 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{ background: linear-gradient(180deg, #011f29, transparent); background: linear-gradient(180deg, rgba(2, 30, 19, 0.80), transparent); border-radius: 5px; }
.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 #55bba3!important; }
.lateral-camps .op.selected .tg { background-color: #018d5f!important; color: #ffffff!important; }

#jogos .jogo:nth-child(even){ background-color: #004327!important; }

:where(#mais-cotacoes, #live-mais-cotacoes):before { width: 100%; height: 100%; content: ""; background-size: 120% auto; background-position: center 30%; position: absolute; z-index: -2; opacity: 0.4; }

.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; -webkit-backdrop-filter: blur(5px); }

.p-inputtext:disabled { opacity: 1; background: #232325!important; }

#card_bilhete input.p-inputtext:disabled{ background: #2c3744!important; }

.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 solid #252539!important; margin-top: 0px; margin-bottom: 10px; padding-bottom: 10px!important; }
section#j-aovivo .jogos-aovivo .campeonato{ background-color: #0a111a; border-bottom: 2px solid rgba(0, 189, 60, 0.4)!important; }
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: #151e31; background-color: #102028; padding-left: 4px; padding-right: 4px; font-size: 0.8em; color: #d4ffe6; height: 35px; border-radius: 8px; width: 100%; cursor: pointer; }
section#j-aovivo .jogos-aovivo .jogo .tp{ font-size: 0.8em!important; color: #55ff8b; background-color: rgba(13, 93, 71, 0.25)!important; padding: 0!important; border-radius: 100%; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; min-width: 18px; min-height: 18px; font-style: normal; line-height: 8; }
section#j-aovivo .jogos-aovivo .jogo .cota:hover{ border: 1px solid rgba(0, 220, 128, 0.45); color: #00dc82; cursor: pointer; }
section#j-aovivo .jogos-aovivo .jogo .cota:hover .tp{ background-color: #079966!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 #00ff8a; color: #003b20; font-weight: bold; background: #42d896; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel .tp { background-color: #066d49!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: firebrick; 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{ 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 #0d2b3d; }
#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: #006d63!important; border-radius: 2px; padding: 5px 8px!important; }

.ic-rodape{ cursor: pointer; color:#0cd664!important; }

.jogosbilhete { background-color: rgba(24, 32, 45, 0.45); border-bottom: 3px solid #272e39; }

.cp-name { background-color: #1d222b; }

.col-b { border: 1px solid rgba(113, 113, 113, 0.15); background-color: rgba(20, 25, 35, 0.55); }

.tabs-menu{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); background: rgba(9, 20, 16, 0.95); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); margin-top: 0px; }

@media screen and (max-width: 768px){
#menu{ background-position: center 48%; }
}