/* Minification failed. Returning unminified contents.
(327,25): run-time error CSS1039: Token not allowed after unary operator: '-locked-color'
(333,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,20): run-time error CSS1039: Token not allowed after unary operator: '-locked-color'
(366,26): run-time error CSS1039: Token not allowed after unary operator: '-locked-color'
 */
/*
* BtoBet Mobile Mini v1.0
* Copyright 2017 BtoBet
*/

/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, body { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

@media print {
 *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
 a, a:visited { text-decoration: underline; }
 a[href]:after { content: " (" attr(href) ")"; }
 abbr[title]:after { content: " (" attr(title) ")"; }
 a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 thead { display: table-header-group; }
 tr, img { page-break-inside: avoid; }
 img { max-width: 100% !important; }
 p, h2, h3 { orphans: 3; widows: 3; }
 h2, h3 { page-break-after: avoid; }
 .navbar { display: none; }
 .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
 .label { border: 1px solid #000; }
 .table { border-collapse: collapse !important; }
 .table td, .table th { background-color: #fff !important; }
 .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}

/*-----------------------------------------------
	#Basic
-----------------------------------------------*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; line-height: 1.42857143; color: #444; background-color: #fff; }
div { display: table; width: 100%; }
ul { list-style: none; margin: 0; padding: 0; }
figure { margin: 0; }
img { vertical-align: middle; }

/*-----------------------------------------------
	#Typography
-----------------------------------------------*/

h1 { font-size: 24px; line-height: 34px; }
h2 { font-size: 20px; line-height: 28px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 14px; line-height: 20px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 11px; line-height: 16px; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; color: #fff; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

p { margin: 0 0 15px 0; }

em, i { font-style: italic; }
b, strong { font-weight: bold; }
small { font-size: 80%; }
hr { display: block; clear: both; width: 100%; height: 0; margin: 20px 0; border: 0; border-top: 1px solid #e2e2e2; }
dt { font-weight: bold; }
blockquote { font-style: italic; }
blockquote .text { font-style: normal; }

/*-----------------------------------------------
	#Links
-----------------------------------------------*/
a { color: #012a3e; text-decoration: none; }
a:hover, a:focus { color: #00496d; text-decoration: none; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

/*-----------------------------------------------
	#Forms
-----------------------------------------------*/
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

.input-form { width: 100%; height: 40px; margin: 5px 0 15px; padding: 2px 5px; border: 1px solid #c7c7c7; color: #012a3e; font-weight: bold; }

.btn { display: block; width: 100%; height: 40px; line-height: 40px; margin: 5px 0; border: none; color: #fff !important; text-align: center; text-transform: uppercase; font-weight: bold; }
.btn:hover { color: #fff !important; }
.btn-login { background: #43A047; }
.btn-logout { background: #F44336; }
.btn-register { background: #e67e22; }
.btn-register-submit { background: #43A047; }
.btn-reset-password { background: #43A047; }
.btn-forgot, .btn-forgot:hover { font-size: 11px; color: #f44336 !important; }
.btn-deposit { background: #43A047; }
.btn-withdrawal { background: #95a5a6; }
.btn-history { background: #95a5a6; }
.btn-change-password { background: #95a5a6; }

/*-----------------------------------------------
	#Header
-----------------------------------------------*/
.header { min-height: 50px; padding: 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); background-color: #012a3e; }
.header div { display: table-cell; width: 30%; text-align: center; vertical-align: middle; }
.header div a { display: inline-block; }
.header div.brand { width: 40%; }
.header div.brand img { height: 24px !important; }
.header div.backhome img, .header div.user img, .header div.refresh img, .header div.betslip img { height: 26px !important; }
.header div.user img { height: 28px !important; }
.header .user { text-align: left; }
.header .betslip { text-align: right; }
.header .user a, .header .betslip a { cursor: pointer; height: 30px; line-height: 1.42857143; padding: 6px 8px; border-radius: 4px; font-size: 12px; font-weight: bold; text-align: center; white-space: nowrap; color: #333; background-color: #fff; }
.betslip a span { display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; color: #ffffff; background-color: #43a047; }

/*-----------------------------------------------
	#Menu
-----------------------------------------------*/
.menu { display: table; table-layout: fixed; width: 100%; clear: both; min-height: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); background-color: #012a3e; }
.menu a { display: table-cell; padding: 5px; text-align: center; vertical-align: middle; border-left: 1px solid rgba(255, 255, 255, 0.05); color: #fff; font-size: 11px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.menu a:first-child { border-left: none; }
.menu a.active, .menu a:hover { background: #022231; }
.menu .event-count { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin-left: 2px; border-radius: 50%; color: #ffffff; background-color: #43a047; }

/*-----------------------------------------------
	#Alerts and Message
-----------------------------------------------*/

.message { padding: 10px; border: 1px solid transparent; font-size: 13px; text-align: center; color: #fff; }
.message a { color: #e6e6e6; }
.message.success { border-color: #1abc9c; background-color: #1abc9c; }
.message.info { border-color: #3498db; background-color: #3498db; }
.message.warning { border-color: #f39c12; background-color: #f39c12; }
.message.error { border-color: #e74c3c; background-color: #e74c3c; }

/*-----------------------------------------------
	#Main
-----------------------------------------------*/

/* Heading */
.heading { padding: 8px 10px; background-color: #012a3e; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.heading .entrytitle { display: table; float: left; width: 100%; }
.heading .entrytitle span { display: block; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* Content */
.match .heading { text-align: center; }
.match .heading .infomatch { color: #e6e6e6; }
.match .heading .datematch { color: #e6e6e6; font-weight: bold; }
.refresh { padding: 6px 10px; border-top: 1px solid #0d3447; border-bottom: 1px solid #0d3447; background-color: #012a3e; }
.matches .refresh { border-top: none; }
.refresh a, .refresh a:hover { display: table; width: 100%; color: #fff; font-size: 11px; line-height: 18px; }
.refresh span { display: table-cell; width: 80%; }
.refresh span img { height: 20px !important; }
.refresh span.img { width: 20%; text-align: right; padding-right: 8px; }

.list { display: block; }
.list li { display: block; border-bottom: 1px solid #e3e3e3; }
.list li a { display: block; min-height: 40px; padding: 12px 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; }
.list li a:hover { background-color: #f1f1f1; }
.list .entrytitle { display: table; float: left; width: 100%; padding: 6px 10px; color: #012a3e; border-bottom: 1px solid rgba(255, 255, 255, 0.20); background-color: #c7c7c7; }
.list .innertitle { display: table; float: left; width: 100%; padding: 4px 10px; color: #444; background-color: #c7c7c7; }
.list .entrytitle span, .list .innertitle span { display: block; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.list-category li a { display: table; width: 100%; }
.list-category li a span { display: table-cell; width: auto; text-align: left; }
.list-category li a span.numberitms { width: 12%; text-align: right; }

.list-matches li { border-bottom: none !important; }
.list-matches li a { padding: 0; }
.list-matches li .tournament { font-size: 11px; color: #444; }
.list-matches li .eventcode, .list-matches .date, .list-matches li .score, .list-matches li .matchstatus { display: block; float: left; width: 50%; text-align: center; color: #444; }
.list-matches li .score, .list-matches li .matchstatus { color: #012a3e; font-size: 12px; }
.list-matches li .list-odd { display: table; width: 100%; border: none; border: 1px solid #eee; border-right: 0; border-left: 0; }
.list-matches li .list-odd li { display: table-cell; width: 25%; vertical-align: middle; border-right: 1px solid #eee; font-size: 11px; font-weight: bold; text-align: center; }
.list-matches li .list-odd li span { display: block; min-height: 20px; line-height: 20px; }
.list-matches li .list-odd.col-3 li { width: auto; }
.list-matches li .list-odd.col-3 li.numbermatch { width: 25%; }
.list-matches li .list-odd li.odd a span { display: block; }
.list-matches li .list-odd li.odd a span.odd { color: #012a3e; font-size: 12px; }
.list-matches li .list-odd li.odd.selected { background-color: #43A047; }
.list-matches li .list-odd li.odd.selected:hover, .list-matches li .list-odd li.odd.selected a:hover { color: #fff; background-color: #388E3C; }
.list-matches li .list-odd li.odd.selected a span.odd, .list-matches li .list-odd li.odd.selected a { color: #fff; }
.list-matches li .list-odd li.numbermatch { border-right: none; }
.list-matches li .list-odd li.numbermatch a { padding: 12px 10px; color: #ececec; background-color: #012a3e; }
.list-matches li .list-odd li.numbermatch a:hover { background-color: #0d3447; }

.list-outrights li { border: none; }
.list-outrights li a { padding: 0; }
.list-outrights li .date { padding-top: 0; }
.list-outrights li .list-teamname { display: table; width: 100%; border: none; }
.list-outrights li .list-teamname li.odd { display: table; width: 100%; border-bottom: 1px solid #e3e3e3; }
.list-outrights li .list-teamname li.odd a { display: table; width: 100%; padding: 10px; line-height: 20px; }
.list-outrights li .list-teamname li.odd span { display: table-cell; font-size: 11px; font-weight: bold; vertical-align:middle; }
.list-outrights li .list-teamname li.odd span.teamname { width: auto; float:left; }
.list-outrights li .list-teamname li.odd span.odd { width: 15%; text-align: right; color: #012a3e; }
.list-outrights li .list-teamname li.odd.selected { color: #fff; background-color: #43A047; }
.list-outrights li .list-teamname li.odd.selected a, .list-outrights li .list-teamname li.odd.selected span.odd { color: #fff; }
.list-outrights li .list-teamname li.odd.selected:hover a { color: #fff; background-color: #388E3C; }

.list-match li { float: left; width: 100%; border: none; }
.list-match li a { padding: 0; }
.list-match li .list-odd { display: table; float: left; margin: 2px 0.5%; border: none; }
.list-match li .list-odd.col-1 { width: 99%; }
.list-match li .list-odd.col-2 { width: 49%; }
.list-match li .list-odd.col-3 { width: 32.3%; }
.list-match li .list-odd li { display: table; vertical-align: middle; margin: 2px 0; padding: 0; border: 1px solid #dedede; font-size: 11px; font-weight: bold; text-align: center; }
.list-match li .list-odd li span { display: block; min-height: 20px; line-height: 20px; }

.list-match li .list-odd li.odd.selected { background-color: #43A047; }
.list-match li .list-odd li.odd.selected:hover, .list-match li .list-odd li.odd.selected a:hover { color: #fff; background-color: #388E3C; }
.list-match li .list-odd li.odd.selected a span.odd, .list-match li .list-odd li.odd.selected a { color: #fff; }
.list-match li .list-odd li.odd a { padding: 3px 3px 4px; }

.list-match li .list-odd li.odd a span { display: block; }
.list-match li .list-odd li.odd a span.odd { color: #012a3e; font-size: 12px; }

.list-player-odds li { border: none; }
.list-player-odds li a { padding: 0; }
.list-player-odds li .date { padding-top: 0; }
.list-player-odds li .list-playername { display: table; width: 100%; border: none; }
.list-player-odds li .list-playername li.odd { display: table; width: 100%; border-bottom: 1px solid #e3e3e3; }
.list-player-odds li .list-playername li.odd a { display: table; width: 100%; padding: 10px; line-height: 20px; }
.list-player-odds li .list-playername li.odd span { display: table-cell; font-size: 11px; font-weight: bold; vertical-align: middle; }
.list-player-odds li .list-playername li.odd span.playername { width: auto; float: left;}
.list-player-odds li .list-playername li.odd span.odd { width: 15%; text-align: right; color: #012a3e; }
.list-player-odds li .list-playername li.odd.selected { color: #fff; background-color: #43A047; }
.list-player-odds li .list-playername li.odd.selected a, .list-player-odds li .list-playername li.odd.selected span.odd { color: #fff; }
.list-player-odds li .list-playername li.odd.selected:hover a { color: #fff; background-color: #388E3C; }

.betslip .entrytitle { display: table; float: left; width: 100%; padding: 6px 10px; color: #012a3e; border-bottom: 1px solid rgba(255, 255, 255, 0.20); background-color: #c7c7c7; }
.betslip .list, .betslip .list li { float: left; width: 100%; }
.betslip .list li span { display: block; float: left; width: 40%; min-height: 40px; padding: 12px 10px; color: #012a3e; font-size: 12px; font-weight: bold; text-align: center; }
.betslip .list li .deleteodd { width: 20%; min-height: inherit; padding: 0; }
.betslip .list li .deleteodd a { padding: 10px 10px 11px; }
.betslip .list img { height: 20px !important; }
.acceptbox label { display: table; width: 100%; padding: 10px; font-size: 12px; font-weight: bold; color: #012a3e; background: #e3e3e3; }
.stake { padding: 10px; background: #f5f5f5; border-bottom: 1px solid #d8d8d8; }
.stake span { display: block; text-transform: uppercase; color: #012a3e; font-size: 11px; font-weight: bold; }
.stake .input-form { width: 90%; }
.stake .currency { float: right; width: 10%; height: 40px; padding-top: 18px; text-align: right; color: #012a3e; font-size: 11px; font-weight: bold; }
.stake .btn { margin-bottom: 10px; background: #43A047; }
.stake .btn.clear { background: #F44336; }
.reservation { padding: 10px; background: #f5f5f5; }
.reservation span { display: block; text-transform: uppercase; color: #012a3e; font-size: 11px; font-weight: bold; }
.reservation .btn { margin-bottom: 10px; background: #43A047; }

.calculations, .profile { background: #e3e3e3; }
.calculations div { padding: 10px; border-top: 1px solid #d8d8d8; }
.calculations div:last-child { border-bottom: 0; }
.calculations div span { display: table-cell; width: 50%; color: #012a3e; font-size: 12px; font-weight: bold; }
.calculations div span:last-child { text-align: right; }
.userlogin, .register, .forgotPassword { padding: 10px 10px; background: #f5f5f5; }
.userlogin span, .register span, .forgotPassword span { display: block; text-transform: uppercase; color: #012a3e; font-size: 11px; font-weight: bold; }
.userlogin a { display: block; text-align: center; line-height: 40px; }
.register label { color: #012a3e; font-size: 11px; margin-left: 8px; vertical-align: top; }
.register div.register-country { margin: 12px; }
.register label.country { display: block; text-transform: uppercase; font-weight: bold; margin: 4px; }
.register label a.terms-and-conditions { color: #f44336; font-size: 11px; vertical-align: top; }
.register .w10 { width: 20%; text-align: center; }
.register .w90 { width: 80%; }

.profile { padding: 10px 10px; background: #f5f5f5; }
.profile .entrytitle { display: table; width: 100%; padding: 10px; font-size: 14px; color: #fff; text-align: center; background-color: #012a3e; }
.profile .balance { margin: 10px 0; padding: 10px; border: 1px solid #4CAF50; color: #388E3C; text-align: center; font-weight: bold; background: #fff; }

.list-history .entrytitle, .list-history .history-listtitle { display: table; width: 100%; padding: 4px 10px 0; font-size: 12px; text-align: left; color: #012a3e; background-color: #c7c7c7; }
.list-history .history-listtitle { padding: 0; font-size: 11px; color: #012a3e; background-color: #c7c7c7; }
.list-history .history-listtitle span { padding: 6px 0; border: none; }
.list-history .innertitle { display: table; float: left; width: 100%; padding: 4px 10px; color: #444; background-color: #c7c7c7; }
.list-history div > a, .list-history div > span { display: block; float: left; padding: 12px 0; color: #012a3e; font-size: 12px; font-weight: bold; text-align: center; }
.list-history div > a { text-decoration: underline; }
.list-history span { border-left: 1px solid #eee; }
.list-history span:first-child { border-left: none; }
.list-history .col-2 { display: block; float: left; width: 50%; text-align: center }
.list-history .col-3 { display: block; float: left; width: 33.3%; text-align: center }
.list-history .col-4 { display: block; float: left; width: 25%; text-align: center }
.list-history .col-2-3 { display: block; float: left; width: 66.7%; text-align: center }
.custom { display: block; text-align: center; width: 100%; padding: 4px 8px 4px 8px; background-color: #012a3e; }
.custom a, .custom span { font-size: 11px; color: #f1f1f1; font-weight: bold; text-transform: uppercase; }

.footer { text-align: center; background-color: #012a3e; padding: 4px 8px 14px 8px; }
.footer .item { width: 100%; padding: 8px 0 0 0; }
.footer a, .footer span { font-size: 11px; color: #f1f1f1; font-weight: bold; text-transform: uppercase; }
/* :::::::::::::: Presentation css */


.disabled-link {
	pointer-events: none;
	background-color: #dddddd;
}
/* :::::::::::::: Required CSS */
/* Locked */
.lock {
	
	width: 24px;
	height: 21px;
	border: 3px solid var(--locked-color);
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	--locked-color: #282A35;
	float: left
}
.lm {
	margin: 10px
}
.lmr {
	margin-right: 10px
}

	.lock:after {
		content: "";
		display: block;
		background: var(--locked-color);
		width: 3px;
		height: 7px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -3.5px 0 0 -2px;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	.lock:before {
		content: "";
		display: block;
		width: 14px;
		height: 10px;
		bottom: 100%;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		border: 3px solid var(--locked-color);
		border-top-right-radius: 50%;
		border-top-left-radius: 50%;
		border-bottom: 0;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	/* Locked Hover */
	.lock:hover:before {
		height: 12px;
	}
@media (max-width: 480px) {
 .heading .entrytitle span, .list .entrytitle span, .list .innertitle span { max-width: 400px; }
}

@media (max-width: 420px) {
 .heading .entrytitle span, .list .entrytitle span, .list .innertitle span { max-width: 400px; }
}

@media (max-width: 400px) {
 .heading .entrytitle span, .list .entrytitle span, .list .innertitle span { max-width: 355px; }
}

@media (max-width: 350px) {
 .heading .entrytitle span, .list .entrytitle span, .list .innertitle span { max-width: 300px; }
}

@media (max-width: 320px) {
 .header div.brand img { height: 20px !important; }
 h5 { font-size: 11px; }
 .menu a { width: 50%; min-height: 30px; display: inline-table; border: none; border-right: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
 .header div.brand img { height: 20px !important; }
 .header div.backhome img, .header div.refresh img, .header div.betslip img { height: 20px !important; }
 .header div.user img { height: 24px !important; }
 .heading .entrytitle span, .list .entrytitle span, .list .innertitle span { max-width: 220px; }
 .list-matches li .list-odd li { display: table; width: 100% !important; border: 1px solid #eee; }
 .list-match li .list-odd.col-1, .list-match li .list-odd.col-2, .list-match li .list-odd.col-3 { width: 100%; margin: 0; }
 .list-match li .list-odd li span.odd, .list-matches li .list-odd li span.odd { font-size: 11px; }
}

@media (max-width: 280px) {
 .header div.brand img { height: 15px !important; }
 .header .user a, .header .betslip a { height: 25px; padding: 5px 6px; font-size: 11px; }
 .betslip a span { width: 16px; height: 16px; line-height: 16px; }
}