:root {
	--app-height: 100%;
	--betslip-pin-bg: #34ca73;
	--betslip-pin-border: #0a5739;
	--betslip-pin-code: #FFFFFF;
	--betslip-pin-msg: #FFFFFF;
	--betslip-pin-text: #FFFFFF;
	--betslip-pin-title: #FFFFFF;
	--betslip_body_item_header_bg: #001781;
	--betslip_body_item_header_text: #FFFFFF;
	--betslip_body_item_highlight: #ffc400;
	--betslip_footer_button_bg: #001781;
	--betslip_footer_button_bgHover: #00115f;
	--betslip_footer_button_text: #FFFFFF;
	--betslip_footer_oddAndPossibleReturn_textHighlight: #ffc400;
	--betslip_header_bg: #001781;
	--betslip_header_bgHover: #00115f;
	--betslip_header_text: #FFFFFF;
	--btn_bg: #001781;
	--btn_text: #FFFFFF;
	--button_search_bg: #001781;
	--button_search_bgHover: #00115f;
	--button_search_text: #FFFFFF;
	--buttonsActions_button_bg: #001781;
	--buttonsActions_button_text: #FFFFFF;
	--cash_button_bg: #001781;
	--cash_button_text: #FFFFFF;
	--checkticket_button_bg: #001781;
	--checkticket_button_text: #FFFFFF;
	--color-error-bg: #C9302C;
	--color-error-border: #791410;
	--color-error-text: #FFFFFF;
	--color-success-bg: #34ca73;
	--color-success-border: #0a5739;
	--color-success-text: #FFFFFF;
	--eventdetail_market_header_bg: #001781;
	--eventdetail_market_header_bg: #001781;
	--eventdetail_market_header_text: #FFFFFF;
	--eventdetail_market_header_text: #FFFFFF;
	--eventlist-cardItem-outcomesMain-bg: #3A3A3A;
	--eventlist-cardItem-outcomesMain-selected-bg: #c9302c;
	--eventlist-cardItem-outcomesMain-selected-text: #FFFFFF;
	--eventlist-cardItem-outcomesMain-text: #FFFFFF;
	--eventlist-cardItem-totalOutcome_bg: rgb(255, 182, 66);
	--eventlist-cardItem-totalOutcome_text: #FFFFFF;
	--eventlist-country-bg: #001781;
	--eventlist-country-text: white;
	--form_button_primary_bg: #001781;
	--form_button_primary_text: #FFFFFF;
	--header_bg: #001781;
	--header_text: #FFFFFF;
	--leagues_card_bg: #001781;
	--leagues_card_footer_bg: #000f53;
	--leagues_card_footer_text: #FFFFFF;
	--leagues_card_header_bg: #001781;
	--leagues_card_header_text: #FFFFFF;
	--leagues_card_text: #FFFFFF;
	--loader_bg: rgb(0, 6, 62);
	--loading_box_bg: #001781;
	--loading_box_text: #FFFFFF;
	--login_button_bg: #001781;
	--login_button_text: #FFFFFF;
	--menu_bgHover: #001781;
	--menu_text: #333333;
	--menu_textHover: #FFFFFF;
	--odd_bg: #383838;
	--odd_bg_selected: #C9302C;
	--odd_text: #fff;
	--odd_text_selected: #FFFFFF;
	--sidebar_info_bg: #3A3A3A;
	--sidebar_info_text: #FFFFFF;
	--sports_bg: #001781;
	--sports_bg_selected: #ffc400;
	--sports_text: #FFFFFF;
	--sports_text_selected: #333333;
	--table_title_text: #FFFFFF;
	--tablet_title_bg: #001781
}

body {
	background-color: var(--body_bg)
}

input[type=text], input[type=button], input[type=submit] {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

hr {
	margin-bottom: 0;
	color: transparent
}

.pre-loader {
	position: fixed;
	text-align: center;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999999;
	background-color: #000
}

.pre-loader i {
	color: #fff
}

.container {
	display: block;
	width: 100%;
	height: 100%
}

.container .header {
	position: fixed;
	top: 0;
	z-index: 8;
	display: flex;
	flex-direction: row;
	padding-left: 10px;
	width: 100%;
	height: 50px;
	background-color: var(--header_bg)
}

.container .header .header-clientName {
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--header_text);
	font-size: 18px;
	font-weight: 700
}

.container .header .header-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	width: 50px;
	height: 50px;
	cursor: pointer
}

.container .header .header-menu i {
	color: var(--header_text)
}

.contentBet {
	position: fixed;
	top: 50px;
	z-index: 8;
	display: grid;
	grid-template-columns:1fr 1fr 110px;
	gap: 5px;
	padding: 0 5px;
	width: 100%;
	height: 50px;
	background-color: var(--contentBet_bg);
	border-bottom: 1px solid;
	border-color: var(--contentBet_border);
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075)
}

.contentBet .contentBet-value {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%
}

.contentBet .contentBet-value input {
	padding: 0 10px;
	width: 100%;
	height: calc(100% - 10px);
	background-color: var(--contentBet_input_bg);
	color: var(--contentBet_input_text);
	border: 1px solid;
	border-color: var(--contentBet_input_border);
	border-radius: 5px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.contentBet .contentBet-possibleReturn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.contentBet .contentBet-possibleReturn .legend {
	font-size: 12px;
	opacity: .7
}

.contentBet .contentBet-possibleReturn .value {
	font-size: 16px;
	font-weight: 700
}

.contentBet .contentBet-button {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%
}

.contentBet .contentBet-button button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 10px);
	border-radius: 5px;
	border: none;
	background-color: var(--buttonsActions_button_bg);
	color: var(--buttonsActions_button_text);
	font-weight: 700;
	cursor: pointer;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	text-align: center
}

.title h1 {
	font-size: 24px;
	font-weight: 700;
	line-height: 22px;
	color: var(--titlePage_text)
}

.title h1 i {
	margin-right: 5px
}

.title span {
	font-size: 14px;
	color: var(--titlePage_text);
	opacity: .5
}

.search {
	position: relative;
	display: flex;
	flex-direction: row;
	padding: 5px;
	width: 100%;
	height: 50px
}

.search input {
	padding: 0 10px;
	width: calc(100% - 40px);
	height: 100%;
	border: 1px solid;
	border-color: var(--body_bets_search_input_border);
	background-color: var(--body_bets_search_input_bg);
	border-radius: 3px 0 0 3px
}

.search button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: var(--button_search_bg);
	border: none;
	border-radius: 0 5px 5px 0
}

.search button i {
	color: var(--button_search_text)
}

.eventlistpre {
	display: flex;
	flex-direction: column;
	width: 100%
}

.eventlistpre .eventlistpre-country {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	background-color: #043f67;
	font-size: 14px
}

.eventlistpre .eventlistpre-country .boxFlag {
	margin-right: 5px
}

.eventlistpre .eventlistpre-country span {
	color: #fff
}

.eventlistpre .eventlistpre-league {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	background-color: #1d1d1d;
	font-size: 14px
}

.eventlistpre .eventlistpre-league span {
	color: #fff
}

.eventlistpre .eventlist-league .eventlistpre-body {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%
}

.eventlistpre .eventlistpre-body .eventlistpre-item {
	position: relative;
	display: grid;
	grid-template-columns:1fr 150px;
	gap: 5px;
	margin-bottom: 5px;
	padding: 5px;
	padding-top: 25px;
	width: 100%;
	height: 80px;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .6);
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .6);
	overflow: hidden
}

.eventlistpre .eventlistpre-body .eventlistpre-item:last-child {
	margin-bottom: 0
}

.eventlistpre-item-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 50px
}

.eventlistpre-item-info .team {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 25px
}

.eventlistpre-item-info .team:first-child {
	margin-bottom: 2px
}

.eventlistpre-item-info .team .team-logo {
	margin-right: 5px;
	width: 25px;
	height: 25px
}

