@charset "utf-8";

body { color: #fff; background-color: #0f1825; background-color: #141414; }

* { --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: #304055; background: #6f6f6f; height: 8px; border-radius: 2px; }

::-webkit-scrollbar-thumb:hover { background: #555; }

::-webkit-scrollbar-track { background-color: #0f1825; background-color: #333333; }

#menu { background-color: #121d2d; background-color: #1c1c1c; color: #fff; }

footer { min-height: 120px; position: relative; background-color: #121d2d; background-color: #1e1e1e; z-index: 1035!important; }

footer .opcoes-footer span:hover { color: #ffffff; }
section#j-aovivo .jogos-aovivo .jogo .tp
.p-drawer { background-color: #0f1825!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%); top: 0;bottom: 0;left: 0;mask-image: linear-gradient(180deg,#d9d9d900,#d9d9d9cc,#d9d9d9,#d9d9d9cc,#d9d9d900);-webkit-mask-size: cover;mask-size: cover;--color: #fffc00;width: 100vw;opacity: 0.75;height: 120vh;right: 0;position: absolute;pointer-events: none;position: fixed!important;}

.hover-effect { color: #fff56f; }

.bg-semi-transparent { background: rgba(0, 0, 0, 0.3)!important; }
.bg-semi-g-transparent { background: rgba(55, 55, 55, 0.5)!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; }

.dia.bg-g-success{background-image: linear-gradient(340deg, #9d7900 0%, #dfb837 100%); background-image: linear-gradient(340deg, #9b7700 0%, #ffc400 100%); color: #252525;font-weight: bold!important;}

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

.cota-mercado.border-semitransparent-bottom{ border-left: 4px solid #dfb837!important; background: #232323!important; background: rgba(47, 47, 47, 0.42)!important; border-bottom: 0; border-top-left-radius: 10px; }

#legendas_cotas .tp {font-size: 0.83em!important;color: #f8ffd4;background-color: rgb(119 123 165 / 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: #1e2735; background-color: #232425; padding-left: 4px;padding-right: 7px;color: #f8ffd4;height: 35px;border-radius: 8px;width: 100%;cursor: pointer;}

#jogos .jogo .cota span.tp { font-size: 0.83em!important;color: #e7e9ca;background-color: rgb(93 97 125 / 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 #6f6f6f; cursor: pointer; }
#jogos .jogo .cota.sel { border: 1px solid #b39500; color: #111413; font-weight: bold; background: #e3bd00; }
#jogos .jogo .cota.sel .tp { background-color: #b19713!important; color: #111413; }
#jogos .campeonato { color: white; background-color: #22252b; font-size: 1em; min-height: 40px; padding: 8px 0px 0; font-weight: bold;font-family: 'Fira Sans Condensed', sans-serif;padding: 12px;border-left: 4px solid #dfb837!important;border-top-left-radius: 10px; }
#jogos .jogo .border-placar {width: 100%; font-size: 1em; display: flex; align-items: center; border-radius: 8px; padding: 8px 0; border: 1px solid #2a3245; border: 1px solid #313337; }
#jogos .jogo:hover :where(.tp, .border-placar) { color: #fff!important; border-color: #6f6f6f; }
#jogos .jogo .cota:hover .tp {background-color: #e3d58f!important;color: #282633!important;}
#jogos .jogo .cota.sel:hover .tp{ background-color: #ffee97!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 #1e2735;border-bottom-right-radius: 5px; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao:nth-child(odd) { background: rgba(0, 0, 0, 0.5)!important; background: rgba(80, 80, 80, 0.3)!important; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao .cota {background-color: #001c29;background-color: #3b3b3b; color: #e9b415; 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 #313944; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao .cota:hover { background-color: #313944; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao.sel { border-bottom: 2px solid #e3bd00; }
:where(#mais-cotacoes, #live-mais-cotacoes) .cotacao.sel .cota { background-color: #e3bd00; color: #111413; }

.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: linear-gradient(340deg, #9d7900 0%, #dfb837 100%);background: linear-gradient(340deg, #323b4f 0%, #1b1e29 100%)!important; background: linear-gradient(340deg, #3d3d3d 0%, #2b2b2b 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(340deg, #9d7900 0%, #dfb837 100%);}
#card_bilhete .conta-jp{ padding: 4px 10px; background: #374057; border-radius: 5px; background: #4b4b4b; }

.b-destaque .opcao.sel { background-color: #e3bd00!important;color: #030404;text-shadow: none!important;font-weight: 500!important;}
.b-destaque .opcao.sel .tp { background-color: #b19713!important;color: #000000!important; }
.b-destaque .maisop.sel { color: #111413; background: #ffd400; border: 1px solid #b39500; font-weight: 500!important; border-radius: 5px; text-shadow: none; font-size: 1em!important; padding: 0px 10px; }

.b-destaque { text-shadow: 0px 1px 5px #002105, 1px 1px 15px #000000; }

#destaques span.tp { font-size: 0.8em!important;color: #cbcae9;background-color: rgb(54 63 85); 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; background-color: #414141; line-height: 1.9; text-transform: uppercase; }

#destaques .opcao { cursor: pointer; border-radius: 5px; background-color: rgb(31 39 55); user-select: none; font-size: 0.8em; font-weight: 500; background-color: #313131; border: 1px solid #373737; }

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

/* #card_bilhete { width: 380px; position: absolute; z-index: 99999; bottom: -10px; float: right; right: 0px; margin-right: 12px; max-height: 600px; overflow: auto; } */
#card_bilhete, [class~="input-group"] > [class~="input-group-append"]:last-child > [class~="btn"]:not(:last-child):not([class~="dropdown-toggle"]), .input-group > .input-group-prepend > .btn, [class~="input-group"] > [class~="input-group-append"]:not(:last-child) > [class~="btn"] { border-top-right-radius: 0; }

[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: #ffdb62; border-image: none; border-right: none; border-left: none; background-color: #191c25; background-color: #232323; }

.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; border-color: #4a4a4a; }
[class~="slipheader"]::-webkit-scrollbar-track { background: #1a212a; background: #363636; }

#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; background-color: #3d3d3d; border: 1px solid #313437; }

#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: #cbcbcb!important; text-align: center; width: 33px; vertical-align: middle; height: 20px; vertical-align: baseline; background-color: #2b3443!important;background-color: #3a3d41!important; border-radius: 10px; margin-left: 10px; padding-top: 1px; }

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

.lateral-camps .op:hover {border-bottom: 1px dashed #f8eb9c!important;}
.lateral-camps .op:hover .tg {background-color: #f8eb9c!important;color: #282646!important; }
.lateral-camps .op.selected {border-bottom: 1px dashed #ffe962!important;}
.lateral-camps .op.selected .tg {background-color: #ffe962!important;color: #282646!important;}
.lateral-camps { /* background: linear-gradient(180deg, #1c222b, transparent); */ background: linear-gradient(180deg, #1c1c1c, transparent); border-radius: 5px; }
.lateral-camps .card { background-color: transparent; }

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

:where(#mais-cotacoes, #live-mais-cotacoes):before { width: 100%; height: 100%; content: ""; background-size: 150% 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 .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: #26303d!important; }

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

.busca-cota-bt.selected { background: linear-gradient(340deg, #384153 0%, #6f80a9 100%)!important; }

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 { border-left: 4px solid rgb(223 184 55)!important; background: #22252b; }
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 #2a3245; height: 100%; }
section#j-aovivo .jogos-aovivo .jogo .cota {background-color: #1e2735; background-color: #232425; padding-left: 4px;padding-right: 4px;font-size: 0.8em;color: #f8ffd4;height: 35px;border-radius: 8px;width: 100%;cursor: pointer;}
section#j-aovivo .jogos-aovivo .jogo .tp { color: #e7e9ca; background-color: rgb(122 136 177 / 25%)!important;  }

section#j-aovivo .jogos-aovivo .jogo .cota:hover{ border: 1px solid #6f6f6f; cursor: pointer; }
section#j-aovivo .jogos-aovivo .jogo .cota:hover .tp{background-color: #e3d58f!important;color: #282633!important;}
section#j-aovivo .jogos-aovivo .jogo .cota.sel:hover .tp { background-color: #ffee97!important; }
section#j-aovivo .jogos-aovivo .jogo:hover :where(.tp, .border-placar) {color: #fff!important;border-color: #6f6f6f!important;}

section#j-aovivo .jogos-aovivo .jogo .cota.sel { background: #e3bd00; border: 1px solid #b39500; color: #111413; font-weight: bold; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel .tp { background-color: #b19713!important; color: #000; }

section#j-aovivo .jogos-aovivo .jogo .cota.sel .upper { color: #004722; }
section#j-aovivo .jogos-aovivo .jogo .cota.sel .upper::before { filter: brightness(0.5); }
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; }

#bilhete .bilhete-op { border-bottom: 1px solid #0d2b3d; border-bottom: 1px solid #414141; }
#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: #374057!important;border-radius: 2px;padding: 5px 8px!important; background-color: #515151!important; }

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

.b-cota{ background-image: linear-gradient(310deg, #232323 0%, #6f6f6f 100%); color: #ffe992!important; }

#stories {

& .storie {

border: 2px solid #ffc800;

&::before { background-image: conic-gradient(transparent, #ffed6c, transparent 30%); }

}

}

.cod-color{ color: #ffdb62!important; }