.eventlistpre-item-info .team .team-name {
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.eventlistpre-item-info .date strong {
	margin-left: 10px;
	font-weight: 700
}

.eventlistpre-item-options {
	display: grid;
	grid-template-columns:1fr 1fr 1fr;
	gap: 3px;
	width: 100%;
	height: 50px
}

.eventlistpre-item-options .oddItem {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: #043f67;
	cursor: pointer
}

.dateAndOutcomes {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 20px;
	background-color: rgba(0, 0, 0, .25)
}

.dateAndOutcomes .date {
	font-size: 12px;
	font-weight: 400
}

.dateAndOutcomes .outcomes {
	margin-left: auto;
	font-size: 14px;
	font-weight: 700
}

.eventdetail-info {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 120px
}

.eventdetail-info .eventdetail-info-league {
	position: absolute;
	top: calc(50% - 45px);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 30px;
	background-color: #222;
	border-radius: 5px 5px 0 0;
	padding: 0 10px
}

.eventdetail-info .eventdetail-info-league .name {
	margin-left: 5px;
	font-size: 14px
}

.eventdetail-info .eventdetail-info-league .name span {
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.eventdetail-info .eventdetail-info-teams {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	align-items: center;
	width: calc(100% - 20px);
	height: 34px;
	background-color: #fff;
	border-radius: 5px;
	z-index: 6
}

.eventdetail-info .eventdetail-info-teams .team {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	width: calc(50% - 30px);
	height: 100%
}

.eventdetail-info .eventdetail-info-teams .team .name {
	width: calc(100% - 30px);
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.eventdetail-info .eventdetail-info-teams .team .name span {
	color: #000
}

.eventdetail-info .eventdetail-info-teams .team .logoTeam {
	display: flex;
	align-items: center;
	width: 25px;
	height: 100%
}

.eventdetail-info .eventdetail-info-teams .team:first-child .name {
	margin-left: auto;
	justify-content: flex-end;
	text-align: right
}

.eventdetail-info .eventdetail-info-teams .team:first-child {
	margin-right: auto
}

.eventdetail-info .eventdetail-info-teams .team:last-child {
	margin-left: auto
}

.eventdetail-info .eventdetail-info-teams .team:last-child .logoTeam {
	margin-left: auto
}

.eventdetail-info .eventdetail-info-hour {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 34px;
	background-color: #444;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	z-index: 7
}

.eventdetail-info .eventdetail-info-hour span {
	color: #fff
}

.eventdetail-info-date {
	position: absolute;
	top: calc(50% + 15px);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 30px;
	background-color: #222;
	border-radius: 0 0 5px 5px;
	font-size: 12px;
	color: #fff
}

.eventdetail-info-date span {
	color: #fff
}

.eventdetail-info-live {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 100%;
	height: 150px
}

.eventdetail-info-soccer {
	background: url(/static/soccer.jpg?v=5000) top right
}

.eventdetail-info-basquete {
	background: url(../../img/sports_detail_bg/basketball.jpg?v=5000) top right
}

.eventdetail-info-futebolAmericano {
	background: url(../../img/sports_detail_bg/nfl.jpg?v=5000) top right
}

.eventdetail-info-hockey {
	background: url(../../img/sports_detail_bg/hockey.jpg?v=5000) top right
}

.eventdetail-info-tenis {
	background: url(../../img/sports_detail_bg/tennis.jpg?v=5000) top right
}

.eventdetail-info-volei {
	background: url(../../img/sports_detail_bg/volleyball.jpg?v=5000) top right
}

.eventdetail-info-mma {
	background: url(../../img/sports_detail_bg/mma.jpg?v=5000) top right
}

.eventdetail-info-live .timer {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 24px;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	font-size: 14px;
	font-weight: 700
}

.eventdetail-info-live-teamAndScore {
	position: relative;
	display: flex;
	flex-direction: row;
	top: calc(50% - 90px);
	width: calc(100% - 20px);
	height: 50px
}

.eventdetail-info-live-teamAndScore .teamHome, .eventdetail-info-live-teamAndScore .teamAway {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: calc(50% - 2.5px);
	height: 100%
}

.eventdetail-info-live-teamAndScore .teamAway {
	margin-left: auto
}

.eventdetail-info-live-teamAndScore .teamHome .nameTeam, .eventdetail-info-live-teamAndScore .teamAway .nameTeam {
	display: flex;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 34px;
	background-color: #fff;
	font-size: 14px;
	font-weight: 700
}

.eventdetail-info-live-teamAndScore .teamHome .nameTeam {
	justify-content: flex-end;
	border-radius: 5px 0 0 5px
}

.eventdetail-info-live-teamAndScore .teamAway .nameTeam {
	border-radius: 0 5px 5px 0
}

.eventdetail-info-live-teamAndScore .teamHome .logoTeam, .eventdetail-info-live-teamAndScore .teamAway .logoTeam {
	display: flex;
	align-items: center;
	width: 25px;
	height: 100%
}

.eventdetail-info-live-teamAndScore .teamHome .logoTeam {
	margin-right: auto
}

.eventdetail-info-live-teamAndScore .teamAway .logoTeam {
	margin-left: auto
}

.eventdetail-info-live-teamAndScore .teamHome .score, .eventdetail-info-live-teamAndScore .teamAway .score {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	width: 40px;
	height: 50px;
	background-color: #fb0;
	border-radius: 5px;
	font-size: 22px;
	font-weight: 700
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .teamHome .statistics-live {
	position: absolute;
	top: calc(50% + 17px);
	left: 10px;
	display: flex;
	width: calc(50% - 65px);
	height: 50px;
	background-color: #333;
	border-radius: 0 0 5px 5px
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .teamAway .statistics-live {
	position: absolute;
	top: calc(50% + 17px);
	right: 10px;
	display: flex;
	width: calc(50% - 65px);
	height: 50px;
	background-color: #333;
	border-radius: 0 0 5px 5px
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .statistics-live .statistics-live-soccer {
	position: relative;
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	width: 100%;
	height: 100%
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .statistics-live .statistics-live-item {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .statistics-live .statistics-live-item::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #555
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .statistics-live .statistics-live-item:last-child::before {
	width: 0
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .statistics-live .statistics-live-item .legend {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 20px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	background-color: #222
}

.eventdetail-info-live .eventdetail-info-live-teamAndScore .statistics-live .statistics-live-item .description {
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	width: 100%;
	height: calc(100% - 20px);
	font-size: 14px;
	font-weight: 700;
	color: #fff
}

.eventdetail-filter {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px;
	padding: 0 5px;
	width: 100%;
	height: 40px
}

.eventdetail-filter .searchMarket {
	padding: 0 15px;
	width: calc(100% - 40px - 40px - 10px - 10px);
	height: 100%;
	border-radius: 5px;
	border: none;
	background-color: var(--body_bets_search_input_bg);
	color: var(--body_bets_search_input_text);
	margin-right: auto
}

.eventdetail-filter .searchMarket::placeholder {
	color: var(--betslip_footer_value_input_text);
	opacity: .3
}

.eventdetail-filter .btnToggleMarkets {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	width: 40px;
	height: 40px;
	background-color: var(--eventdetail_market_header_bg);
	border-radius: 5px;
	font-size: 12px;
	color: var(--eventdetail_market_header_text);
	cursor: pointer
}

.eventdetail-filter .btnToggleMarkets i {
	color: var(--eventdetail_market_header_text)
}

.eventdetail-filter .btnToggleMarkets:last-child {
	margin-right: 0
}

.eventdetail-market {
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 10px)
}

.eventdetail-market:first-child .eventdetail-market-header {
	border-radius: 5px 5px 0 0
}

.eventdetail-market-header {
	display: flex;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 40px;
	background-color: var(--eventdetail_market_header_bg)
}

.eventdetail-market-header .name {
	color: var(--eventdetail_market_header_text);
	font-size: 14px;
	font-weight: 700
}

.eventdetail-market-header .arrow {
	margin-left: auto;
	transform: rotate(180deg)
}

.eventdetail-market-header .arrow i {
	color: var(--eventdetail_market_header_text)
}

.eventdetail-market-body {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: var(--eventdetail_mobile_market_body_bg);
	border-radius: 0 0 5px 5px
}

.eventdetail-market-body .eventdetail-optionItem {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px;
	padding-left: 10px;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid;
	border-color: var(--eventdetail_mobile_market_body_option_bg)
}

.eventdetail-market-body .eventdetail-optionItem:last-child {
	margin-bottom: 0
}

.eventdetail-market-body .eventdetail-optionItem .name {
	color: var(--eventdetail_market_body_option_nameOption);
	font-size: 14px
}

.eventdetail-market-body .eventdetail-optionItem .odd {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	width: 70px;
	height: 100%;
	border-radius: 5px;
	background-color: var(--odd_bg);
	color: var(--odd_text);
	font-weight: 700;
	cursor: pointer
}

.eventdetail-market-body .eventdetail-optionItem .odd i {
	color: var(--odd_text)
}

.modalBetslip {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .4);
	z-index: 100;
	height: var(--app-height)
}

.modalBetslip-content {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden
}

.modalBetslip-content-header {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	background-color: var(--buttonsActions_button_bg)
}

.modalBetslip-content-header span {
	color: var(--buttonsActions_button_text);
	font-size: 16px;
	font-weight: 700
}

.modalBetslip-content-body {
	display: flex;
	flex-direction: column;
	padding: 5px;
	width: 100%;
	height: calc(100%);
	overflow-y: scroll;
	background-color: var(--betslip_body_bg)
}

.modalBetslip-content-body-full {
	height: 100% !important
}

.closeBletslip {
	position: absolute;
	right: 10px;
	cursor: pointer
}

.closeBletslip i {
	color: #fff
}

.betslip-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	width: 100%;
	border-radius: 5px;
	background-color: var(--betslip_body_cardItem_body_bg);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15)
}

.betslip-item .header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 10px;
	padding-right: 0;
	width: 100%;
	height: 28px;
	border-radius: 5px 5px 0 0;
	background-color: var(--buttonsActions_button_bg);
	overflow: hidden
}

.betslip-item .header .outcomeSelected {
	font-weight: 700;
	font-size: 14px;
	color: var(--buttonsActions_button_text)
}

.betslip-item .header .removeBetslipItem {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	width: 36px;
	height: 100%;
	cursor: pointer
}

.betslip-item .header .removeBetslipItem:hover {
}

.betslip-item .header .removeBetslipItem i {
	color: #fff
}

.betslip-item .body {
	display: flex;
	flex-direction: column;
	padding: 5px;
	width: 100%
}

.betslip-item .body .item {
	margin: 1.5px 0;
	font-size: 14px;
	color: var(--betslip_body_cardItem_body_text)
}

.betslip-item .body .item strong {
	font-weight: 700;
	color: var(--betslip_body_cardItem_body_text)
}

.betslip-item .body .item:first-child {
	margin-top: 0
}

.betslip-item .body .item:last-child {
	margin-bottom: 0
}

.betslip-item .body .item.itemHightlight strong {
	color: var(--betslip_body_item_highlight)
}

.modalBetslip-content-footer {
	display: flex;
	flex-direction: column;
	margin-top: auto;
	padding: 5px;
	width: 100%;
	height: 185px;
	border-top: 1px solid;
	border-color: #d6d6d6;
	background-color: var(--betslip_body_bg)
}

.modalBetslip-content-footer-with-clients {
	height: 210px !important
}

.modalBetslip-content-footer-with-pin {
	height: 185px !important
}

.modalBetslip-content-footer-with-add-new-client {
	height: 270px !important
}

.modalBetslip-content-footer .oddAndPossibleReturn {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	width: 100%;
	height: 34px
}

.modalBetslip-content-footer .oddAndPossibleReturn .odd {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 30%;
	height: 100%
}

.modalBetslip-content-footer .oddAndPossibleReturn .possibleReturn {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	margin-left: auto;
	justify-content: flex-end;
	width: 67%;
	height: 100%
}

.modalBetslip-content-footer .oddAndPossibleReturn .odd span, .modalBetslip-content-footer .oddAndPossibleReturn .possibleReturn span {
	font-size: 12px;
	color: var(--betslip_footer_oddAndPossibleReturn_text)
}

.modalBetslip-content-footer .oddAndPossibleReturn .odd span strong, .modalBetslip-content-footer .oddAndPossibleReturn .possibleReturn span strong {
	font-size: 16px;
	font-weight: 900;
	color: var(--textHighlight)
}

.modalBetslip-content-footer .valueBet {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	width: 100%;
	height: 40px
}

.modalBetslip-content-footer .valueBet2 {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	width: 100%;
	height: 20px
}

.modalBetslip-content-footer .clients {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	width: 100%;
	height: 40px
}

.modalBetslip-content-footer .clients input {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 15%;
	height: 40px;
	border-radius: 5px;
	background-color: #043f67;
	color: #fff;
	font-size: 18px;
	margin-left: auto;
	border: 0;
	margin-left: 5px
}

.modalBetslip-content-footer .clients select {
	width: 85%;
	margin-right: 10px;
	border-radius: 5px
}

.modalBetslip-content-footer .valueBet .legend {
	display: flex;
	align-items: center;
	margin-right: 10px;
	width: 150px;
	height: 100%;
	font-size: 12px;
	color: var(--betslip_footer_value_text)
}

.modalBetslip-content-footer .valueBet2 .legend2 {
	display: flex;
	align-items: center;
	margin-right: 10px;
	width: 205px;
	height: 100%;
	font-size: 12px;
	color: var(--betslip_footer_value_text);
	font-weight: 700;
	text-transform: uppercase
}

.modalBetslip-content-footer .valueBet input[type=text], .modalBetslip-content-footer .valueBet2 input[type=text] {
	padding: 0 10px;
	border-radius: 5px;
	width: 100%;
	border: none;
	background-color: var(--betslip_footer_value_input);
	color: var(--betslip_footer_value_input_text)
}

.modalBetslip-content-footer .valueBet input::placeholder, .modalBetslip-content-footer .valueBet2 input::placeholder {
	color: var(--betslip_footer_value_input_text);
	opacity: .3
}

.modalBetslip-content-footer .finishBet {
	display: flex;
	margin-top: auto;
	width: 100%;
	height: 50px
}

.modalBetslip-content-footer .finishBet input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: none;
	color: var(--buttonsActions_button_text);
	background-color: var(--buttonsActions_button_bg);
	font-size: 16px;
	font-weight: 700;
	cursor: pointer
}

.modalBetslip-content-footer .finishBet input:hover {
}

.modalBetslip-content-footer .box {
	display: flex;
	flex-direction: row;
	margin-bottom: 5px;
	width: 100%;
	height: 40px
}

.modalBetslip-content-footer .box input {
	padding: 0 5px;
	width: calc(100% - 80px);
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	font-size: 14px
}

.modalBetslip-content-footer .box div {
	margin-left: auto;
	display: flex;
	width: 75px
}

.modalBetslip-content-footer .box div input {
	margin-left: auto;
	width: 75px;
	height: 100%;
	background-color: #043f67;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border: none;
	border-radius: 5px
}

.contentLeagues {
	display: flex;
	flex-direction: column;
	padding: 0 5px;
	width: 100%
}

.contentLeagues-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	width: 100%
}

.contentLeagues-item-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 40px;
	background-color: var(--leagues_card_header_bg);
	border-radius: 5px 5px 0 0
}

.contentLeagues-item-header-bodyClosed {
	border-radius: 5px !important;
	margin-bottom: 5px
}

.contentLeagues-item-header-bodyClosed .arrow {
	transform: rotate(180deg)
}

.contentLeagues-item-header .boxFlag {
	margin-right: 5px
}

.contentLeagues-item-header span {
	color: var(--leagues_card_header_text);
	font-weight: 700;
	font-size: 14px
}

.contentLeagues-item-header span.arrow {
	margin-left: auto;
	margin-right: 5px
}

.contentLeagues-item-header span.arrow i {
	color: var(--leagues_card_header_text)
}

.contentLeagues-item-body {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	padding: 5px;
	padding-bottom: 0;
	width: 100%;
	background-color: var(--card_league_mobile_body_bg);
	border-radius: 0 0 5px 5px
}

.contentLeagues-item-body-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	width: 100%;
	height: 40px;
	background-color: var(--card_league_body_option_bg);
	border-radius: 5px;
	cursor: pointer
}

.contentLeagues-item-body-card .body {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 10px;
	width: 100%;
	border-radius: 5px
}

.contentLeagues-item-body-card .body span {
	font-size: 15px;
	font-weight: 700;
	color: var(--card_league_body_option_text)
}

.contentLeagues-item-body-card .body i {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-size: 60px;
	color: #000;
	opacity: .5
}

.contentLeagues-item-body-card .footer {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: auto;
	width: 100%;
	height: 30px;
	font-size: 14px;
	font-weight: 700;
	background-color: #000a36;
	color: #fff;
	border-radius: 0 0 5px 5px
}

.contentLive {
	display: flex;
	flex-direction: column;
	width: 100%
}

.contentAoVivo {
	display: flex;
	flex-direction: column;
	width: 100%
}

.eventlistlive {
	display: flex;
	flex-direction: column;
	width: 100%
}

.eventlistlive-country {
	display: flex;
	flex-direction: column;
	width: 100%
}

.eventlistlive-country-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 30px;
	background-color: var(--eventlist-country-bg);
	color: var(--eventlist-country-text);
	font-size: 14px
}

.eventlistlive-country .boxFlag {
	margin-right: 5px
}

.eventlistlive-country span {
	color: var(--eventlist-country-text)
}

.eventlist-league {
	display: flex;
	flex-direction: column;
	width: 100%
}

.eventlist-league-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 30px;
	background-color: var(--eventlist_events_league_bg)
}

.eventlist-league .name {
	font-size: 14px;
	font-weight: 700;
	color: var(--eventlist_events_league_text);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.eventlistlive-body {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 0
}

.eventlistlive-item {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid;
	border-color: var(--eventlist_mobile_events_border);
	background-color: var(--eventlist_mobile_events_bg);
	margin-bottom: 5px
}

.eventlistlive-item-time {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-top: -5px;
	width: 120px;
	height: 20px;
	border-radius: 0 0 5px 5px;
	background-color: var(--eventlist_mobile_events_date_bg)
}

.eventlistlive-item-time .time {
	position: relative;
	text-align: center;
	font-size: 12px
}

.eventlistlive-item-time .time::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -11px;
	width: 6px;
	height: 6px;
	border-radius: 50px;
	background-color: #f55
}

.eventlistlive-item-time .time::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -14px;
	width: 10px;
	height: 10px;
	border-radius: 50px;
	border: 1px solid;
	border-color: #f55;
	background-color: transparent
}

.eventlistlive-item-date {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-top: -5px;
	width: 150px;
	height: 20px;
	border-radius: 0 0 5px 5px;
	background-color: var(--eventlist_mobile_events_date_bg)
}

.eventlistlive-item-date .date {
	position: relative;
	text-align: center;
	font-size: 12px;
	color: var(--eventlist_mobile_events_date_text)
}

.eventlistlive-item-info {
	display: flex;
	flex-direction: column;
	width: 100%
}

.eventlistlive-item-info .teams {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 56px
}

.eventlistlive-item-info .teams .team {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 28px
}

.eventlistlive-item-info .teams .team .team-logo {
	margin-right: 5px
}

.eventlistlive-item-info .teams .team .team-logo img {
	margin-top: 5px
}

.eventlistlive-item-info .teams .team .team-name {
	font-size: 14px;
	font-weight: 700
}

.eventlistlive-item-info .teams .team .team-score {
	margin-left: auto;
	font-size: 16px;
	font-weight: 700;
	color: var(--eventlist-cardItem-score)
}

.eventlistlive-item-options, .eventlistlive-item-legends {
	display: grid;
	grid-template-columns:1fr 1fr 1fr 70px;
	gap: 5px;
	width: 100%
}

.eventlistlive-item-options {
	margin-top: 5px
}

.eventlistlive-item-options .oddItem {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 34px;
	border-radius: 5px;
	background-color: var(--odd_bg);
	color: var(--odd_text);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer
}

.eventlistlive-item-options .oddItem:last-child {
	background-color: var(--eventlist-cardItem-totalOutcome_bg);
	color: var(--eventlist-cardItem-totalOutcome_text)
}

.eventlistlive-item-legends .legendItem {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 14px;
	border-radius: 5px;
	font-size: 12px;
	color: var(--eventlist_mobile_events_legend);
	opacity: .5
}

.oddLocked {
	background-color: rgba(0, 0, 0, .3);
	cursor: not-allowed;
	opacity: .5;
	justify-content: center;
	align-items: center;
	display: flex;
	border-radius: 5px
}

.oddLocked i {
	color: var(--eventlist-cardItem-outcomesMain-text)
}

.login {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100vh
}

.login .login-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	width: 100%;
	height: 100%
}

.login .login-container .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 225px
}

.login .login-container form {
	display: flex;
	flex-direction: column;
	width: 100%
}

.login .login-container form .input-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	width: 100%
}

.login .login-container form .input-group label {
	margin-bottom: 5px;
	font-size: 14px;
	color: var(--login_text);
	opacity: .75
}

.login .login-container form .input-group input {
	padding: 0 10px;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	background-color: var(--login_input_bg);
	border: none
}

.login .login-container form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	border: none;
	background-color: #043f67;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer
}

.containerCash {
	display: flex;
	justify-content: center;
	padding: 0 5px;
	width: 100%;
	flex-direction: column
}

.containerCash .containerCash-resume {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	background-color: var(--backoffice_container_bg);
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 10px
}

.containerCash .containerCash-resume label {
	margin-bottom: 15px
}

.containerCash .containerCash-resume input {
	margin-top: 25px
}

.containerCash .containerCash-resume-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	width: calc(100% + 40px);
	height: 40px;
	background-color: var(--buttonsActions_button_bg)
}

.containerCash .containerCash-resume-header span {
	color: var(--buttonsActions_button_text);
	font-weight: 700
}

.containerCash .containerCash-resume .containerCash-resume-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	width: 100%;
	background-color: rgba(0, 0, 0, .05);
	border-radius: 5px;
	height: 55px
}

.containerCash .containerCash-resume .containerCash-resume-item .title {
	font-size: 14px;
	font-weight: 700;
	color: var(--colorText);
	opacity: .7;
	text-align: center;
	margin-bottom: 0;
	padding: 0
}

.containerCash .containerCash-resume .containerCash-resume-item .description {
	font-size: 24px;
	font-weight: 700;
	color: #000
}

.containerCash .containerCash-resume .containerCash-resume-item .descriptionHighlight {
	color: var(--cash_textHighlight)
}

.containerCash-resume button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
	width: 100%;
	height: 60px;
	border-radius: 5px;
	border: none;
	background-color: #043f67;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer
}

.containerCash .containerCash-cashPosting {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	background-color: var(--cash_bg);
	border-radius: 5px;
	overflow: hidden
}

.containerCash .containerCash-cashPosting .containerCash-cashPosting-header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	width: calc(100% + 40px);
	height: 40px;
	color: var(--buttonsActions_button_text);
	font-weight: 700;
	background-color: var(--buttonsActions_button_bg)
}

.containerCash .containerCash-cashPosting .containerCash-cashPosting-body {
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	width: 100%
}

.containerCash .containerCash-cashPosting .containerCash-cashPosting-body .table-body .table-body-item {
	background-color: var(--cash_bg_item)
}

.contentBackoffice {
	display: flex;
	flex-direction: column;
	padding: 0 5px;
	width: 100%
}

.containerClientList .table .table-template-2 {
	grid-template-columns:1fr 60px
}

.table {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%
}

.table-template-2 {
	grid-template-columns:1fr 1fr
}

.table-template-4-3 {
	grid-template-columns:1fr 1fr 2fr
}

.table-template-4 {
	grid-template-columns:1fr 1fr 1fr 1fr
}

.table-template-7 {
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.table-template-12 {
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.table-title {
	display: grid;
	gap: 0;
	margin-bottom: 2.5px;
	width: 100%;
	height: 30px
}

.table-title-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: var(--buttonsActions_button_bg);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--buttonsActions_button_text)
}

.table-title-item:first-child {
	border-radius: 5px 0 0 0
}

.table-title-item:last-child {
	border-radius: 0 5px 0 0
}

.table-body {
	display: grid;
	gap: 0;
	margin-bottom: 2.5px;
	width: 100%
}

.table-body:last-child .table-body-item:first-child {
	border-radius: 0 0 0 5px
}

.table-body:last-child .table-body-item:last-child {
	border-radius: 0 0 5px 0
}

.table-body .table-body-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	background-color: var(--cash_bg_item)
}

.table-body .table-body-item span {
	font-size: 12px;
	color: var(--colorText);
	text-align: center
}

.table-body .table-body-item span strong {
	font-weight: 700;
	color: var(--colorText)
}

.table-body .table-body-item .status {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3px 15px;
	border-radius: 5px;
	font-weight: 700
}

.table-body .table-body-item .statusAberto {
	background-color: #00c0ef;
	color: #fff
}

.table-body .table-body-item .statusCancel {
	background-color: #ff4040;
	color: #fff
}

.table-body .table-body-item .table-body-item-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	width: 40px;
	height: 30px;
	border-radius: 5px;
	cursor: pointer
}

.table-body .table-body-item .btnPrint {
	background-color: #3a5fcd
}

.table-body .table-body-item .btnPrint i {
	color: #fff
}

.table-body .table-body-item .btnCancel {
	background-color: #ff4040
}

.table-body .table-body-item .btnCancel i {
	color: #fff
}

.tableTag {
	padding: 2.5px 10px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700
}

.tableTagPositive {
	background-color: #3ca055;
	color: #fff !important
}

.tableTagNegative {
	background-color: #a82424;
	color: #fff !important
}

.contentBackoffice {
	display: flex;
	flex-direction: column;
	width: 100%
}

.formCreateAndEdit {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: 5px;
	padding: 10px;
	background-color: var(--backoffice_container_bg)
}

.formCreateAndEdit-item {
	display: grid;
	grid-template-columns:1fr;
	gap: 0;
	margin-bottom: 10px;
	width: 100%
}

.formCreateAndEdit-item-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
	color: #666;
	font-size: 12px
}

.formCreateAndEdit-item-values {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.formCreateAndEdit-item-valuesInline {
	flex-direction: row !important;
	gap: 5px
}

.formCreateAndEdit-item-values input, .formCreateAndEdit-item-values select {
	padding: 0 5px;
	width: 100%;
	height: 34px;
	border-radius: 5px;
	background-color: var(--backoffice_input_bg);
	border: none;
	color: var(--backoffice_input_text);
	border: 1px solid;
	border-color: var(--backoffice_container_bg);
	font-size: 14px
}

.formCreateAndEdit-item-values textarea {
	padding: 10px;
	width: 100%;
	height: 100px;
	border-radius: 5px;
	background-color: var(--backoffice_input_bg);
	border: none;
	color: var(--backoffice_input_text);
	border: 1px solid;
	border-color: var(--backoffice_container_bg)
}

.formCreateAndEdit-item-column-2, .formCreateAndEdit-item-column-3 {
	display: grid;
	width: 100%;
	gap: 5px
}

.formCreateAndEdit-item-column-2 {
	grid-template-columns:1fr 1fr
}

.formCreateAndEdit-item-column-3 {
	grid-template-columns:1fr 1fr 1fr
}

.formCreateAndEdit-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	padding: 0 10px;
	width: 100%;
	height: 30px;
	background-color: #043f67;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	font-size: 14px
}

label.checkbox-inline {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #333
}

label.checkbox-inline input {
	margin-right: 5px;
	width: 20px;
	height: 20px
}

#content_checkListPermissoes, .aspNetDisabled {
	height: auto
}

.checkbox-inline, .aspNetDisabled {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 34px
}

.checkbox-inline input, .aspNetDisabled input {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 1px solid #d6d6d6
}

.checkbox-inline label, .aspNetDisabled label {
	font-size: 14px
}

.formCreateAndEdit-item-legends {
	display: flex;
	align-items: center;
	width: 100%;
	color: red;
	font-size: 12px
}

.formCreateAndEdit-footer {
	display: flex;
	flex-direction: row;
	margin: 10px 0;
	padding-top: 10px;
	width: 100%;
	border-top: 1px solid;
	border-color: #999
}

.formCreateAndEdit-footer button, .formCreateAndEdit-footer .button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	padding: 0 20px;
	height: 50px;
	border: none;
	border-radius: 5px;
	background-color: var(--buttonsActions_button_bg);
	color: var(--buttonsActions_button_text);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer
}

.formCreateAndEdit-footerFullWidth {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px
}

.formCreateAndEdit-footerFullWidth button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	border: none;
	border-radius: 5px;
	background-color: #043f67;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer
}

.titlePages {
	margin-bottom: 20px;
	padding: 0 5px;
	font-size: 32px;
	font-weight: 700;
	color: var(--titlePage_text)
}

.contentCheckTicket {
	display: flex;
	flex-direction: column;
	padding: 0 5px;
	width: 100%
}

.contentCheckTicket .contentCheckTicket-search {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 50px;
	width: 100%;
	border-radius: 5px
}

.contentCheckTicket .contentCheckTicket-search input {
	margin-bottom: 5px;
	padding: 0 15px;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	border: none;
	background-color: var(--betslip_footer_value_input);
	color: #454545;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase
}

.contentCheckTicket .contentCheckTicket-search input#content_btnProcurar {
	background-color: var(--checkticket_button_bg);
	color: var(--checkticket_button_text)
}

.contentCheckTicket .contentCheckTicket-search input::placeholder {
	color: var(--checkticket_input_text);
	text-transform: initial;
	font-weight: 400;
	opacity: .3
}

.contentCheckTicket .contentCheckTicket-search a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	border: none;
	background-color: var(--buttonsActions_button_bg);
	font-weight: 700;
	color: var(--buttonsActions_button_text);
	cursor: pointer
}

.contentCheckTicket .contentCheckTicket-result {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 10px;
	width: 350px;
	border: 1px solid;
	border-color: var(--contentCheckTicket_result_border);
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .1);
	box-shadow: #1f1f1f 0 2px 17px 3px;
	margin-bottom: 30px
}

.contentCheckTicket .contentCheckTicket-result img {
	width: 400px;
	height: auto
}

.contentCheckTicket-result-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

.contentCheckTicket-result-buttons a {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 100%;
	max-width: 350px;
	height: 40px;
	border-radius: 5px
}

.contentCheckTicket-result-buttons a i {
	color: #fff
}

#content_cupom_lnkStatus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	max-width: 350px
}

.btnStatus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 5px
}

.statusPgto {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 5px
}

.panelBtnPagar {
	width: 100%;
	margin-top: 8px
}

.linkAberto {
	background-color: #3a5fcd !important;
	color: #fff
}

.linkPerdeu {
	background-color: orange !important;
	color: #000 !important
}

.linkGanhou {
	background-color: #00466a !important;
	color: #fff !important
}

.linkGanhou span {
	color: #fff !important
}

.linkCancelado {
	background-color: #ff4040 !important;
	color: #fff !important
}

.linkImprimir {
	background-color: #3a5fcd !important;
	color: #fff !important
}

.linkDevolvido {
	background-color: #6b238e !important;
	color: #fff !important
}

.containerForm {
	display: flex;
	flex-direction: column;
	margin: auto;
	margin-bottom: 10px;
	padding: 10px;
	width: calc(100% - 10px);
	border-radius: 5px;
	background-color: var(--backoffice_container_bg)
}

.containerForm .containerForm-body {
	display: flex;
	flex-direction: column;
	width: 100%
}

.containerForm .containerForm-body .grid-template-MarginBottom {
	margin-bottom: 10px
}

.containerForm .containerForm-body .grid-template-1, .containerForm .containerForm-body .grid-template-2, .containerForm .containerForm-body .grid-template-3 {
	display: grid;
	gap: 10px;
	width: 100%
}

.containerForm .containerForm-body .grid-template-1 {
	grid-template-columns:1fr
}

.containerForm .containerForm-body .grid-template-2 {
	grid-template-columns:1fr 1fr
}

.containerForm .containerForm-body .grid-template-3 {
	grid-template-columns:1fr 1fr 1fr
}

.input-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	width: 100%
}

.input-group label {
	margin-bottom: 5px;
	font-size: 12px;
	color: var(--login_text);
	opacity: .75
}

.input-group .switch {
	margin-top: auto;
	margin-bottom: auto
}

.input-group input, .input-group select {
	padding: 0 10px;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	background-color: var(--backoffice_input_bg);
	border: none;
	color: var(--backoffice_input_text)
}

.input-group select option {
	color: var(--backoffice_input_text)
}

.input-group .inputButton {
	margin-top: auto;
	color: var(--buttonsActions_button_text);
	background-color: var(--buttonsActions_button_bg)
}

.containerForm .containerForm-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 10px;
	padding-top: 10px;
	width: 100%;
	border-top: 1px solid;
	border-color: var(--form_lineDivisor_bg)
}

.containerForm .containerForm-footer input, .containerForm .containerForm-footer a.button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	padding: 0 15px;
	min-width: 120px;
	height: 40px;
	border-radius: 5px;
	border: none;
	background-color: var(--buttonsActions_button_bg);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--buttonsActions_button_text);
	cursor: pointer
}

.containerReport {
	display: grid;
	grid-template-columns:1fr;
	width: 100%
}

.containerReport .reportItem {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
	background-color: var(--buttonsActions_button_bg);
	overflow: hidden
}

.containerReport .reportItem .reportItem-header {
	display: flex;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 40px;
	background-color: rgba(0, 0, 0, .2);
	color: var(--buttonsActions_button_text);
	font-size: 14px
}

.containerReport .reportItem .reportItem-body {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	width: 100%;
	background-color: var(--contentBet_bg)
}

.acumulated {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
	width: calc(100% - 10px)
}

.acumulated-legend {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-right: auto;
	margin-bottom: 10px
}

.acumulated-legend .acumulated-legend-item {
	color: #004ec4;
	font-size: 14px;
	font-weight: 700
}

.acumulated-legend .acumulated-legend-item strong {
	font-weight: 700;
	font-size: 14px;
	color: var(--acumulated-legend-strong-text);
	opacity: .75
}

.acumulated-events {
	display: flex;
	flex-direction: column;
	padding: 10px;
	width: 100%;
	max-width: 500px;
	background-color: var(--backoffice_container_bg);
	border-radius: 5px
}

.acumulated-events-select {
	display: flex;
	margin-bottom: 10px;
	width: 100%;
	height: 40px
}

.acumulated-events-select .input-group {
	height: 40px
}

.acumulated-events-body {
	display: flex;
	flex-direction: column;
	width: 100%
}

.acumulated-events-body .acumulated-events-item {
	display: grid;
	grid-template-columns:50px 1fr 60px 60px;
	gap: 10px;
	width: 100%;
	height: 60px;
	border-top: 1px solid;
	border-color: #d6d6d6
}

.acumulated-events-item-date {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #454545;
	text-align: center
}

.acumulated-events-item-date::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 30px;
	background-color: #000
}

.acumulated-events-item-teams {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%
}

.acumulated-events-item-teams .team {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%
}

.acumulated-events-item-teams .team .nameTeam {
	font-size: 14px;
	color: #454545
}

.acumulated-events-item-score {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.acumulated-events-item-score .input-group {
	margin-bottom: 0
}

.acumulated-events-footer {
	display: flex;
	margin-top: auto;
	width: 100%;
	height: 50px
}

.acumulated-events-footer a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: var(--buttonsActions_button_bg);
	color: var(--buttonsActions_button_text);
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer
}

.sellerButtons {
	display: grid;
	grid-template-columns:1fr 1fr;
	gap: 10px;
	margin-bottom: 10px;
	padding: 0 5px;
	width: 100%;
	height: 40px
}

.sellerButtons button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 3px;
	background-color: #043f67;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase
}

.sellerButtons button i {
	margin-right: 5px;
	color: #fff
}

.cardTable {
	display: flex;
	flex-direction: column;
	padding: 0 5px;
	width: 100%
}

.cardTable h2 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 700
}

.cardTable-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden
}

.cardTable-item-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	width: 100%;
	height: 30px;
	background-color: #d6d6d6;
	border-radius: 5px 5px 0 0
}

.cardTable-item-header span {
	color: #000
}

.ticketStatusOpen {
	background-color: #00c0ef
}

.ticketStatusPerdeu {
	background-color: orange
}

.ticketStatusPerdeu span {
	color: #000 !important
}

.ticketStatusGanhou {
	background-color: #00466a
}

.ticketStatusCancelado {
	background-color: #ff4040
}

.ticketStatusDevolvido {
	background-color: #6b238e
}

.ticketStatusOpen div span, .ticketStatusCancelado div span, .ticketStatusDevolvido div span, .ticketStatusGanhou div span {
	color: #fff
}

.ticketStatusPerdeu div.tagStatusTicket {
	border-color: #000
}

.sellerCashSummary-positive {
	background-color: #2aa125
}

.sellerCashSummary-negative {
	background-color: #ff4040
}

.cardTable-item-header .clientName {
	font-size: 14px;
	font-weight: 700;
	color: #fff
}

.cardTable-item-header .btnEdit {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	width: 26px;
	height: 26px
}

.cardTable-item-header .tagStatusTicket {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	padding: 0 15px;
	height: calc(100% - 8px);
	border-radius: 5px;
	border: 2px solid;
	border-color: #fff;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase
}

.cardTable-item-header .btnEdit i {
	color: #fff
}

.cardTable-item-header .sellerValueTotal {
	margin-left: auto;
	font-size: 12px;
	color: #fff
}

.cardTable-item-header .sellerValueTotal .value {
	font-size: 14px;
	font-weight: 700;
	color: #fff
}

.cardTable-item-header .tagStatusTicket .linkAberto {
	background-color: transparent
}

.cardTable-item-body {
	display: flex;
	flex-direction: column;
	padding: 5px;
	width: 100%;
	border-radius: 0;
	background-color: var(--backoffice_container_bg)
}

.cardTable-item-body .item-template-1 {
	display: grid;
	grid-template-columns:1fr;
	gap: 0;
	margin-bottom: 5px;
	width: 100%;
	border-radius: 5px;
	background-color: var(--contentBet_bg)
}

.cardTable-item-body .item-template-1:last-child {
	margin-bottom: 0
}

.cardTable-item-body .item-template-1 .item {
	display: flex;
	flex-direction: row;
	width: 100%
}

.cardTable-item-body .item-template-1 .item .legend {
	display: flex;
	align-items: center;
	padding: 0 5px;
	width: 50%;
	font-size: 14px
}

.cardTable-item-body .item-template-1 .item .description {
	display: flex;
	align-items: center;
	padding: 2.5px 5px;
	margin-left: auto;
	width: 50%;
	font-size: 14px;
	font-weight: 700
}

.cardTable-item-body .item-template-1 .item .descriptionFull {
	display: flex;
	align-items: center;
	padding: 5px;
	margin-left: auto;
	width: 100%;
	font-size: 14px;
	font-weight: 400
}

.sellerSearch {
	display: flex;
	flex-direction: column;
	padding: 0 5px;
	width: 100%;
	height: 40px
}

.cardTable-item-body .contentBtns {
	display: flex;
	align-items: center;
	width: 100%;
	height: 30px
}

.cardTable-item-body .contentBtns a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 5px;
	background-color: var(--buttonsActions_button_bg);
	color: var(--buttonsActions_button_text);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer
}

.cardTable-item-footer {
	display: grid;
	gap: 5px;
	padding: 5px;
	padding-top: 0;
	width: 100%;
	min-height: 15px;
	height: auto;
	background-color: #fff;
	border-radius: 0 0 5px 5px
}

.cardTable-item-footer i {
	color: #bdbdbd
}

.cardTable-item-footer-template-2 {
	grid-template-columns:1fr 1fr
}

.pagination {
	display: grid;
	grid-template-columns:1fr 30px 25px 25px 25px 30px 1fr;
	gap: 5px;
	align-self: center;
	margin-bottom: 10px;
	width: 100%;
	height: 30px
}

.pagination-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	background-color: var(--buttonsActions_button_bg);
	color: var(--buttonsActions_button_text);
	font-size: 12px;
	border-radius: 5px
}

.pagination-arrow i {
	color: #fff
}

.pagination-pageNumber {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 700
}

.pagination-legend {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 12px
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px
}

.switch input.inputCheckbox {
	opacity: 0;
	width: 0;
	height: 0
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

input.inputCheckbox:checked + .slider {
	background-color: #2196f3
}

input.inputCheckbox:focus + .slider {
	box-shadow: 0 0 1px #2196f3
}

input.inputCheckbox:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px)
}

.slider.round {
	border-radius: 34px
}

.slider.round:before {
	border-radius: 50%
}

.cardBgColor-green {
	background-color: #1cb81c !important
}

.cardBgColor-red {
	background-color: #b81c1c !important
}

.cardContainer {
	display: flex;
	flex-direction: column;
	margin: auto;
	margin-bottom: 10px;
	padding: 5px;
	width: calc(100% - 10px);
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 5px -10px rgba(0, 0, 0, .65);
	box-shadow: 0 10px 5px -10px rgba(0, 0, 0, .65)
}

.cardContainer .header {
	display: flex;
	align-items: center;
	margin-top: -5px;
	margin-left: -5px;
	margin-bottom: 5px;
	padding: 0 5px;
	width: calc(100% + 10px);
	height: 30px;
	border-radius: 5px 5px 0 0;
	background-color: #043f67
}

.cardContainer .header .title {
	font-size: 14px;
	color: #fff
}

.cardContainer .body {
	display: grid;
	grid-template-columns:1fr 1fr;
	gap: 5px;
	margin-bottom: 5px;
	width: 100%
}

.cardContainer .body .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 40px;
	background-color: #f0f0f0;
	border-radius: 5px
}

.cardContainer .body .item .title {
	padding: 0;
	text-align: center;
	height: auto;
	font-size: 12px;
	opacity: .75
}

.cardContainer .body .item .result {
	padding: 0;
	text-align: center;
	font-size: 15px;
	font-weight: 700
}

.cardContainer .body .item .possibleReturn {
	color: red
}

.cardContainer .body .item .colorRed {
	color: red
}

.cardContainer .body .item .colorGreen {
	color: #2ba731
}

.cardContainer .footer {
	display: flex;
	width: 100%;
	height: 40px
}

.cardContainer .footer-inline {
	display: grid;
	gap: 5px
}

.cardContainer .footer-template-2 {
	grid-template-columns:1fr 1fr
}

.cardContainer .footer button, .cardTable-item-footer button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: none;
	background-color: #0080ff;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700
}

.cardContainer .footer button i {
	margin-right: 5px
}

.btnDetailBetMap {
	background-color: #ffe75e !important;
	color: #6d6204 !important
}

.footerBtn-red {
	background-color: #dd3c3c !important;
	color: #fff !important
}

.footerBtn-red i {
	color: #fff
}

.footerBtn-blue {
	background-color: #0080ff !important;
	color: #fff !important
}

.footerBtn-blue i {
	color: #fff
}

.checkTicket-container {
	display: flex;
	flex-direction: column;
	padding: 5px;
	width: 100%
}

.checkTicket-container-search {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 100%;
	height: 40px
}

.checkTicket-container-search input {
	display: flex;
	align-items: center;
	padding: 0 5px;
	width: calc(100% - 100px);
	height: 100%;
	border-radius: 5px 0 0 5px;
	background-color: #fff;
	border: 1px solid;
	border-color: #d5d5d5
}

.checkTicket-container-search button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100%;
	border: none;
	border-radius: 0 5px 5px 0;
	background-color: #043f67;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.ticket {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	padding: 20px 10px;
	width: 100%;
	max-width: 350px;
	background-color: #fff6d1;
	padding-bottom: 40px;
	padding-top: 30px
}

.ticket-line {
	display: flex;
	margin: 5px 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed;
	border-color: #000
}

.ticket-nomebanca {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 20px
}

.ticket-nomebanca span {
	font-size: 18px;
	font-weight: 700;
	color: #000
}

.ticket-legendaBanca {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 20px
}

.ticket-legendaBanca span {
	font-size: 14px;
	color: #000
}

.ticket-tipoAposta {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 100%;
	height: 20px
}

.ticket-tipoAposta span {
	font-size: 14px;
	font-weight: 700;
	color: #000
}

.ticket-infoAposta {
	display: flex;
	align-items: center;
	width: 100%;
	height: 20px;
	font-size: 14px
}

.ticket-infoAposta span {
	margin-left: 5px;
	font-size: 14px;
	color: #000
}

.ticket-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 20px
}

.ticket-header .itemRight {
	margin-left: auto
}

.ticket-header-item {
	font-size: 14px;
	color: #000
}

.ticket-apostaItem {
	display: flex;
	flex-direction: column;
	width: 100%
}

.ticket-apostaItem-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%
}

.ticket-apostaItem-itemBold span {
	font-weight: 700;
	height: 20px
}

.ticket-apostaItem-item span {
	font-size: 14px;
	color: #000
}

.ticket-apostaItem-itemRight {
	margin-left: auto
}

.ticket-tituloBilhete {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 20px
}

.ticket-tituloBilhete span {
	font-size: 14px;
	color: #000
}

.ticket-codigoBilhete {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 28px
}

.ticket-codigoBilhete span {
	font-size: 20px;
	font-weight: 700;
	color: #000
}

.ticket-rodape {
	display: flex;
	width: 100%
}

.ticket-rodape span {
	font-size: 14px;
	color: #000
}

.ticketStatusLegend {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	width: 100%;
	height: 40px;
	border-radius: 5px
}

.ticketStatusLegend span {
	font-size: 14px
}

.statusAberto {
	background-color: #398cc4
}

.statusAberto span {
	color: #fff
}

.btnImprimir {
	background-color: #3cb966;
	color: #fff;
	border: none
}

.carousel-sportsAoVivo {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0 5px;
	width: 100%;
	height: 70px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap
}

.carousel-sportsAoVivo .sportsAoVivo-item {
	position: relative;
	display: inline-block;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 100%;
	border-radius: 5px;
	background-color: var(--buttonsActions_button_bg);
	cursor: pointer;
	margin-right: 5px
}

.sportsAoVivo-itemDisabled {
	background-color: rgba(0, 0, 0, .75) !important;
	opacity: .5
}

.sportsAoVivo-item-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.carousel-sportsAoVivo .sportsAoVivo-item .sportsAoVivo-item-box i, .carousel-sportsAoVivo .sportsAoVivo-item .sportsAoVivo-item-box .name {
	color: var(--buttonsActions_button_text);
	font-weight: 700;
	font-size: 14px
}

.carousel-sportsAoVivo .sportsAoVivo-item .sportsAoVivo-item-box i {
	margin-bottom: 5px;
	font-size: 20px
}

.carousel-sportsAoVivo .sportsAoVivo-item .sportsAoVivo-item-box .bagged, .contentBet-button button .bagged {
	position: absolute;
	top: 3px;
	right: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	background-color: rgba(0, 0, 0, .3)
}

.contentBet-button button .bagged {
	color: #333;
	background-color: #ffc400
}

.carousel-sportsAoVivo .sportsAoVivo-itemSelected {
	background-color: #ffc400
}

.carousel-sportsAoVivo .sportsAoVivo-itemSelected .sportsAoVivo-item-box .name, .carousel-sportsAoVivo .sportsAoVivo-itemSelected .sportsAoVivo-item-box i {
	color: var(--sports_text_selected);
	font-weight: 700
}

.menu {
	position: fixed;
	display: block;
	padding: 10px;
	width: 100%;
	height: calc(100vh - 50px);
	z-index: 100;
	background-color: var(--menu_bg)
}

.menu .menu-box {
	display: block;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: var(--menu_bg)
}

.menu-cash {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
	height: 90px;
	border-radius: 5px;
	background-color: var(--menu_item_bg)
}

.menu-cash-usuario {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	width: 100%;
	height: 22px
}

.menu-cash-usuario span {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--menu_item_text);
	text-align: center;
	width: 100%
}

.menu-cash-usuario i {
	margin-left: auto;
	font-size: 22px;
	color: #fd4b4b
}

.menu-cash-saldo {
	display: grid;
	grid-template-columns:1fr 1fr;
	gap: 5px;
	width: 100%;
	height: 42px
}

.menu-cash-saldo .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background-color: var(--menu_bg)
}

.menu-cash-saldo .item .legenda {
	display: block;
	font-size: 11px;
	color: var(--menu_item_text);
	opacity: .75
}

.menu-cash-saldo .item .valor {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--menu_item_text)
}

.menu-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 0 15px;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	background-color: var(--menu_item_bg);
	cursor: pointer
}

.menu-item i {
	margin-right: 5px;
	font-size: 22px;
	color: var(--menu_icon)
}

.menu-item .name {
	font-size: 16px;
	font-weight: 700;
	color: var(--menu_item_text);
	opacity: .75
}

.menu-itemDrop {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	background-color: var(--menu_item_bg);
	border-radius: 5px
}

.menu-itemDrop-main {
	display: flex;
	align-items: center;
	padding: 0 15px;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	cursor: pointer
}

.menu-itemDrop-main i {
	margin-right: 5px;
	font-size: 22px;
	color: var(--menu_icon)
}

.menu-itemDrop-main .name {
	font-size: 16px;
	font-weight: 700;
	color: var(--menu_item_text);
	opacity: .75
}

.menu-itemDrop-main i:last-child {
	margin-left: auto;
	margin-right: 0;
	font-size: 20px
}

.menu-itemDrop-second {
	display: flex;
	flex-direction: column;
	padding-top: 0;
	padding: 5px;
	width: 100%
}

.menu-itemDrop-second-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 5px;
	padding: 0 10px;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	background-color: var(--menu_submenuItemLevel3_bg)
}

.menu-itemDrop-second-item:last-child {
	margin-bottom: 0
}

.menu-itemDrop-second-item i {
	margin-right: 5px;
	font-size: 22px;
	color: var(--menu_icon)
}

.menu-itemDrop-second-item .boxFlag {
	margin-right: 5px
}

.menu-itemDrop-second-item .name {
	font-weight: 700;
	color: var(--menu_submenuItemLevel3_text)
}

.menu .login {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	background-color: var(--buttonsActions_button_bg);
	color: var(--buttonsActions_button_text)
}

.menu .login a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent;
	color: var(--buttonsActions_button_text);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px
}

.eventdetailMarketClose {
	border-bottom: 1px solid;
	border-color: #fff
}

.eventdetailMarketClose .arrow {
	transform: rotate(0deg)
}

.marketOptionsHidden {
	display: none !important
}

.menu-itemDrop-hidden {
	display: none
}

.iconRotateDrop {
	transform: rotate(180deg)
}

.blockScroll {
	height: 100% !important;
	overflow: hidden !important
}

.menuShow {
	left: 0 !important;
	top: 50px !important
}

.toast {
	visibility: hidden;
	width: 320px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 10000;
	left: 50%;
	top: 30px;
	margin-left: -160px;
	font-size: 17px;
	box-sizing: border-box
}

.toast-error {
	background-color: #c0392b
}

.toast-success {
	background-color: green
}

@media screen and (min-width: 480px) {
	.toast {
		visibility: hidden;
		width: 480px;
		background-color: #c0392b;
		color: #fff;
		text-align: center;
		border-radius: 2px;
		padding: 16px;
		position: fixed;
		z-index: 10000;
		left: 50%;
		top: 30px;
		margin-left: -240px;
		font-size: 17px;
		box-sizing: border-box
	}
}

.toast-show {
	visibility: visible !important;
	-webkit-animation: fadein .5s, fadeout .5s 6.5s;
	animation: fadein .5s, fadeout .5s 6.5s
}

.toast-show-long {
	visibility: visible !important;
	-webkit-animation: fadein .5s;
	animation: fadein .5s
}

@-webkit-keyframes fadein {
	from {
		top: 0;
		opacity: 0
	}
	to {
		top: 30px;
		opacity: 1
	}
}

@keyframes fadein {
	from {
		top: 0;
		opacity: 0
	}
	to {
		top: 30px;
		opacity: 1
	}
}

@-webkit-keyframes fadeout {
	from {
		top: 30px;
		opacity: 1
	}
	to {
		top: 0;
		opacity: 0
	}
}

@keyframes fadeout {
	from {
		top: 30px;
		opacity: 1
	}
	to {
		top: 0;
		opacity: 0
	}
}

.page-with-betslip {
	height: 110px !important
}

.containerBets-semEventos {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 5px;
	padding: 50px;
	width: calc(100% - 10px);
	border-radius: 10px;
	border: 4px dashed;
	border-color: rgba(0, 0, 0, .4);
	background-color: rgba(0, 0, 0, .2)
}

.containerBets-semEventos span {
	font-size: 16px;
	opacity: .5;
	text-align: center
}

.betslip-pin {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	padding: 10px;
	background-color: var(--betslip-pin-bg);
	border: 1px dashed;
	border-color: var(--betslip-pin-border);
	border-radius: 5px;
	font-size: 14px
}

.betslip-pin span {
	color: var(--betslip-pin-text)
}

.betslip-pin .title {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 14px;
	color: var(--betslip-pin-title)
}

.betslip-pin .msg {
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 14px;
	color: var(--betslip-pin-msg);
	text-align: center
}

.betslip-pin .code {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 700;
	font-size: 24px;
	color: var(--betslip-pin-code)
}

.betslip-pin .link {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 700;
	color: #fff;
	background-color: transparent
}

.betslip-pin .linkBorder {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
	padding: 5px 10px;
	border: 3px solid;
	border-color: #0a5739;
	border-radius: 5px;
	font-weight: 700;
	color: #fff;
	background-color: transparent
}

.betslip-pin .link:hover {
	background-color: rgba(0, 0, 0, .1)
}

.betslip-pin .link i, .betslip-pin .linkBorder i {
	margin-left: 10px;
	font-size: 32px;
	color: #fff;
	font-weight: 400;
	cursor: pointer
}

.betslip-pin .link i {
	font-size: 26px !important
}

.betslip-pin .linkCopy i {
	font-size: 26px !important
}

.containerResetPassword .containerForm .containerForm-body .input-group {
	position: relative;
	margin-bottom: 10px
}

.containerResetPassword .containerForm .containerForm-body .input-group:last-child {
	margin-bottom: 0
}

.containerResetPassword .containerForm .containerForm-body .input-group input {
	padding-left: 35px
}

.containerResetPassword .containerForm .containerForm-body .input-group i {
	position: absolute;
	top: 30px;
	left: 10px;
	opacity: .25
}

.containerResetPassword .containerForm .containerForm-form .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	border-radius: 5px;
	border: none;
	background-color: #043f67;
	font-weight: 700;
	color: #fff;
	cursor: pointer
}

.dateEventAndSearch .search {
	position: relative
}

.clearSearch {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 50px;
	opacity: 1;
	cursor: pointer
}

.clearSearch input {
	padding-right: 30px
}

.clearSearch i {
	color: #fff
}

.carregando {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .75);
	z-index: 100
}

.carregando-boxCarregando {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 75px;
	border-radius: 10px;
	background-color: #043f67;
	-webkit-box-shadow: 0 0 30px 10px #000;
	box-shadow: 0 0 30px 10px #000
}

.clearSearch {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 50px;
	opacity: 1;
	cursor: pointer
}

.clearSearch input {
	padding-right: 30px
}

.clearSearch i {
	color: var(--colorText)
}

.btnDisabled {
	background-color: var(--btnDisabled) !important;
	opacity: .5;
	cursor: no-drop !important
}

.btnDisabled:hover {
	background-color: var(--btnDisabled) !important;
	opacity: .5;
	cursor: no-drop !important
}

.carregando {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .25);
	z-index: 100
}

.carregando-boxCarregando {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-color: var(--loading_box_bg);
	-webkit-box-shadow: 0 0 30px 10px #000;
	box-shadow: 0 0 30px 10px #000
}

.loader {
	color: var(--loading_box_text);
	font-size: 8px;
	margin: 100px auto;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: loadingSpinnerSA 1.3s infinite linear;
	animation: loadingSpinnerSA 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}

@-webkit-keyframes loadingSpinnerSA {
	0%, 100% {
		box-shadow: 0 -3em 0 .2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	25% {
		box-shadow: 0 -3em 0 -.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 .2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 .2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
	}
	75% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 .2em, -2em -2em 0 0
	}
	87.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
	}
}

@keyframes load4 {
	0%, 100% {
		box-shadow: 0 -3em 0 .2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 .2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	25% {
		box-shadow: 0 -3em 0 -.5em, 2em -2em 0 0, 3em 0 0 .2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 .2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 .2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 .2em, -3em 0 0 0, -2em -2em 0 -1em
	}
	75% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 .2em, -2em -2em 0 0
	}
	87.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 .2em
	}
}

.carregandoPagina {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: var(--loader_bg);
	z-index: 100
}

.carregandoPagina-logoCliente {
	margin-bottom: 75px;
	display: flex;
	justify-content: center;
}

.carregandoPagina-logoCliente img {
	max-width: 255px;
}

.carregandoPagina-boxCarregando {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-color: var(--loading_box_bg)
}

.carregandoAoVivo {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .25);
	z-index: 100
}

.carregandoAoVivo-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	width: calc(100% - 25px);
	max-width: 300px;
	border-radius: 5px;
	background-color: var(--loading_box_bg);
	-webkit-box-shadow: 0 0 30px 10px #000;
	box-shadow: 0 0 30px 10px #000
}

.carregandoAoVivo-box-line {
	position: relative;
	width: 100%;
	height: 6px;
	border-radius: 6px;
	background-color: rgba(255, 255, 255, .25)
}

.carregandoAoVivo-box-line-animation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	background-color: #fff;
	z-index: 1000;
	opacity: 1;
	animation-name: carregandoAoVivo;
	animation-timing-function: linear;
	animation-duration: 8s
}

.carregandoAoVivo-box-msg {
	display: flex;
	margin-top: 20px;
	text-align: center
}

.carregandoAoVivo-box-msg span {
	color: #fff;
	font-size: 14px
}

@keyframes carregandoAoVivo {
	from {
		width: 0%
	}
	to {
		width: 100%
	}
}

.selectedOdd {
	background-color: var(--odd_bg_selected) !important;
	color: var(--odd_text_selected) !important
}

.betslip-pin .qrCode {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
	width: 100%;
	padding-top: 10px
}

.betslip-pin .qrCode .qrCode-title {
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	text-align: center
}

.betslip-pin .qrCode .qrCode-img {
	width: 100%;
	height: auto
}

.betslip-pin .qrCode .qrCode-img img {
	width: 100%;
	margin: 0 auto;
	display: block;
	max-width: 200px
}

.betslip-pinPix {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	background-color: var(--betslip_cardItem_body_bg);
	top: 50px
}

.betslip-pinPix span {
	color: #000
}

.betslip-pinPix-green {
	background-color: #34ca73 !important
}

.betslip-pinPix-green span {
	color: #fff !important
}

.betslip-pinPix-green a i {
	color: #fff
}

.betslip-pinPix a {
	position: absolute;
	right: 5px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, .1);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px
}

.betslip-pinPix a:hover {
	background: rgba(0, 0, 0, .2)
}

.betslip-pinPix span {
	font-size: 14px
}

.betslip-body-with-pin {
	padding-top: 45px !important
}

.betslip-pin #pinId {
	font-size: 24px;
	font-weight: 700;
	color: #fff
}

.betslip-pin .code {
	font-weight: 700;
	font-size: 14px;
	color: var(--betslip-pin-code);
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	margin-top: 15px;
	background: #279f58;
	width: 200px;
	height: 40px;
	border-radius: 5px;
	justify-content: center
}

.betslip-pin .code span {
	color: var(--betslip-pin-code)
}

.betslip-pin .linkBorder {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
	border: none;
	border-radius: 5px;
	font-weight: 700;
	color: #fff;
	background-color: #279f58;
	cursor: pointer;
	width: 200px;
	height: 40px;
	justify-content: center
}

.betslip-pin .link:hover {
	background-color: transparent !important
}

.betslip-pin .link i {
	font-size: 26px !important
}

.input-group-inline {
	position: relative;
	flex-direction: row !important;
	align-items: center !important
}

.input-group-inline span input[type=checkbox] {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px !important
}

.cambistaAtivo {
	background-color: var(--color-success-bg)
}

.cambistaInativo {
	background-color: var(--color-error-bg)
}

.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px
}

.switch input {
	opacity: 0
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

input:checked + .slider {
	background-color: var(--color-success-bg)
}

input:focus + .slider {
	box-shadow: 0 0 1px var(--color-success-bg)
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px)
}

.slider.round {
	border-radius: 34px
}

.slider.round:before {
	border-radius: 50%
}

.txtBoxInputGerenciarSaldo {
	margin-left: auto;
	margin-right: auto;
	padding: 0 5px;
	width: calc(100% - 34px - 34px - 10px);
	height: 34px;
	border: none;
	border-radius: 5px !important;
	background-color: #fff;
	color: #000
}

.btnUpDownGerenciarSaldo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 5px
}

.btnUpDownGerenciarSaldo.arrow-down {
	background-color: red
}

.btnUpDownGerenciarSaldo.arrow-up {
	margin-left: auto;
	background-color: green
}

.contentRegulation {
	width: 100%;
	padding: 0 10px
}

.contentRegulation p {
	font-size: 14px;
	line-height: 1.4em
}

.formCreateAndEdit-inputSelect {
	height: 50px !important
}

.formCreateAndEdit-textarea {
	height: -webkit-fill-available;
	height: -webkit-fit-content;
	height: -webkit-max-content;
	height: -webkit-min-content;
	height: auto;
	height: calc();
	height: env();
	height: fit-content;
	height: initial;
	height: intrinsic;
	height: max-content;
	height: min-content;
	height: min-intrinsic;
	height: revert;
	height: unset;
	height: var()
}

.relatorioValorAcerto {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	align-items: baseline
}

.relatorioValorAcerto .total {
	font-size: 18px;
	font-weight: 700;
	color: var(--colorText)
}

.relatorioValorAcerto .valor {
	font-size: 32px;
	font-weight: 700;
	color: var(--colorText)
}

.aButton {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
	height: 40px;
	border-radius: 5px;
	background-color: var(--btn_bg);
	color: var(--btn_text);
	font-size: 14px;
	font-weight: 700
}

.aButton i {
	margin-right: 5px;
	font-size: 18px
}

.eventlistpre2-body {
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: var(--contentBet_bg)
}

.eventlistpre2-item {
	display: flex;
	flex-direction: column;
	padding: 3px 5px;
	width: 100%;
	border-bottom: 1px solid;
	border-color: var(--contentBet_border)
}

.eventlistpre2-item-info {
	display: flex;
	flex-direction: row;
	width: 100%
}

.eventlistpre2-item-teams {
	display: flex;
	flex-direction: column
}

.eventlistpre2-item-info-template2 .eventlistpre2-item-teams {
	width: calc(100% - 112px)
}

.eventlistpre2-item-info-template3 .eventlistpre2-item-teams {
	width: calc(100% - 168px)
}

.eventlistpre2-item-teams .team {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 25px
}

.eventlistpre2-item-teams .team:first-child {
	margin-bottom: 2px
}

.eventlistpre2-item-teams .team .logo {
	margin-right: 5px;
	height: 25px;
	width: 25px
}

.eventlistpre2-item-teams .team .logo img {
	height: 25px;
	width: 25px
}

.eventlistpre2-item-teams .team .team-name {
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 700
}

.eventlistpre2-item-teams .team .score {
	margin-left: auto;
	font-size: 14px;
	font-weight: 700
}

.eventlistpre2-item-options {
	display: grid;
	gap: 5px;
	margin-left: auto;
	height: 52px
}

.eventlistpre2-item-info-template2 .eventlistpre2-item-options {
	grid-template-columns:1fr 1fr;
	width: 107px
}

.eventlistpre2-item-info-template3 .eventlistpre2-item-options {
	grid-template-columns:1fr 1fr 1fr;
	width: 163px
}

.eventlistpre2-item-options .oddItem {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 9px);
	border-radius: 5px;
	background-color: var(--odd_bg);
	font-size: 14px;
	font-weight: 700;
	color: var(--odd_text);
	margin-top: 5px
}

.eventlistpre2-item-dateOutcomesLegends {
	display: flex;
	flex-direction: row;
	margin-top: 1px;
	width: 100%;
	height: 15px
}

.eventlistpre2-item-dateOutcomesLegends .date {
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 15px
}

.eventlistpre2-item-dateOutcomesLegends .date i {
	margin-right: 5px;
	width: 25px;
	text-align: center;
	color: #bdbdbd
}

.eventlistpre2-item-dateOutcomesLegends .outcomes {
	margin-left: 5px;
	font-size: 13px;
	font-weight: 700
}

.eventlistpre2-item-dateOutcomesLegends .legends {
	display: grid;
	gap: 5px;
	margin-left: auto
}

.eventlistpre2-item-dateOutcomesLegends-template2 .legends {
	grid-template-columns:1fr 1fr;
	width: 125px
}

.eventlistpre2-item-dateOutcomesLegends-template3 .legends {
	grid-template-columns:1fr 1fr 1fr;
	width: 195px
}

.eventlistpre2-item-dateOutcomesLegends .legends .legend-item {
	display: flex;
	justify-content: center;
	font-size: 13px;
	text-align: center;
	opacity: .5
}

.legend-market-header {
	display: grid;
	margin-left: auto;
	gap: 5px;
	font-size: 13px
}

.legend-market-header-template3 {
	width: 162px;
	grid-template-columns:1fr 1fr 1fr
}

.legend-market-header-template2 {
	width: 106px;
	grid-template-columns:1fr 1fr
}

.legend-market-header div {
	width: 100%;
	text-align: center;
	color: var(--eventlist_events_league_text)
}

.containerClientList .table .table-body {
	margin-bottom: 5px;
	height: 40px
}

.containerClientList .table .table-body .table-body-item {
	height: 100%
}

.containerClientList .table .table-title .table-title-item:first-child, .containerClientList .table .table-body .table-body-item:first-child {
	justify-content: flex-start;
	padding-left: 10px
}

.containerClientList .table .table-body .table-body-item:first-child {
	font-weight: 700
}

.containerClientList .table .table-title .table-title-item:last-child {
	font-size: 0
}

.containerClientList .table .table-body .table-body-item:last-child {
	padding-right: 5px !important
}

.containerClientList .table .table-body .table-body-item:last-child .btnCancel {
	color: #fff;
	font-size: 14px
}

.containerClientList .table .table-body .table-body-item .table-body-item-btn {
	margin-left: auto;
	margin-right: 0;
	width: 40px;
	height: 30px;
	background: #ff4949
}

.containerClientList .table .table-body .table-body-item .table-body-item-btn i {
	color: #fff;
	font-size: 14px
}