html { font-size: 100%; }
body { margin: 0; padding: 0; background-color: #1B2126; font-size: 0.8em; box-sizing: border-box; }

@font-face {
	font-family: "Roboto-Condensed-Light";
	src: local('Roboto Condensed Light'), url('../font/RobotoCondensed-Light.ttf');
}
@font-face {
	font-family: "Roboto-Condensed";
	src: local('Roboto Condensed Regular'), url('../font/RobotoCondensed-Regular.ttf');
}
@font-face {
	font-family: "Roboto-Italic";
	src: local('Roboto Italic'), url('../font/Roboto-Italic.ttf');
}
@font-face {
	font-family: "Roboto-Bold";
	src: local('Roboto Bold'), url('../font/Roboto-Bold.ttf');
}
@font-face {
	font-family: "Roboto";
	src: local('Roboto Regular'), url('../font/Roboto-Regular.ttf');
}

a { color: #fff; text-decoration: none; }

/*.pob-logo {
	background: url("../images/planetofbets_logo.png") no-repeat;
	display: block; 
	margin:0 auto;
	width: 136px;
	height: 24px;
	background-size: 136px 24px;
}
.pob-logo-ng {
	background: url("../images/planetofbets_ng_logo.png") no-repeat;
	display: block; 
	margin:0 auto;
	width: 161px;
	height: 21px;
	background-size: 161px 21px;
}
*/

.pob-logo {
	background: url("../images/planetofbets_logo.png") no-repeat;
	display: block; 
	margin:0.5em auto 2em;
	width: 136px;
	height: 24px;
	background-size: 136px 24px;
}

.pob-logo-ng {
	background: url("../images/planetofbets_ng_logo.png") no-repeat;
	display: block; 
	margin:0.5em auto 2em;
	width: 202px;
	height: 26px;
}



.home-banners-wrapper { background-color: #000; }
.home-banner { display: block; width: 100%; padding-bottom: 100px; }
.home-banner:first-child { padding-bottom: 0px; }


.lock-screen-loading { position: fixed; width: 200px; height: 100px; background: url("../images/loader_pob.svg") no-repeat; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.form-wrapper { margin: 0 0.5em 1em; font-family: "Roboto-Condensed-Light"; overflow: hidden; }
.form-wrapper fieldset { position: relative; border: none; padding: 0.5em 0; margin: 0; }
.form-wrapper label { display: block; color: #5A5A5A; transition: 0.15s ease-out all; position: absolute; top: 1.8em; left: 0.15em; font-size: 1em; z-index: 2; }
.form-wrapper input { border-bottom: 1px solid #ffa500; width: 100%; color: #5A5A5A; font-family: "Roboto-Condensed-Light"; font-size: 1.2em; padding: 1em 0em 0.15em; border-top:none; border-left:none; border-right:none; border-radius: 0; -webkit-box-sizing: border-box; padding-left: 0; outline:none; position: relative; z-index: 2; }
.form-wrapper input[disabled] {background-color: #fff; /*color: #333;*/ font-style: italic; font-weight: 400; background: url(../images/icon-lock.svg) no-repeat; background-position: right; background-size: 16px 16px; }
.form-wrapper input + label { display:block; cursor:text; color:#777; transition:.15s ease-out all; position:absolute; top:1.8em; left:0.15em; }
.form-wrapper input:focus + label, .form-wrapper label.stay { top: 1em; left: 0.15em; font-size: 0.7em; font-weight:bold; transition:.15s ease-out all; }
.form-wrapper select { border: none; background: #fff; color: #5A5A5A; font-family: "Roboto-Condensed-Light"; font-size: 1em; width: 100%; position: relative; -webkit-appearance: none; -moz-appearance:none; padding: 1em 0 0.15em; border-bottom: 1px solid #ffa500; }
.form-wrapper select[disabled] {background-color: #fff; color: #b3b3b3; font-style: italic; font-weight: 600; background: url(../images/icon-lock.svg) no-repeat; background-position: right; background-size: 16px 16px; }

.form-wrapper a { color: #ca0000; text-decoration: none; }
.form-wrapper input[type='button'] { margin-top: 0.5em; background-color: #ffa500; color: #303030; font-family: "Roboto-Condensed"; font-size: 1.2em; padding: 0.5em 0 0.5em; border: 1px solid #ffa500; width: 100%; border-radius: 3px; -webkit-appearance: none; }
.form-input-error { border-width: 2px!important; }
.form-input-indent { margin-top: 1em; }

@media screen and (-moz-images-in-menus:0) {
	select {
			text-indent: -2px!important;
	}
}

#profile_captcha, #signup_captcha, #login_captcha, #ticket_captcha, #user_deposit_captcha, #user_promocodes_captcha { margin: 1em auto 0; text-align: center; text-align: -moz-center; text-align: -webkit-center; text-align: -o-center; text-align: -ms-center;}
.form-checkbox { color: #5A5A5A; width: inherit!important; }
#profile_form_errors span, #signup_form_errors span { display: block; padding: 0; font-family: "Roboto-Condensed"; font-size:1em; }
.form-error { margin: 0.5em; font-family: "Roboto-Condensed"; font-size:1em; }
.form-error ul { border: 2px solid red; background-color: #ffdede; margin: 0.2em 0; padding: 0.5em; }
.form-error li { list-style-type: none; font-family: "Roboto-Condensed-Light"; font-size:1em; }

#language_choose { display: none; position: fixed; top: 0px; background-color: #000; z-index: 6; width: 100%; color: #ffffff;}
#language_choose span { font-family: "Roboto-Condensed-Light"; font-size: 0.6em; font-weight: 100; text-align: center; display: block; margin-top: 0.2em; }
#language_choose p { font-family: "Roboto-Condensed"; font-size: 0.8em; clear: both; margin: 1em 0.5em; text-align: center; }
#language_choose a { font-family: "Roboto-Condensed-Light"; margin: 0.5em 1.5em; position: relative; text-align: center; }
#language_selector { position: absolute; top: 1em; right: 3em; max-width: 65px; background-color: #27323C; font-family: "Roboto-Condensed"; text-transform: uppercase; border: 1px solid #fff; color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.language-choose-wrapper { display: block; position: relative; overflow: hidden; text-align: center; width: 100%; }
.language-flags-wrapper { margin: 0 auto; width: 250px; }
.language-flag-block { display: inline-block; }
.language-choose-ru,.language-choose-en,.language-choose-ua,.language-choose-es,.language-choose-de,.language-choose-fr,.language-choose-fa,.language-choose-pt,.language-choose-tr { width: 84px; height: 63px; opacity: 1; }
.language-choose-ru { background: url("../../images/ru.png"); background-size: 84px 63px;}
.language-choose-en { background: url("../../images/gb.png"); background-size: 84px 63px;}
.language-choose-es { background: url("../../images/es.png"); background-size: 84px 63px;}
.language-choose-ua { background: url("../../images/ua.png"); background-size: 84px 63px;}
.language-choose-de { background: url("../../images/de.png"); background-size: 84px 63px;}
.language-choose-fr { background: url("../../images/fr.png"); background-size: 84px 63px;}
.language-choose-fa { background: url("../../images/ir.png"); background-size: 84px 63px;}
.language-choose-tr { background: url("../../images/tr.png"); background-size: 84px 63px;}
.language-choose-pt { background: url("../../images/br.png"); background-size: 84px 63px;}
.f-right { float: right; }
.f-left { float: left; }
.wrapper { background-color: #fff; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.header {
	display: block;
	position: relative;
	background-color: #1B2126;
	color: #e3e3e3;
	height: 3em;
	border-bottom: 2px solid #FFA500;
	font-family: "Roboto-Condensed";
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.header-middle { display: block; position: relative; text-align: center; margin: 0 auto; top: 0.5em; }
.balance { color: #ffa500; font-size: 1.3em; top: 0.1em; position: relative; white-space: nowrap; }
.signup { display: block; background-color: #ff3600; border-radius: 5px; color: #fff; font-size: 1em; padding: 1.5em 0.3em 0.5em; position: relative; top:-20px; width: 100px; margin: 0 auto; }
.signup_outer { display: block; background-color: #ff3600; border-radius: 5px; color: #fff; font-size: 1em; padding: 1.5em 2.5em 0.5em; position: absolute; top:-10px; left: 50%; transform: translate(-50%); text-align: center; font-family: "Roboto-Condensed"; border: 2px solid #801b00; }

.signin-wrapper { margin: 0.5em; position: relative; overflow: hidden; font-family: "Roboto-Condensed-Light";}
.signin-wrapper input { border-bottom: 1px solid #ffa500; background-color: #242e30; width: 100%; color: #ffa500; font-family: "Roboto-Condensed-Light"; font-size: 1.2em; margin: 1em 0em 0em; border-top:none; border-left:none; border-right:none; border-radius:0; padding-left: 0; -webkit-box-sizing: border-box; outline: none; }
.signin-wrapper fieldset { position: relative; border: none; padding: 0.5em 0; margin: 0; }
.signin-wrapper label { display: block; color: #5A5A5A; transition: 0.15s ease-out all; position: absolute; top: 1.8em; left: 0.15em; font-size: 1em; }
.signin-wrapper input[type='button'] { margin-top: 0.5em; background-color: #ffa500; color: #303030; font-family: "Roboto-Condensed"; font-size: 1.2em; padding: 0.5em 0 0.5em; border: 1px solid; width: 100%; border-radius: 3px; cursor: pointer; box-shadow: 0px 10px 15px #1e1e1e; -webkit-appearance:none; }
.signin-wrapper input + label { display:block; cursor:text; color:#777; transition:.15s ease-out all; position:absolute; top:1.8em; left:0.15em; }
.signin-wrapper input:focus + label, .signin-wrapper label.stay { top: 1em; left: 0.15em; font-size: 0.7em; font-weight:bold; transition:.15s ease-out all; }

.signin-forgot-toggle { font-family: "Roboto-Condensed-Light"; font-size: 1em; text-align: center; color: #fff; display: block; margin: 2em 0 1em; cursor: pointer; }
.signin-forgot { display: none; }
.signin-forgot-description { color: #fff; padding: 0.5em 0; font-family: "Roboto-Condensed"; }

input[type=textfield] { -webkit-appearance:none; appearance: none;}

.search-wrapper { display: flex; align-items: flex-end; padding: 0 0.5em; position: relative; overflow: hidden; font-family: "Roboto-Condensed-Light"; background-color: #cecece; box-shadow: 0px 1px 5px #333; z-index: 3;}
.search-wrapper input { width: 100%; border: 0; background-color: #7b7b7b; color: #cecece; border-radius: 5px; font-family: "Roboto-Condensed"; box-shadow: 0px 1px 1px #000 inset; font-size:1em; margin: 0.5em 0; -webkit-appearance:none; box-sizing: border-box; height: 2em; vertical-align: middle; line-height: 1em; padding: 0 0.5em; }
.search-wrapper fieldset { flex: 1 1 auto; position: relative; border: none; padding: 0.5em 0; margin: 0; }
.search-wrapper label { display: block; color: #5A5A5A; transition: 0.15s ease-out all; position: absolute; top: 1.8em; left: 0.15em; font-size: 1em; }
.search-wrapper input[type='button'] { margin-top: 0.5em; background-color: #ffa500; color: #303030; font-family: "Roboto-Condensed"; font-size: 1.2em; padding: 0.5em 0 0.5em; border: 1px solid; width: 100%; border-radius: 3px; cursor: pointer; box-shadow: 0px 10px 15px #1e1e1e; -webkit-appearance:none; }
.search-wrapper input + label { display:block; cursor:text; color:#eee; transition:.15s ease-out all; position:absolute; top:1.5em; left:0.5em; }
.search-wrapper input:focus + label, .search-wrapper label.stay { top: 0.15em; left: 0.15em; color: #333; font-size: 0.7em; font-weight:bold; transition:.15s ease-out all; }
.search-clear {
	position: absolute;
	right: 0.25em;
	top: 1.28em;
	background: url("../images/icon-input-clear-grey.svg") no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
}

.top-menu {
	width: 100%;
	display: block;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	position: relative;
	-webkit-transform:translateZ(0);
}

.top-menu.user-menu-is-open {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

.top-menu.slip-panel-is-open {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

.header.user-menu-is-open {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

.header.slip-panel-is-open {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

.footer { 
	display: block; 
	width: 100%;
	position: relative;
	background-color: #1B2126;
	color: #e3e3e3; 
	height: 2.2em; 
	padding-top: 1em; 
	border-top: 0.2em solid #FFA500; 
	font-family: "Roboto-Condensed"; 
	text-align: center; 
 	clear: both;  
 	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.switch-to-desktop { display: inline; position: absolute; left: 0.5em; top: 0.8em; background: url("../images/switch-to-desktop.png") no-repeat; background-size: 24px 24px; width: 24px; height: 24px; cursor: pointer; }

.footer.user-menu-is-open {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

.footer.slip-panel-is-open {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

#user_menu_trigger { display: block; padding: 0.5em; position: absolute; top:0.4em; left:0; }
#slip_trigger { display: block; padding: 0.5em; position: absolute; top:0.4em; right:0; }
#slip_odds_changes { display: none; }
#slip_bets_count { display: inline-block; border-radius: 50%; padding: 2px; font-weight: bold; color: #ffa500; text-align: center; }
#user_menu {
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 4;
	width: 250px;
	background-color: #242e30;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	transform: translateX(-250px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#user_menu.user-menu-is-open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	box-shadow:5px 0px 20px rgb(21, 21, 21);
}

.main-content {
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.blur {
	filter: grayscale(0.5);
	-webkit-filter: grayscale(0.5);
	-moz-filter: grayscale(0.5);
	-o-filter: grayscale(0.5);
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transform-style: preserve-3d;
}

.main-content.user-menu-is-open {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

.main-content.slip-panel-is-open {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

#slip_panel {
	position: fixed;
	height: 100%;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 4;
	width: 300px;
	background-color: #242e30;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	-ms-transform: translateX(300px);
	-o-transform: translateX(300px);
	transform: translateX(300px);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#slip_panel.slip-panel-is-open {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	box-shadow: -5px 0px 20px #151515;
}

#swipe_hint { display: none; }
.swipe-hint-wrapper { margin: 0 auto; display: block; position: absolute; z-index: 10; text-align: center; width: 100%; }
.swipe-hint-right,.swipe-hint-left { font-family: "Roboto-Condensed-Light"; font-size: 1.5em; color: #fff; padding: 2em 0 0.5em; display:block; }
.swipe-hint-right-icon { background: url("../images/swipe-right.svg") no-repeat; background-size: 100% 100%; height: 10em; }
.swipe-hint-left-icon { background: url("../images/swipe-left.svg") no-repeat; background-size: 100% 100%; height: 10em; }
.swipe-hint-everywhere { font-family: "Roboto-Condensed"; font-size: 1.2em; color: #ffa500; padding: 1em 0; display:block; }

#swipe_lock_screen {
	position: fixed;
	background-color: rgba(60,60,60,0);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	display: none;
}

#lock_screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.85;
	background-color: #000000;
	display: none;
}

#lock_screen_loading {
	position: fixed;
	top: 40%;
	left: 40%;
	left: calc(50% - 30.5px);
}

#slip_top {
	display: none;
}

.slip-top {
	font-family: "Roboto-Condensed-Light", sans-serif;
	font-size: 16px;
	font-weight: 100;
	color: #fff;
	float: none;
	width: 100%;
	text-align: center;
	padding: 0.5em 0;
}
.slip-empty-message {
	display: block;
	margin: 2em 0.5em;
	font-family: "Roboto-Condensed-Light";
	font-size: 1.5em;
	color: #ffa500;
}
.slip-empty-image {
	display: block;
	background: url('../images/empty-slip.svg') no-repeat;
	width: 200px;
	height: 200px;
	margin: 0 auto 2em;
}

.slip-block {
	display: block;
	background-color: #ffa500;
	padding: 0.5em 1em 0.5em;
	clear: both;
	overflow: inherit;
	position: relative;
	border-bottom: 1px solid #D28800;
	overflow: hidden;
}

.slip-freebet-block {
	background-color: #f6f6f6 !important;
	border-bottom: 1px solid #619b53 !important;
}

.slip-chain-block {
	background-color: #006eb4 !important;
	border-bottom: 1px solid #003a92 !important;
}

.slip-chain-icon-close { cursor: pointer; color: #000000; font-size: 31px; font-weight: bold; line-height: 0px; padding: 11px 3px; position: relative; top: -2px; right: -5px; float: right; }
.slip-chain-icon-close:after { content: "×"; }

.slip-freebet-message-block
{
	background-color: #3b983b;
	padding: 0.5em;
	clear: both;
	color: #fff;
	line-height: 32px;
	border-bottom: 1px solid #a1a1a1;
}

.slip-freebet-message-block span
{
	font-family:Roboto-Condensed;
	font-size: 1em;
}

.slip-freebet-description-block
{
	background-color: #cecece;
	padding: 0.7em;
	font-family: Roboto-Condensed;
	font-size: 1em;
	display: none;
}

.slip-freebet-description-block a
{
	color: #000;
	text-decoration: underline;
}

.slip-freebet-summary {
	border-right: 1px solid #619b53 !important;
	background-color: #115419 !important;
	padding: 0.8em 1em !important;
	color: #cecece !important;
}

.slip-chain-description-block
{
	background-color: #90b4cb;
	padding: 0.7em;
	font-family: Roboto-Condensed;
	font-size: 1em;
	display: none;
}

.slip-chain-summary {
	border-right: 1px solid #003a92 !important;
	background-color: #03538f !important;
	padding: 0.8em 1em !important;
	color: #cecece !important;
}

.slip-freebet-confirm {
}

.slip-chain-confirm {
}

.slip-freebet-btn-confirm {
	background-color: #3b983b !important;
	color: #000 !important;
}

.slip-freebet-btn-edit {
}

.slip-chain-btn-confirm {
	background-color: #4780cb !important;
	color: #000 !important;
}

.slip-chain-btn-edit {
}

.slip-freebet-description-expiry-day
{
	padding-top: 0.7em;
	font-weight: bold;
}

.slip-freebet-btn-place-bet {
	background-color: #3b983b !important;
	color: #000 !important;
}

.slip-chain-btn-place-bet {
	background-color: #4780cb !important;
	color: #000 !important;
}

.slip-element-variant-freebet-amount,.slip-element-variant-freebet-button,.slip-element-variant-express-freebet-amount,.slip-element-variant-express-freebet-button {
	padding: 0.5em;
	font-family: "Roboto-Condensed";
	background-color: #3b983b;
	color: #000;
	border-radius: 5px;
	float: right;
	text-align: center;
	min-width: 80px;
	font-weight: bold;
	cursor: pointer;
}

.js-live-match-match-tracker-iframe { width: 100%; border: none; display: block; }
.live-bets-match-tracker { display: none; padding-top: .3em; background: #303030; }
.live-bets-match-tracker-disable { display: block; position: relative; padding: 0.5em 0.5em; background: #ccc; color: #000; font-family: "Roboto-Condensed"; border-bottom: 1px solid #999; }
.live-bets-match-tracker-disable input { position: absolute; top:0; right: 0; margin: 0.5em; }
.live-bets-quick-slip-freebet
{
	background-color: #3b983b !important;
}

.live-bets-quick-slip-chain
{
	background-color: #006eb4 !important;
}

.slip-element-variant-express-freebet-amount,.slip-element-variant-freebet-amount {
	display: none;
	box-shadow: 0px 1px 3px rgb(0, 0, 0) inset
}

.slip-block-disabled { opacity: 0.1; }
.slip-booking-hint { background-color: #0c1e23; overflow: hidden; padding: 1em; }
.slip-booking-hint-image-wrapper {
	display: block;	
	float: left; 
	width: 30%;
	position: relative;
	height: 0;
	padding-bottom: 26%;
}
.slip-booking-hint-image { 
	position: absolute;
	background: url('../images/icon-print-form.svg') no-repeat;
	width: 100%;
	height: 100%;
}
.slip-booking-hint-desc { display: block; float: right;  color: #cecece; width: 70%; box-sizing: border-box; padding-left: 1em;  font-family: "Roboto-Condensed"; font-size: 1em; }
.slip-confirm-wrapper { display: none; margin-bottom: 1px; background-color: #D28800; clear: both; position: relative; overflow: hidden; height: 5em; }
.slip-booking-load-wrapper { display: none; margin-bottom: 1px; background-color: #183E48; clear: both; position: relative; overflow: hidden; width: 100%; height: 4em; }
.slip-booking-check-load-wrapper { display: block; margin-bottom: 1px; background-color: #183E48; clear: both; position: relative; overflow: hidden; width: 100%; height: 4em; }
.slip-booking-load-input-wrapper,.slip-booking-email-input-wrapper { float: left; padding: 0.9em 0 1em 0; width: 60%; height: 4em; }
.slip-booking-load-button,.slip-booking-send-button { width: 40%; float: right; height: 4em; }
.slip-booking-load-input-margin,.slip-booking-email-input-margin { /* float: left;  */text-align: center; margin: 0 1em 0 1em; }
.slip-booking-load-input-page-wrapper { float: left; padding: 1em; max-width: 210px; box-sizing: border-box; }
.slip-booking-load-label { font-family: "Roboto-Condensed-Light"; font-size: 1em; font-weight: bold; color: #fff; }
.slip-booking-load-input,.slip-booking-email-input { width: 100%; font-family: "Roboto-Condensed"; font-size: 1.2em; font-weight: 700; border: 1px; padding: 0.3em; border-radius: 3px; box-shadow: inset 0px 1px 2px #999; box-sizing: border-box; }
.slip-booking-email-wrapper { background-color: #183E48; overflow: hidden; height: 4em; }
.slip-booking-bookit-wrapper { display: none; background-color: #335C65; clear: both; position: relative; overflow: hidden; box-shadow: 0 1px 2px 0px #132f36; z-index:1; }
.slip-booking-confirmation-wrapper { display: none; margin-bottom: 1px; background-color: #335C65; clear: both; position: relative; overflow: hidden; }
.slip-booking-confirmation-label { font-family: "Roboto-Condensed-Light"; font-size: 1.2em; text-align: center; color: #fff; padding: 0.5em; }
.slip-booking-id { font-weight: bold; padding: 0.2em 0.5em 0.5em; text-align: center; font-family: "Roboto-Condensed"; font-size: 2em; text-shadow: 0px 1px 2px #000; color: #fff; }
.slip-block-icon-close { position: relative; top: -2px; right: -5px; float: right; }
.slip-summary { display: block; position: relative; float: left; padding: 0.7em 1em; font-family: "Roboto-Condensed-Light"; border-right: 1px solid #89600E; }
.slip-input { display: block; white-space: nowrap; float: right; position: relative; font-family: "Roboto-Condensed"; font-size: 1em; }
.slip-input input { width: 90px; font-family: "Roboto-Condensed"; font-size: 1.2em; font-weight: 700; border: 1px; padding:0.3em; border-radius: 3px; box-shadow: inset 0px 1px 2px #999; }
.slip-btn { display: block; height: 100%; overflow: hidden; position: relative; } 
.slip-btn-confirm { display: block; background-color: rgb(255, 188, 27); color: #000; font-weight: bold; border: none; width: 100%; height: 100%; cursor: pointer; padding: 1em; position: absolute; top:0; left:0;}
.slip-btn-accept-odds { display: block; background-color: rgb(255, 100, 2); color: #fff; font-weight: bold; border: none; width: 100%; height: 100%; cursor: pointer; padding: 1em; }
.slip-btn-place-bet { display: block; background-color: rgb(255, 188, 27); color: #000; font-weight: bold; border: none; width: 100%; height: 100%; cursor: pointer; padding: 1em; position: absolute; top:0; left:0;}
.slip-btn-edit { display: block; background-color: #212121; color: #fff; text-align: center; font-weight: 500; border: none; width: 100%; height: 100%; padding:1em; position: absolute; top:0; left:0; }
.slip-btn-booking-bookit { display: block; background-color: #335C65; color: #fff; text-align: center; padding: 2em 1em; font-weight: 500; border: none; width: 100%;}
.slip-btn-booking-load,.slip-btn-booking-send-email { display: block; background-color: #47876E; color: #fff; text-align: center; font-weight: 500; border: none; height: 100%; /* padding:2em 1em 1.6em; */ position: relative; width:100%; outline: none; }
.slip-btn-booking-close { display: block; background-color: #deb12f; color: #000; text-align: center; font-weight: 500; border: none; width: 100%; height: 100%; padding:2em 1em; position: relative; }

.slip-element-amount-confirm { border: 0 none; color: #cecece; background-color: #000; opacity: 0.5;}
#slip_edit_button { display: none; }
#slip_accept_odds_button { display: none; }
#slip_confirm_button { display: none; }
#quick_slip_edit_button { display: none; }
#quick_slip_accept_odds_button { display: none; }

.slip-element-event-name, .slip-element-subevent-name, .slip-element-variant-name, .slip-element-variant-odd, .slip-element-input-field { display: block; margin-bottom: 0.2em; }
.slip-element-event-name { font-family: "Roboto-Condensed"; font-size: 1em; white-space: nowrap; overflow: hidden; }
.slip-element-subevent-name { font-family: "Roboto-Italic"; margin-left: 1em; font-size: 0.8em; }
.slip-element-variant-name { font-family: "Roboto-Bold"; font-size: 0.9em; font-weight: 700; margin-left: 1em; }
.slip-element-variant-odds, .slip-element-express, .slip-element-system { font-family: "Roboto-Condensed"; margin-top:0.5em; float: left; }
.slip-element-variant-odds-old { text-decoration: line-through; margin: 0 0.5em; color: #777; }

.slip-odds-changes-wrapper { background-color: #ffa500; overflow: hidden;  padding: 0.3em 1em; min-height: 34px; border-bottom: 1px solid #89600E; }
.slip-odds-changes-wrapper span { line-height: 32px; font-family: "Roboto-Condensed"; font-size: 1em; }

.slip-limits { display: none; font-family: "Roboto-Condensed-Light"; font-size: 0.8em; padding: 0em 1em; color: #fff;}

#live_bets_quick_slip {
	display: none;
	position: fixed;
	width: 100%;
	z-index: 3;
	box-shadow: 0 0 7px #666;
	background-color: rgb(255, 188, 27);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#live_bets_quick_slip.user-menu-is-open {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

#live_bets_quick_slip.slip-panel-is-open {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

.quick-slip-block {
	display: block;
	background-color: #ffeea6;
	padding: 0.5em;
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 3px 2px 0px;
}

.quick-slip-chain-block { background-color: #b6dbff; }
.quick-slip-freebet-block { background-color: #f6f6f6; }
.quick-slip-element-event-name, .slip-element-subevent-name, .slip-element-variant-name, .slip-element-variant-odd, .slip-element-input-field { display: block; margin-bottom: 0.2em; }
.quick-slip-element-event-name { font-family: "Roboto-Condensed"; font-size: 0.9em; white-space: nowrap; overflow: hidden; }
.quick-slip-element-subevent-name { font-family: "Roboto-Italic"; margin-left: 1em; font-size: 0.7em; }
.quick-slip-element-variant-name { font-family: "Roboto-Bold"; font-size: 0.8em; font-weight: 700; margin-left: 1em; }
.quick-slip-element-variant-odds, .slip-element-express, .slip-element-system { font-family: "Roboto-Condensed"; margin-top:0.5em; float: left; font-size: 0.9em; }
.quick-slip-element-variant-odds-old { text-decoration: line-through; margin: 0 0.5em; color: #777; }

.quick-slip-odds-changes-wrapper { background-color: #ffe163; overflow: hidden;  padding: 0em 1em; min-height: 34px; margin: 0px 2px; }
.quick-slip-odds-changes-wrapper span { line-height: 32px; font-family: "Roboto-Condensed-Light"; font-size: 0.9em; color: #333; }

.quick-slip-odds-changes-wrapper-freebet { background-color: #f6f6f6; }
.quick-slip-odds-changes-wrapper-chain { background-color: #92c8fe; }

.quick-slip-freebet-wrapper { background-color: #3b983b; overflow: hidden;  padding: 0em 1em; min-height: 34px; margin: 0px 2px; }
.quick-slip-freebet-wrapper span { line-height: 32px; font-family: "Roboto-Condensed-Light"; font-size: 0.9em; color: #333; }

.quick-slip-btn-place-bet, .quick-slip-btn-confirm { display: inline; background-color: rgb(255, 188, 27); color: #000; font-weight: bold; border: none; height: 100%; cursor: pointer; padding: 1em; }
.quick-slip-btn-place-bet { width: 100%; }
.quick-slip-btn-confirm { width: 50%; }
.quick-slip-btn-edit { display: inline; background-color: #212121; color: #fff; text-align: center; font-weight: 500; border: none; width: 50%; height: 50%;  padding:1em; }
.quick-slip-btn-accept-odds { display: inline; background-color: rgb(255, 100, 2); color: #fff; font-weight: bold; border: none; width: 100%; height: 100%; cursor: pointer; padding: 1em; }

.quick-slip-freebet-btn-place-bet, .quick-slip-freebet-btn-confirm { background-color: #3b983b !important; }
.quick-slip-chain-btn-place-bet, .quick-slip-chain-btn-confirm { background-color: #006eb4 !important; }

.overflow-hidden { overflow: hidden; height: 100%!important; }
.leagueseparator { display: block; background-color: #787878; height: 20px; line-height: 20px; color: #FDFCF9; font-weight: bold; }

.sportmenu { display: block; background-color: #FCFFAE; font-family: "Roboto-Condensed"; font-size: 1.2em; box-shadow: inset 0 1px 5px #141414; position: relative; color: rgb(44, 44, 44); }
.sportmenu ul { list-style-type: none; margin: 0; padding: 0; width: 100%; white-space: nowrap; }
.sportmenu li { display: block; padding: 1em 0.5em; border-bottom: 1px solid #A2A471; }

/*DELETE AFTER CHECK*/
.top-menu-block { width: 100%; overflow: hidden; white-space: nowrap; background-color: #27323C; }
.top-menu-item,.top-menu-item-prematch { position: relative; float: left; width: 33%; text-align: center; padding: 10px 0px 10px 0px; color:#ffa500; background-color: #27323C; font-family: "Roboto-Condensed-Light"; font-size: 1em; cursor: pointer; }
.top-menu-item-disable { background-color: #1D252D!important; color: #623f00!important; }
.top-menu-item-prematch { border-left: 1px solid #000; border-right: 1px solid #000; width: 33.33%; }
/*DELETE AFTER CHECK*/

.top-menu-wrapper { width: 100%; overflow: hidden;  white-space: nowrap; background-color: #27323C; text-align: center; }
.top-menu-block-wrapper { display: block; width: 90%; float: left; }
.top-menu-block-main { width: 100%; display: inline-block; text-align: center; overflow: hidden; position: relative; vertical-align: top; }
.top-menu-block-aux { width: 100%; display: inline-block; text-align: center; overflow: hidden; position: relative; vertical-align: top; visibility: hidden; }
.top-menu-block-main a { position: relative; display: inline-block; width: 33%; padding: 0.9em 0; color:#ffa500; background-color: #27323C; font-family: "Roboto-Condensed-Light"; font-size: 1em; cursor: pointer; vertical-align: top; line-height: 1.5em; }
.top-menu-block-main a:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000;}
.top-menu-block-aux a { position: relative; display: inline-block; width: 33%; padding: 0.9em 0; color:#ffa500; background-color: #27323C; font-family: "Roboto-Condensed-Light"; font-size: 1em; cursor: pointer; vertical-align: top; line-height: 1.5em;}
.top-menu-block-aux a:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000;}
.top-menu-arr-left-wrapper,.top-menu-arr-right-wrapper { width: 5%; display: block; position: relative; float: left; }
.top-menu-arr-left,.top-menu-arr-right { position: relative; padding: 0.2em 2.3%; color: #ffa500; font-size:2em; font-weight: bold; cursor: pointer; z-index: 1; line-height: 1em; }
.top-menu-arr-left { left: 0; display: block; }
.top-menu-arr-right { right: 0; display: block; }

.sticky-element {
	width: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	position: relative;
	-webkit-transform:translateZ(0);
	z-index: 3;
}

.stick {
	margin-top: 0;
	position: fixed;
	top: 0;
	z-index: 3;
}

.sticky-element.user-menu-is-open
{
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

.sticky-element.slip-panel-is-open
{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

.sticky-group-element, .sticky-group-element-active, .sticky-group-element-before { -webkit-transform: translateZ(0); }
.sticky-group-element-active { z-index:3; }
.sticky-group-element { z-index: 5; position: relative; }
.sticky-group-element-before { z-index: 3; } 

.threecols { width: 33.3%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }
.threecols:last-child { border: 0; }
.twocols { width: 50%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }
.twocols:last-child { border: 0; }
.fourcols { width: 25%; float: left; border-right: 1px solid #dadada; box-sizing: border-box;}
.fourcols:last-child { border: 0; }


.prematch-outcomes-main-columns { display: flex; flex-direction: row; }
.prematch-outcomes-main-columns > div { width: 100%; border-right: 1px solid #dadada; box-sizing: border-box; }
.prematch-outcomes-main-columns > div:last-child { border-right: none; }
.prematch-outcomes-columns { width: 100%; float: left; }
.prematch-outcomes-columns-2>div { width: 50%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }
.prematch-outcomes-columns-3>div { width: 33.3%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }
.prematch-outcomes-columns-4>div { width: 25%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }

.live-bets-outcomes-columns { width: 100%; float: left; }
.live-bets-outcomes-columns-2>div { width: 50%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }
.live-bets-outcomes-columns-3>div { width: 33.3%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }
.live-bets-outcomes-columns-4>div { width: 25%; float: left; border-right: 1px solid #dadada; box-sizing: border-box; }

#live_bets_event_header_maps { display: none; }
.live-bets-header-soccer,.live-bets-header-tennis,.live-bets-header-basketball,.live-bets-header-volleyball,.live-bets-header-hockey,.live-bets-header-esports, .live-bets-header-table-tennis, .live-bets-header-handball { display: block; position: relative; overflow: hidden; clear: both; background-size: 100% auto; z-index:4; }

.live-bets-header-blackout {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.55);
}
.live-bets-header-soccer { 
	background-color: #387242;
	background: url('../images/live_header_soccer_background.jpg') no-repeat;
	background-size: cover;
	
}

.live-bets-header-tennis { 
	background-color: #98C325;
	background: url('../images/live_header_tennis_background.jpg') no-repeat;
	background-size: cover;
}

.live-bets-header-basketball { 
	background-color: #C8640F;
	background: url('../images/live_header_basketball_background.jpg') no-repeat;
	background-size: cover;
}

.live-bets-header-volleyball { 
	background-color: #ba5757;
	background: url('../images/live_header_volleyball_background.jpg') no-repeat;
	background-size: cover;
}

.live-bets-header-esports { 
	background-color: #67009c;
	background: url('../images/live_header_esports_background.jpg') no-repeat;
	background-size: cover;
}

.live-bets-header-handball { 
	background-color: #367fa1;
}

.live-bets-header-table-tennis {
	background-color: #4eaedb;
}

.live-bets-header-ice-hockey { 
	background-color: #a9d0d4;
	background: url('../images/live_header_ice_hockey_background.jpg') no-repeat;
	background-size: cover;
}

.live-bets-header img { width: 100%; visibility: hidden; }
.live-bets-header-info { position: relative; width: 100%; }
.live-bets-header-cols { float: left; text-align: center; width: 33.33%; }
.live-bets-header-team,.live-bets-header-time,.live-bets-header-status,.live-bets-header-score { display: block; }
.live-bets-header-team { position: relative; font-family: "Roboto-Condensed"; font-size: 1.2em; margin: 0.75em 0.2em; color: #fff; }
.live-bets-header-time { font-family: "Roboto-Bold"; font-weight: 100; margin-bottom: 0.5em; color: #fff; }
.live-bets-header-status { font-family: "Roboto-Bold"; font-size:0.75em; margin-bottom: 0.5em; color: #ffe300; text-transform: uppercase; }
.live-bets-header-score { font-family: "Roboto-Condensed"; font-size: 1.2rem; font-weight: 900; color: #ffffff; display: block; margin: 0.5em 0; }
.live-bets-header-score span { display: inline-block; background-color: #000; color: #fff; padding: 0 0.25em; border-radius: 5px; margin: 0 0.25em; width: 1.2em; }
/* .live-bets-header-tennis-score {  margin: 0.3em 0 0.1em; }
.live-bets-header-volleyball-score { margin: 0em 0 0.1em; }
.live-bets-header-table-tennis-score { margin: 0em 0 0.1em; }
.live-bets-header-handball-score { margin: 0em 0 0.1em; }
.live-bets-header-esports-score { margin: 0em 0 0.1em; }
.live-bets-header-hockey-score {  margin: 0.3em 0 0.1em; }
.live-bets-header-basketball-score { margin: 0em 0 0.1em; } */
.live-bets-header-set-wrapper { position: relative; clear: both; display: inline-block; background-color: #000; opacity: 0.75; border-radius: 5px; margin: 0 auto 0.5em; padding: 0.3em 0em; font-size: 1rem; left: 50%; transform: translateX(-50%); }
.live-bets-header-period { display: inline-block; font-family: "Roboto-Condensed-Light"; font-size: 0.8em; padding: 0em 1em;  opacity: 1; color: #fff; }
.live-bets-header-period-score { display: block; padding: 0.5em 0 0; text-align: center; font-size: 0.8rem; font-weight: 600; font-family: "Roboto-Condensed"; border-top: 3px solid transparent; }
.live-bets-header-period-score span { margin-top: 0.1em; display: inline-block; }
.js-live-match-header-active-period { border-top: 3px solid #ffa500; }
.js-live-match-period-hidden-column { display: none!important; }

.live-bets-header-league {
	position: relative;
	width: 100%;
	z-index: 5;
	/* color: #ffe100; */
	color: #e8e2b4;
	font-family: "Roboto-Condensed";
	font-size: 0.8rem;
	padding: 0.2em 0em;
	/* text-shadow: 0px 2px 1px #000; */
	text-align: center;
}

.live-bets-block-wrapper { display: block; clear: both; position: relative; cursor: pointer; z-index:2; }
.live-bets-group-name-wrapper { background-color: #F6F6F6; display: block; border-top: 1px solid #E3E3E3; padding: 0 1em; overflow: hidden; /* box-shadow: 0px 2px 3px #777;*/ box-shadow: 0px 1px 0.5px #dadada; }
.live-bets-group-name { font-family: "Roboto-Condensed"; font-weight: 700; font-size: 1em; max-width: 80%; position: relative; float: left; margin: 1em 0; }

.js-odds-market-disabled { opacity: 0.4; }
.js-odds-market-hidden { opacity: 0.4; }
.js-odds-market-controls { display: none; position: relative; float: right; }
.js-odds-outcomes-content { background-color: #FFFFFF; overflow: hidden; cursor: pointer; z-index: 1; }
.js-odds-market-outcome-disabled { opacity: 0.4; }
.live-bets-outcome-slip { background-color: #ffa500; box-shadow: inset 0 0 3px #353535!important; }
.live-bets-outcome-transfer { border: 2px dotted black; z-index: 2; }

.live-bets-outcome { display: block; position: relative; overflow: hidden; box-shadow: 0 0 1px #dadada; line-height: 1.2em; padding: 0 0.5em; box-sizing: border-box; margin-bottom: 1px; }

.live-bets-outcome-name { position: relative; float: left; font-family: "Roboto-Condensed-Light"; display: block; white-space: nowrap; max-width: 60%; overflow: hidden; margin: 1em 0; }
.live-bets-outcome-name span { margin-left: 1em; }
.live-bets-outcome-name div { display: inline-block; }
.js-odds-outcome-odds,
.js-matches-list-odds-outcome-odds { font-family: "Roboto-Condensed-Light"; font-weight: 600; display: block; float: right; position: relative; margin: 1em 0; }

.js-live-match-header-team-serve {
	/* color: #ffa500; */
}

.js-live-match-header-team-serve::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ffa500;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	-moz-animation: js-live-match-header-team-serve 0.8s linear infinite;
	animation: js-live-match-header-team-serve 1.5s linear infinite;
}

@keyframes js-live-match-header-team-serve {
	0% { transform: scale(1); }
	50% { transform: scale(1); }
	60% { transform: scale(1.2); }
	70% { transform: scale(1); }
	80% { transform: scale(1.2); }
	90% { transform: scale(1); }
	100% { transform: scale(1); }
}

.live-bets-controls-wrapper {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.live-bets-sound-volume-toggle {
	position: relative;
	float: left;
	margin: 0.5em;
	width: 24px;
	height: 24px;
	background: url('../../images/icon-sound-volume.png') no-repeat;
	background-size: 24px 120px;
	clear: both;
}

.live-bets-sound-volume {
	border-width: 1px;
	border-style: solid;
	border-color: #333 #333 #777 #333;
	border-radius: 25px;
	width: 70%;
	position: absolute;
	clear: both;
	height: 4px;
	background-color: #333;
	box-shadow: inset 0 1px 5px 0px rgba(0, 0, 0, .5), 0 1px 0 0px rgba(250, 250, 250, .5);
	text-align: center;
	font-family: "Roboto-Condensed";
	font-size: 0.8em;
	text-transform: uppercase;
	margin: 0 15% 4px 15%;
	z-index: 5;
	letter-spacing: 2px;
	display: none;
	bottom: 10px;
}

.ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: url('/images/handle.png') no-repeat 50% 50%;
	font-weight: bold;
	color: #1C94C4;
	outline: none;
	top: -11px;
	margin-left: -12px;
}

.ui-slider-range {
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffa500 0%, #b17d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa500), color-stop(100%,#b17d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffa500 0%,#b17d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffa500 0%,#b17d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffa500 0%,#b17d00 100%); /* IE10+ */
	background: linear-gradient(top,  #ffa500 0%,#b17d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa500', endColorstr='#b17d00',GradientType=0 ); /* IE6-9 */
	position: absolute;
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px;
}

.live-bets-statistics-toggle {
	position: relative;
	float: right;
	margin: 0.5em;
	width: 24px;
	height: 24px;
	background: url('../../images/icon-stat-toggle.png') no-repeat;
	background-size: 24px 24px;
}

.live-bets-statistics-wrapper { display: none;}
.live-bets-statistics-wrapper { background-color: #1d2832; position: absolute; overflow-y: scroll; bottom:0; width: 100%; height: 100%; z-index: 6; }
.live-bets-statistics {  color: #fff; font-family: "Roboto-Condensed-Light"; font-size: 0.8em; margin: 0em 1em; min-height: 100%; }
.live-bets-statistics-close { color: #ffa500; font-family: "Roboto-Condensed"; font-size: 1em; display:block; text-align: center; margin: 1em 0 0; }
.live-bets-statistics table { width: 100%; }
.live-bets-statistics td:first-child { width: 50%; }
.live-bets-statistics td:last-child { width: 50%; text-align: right;}
.live-bets-statistics-filled { border-bottom: 1px solid #835400; } 
.live-bets-statistics-period { font-family: "Roboto"; font-size: 1em; color: #fff; text-align: center!important; border-bottom: 2px solid #ffa500; }
.icon-stat-yc,.icon-stat-rc,.icon-stat-c,.icon-stat-g { background: url('../images/icons-stat.png'); background-size: 10px 40px; width: 10px; height: 10px; position: relative; display: inline-block; }
.icon-stat-yc { background-position: 0 0px;}
.icon-stat-rc { background-position: 0 -10px; }
.icon-stat-c { background-position: 0 -20px; }
.icon-stat-g { background-position: 0 -30px;}

.live-bets-bids-content { display: none; }
.live-bets-bids { background-color: #FFEDD4; color: #323232; font-family: "Roboto-Condensed"; font-size: 0.9em; border-bottom: 1px solid #aaa; }
.live-bets-bids-wrapper { position: relative; display: none; }
.live-bets-bids-active,.live-bets-bids-all,.live-bets-bids-buyback {
	display: block;
	padding: 0.5em;
}
.live-bets-bids-slip-data,
.live-bets-bids-market-data {
	display: block;
	overflow: auto;
	clear:both;
}

.clearfix {
	clear: both;
}
.live-bets-bids-block {
	width: 100%;
}
.live-bets-bids-toggle {
	display: block;
	background-color: #ceb591;
	color: #000;
	font-size: 1em;
	font-family: "Roboto-Condensed";
	padding: 0.5em 0.5em;
	border-bottom: 1px solid #999;
}
.live-bets-bids-icon-collapse { position: absolute; right: 0.5em; top: 0.35em; cursor: pointer; background: url("../images/icon-collapse-black.svg"); background-size: 1.5em 1.5em; width: 1.5em; height: 1.5em; transform: rotate(0.5turn); transition-duration: 0.5s; }
.live-bets-bids-icon-collapse::after {
	clear: both;
}
.live-bets-bids-slip-id {
	color: #0167A8;
	font-size: 1em;
	font-weight: 900;
	padding: 0.5em 0em 0.25em 1em;
	position: relative;
	float: left;
}

.live-bets-bids-amount {
	font-weight: 600;
	color: #000;
	float: right;
	padding: 0.5em 1em 0.25em;
}

.live-bets-bids-market-name {
	font-family: "Roboto-Condensed";
	float: left;
	font-size: 1em;
	font-weight: 600;
	padding: 0.5em 1em 0.5em;
}
.live-bets-bids-odds {
	float: right;
	padding: 0.5em 1em 0.25em;
}
.live-bets-bids-outcome-name {
	font-style: italic;
	float: left;
	padding: 0.5em 1em 0.5em;
}

.live-bets-bids-bid {
	padding: 0.5em 1em 0.5em;
	float: right;
}

.js-live-match-bid-negative, 
.js-live-match-bid-positive { 
	position: relative;
	border-radius: 3px;
	padding: 0.25em 1em;
	color: #fff;
	overflow: visible;
}

.js-live-match-bid-negative::before, 
.js-live-match-bid-positive::before { 
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	top: 0;
	left: 0;
	animation: ani-sonar-effect 1s ease-in-out .1s infinite;
}

.js-live-match-bid-negative { background-color: #bf3232; color: #fff; }
.js-live-match-bid-positive { background-color: #498449; color: #fff; }

@keyframes ani-sonar-effect {
  0% { opacity: 0.3; }
  40% {	opacity: 0.5; box-shadow: 0 0 1px 2px #fff; }
  100% { box-shadow: 0 0 1px 2px #fff; transform: scale(1.1); opacity: 0; }
}

.live-bets-bids-proposal { font-family: "Roboto-Condensed"; font-size: 1em; text-align: center;  padding: 0.5em; border-bottom: 1px solid #ECDAC2; }
.live-bets-bids-buyback { border-bottom: 1px solid #ECDAC2; clear: both; overflow: hidden; }
.live-bets-bids-buyback-bet { display: block; position: relative; float: left; width: 60%; font-size: 1em; font-style: italic; line-height: 1.5em; }
.live-bets-bids-buyback a { float: right; border-radius: 3px; color: #fff; font-weight: 400; padding: 2px 5px 1px; box-shadow: 0 1px 1px #000; -webkit-appearance:none; min-width: 30%; text-align: center; }
.live-bets-bids-buyback-red { background-color: #c66969; }
.live-bets-bids-buyback-green { background-color: #498449; }

.live-bets-attention {
	padding: 0.5em;
	background-color: #000;
	color: #ccc;
	font-family: "Roboto-Condensed-Light";
	font-size: 0.6em;
}

.live-bets-hidden { display: none; }

.user-menu { }
.user-menu-login { color: #ffa500; font-family: "Roboto-Condensed"; font-size: 1.2em; position: absolute; right:10px; transform: rotate(-90deg); transform-origin: right bottom; }
.user-menu-login-status { color: green; font-size: 0.7m; }
.user-menu-login-status a { color: green; text-decoration: none; }
.user-menu ul { list-style: none; padding: 0; margin: 1em; }
.user-menu ul li { padding: 1em; position: relative; }
.user-menu ul li a { font-size: 1em; color: #c2c2c2; text-decoration: none; font-family: "Roboto"; }
.user-menu ul li a sup { color: #ffa500; margin: 0 0.25em; font-family: "Roboto-Condensed"; }
.user-menu ul li:hover a { color: #ffa500; }
.user-menu-ad {
	display: block;
	position: absolute;
	background: #ffa500;
	width: 10px;
	height: 10px;
	left: -0.1em;
	top: 1.5em;
	border-radius: 50%;
	-moz-animation: sonar 1s linear infinite;
	animation: sonar 1s linear infinite;
}


@keyframes sonar {
	0% { background: #503300; }
	50% { background: #ffa500; }
	100% { background: #503300; }
}

.user-menu-nologin-item {
	position: relative;
	display: block;
	font-size: 1em;
	font-family: "Roboto-Condensed-Light";
	padding: 1em; 
	text-align: center;
	background-color: #141A1B;
	margin-top: 0.1em;
}

.user-menu-nologin-item a {
	text-decoration: underline;
	color: #ffa500;
}

.user-menu-nologin-item div {
	position: absolute;
	top: 1em;
	left: 1em; 
}

.user-menu-nologin-item i.ticket {
	background: url('../images/icon-mail.png') no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	float: left;
}

.user-menu-nologin-item i.help {
	background: url('../images/icon-help.png') no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	float: left;
}

#user_balance { display: inline; }

.lgrey { color: #c8c8c8; }

h1,h2,h3,h4 { font-family: "Roboto-Condensed"; }
h1 { font-size: 1.2em; background-color: #384450; color: #fff; padding:0.5em 0.3em; margin: 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1em; }
h4 { font-size: 0.8em; }

.slip-icon-close { cursor: pointer; color: #000000; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 3px; }
.slip-icon-close:after { content: "×"; }

.global-hide
{
	display: none;
}

.user-any-noitems-message {
	font-family: "Roboto";
	font-size: 1.2em;
	font-weight: 700;
	color: #ababab;
	text-align: center;
	padding: 0.5em;
}

.user-any-noitems-message span {
	display: block;
	font-size: 0.9em;
	font-family: "Roboto-Condensed";
	padding: 0.3em 2em;
	text-align: center;
	color: #333;
}

.user-any-noitems-message p {
	display: block;
	font-size: 0.9em;
	font-family: "Roboto-Condensed-Light";
	padding: 0.3em 2em;
	text-align: left;
}

.user-any-noitems-message li {
	font-size: 0.9em;
	font-family: "Roboto-Condensed-Light";
	padding: 0.2em 2em 0.2em 0;
	text-align: left;
	list-style-type: square; 
	list-style-position: outside;
}

.user-any-noitems-message a {
	display: block;
	font-size: 1em;
	color: #35C4CF;
	font-family: "Roboto-Condensed-Light";
	padding: 1em 0;
}

.user-any-noitems-message img {
	display: block;
	margin: 0 auto;
}

.user-any-noitems-prematch {
	display: block;
	background: url('../images/user-any-noitems-prematch.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
}

.user-any-noitems-nomoney {
	display: block;
	background: url('../images/user-any-noitems-nomoney.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
}

.user-any-noitems-wait {
	display: block;
	background: url('../images/user-any-noitems-wait.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
}

.user-any-noitems-noitems {
	display: block;
	background: url('../images/user-any-noitems-noitems.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
} 

.user-any-noitems-notickets {
	display: block;
	background: url('../images/user-any-noitems-notickets.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
} 

.user-any-noitems-documents {
	display: block;
	background: url('../images/user-any-noitems-documents.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
} 

.user-any-noitems-affiliate {
	display: block;
	background: url('../images/user-any-noitems-affiliate.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
} 

.user-any-noitems-not-available {
	display: block;
	background: url('../images/user-any-noitems-not-available.svg') no-repeat;
	width: 150px;
	height: 200px;
	margin: 0 auto 1em;
} 

/*
.live-bets-icon-close { cursor: pointer; color: #000000; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 3px; }
.live-bets-icon-close:after { content: "×"; }

.live-bets-icon-down { cursor: pointer; color: white; border: 1px solid #AEAEAE; border-radius: 30px; background: #605F61; font-size: 12px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 5px; }
.live-bets-icon-down:after { content: "\025BD"; }
*/

.live-bets-icon-collapse { cursor: pointer; background: url("../images/icon-collapse.svg"); background-size: 2em 2em; width: 2em; height: 2em; transform: rotate(0.5turn); transition-duration: 0.5s; }
.js-odds-market-controls-toggle-hided { transform: rotate(0turn)!important; transition-duration: 0.5s; }
.live-bets-icon-move { cursor: pointer; background: url("../images/icon-move.svg") no-repeat; background-size: 2em 2em; width: 2em; height: 2em; }
.live-bets-icon-delete { cursor: pointer; background: url("../images/icon-visible.svg") no-repeat; background-size: 2em 2em; width: 2em; height: 2em; }
.live-bets-icon-disabled { cursor: pointer; background: url("../images/icon-lock.svg") no-repeat; background-size: 2em 2em; width: 2em; height: 2em; }

.live-bets-icon-bet-expand, .live-bets-icon-bet-delete, .live-bets-icon-bet-move,.live-bets-icon-bet-disabled { display: block; position: relative; float: right; margin: 0.5em 0.1em; }

.live-bets-block-move-target { background-color: #ffa500; opacity: 0.5; height: 50px; }
.live-bets-block-move { border-style: dashed; border-width: 2px; border-color: #ffa500; }

/*
.live-bets-odds-changed-up { color: green; }
.live-bets-odds-changed-down { color: red; }
*/
.live-bets-list-odds-changed-up { color: green; }
.live-bets-list-odds-changed-down { color: red; }

.live-bets-odds-changed-up,.live-bets-odds-changed-down { display: block; top: 0px; position: relative; }
.live-bets-odds-changed-up::before 	 { position: absolute; content:""; width: 8px; height: 8px; background: url("../images/uparr.png") no-repeat; background-size: 8px 8px; top: 3px; left: -10px; }
.live-bets-odds-changed-down::before { position: absolute; content:""; width: 8px; height: 8px; background: url("../images/dnarr.png") no-repeat; background-size: 8px 8px; bottom: 3px; left: -10px; }

.js-odds-market-outcome-in-slip, .js-matches-list-odds-outcome-in-slip { background-color: #ffa500; }
.js-matches-list-odds-market-disabled { opacity: 0.3; }
.js-matches-list-odds-outcome-disabled { opacity: 0.3; }
.js-matches-list-loader
{
	border: 0.5em solid #f3f3f3;
	border-top: 0.5em solid #ffa500;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	animation: live-bets-list-loader 2s linear infinite;
	margin: 15em auto 0;
}

@keyframes live-bets-list-loader
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.live-bets-list-category-name-wrapper { background-color: #FFEDD4; display: block; border-top: 1px solid #F4E8D7; border-bottom: 1px solid #EAD6BA; padding: 0 1em; overflow: hidden; }
.live-bets-list-category-name { font-family: "Roboto-Condensed"; font-weight: 700; font-size: 1em; max-width: 80%; position: relative; float: left; margin: 0.5em 0; }

.live-bets-list-icon-collapse { cursor: pointer; background: url("../images/icon-collapse.svg"); background-size: 2em 2em; width: 2em; height: 2em; transform: rotate(0.5turn); transition-duration: 0.5s; }
.live-bets-list-icon-collapse-closed { transform: rotate(0turn); transition-duration: 0.5s; }
.live-bets-list-icon-bet-expand { display: block; position: relative; float: right; margin: 0.1em 0.1em; }

.live-bets-list-block-wrapper { 
	position: relative; 
	display: block; 
	clear: both; 
	background-color: #f6f6f6; 
	border-bottom: 1px solid #ddd;
	overflow: hidden; 
	cursor: pointer; 
}
.live-bets-list-block-wrapper:last-child { 
	border-bottom: none;
}

.live-bets-list-block { display: block; }
.live-bets-list-block-league {  font-family: "Roboto-Condensed-Light"; position: relative; padding: 0; font-size: 0.8em; line-height: 1.375em; color: gray; }
/*DELETE*/.live-bets-list-block-header {  font-family: "Roboto-Condensed-Light"; position: relative; padding: 0.5em; font-size: 0.8em; line-height: 1.375em; color: gray; }
.live-bets-list-block-sport { display: block; position: relative; float: left; width: 15px; height: 15px; background-color: #000; color: #fff; border-radius: 10px; left:0; text-align: center; }
/*DELETE*/.live-bets-list-block-is-live { background-color: red; border-radius: 3px; padding: 0.1em 0.25em; color: #fff; }

.live-bets-list-block-icons-wrapper { padding: 0.4em 0.5em 0; float: left; position: relative;}
.live-bets-list-block-icons-wrapper-grouping { padding: 0.5em; float: left; position: relative; }
.live-bets-list-block-icon-live {
	background-color: red; 
	border-radius: 3px;
	color: #fff;
	font-family: "Roboto-Condensed";
	text-align: center;
	line-height: 1.7em;
	display: block;
	width: 2.2em;
	height: 1.5em;
	font-size: 0.7em;
}
.live-bets-list-block-icon-tracker-soccer, .live-bets-list-block-icon-tracker-tennis, .live-bets-list-block-icon-tracker-basketball, .live-bets-list-block-icon-tracker-volleyball, .live-bets-list-block-icon-tracker-ice-hockey, .live-bets-list-block-icon-tracker-esports, .live-bets-list-block-icon-tracker-table-tennis, .live-bets-list-block-icon-tracker-handball {
	display: none;
	width: 2.2em;
	height: 1.5em;
	font-size: 0.7em;
	background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available.gif") no-repeat scroll 0% 0% / 2.2em 1.5em;
}

.live-bets-list-block-icon-tracker-soccer { background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available_soccer.gif") no-repeat scroll 0% 0% / 2.2em 1.5em; }
.live-bets-list-block-icon-tracker-tennis { background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available_tennis.gif") no-repeat scroll 0% 0% / 2.2em 1.5em; }
.live-bets-list-block-icon-tracker-basketball { background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available_basketball.gif") no-repeat scroll 0% 0% / 2.2em 1.5em; }

.live-bets-list-block-icon-video-soccer, .live-bets-list-block-icon-video-tennis, .live-bets-list-block-icon-video-basketball, .live-bets-list-block-icon-video-volleyball, .live-bets-list-block-icon-video-ice-hockey, .live-bets-list-block-icon-video-esports, .live-bets-list-block-icon-video-table-tennis, .live-bets-list-block-icon-video-handball {
	display: none;
	width: 2.2em;
	height: 1.5em;
	font-size: 0.7em;
	background: rgba(0, 0, 0, 0) url("/images/live_mt_video_available.gif") no-repeat scroll 0% 0% / 2.2em 1.5em;
}
.live-bets-list-block-icons-wrapper .live-bets-list-block-icon-live,.live-bets-list-block-icon-tracker-soccer,.live-bets-list-block-icon-tracker-tennis, .live-bets-list-block-icon-tracker-basketball, .live-bets-list-block-icon-tracker-volleyball, .live-bets-list-block-icon-tracker-ice-hockey, .live-bets-list-block-icon-tracker-esports, .live-bets-list-block-icon-tracker-table-tennis, .live-bets-list-block-icon-tracker-handball {	margin: 1em 0; }
.live-bets-list-block-icons-wrapper-grouping .live-bets-list-block-icon-live,.live-bets-list-block-icon-tracker-soccer, .live-bets-list-block-icon-tracker-tennis, .live-bets-list-block-icon-tracker-basketball, .live-bets-list-block-icon-tracker-volleyball, .live-bets-list-block-icon-tracker-ice-hockey, .live-bets-list-block-icon-tracker-esports, .live-bets-list-block-icon-tracker-table-tennis, .live-bets-list-block-icon-tracker-handball { margin: 0.4em 0; }

.live-bets-list-block-league { text-overflow: ellipsis; overflow: hidden; }
/*DELETE*/.live-bets-list-block-teams { padding: 0.5em; float: left; position: relative; max-width: 70%; }
.live-bets-list-block-teams-wrapper { padding: 0.5em; float: left; position: relative; max-width: 60%; border-left: 1px solid #cecece; }
.live-bets-list-block-team-name { font-family: "Roboto-Condensed"; font-weight: 900; font-size: 1.2em; color: #3e3e3e; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/*DELETE*/.live-bets-list-block-status { position: relative; display: block; padding: 0.5em; float: right; color: gray; }
.live-bets-list-block-status-wrapper { position: relative; display: block; padding: 0.5em; float: right; color: gray; margin-top: 0.5em; margin-top: 1em; }
.live-bets-list-block-status-wrapper-grouping { position: relative; display: block; float: right; color: gray; padding: 0.8em 0.5em 0.5em!important; }
.live-bets-list-block-score { float: right; font-family: "Roboto-Bold"; font-size:1.2em; display: block; }
.live-bets-list-block-text { font-family: "Roboto-Condensed"; font-size: 0.8em; display: block; text-align: right; }
.live-bets-list-sport-name { font-family: "Roboto-Condensed-Light"; font-size: 1.2em; padding: 0.5em 0; width: 100%; text-align: center; }

.live-bets-list-block-time-changed { color: #ffa500; }
.live-bets-list-block-score-changed { color: green; }
.live-bets-list-block-text-changed { color: #ffa500; }


.live-bets-list-switcher-wrapper {
	display: block;
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	background: #000;
}
.live-bets-list-switcher {
	display: block;
	white-space: nowrap;
}

.live-bets-list-switcher-item {
	display: inline-block;
	margin: 1px 0.5px;
	background: #27323c;
	/* background: #394a59; */
	border-radius: 0px;
	position: relative;
	text-align: center;
	min-width: 70px;
	padding: 0.5em;
}

.live-bets-list-switcher-item-icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #cecece;
	clear: both!important;
}

.live-bets-list-switcher-item-name {
	display: block;
	font-size: 1em;
	color: #fff;
	padding: 7px 0 0;
	text-align: center;
	font-family: "Roboto-Condensed-Light";
	text-transform: uppercase;
	white-space: normal;
}

.live-bets-list-switcher-item-count {
	position: absolute;
	top: 0.25em;
	left: calc( 50% + 2em );
	color: #fff;
	font-size: 0.85em;
	font-family: "Roboto";
}

.live-bets-list-show-more {
	background: #ddd;
	text-align: center;
	padding: 1rem 0;
	margin: -0.5rem 0 0;
}
.live-bets-list-show-more span {
	font-family: "Roboto-Condensed";
	font-size: 1em;
	text-transform: uppercase;
	color: #000;
	border-bottom: 5px solid #aaa;
	border-radius: 5px;
}

#live_bets_list_no_events { display: none; }
#js_prematch_bets_list_empty { display: none; }

.soccer-color { background-color: #3FA121; color: #fff; }
.basketball-color { background-color: #E99600; color: #fff; }
.tennis-color { background-color: #DEF314; color: #000; }
.hockey-color { background-color: #B8DBE1; color: #000; }
.volleyball-color { background-color: #C67365; color: #fff; }
.esports-color { background-color: #67009c; color: #fff; }
.table_tennis-color { background-color: #4eaedb; color: #fff; }
.handball-color { background-color: #367fa1; color: #fff; }

.event-block-wrapper { position: relative; clear: both; background-color: #f6f6f6; box-shadow: 0px 4px 8px -2px #626262; overflow: hidden; margin-bottom: 0.4em; cursor: pointer; }
.event-block-info-wrapper { position: relative; overflow: hidden; border-bottom: 3px solid #ffa500; }
.event-block-is-live { background-color: red; border-radius: 3px; margin-left: 5px; padding: 0.1em 0.25em; color: #fff; }
.event-block-status { font-family: "Roboto-Condensed-Light"; position: relative; padding: 0.5em; font-size: 1em; line-height: 1.375em; color: gray; width: 100%; float: left; font-size:0.8em; }
.event-block-info { float: left; margin: 0 1em; }
.event-block-league { text-overflow: ellipsis; overflow: hidden; display: block; }
.event-block-teams { padding: 0.5em; float: left; }
.event-block-team-name { display: block; font-family: "Roboto-Bold"; font-size: 1.2em; color: #3e3e3e; }
.event-block-bets { background-color: #FFF; overflow: hidden; clear:both; }
.event-block-bets-count {position: absolute; right:0; height: 100%; border-left: 2px dotted #a4a4a4; font-family:Roboto-Condensed; font-weight: 900; font-size:1em; padding: 3em 1em 0 1em; background-color: #ececec; color: #5d5d5d; width: 1.5em; }

.sport-icon-floating { float: left; }
.sport-icon-soccer,
.sport-icon-tennis,
.sport-icon-basketball,
.sport-icon-hockey,
.sport-icon-baseball,
.sport-icon-am_football,
.sport-icon-rugby,
.sport-icon-snooker,
.sport-icon-mma,
.sport-icon-volleyball,
.sport-icon-handball,
.sport-icon-esports,
.sport-icon-table_tennis { position: relative; width: 24px; height: 24px; background-color: #000; color: #fff; left:0; text-align: center; background: url('../images/icons-sport.png') no-repeat; background-size: 24px 312px; }
.sport-icon-soccer { background-position: 0 0; }
.sport-icon-tennis { background-position: 0 -24px; }
.sport-icon-basketball { background-position: 0 -48px; }
.sport-icon-hockey { background-position: 0 -72px; }
.sport-icon-baseball { background-position: 0 -96px; }
.sport-icon-am_football { background-position: 0 -120px; }
.sport-icon-rugby { background-position: 0 -144px; }
.sport-icon-snooker { background-position: 0 -168px; }
.sport-icon-mma { background-position: 0 -192px; }
.sport-icon-volleyball { background-position: 0 -216px; }
.sport-icon-handball { background-position: 0 -240px; }
.sport-icon-esports { background-position: 0 -264px; }
.sport-icon-table_tennis { background-position: 0 -288px; }

.js-prematch-default-outcome-content { display: block; white-space: nowrap; overflow: hidden; }

.event-block-variant-name-wrapper { position: relative; float: left; display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #dadada; padding: 0 0.5em; box-sizing: border-box; }
.event-block-variant-name-noborder { border-bottom: none; }
.event-block-variant-name { position: relative; float: left; font-family: "Roboto-Condensed-Light"; display: block; white-space: nowrap; max-width: 60%; overflow: hidden; margin: 1em 0em; text-overflow: ellipsis; line-height: 1.2; }
.event-block-variant-odds-wrapper { display: block; float: right; position: relative; }
.event-block-variant-odds { float: right; font-family: "Roboto-Condensed-Light"; font-weight: 600; display: block; position: relative; margin: 1em 0em; }
.event-block-variant-name span { margin-left: 2em; }

.js-odds-market-outcome-in-slip { background-color: #ffa500; box-shadow: inset 0 0 3px #353535!important; z-index: 1; }
.event-block-variant-transfer {  border: 2px dotted black; z-index: 2; }
.event-block-additions-bets { display: none; overflow: hidden; background-color: #f6f6f6;}
.event-block-additions-bets-marker { position:absolute; width: 5px; height: 100%; background-color: #ffa500; z-index:1; }

.js-prematch-additions-bets-outcome-content { display: block; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
.event-block-additions-bets-collapsible { background-color: #FFFFFF; overflow: hidden; }
.event-block-additions-bets-collapsible ul { list-style: outside none none; margin: 0; padding: 0; }
.event-block-additions-bets-collapsible li { display: block; position: relative; overflow: hidden; padding: 1em; border-top: 1px solid #e3e3e3; }
.event-block-additions-bets-group-name-wrapper { background-color: #F6F6F6; display: block; border-top: 1px solid #f0f0f0; padding: 0 1em; overflow: hidden; }
.event-block-additions-bets-group-name { font-family: "Roboto-Condensed"; font-weight: 700; font-size: 1em; max-width: 80%; margin: 1em 0; }

.js-prematch-outcome-disabled { opacity: 0.4; }
.js-prematch-additions_bets-loaded { background-color: #FFF8AE; }
.event-block-additions-bets-loading { position: absolute; top: 20%; left: 45%; } 

.icon-menu-chains,.icon-menu-bethistory,.icon-menu-deposit,.icon-menu-withdrawal,.icon-menu-transactions,.icon-menu-bonuses,.icon-menu-profile,.icon-menu-affiliate,.icon-menu-settings,.icon-menu-help,.icon-menu-tickets,.icon-menu-logout,.icon-menu-verification, .icon-menu-notifications { cursor: pointer; background-size: 24px 24px; width: 24px; height: 24px; vertical-align:middle; display:inline-block; margin-right: 0.5em; }
.icon-menu-chains { background: url("../images/icon-menu-chains.svg") no-repeat; }
.icon-menu-bethistory { background: url("../images/icon-menu-bethistory.svg") no-repeat; }
.icon-menu-deposit { background: url("../images/icon-menu-deposit.svg") no-repeat; }
.icon-menu-withdrawal { background: url("../images/icon-menu-withdrawal.svg") no-repeat; }
.icon-menu-transactions { background: url("../images/icon-menu-transactions.svg") no-repeat; }
.icon-menu-bonuses { background: url("../images/icon-menu-bonuses.svg") no-repeat; }
.icon-menu-profile { background: url("../images/icon-menu-profile.svg") no-repeat; }
.icon-menu-verification { background: url("../images/icon-menu-verification.svg") no-repeat; }
.icon-menu-notifications { background: url("../images/icon-menu-notifications.svg") no-repeat; }
.icon-menu-affiliate { background: url("../images/icon-menu-affiliate.svg") no-repeat; }
.icon-menu-settings { background: url("../images/icon-menu-settings.svg") no-repeat; }
.icon-menu-help { background: url("../images/icon-menu-help.svg") no-repeat; }
.icon-menu-tickets { background: url("../images/icon-menu-tickets.svg") no-repeat; }
.icon-menu-logout { background: url("../images/icon-menu-logout.svg") no-repeat; }

.icon-affiliate-statistics,.icon-affiliate-referrals,.icon-affiliate-payments,.icon-affiliate-banners { cursor: pointer; background-size: 24px 24px; width: 24px; height: 24px; vertical-align:middle; display:inline-block; }
.icon-affiliate-statistics { background: url("../images/icon-affiliate-statistics.svg") no-repeat; }
.icon-affiliate-referrals { background: url("../images/icon-affiliate-referrals.svg") no-repeat; }
.icon-affiliate-payments { background: url("../images/icon-affiliate-payments.svg") no-repeat; }
.icon-affiliate-banners { background: url("../images/icon-affiliate-banners.svg") no-repeat; }

.sup_balance sup { vertical-align: top; font-size: 8px; }

#user_chains { width: 100%; }
.user-chains-system-block-items { display: none; border-top: 2px dotted #ABABAB; }
.user-chains-system-block-items-loading { display: inline-block; position: relative; height: 2em; margin-left: 40%; margin-top: 1em; }
.user-chains-system-block-items-loading div { position: absolute; width: 0.7em; height: 0.7em; border-radius: 50%; background: #ffa500; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.user-chains-system-block-items-loading div:nth-child(1) { left: 8px; animation: line-loading-step-1 0.6s infinite; }
.user-chains-system-block-items-loading div:nth-child(2) { left: 8px; animation: line-loading-step-2 0.6s infinite; }
.user-chains-system-block-items-loading div:nth-child(3) { left: 32px; animation: line-loading-step-2 0.6s infinite; }
.user-chains-system-block-items-loading div:nth-child(4) { left: 56px; animation: line-loading-step-3 0.6s infinite; }

@keyframes line-loading-step-1
{
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}
@keyframes line-loading-step-2
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(2em, 0); }
}
@keyframes line-loading-step-3
{
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}

.user-chains-block-wrapper { clear: both; position: relative; box-shadow: 0px 4px 8px -2px #626262; overflow: hidden; background-color: #F6F6F6; margin-bottom: 2em; font-family: "Roboto-Condensed"; }
.user-chains-block-header { border-bottom: 1px solid #8aa5c3; overflow: hidden; background-color: #A2BFE0; }
.user-chains-chain-id { color: #0167A8; font-size: 1em; font-weight:900; padding: 0.5em 0em 0.5em 1em; padding-left: 1em; position: relative; float: left; }
.user-chains-system-block-header { width: 100%; overflow: hidden; background-color: #FFEDD4; z-index: 1; }
.user-chains-system-slip-id { color: #0167A8; font-size: 1em; font-weight:900; padding: 0.5em 0em 0.5em 1em; padding-left: 1em; position: relative; float: left; }
.user-chains-system-slip-date { color: #b7b7b7; font-size: 1em; font-family: "Roboto-Condensed"; padding: 1em 0 0 1em; position: relative; float: left; clear: both; }
.user-chains-system-slip-amount,.user-chains-system-slip-amount-won,.user-chains-system-slip-amount-lost,.user-chains-system-slip-amount-inplay {font-family: "Roboto-Condensed"; font-weight: 900; font-size: 1em; padding: 0.5em 0.5em 0.5em 0.75em; }
.user-chains-system-slip-void-bonus-bet-amount { color: #D27777; }
.user-chains-system-slip-amount-won { color: #42B742; float: right; border-bottom-left-radius: 5px; background: #333; }
.user-chains-system-slip-amount-lost { color: #D27777; float: right; border-bottom-left-radius: 5px; background: #333; }
.user-chains-system-slip-amount-inplay { color: #cecece; float: right; border-bottom-left-radius: 5px; }
.user-chains-system-slip-amount { color: #000; position: relative; float: left; padding-left:1em!important; }
.user-chains-system-slip-amount-undefined { clear: both; }
.user-chains-block-add-button { text-align: center; padding: 0.5em 0 0.5em; background-color: #ffa500; color: #303030; font-size: 1.2em; border: 1px solid #ffa500; border-radius: 3px; cursor: pointer; }
.user-chains-block-add-button-disabled { background-color: #bababa; opacity: 0.8; border: 1px solid #bababa; cursor: default; }
.user-chains-system-block-arrow { position: relative; clear: both; text-align: center; height: 1.7rem; background-color: #D8D8D8; border-bottom: 1px solid #a8a8a8; z-index: 3; }
.user-chains-system-block-arrow-element { border-radius: 50%; border: 2px solid; float: right; background-color: #FFEDD4; width: 1em; height: 1em; margin: 0.5em; position: absolute; right: 0; }
.user-chains-system-block-arrow-triangle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(0.35);
	width: 0;
	height: 0;
	border-bottom: solid 55px transparent;
	border-top: solid 30px #a8a8a8;
	border-left: solid 30px transparent;
	border-right: solid 30px transparent;
}

.user-chains-system-block-arrow-triangle:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-bottom: solid 53px transparent;
	border-top: solid 30px #d8d8d8;
	border-left: solid 30px transparent;
	border-right: solid 30px transparent;
	top: -33px;
	left: -30px;
}
.user-chains-system-block-arrow-wm .user-chains-system-block-arrow-element { border-color: #6E6E6E; background-color: #65B452; }
.user-chains-system-block-arrow-wom .user-chains-system-block-arrow-element { border-color: #6E6E6E; background-color: #a85151; }
.user-chains-system-block-arrow-void .user-chains-system-block-arrow-element { border-color: #6E6E6E; background-color: gray; }

.user-chains-system-block-icon-down {
	width: 30px;
	height: 8px;
	background: url("../images/icon-chains-down.svg") no-repeat;
	background-size: 30px 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.user-chains-block-status { position: relative; float: right; padding:0.5em 1em 0.5em 0; width: 70px; }
.user-chains-block-name { width: 70%; position: relative; float: left; clear: both; padding:0.5em 0 0.5em 1em; }
.user-chains-bet { font-size: 0.8em; font-family: "Roboto-Italic"; padding-bottom: 1em; }
.user-chains-bet-time {color: grey; font-size: 0.8em; text-align: right; }
.user-chains-bet-event-name { color: #2a2a2a; font-size: 1.2em; }
.user-chains-bet-odds { font-size: 0.7em; position: relative; float: right; line-height: 0.7em; }
.user-chains-bet-result,.user-chains-bet-result-won,.user-chains-bet-result-lost,.user-chains-bet-result-refund,.user-chains-bet-result-inplay { width: 100%; font-family: "Roboto-Condensed"; font-weight: 900; font-size: 1em; padding: 0; text-align: right; float: right; margin: 0.5em 0;  }
.user-chains-bet-result-won { color: #42B742; }
.user-chains-bet-result-lost { color: #D27777;}
.user-chains-bet-result-refund { color: #D27777; }
.user-chains-bet-result-inplay { color: #D27777; }
.user-chains-bet-result-undefined {clear: both}

.global-button
{
	background-color: #ffa500;
	color: #303030;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	padding: 0.7em 1em;
	border: 0;
	width: 100%;
	border-radius: 5px;
	-webkit-appearance: none;
	box-shadow: 0px 1px 1px black;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
}

.user-chains-new-button { margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; }

.js-user-filters-preset-button-active { 
	color: #000;
	background: #ffa500;
 }
.js-user-filters-preset-button
{
	cursor: pointer;
	border: 1px solid;
	padding: 0.35em 0.5em;
	margin: 0.5em 0.1em;
	border-radius: 5px;
}

#js_user_bets_additional_loading { text-align: center; }
#user_bets_history { width: 100%; }
.js-user-bets-history-block-wrapper { clear: both; position: relative; box-shadow: 0px 2px 2px #ddd; overflow: hidden; margin-bottom: 0.5em; font-family: "Roboto-Condensed"; }
.js-user-bets-history-block-bet { position: relative; border-bottom: 1px solid #ddd; overflow: hidden; background-color: #F6F6F6; }
.js-user-bets-history-block-header { border-bottom: 3px dotted #ABABAB; overflow: hidden; background-color: #FFEDD4; }
.js-user-bets-history-block-name { width: 70%; position: relative; float: left; clear: both; padding:0.5em 0 0.5em 1em; }
.js-user-bets-history-block-status { position: relative; float: right; padding:0.5em 1em 0.5em 0; width: 70px; }
.user-bets-history-bet-time {color: grey; font-size: 0.8em; text-align: right; }
.user-bets-history-bet-event-name { color: #2a2a2a; font-size: 1.2em; }
.user-bets-history-bet { font-size: 0.8em; font-family: "Roboto-Italic"; padding-bottom: 1em; }

.user-bets-history-slip-chain-id { color: #00831d; }

.user-bets-history-bet-result,.user-bets-history-bet-result-won,.user-bets-history-bet-result-lost,.user-bets-history-bet-result-refund,.user-bets-history-bet-result-inplay { width: 100%; font-family: "Roboto-Condensed"; font-weight: 900; font-size: 1em; padding: 0; text-align: right; float: right; margin: 0.5em 0;  }
.user-bets-history-bet-result-won { color: #42B742; }
.user-bets-history-bet-result-lost { color: #D27777;}
.user-bets-history-bet-result-refund { color: #D27777; }
.user-bets-history-bet-result-inplay { color: #D27777; }
.user-bets-history-bet-result-undefined {clear: both}
.user-bets-history-bet-odds { font-size: 0.7em; position: relative; float: right; line-height: 0.7em; }

.user-bets-history-slip-amount,.user-bets-history-slip-amount-won,.user-bets-history-slip-amount-lost,.user-bets-history-slip-amount-inplay {font-family: "Roboto-Condensed"; font-weight: 900; font-size: 1em; padding: 0.5em; }
.user-bets-history-slip-void-bonus-bet-amount { color: #D27777; }
.user-bets-history-slip-amount-won { color: #42B742; float: right; border-bottom-left-radius: 10px; background: #333; }
.user-bets-history-slip-amount-lost { color: #D27777; float: right; border-bottom-left-radius: 10px; background: #333; }
.user-bets-history-slip-amount-inplay { color: #cecece; float: right; border-bottom-left-radius: 10px; }
.user-bets-history-slip-amount { color: #000; position: relative; float: left; padding-left:1em!important; }
.user-bets-history-slip-amount-undefined { clear: both; }
.user-bets-history-slip-id { color: #0167A8; font-size: 1em; font-weight:900; padding: 0.5em 0em 0.5em 1em; padding-left: 1em; position: relative; float: left; }
.js-user-bets-history-block-chain .user-bets-history-slip-id { padding-left: 4em; }
.user-bets-history-slip-chain { position: absolute; z-index: 1; opacity: 0; width: 100%; height: 100%; }
.js-user-bets-history-slip-chain-checkbox { margin: 1em; }
.js-user-bets-history-block-chain .user-bets-history-slip-chain { opacity: 1; }
.user-bets-history-slip-date { color: #b7b7b7; font-size: 1em; font-family: "Roboto-Condensed"; padding: 1em 0 0 1em; position: relative; float: left; clear: both; }
.js-user-bets-history-block-chain .user-bets-history-slip-date { padding: 1em 0em 0em 4em; }
.user-bets-history-slip-type { font-size:1em; white-space: nowrap; float: right; padding: 1em 1em 0 0; font-family: "Roboto-Condensed"; }

.js-user-bets-history-block-in-chain .js-user-bets-history-block-header { background-color: #006eb4; }
.js-user-bets-history-block-in-chain .user-bets-history-slip-id { color: #ababab; }

.js-user-bets-history-block-finished {}
.js-user-bets-history-block-inplay {}
.js-user-bets-history-block-disabled { position: absolute; width: 100%; background-color: #000; height: 100%; z-index: 2; opacity: 0.8; text-align: center; display: none; }
.js-user-bets-history-block-disabled div { color: #ed8600; font-size: 1.2em; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.js-user-bets-history-block-disabled-active { display: block; position: absolute; }

.user-bets-history-icons { display: block; position: absolute; top: 2.8em; right: 0.5em; }
.user-bets-history-icons-oneclick, .user-bets-history-icons-buyback, .user-bets-history-icons-freebet, .user-bets-history-icons-bonusbet { position: relative; float: left; width: 16px; height: 16px; background-color: #000; color: #fff; left:0; text-align: center; background: url("../images/icons-bets.svg") no-repeat; }
.user-bets-history-icons-oneclick { background-position: 0 0px; background-size: 16px;}
.user-bets-history-icons-buyback { background-position: 0 -16px; background-size: 16px;}
.user-bets-history-icons-freebet { background-position: 0 -32px; background-size: 16px;}
.user-bets-history-icons-bonusbet { background-position: 0 -48px; background-size: 16px;}

.user-filters-wrapper { margin-bottom: 0.5em; box-shadow: 0px 1px 5px #333; z-index: 2; }
.user-filters-header { padding: 0 1em; background-color: #cecece; min-height: 24px; color: #666; white-space: nowrap; overflow-y: scroll; }
.user-filters-header span {
	display: inline-block;
	font-family: "Roboto-Condensed";
	font-size: 1em;
}


.user-verification-captcha > div { margin: 0 auto;  }
.user-verification-heading { font-family: "Roboto-Condensed"; font-size: 1.2em; padding:1em 0.5em; margin: 0; text-align: center; }
.user-verification-heading-unverified { color: #303030; }
.user-verification-heading-verified { color: #0cb17d !important; }
.user-verification-description { font-family: "Roboto-Condensed-Light"; font-size: 1em; color: #000; padding:0.5em 1em; margin: 0; background-color: #f3f3f3; }
.user-verification-wrapper { display: block; position: relative; overflow: hidden; }
.user-verification-inputs-wrapper { display: block; position: relative; overflow: hidden; padding: 0 1em; }
.user-verification-request {
	background-color: #ffa500;
	color: #303030;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	padding: 0.7em 1em;
	border: 0;
	width: 100%;
	border-radius: 5px;
	-webkit-appearance: none;
	margin: 0.5em 0;
	box-shadow: 0px 1px 1px black;
	box-sizing: border-box;
}
.user-verification-request:disabled { opacity: 0.5; cursor: wait; }
.user-verification-document-wrapper { display: block; margin: 0em auto 1em; width: 200px; color: #bbb; border: 4px dashed #ddd; border-radius: 5px; position: relative; }
.user-verification-document-wrapper input { opacity: 0; width:0; float: left; }
.user-verification-document-header {display: block; font-family: Roboto; font-size: 1em;  text-align: center; width: 100%; text-transform: uppercase; margin-top: 0.5em; }
.user-verification-document-description { display: block; background-color: #fcf3cd; padding: 0.5em; font-family: "Roboto-Condensed-Light"; font-size: 1em; margin-bottom: 1em; }
.user-verification-document-icon-passport,.user-verification-document-icon-passport-uploaded,.user-verification-document-icon-passport-verified { width: 70px; height: 70px; margin: 0 auto; }
.user-verification-document-icon-passport {background: url("../images/icon-verification-passport.svg") no-repeat; background-size: 70px 70px; }
.user-verification-document-icon-passport-uploaded {background: url("../images/icon-verification-passport-uploaded.svg") no-repeat; background-size: 70px 70px;}
.user-verification-document-icon-passport-verified {background: url("../images/icon-verification-passport-verified.svg") no-repeat; background-size: 70px 70px;}
.user-verification-document-icon-proof_address,.user-verification-document-icon-proof_address-uploaded,.user-verification-document-icon-proof_address-verified { background-size: 70px 70px; width: 70px; height: 70px; margin: 0 auto; }
.user-verification-document-icon-proof_address { background: url("../images/icon-verification-address.svg") no-repeat; background-size: 70px 70px; }
.user-verification-document-icon-proof_address-uploaded { background: url("../images/icon-verification-address-uploaded.svg") no-repeat; background-size: 70px 70px; }
.user-verification-document-icon-proof_address-verified { background: url("../images/icon-verification-address-verified.svg") no-repeat; background-size: 70px 70px; }
.user-verification-document-caption { display: block; font-family: Roboto; font-size: 1em; text-align: center; width: 100%; }
.user-verification-document-uploading { animation: s3-rotate 1s infinite ease; }
.user-verification-document-verified { color: #0cb17d!important; border: 4px dashed #0cb17d!important; /*background-color: #dbefe8!important;*/ }
.user-verification-checkmark { 
	display: none;
	position: absolute;
	top: 0px;
	right: 10px;
}  
.user-verification-checkmark:after{
	content: '';
	display: block;
	
	/*Make it a small rectangle so the border will create an L-shape*/
	width: 12px;
	height: 24px;
	
	/*Add a white border on the bottom and left, creating that 'L' */
	border: solid #93c681;
	border-width: 0 12px 10px 0;
	
	/*Rotate the L 45 degrees to turn it into a checkmark*/
	transform: rotate(45deg);
}

@-webkit-keyframes s3-rotate {
  from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}

@keyframes s3-rotate {
  from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}



.user-filters-select-date,.user-filters-select-type { border:0; background-color: #7b7b7b; color: #cecece; border-radius: 5px; font-family: "Roboto-Condensed"; box-shadow: 0px 1px 1px #000 inset; font-size:1em; text-shadow: 1px 1px #333; margin: 0.5em 0; -webkit-appearance:none; box-sizing: border-box; height: 2em; line-height: 1em; }
.user-filters-select-date { padding: 0.45em; }

@media screen and (-moz-images-in-menus:0) {
	.user-filters-select-date { padding: 0.5em; }
}

.user-filters-select-date { width: 5.4em; }
.user-filters-select-type {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0.45em 1.2em 0.45em 0.5em;
	max-width: 100%;
	background: url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat #7b7b7b;
	background-size: 20px;
	background-position:  right 0px center;
}

.user-filters-icon-filter { cursor: pointer; background: url("../images/icon-filter.svg") no-repeat; background-size: 24px 24px; width: 24px; height: 24px; float: right; margin-top:8px; }

#user_bets_history_no_bets { display: none; }
#user_tickets_list_no_records { display: none; }
#user_bonuses_no_records { display: none; }
#user_promocodes_no_records { display: none; }
#user_notifications_list_no_records { display: none; }
#user_transactions_no_records { display: none; }
.user-transactions-block-wrapper { 
	position: relative;
	box-shadow: 0px 2px 2px #ddd;
	overflow: hidden;
	background-color: #FFEDD4;
	margin-bottom: 0.5em;
	height: 3.3em;
}

/*
.user-transactions-arrow-0 {
	width: 0; 
	height: 0; 
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 10px solid #d1d1d1;
	float: left;
}
.user-transactions-arrow-0::before {
	content:"";
	width: 0; 
	height: 0; 
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-left: 12px solid #f8f8f8;
	float: left;
	position: relative;
	left: -13px;
	top: -28px;
}

.user-transactions-arrow-1 {
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-right: 10px solid #d1d1d1;
	float: left;
}
.user-transactions-arrow-1::before {
	content:"";
	width: 0;
	height: 0;
	border-top: 28px solid transparent;
	border-bottom: 28px solid transparent;
	border-right: 12px solid #f8f8f8;
	float: left;
	position: relative;
	left: 1px;
	top: -28px;
}
*/
.user-transactions-arrow-1-balance {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 1.625em 0.75em 1.625em 0.75em;
	left: -1.5em;
}

.user-transactions-arrow-0-balance {
	width: 0;
	height: 0;
	border-color: #fff #fff #fff #FFEDD4;
	border-width: 1.625em 0 1.625em 0.75em;
	border-style: solid;
	position: absolute;
	left: -0.5em;
}

.user-transactions-time { color: #0167A8; font-size: 0.8em; font-family: "Roboto-Condensed"; padding: 0.15em 0.7em; 	overflow: hidden; position: absolute; }
.user-transactions-description { font-size: 0.7em; font-weight: 100; display: block; overflow: hidden; white-space: nowrap; }
.user-transactions-amount,.user-transactions-balance-wrapper { font-family: "Roboto-Condensed"; font-weight: 900; font-size: 1em; }
.user-transactions-amount { float: left; width: 60%; padding: 1.2em 0.5em; }
.user-transactions-amount span {  }
.user-transactions-balance-wrapper { float: right; background: #fff; height: 100%; position: relative; }
.user-transactions-balance { color: #000; padding: 1.05em 0.5em 0 0.5em; float: right; }

.message-window { display: none; position: fixed; top: 0px; background-color: #000; opacity: 0.9; z-index: 5;  width: 100%; }
.message-window-content { color: #ffa500; font-family: "Roboto-Condensed"; font-size: 1.5em; text-align: center; margin: 1em 0.5em; }

.notification-window-type-0 { display: none; position: fixed; top: 0px; background-color: #000; opacity: 0.9; z-index: 5;  width: 100%; }
.notification-window-type-0-content { color: #ffa500; font-family: "Roboto-Condensed"; font-size: 1.5em; text-align: center; margin: 1em 0.5em; }
.notification-window-type-0-close-wrapper { width: 100%; text-align: center; }
.notification-window-type-0-close { background-color: #ffa500; color: #303030; font-family: "Roboto-Condensed"; font-size: 1.2em; padding: 0.7em 1em; border: 0; width: 40%; border-radius: 5px; -webkit-appearance: none; margin: 0.5em 0; box-shadow: 0px 1px 1px black; box-sizing: border-box; }

.notification-window-type-1
{
	display: none;
	position: fixed;
	top: 1.5em;
	min-height: 1em;
	margin-left: 3.5em;
	background-color: #ffa500;
	opacity: 0.9;
	z-index: 5;
	width: 70%;
	border-radius: 1.5em;
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.notification-window-type-1-content { color: #000; font-family: "Roboto-Condensed"; font-size: 1.5em; text-align: center; margin: 1em 0.5em; }
.notification-window-type-1:after { content: " "; position: absolute; left: -1.5em; top: 0em; border: 1.5em solid; border-color: #ffa500 transparent transparent transparent; }

#notification_window_type_1.user-menu-is-open
{
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	-o-transform: translateX(250px);
	transform: translateX(250px);
}

#notification_window_type_1.slip-panel-is-open
{
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}

.new-chain-button { text-align: right; position: fixed; right: calc(3.5em - 90%); bottom: 1em; width: 90%; height: 2em; z-index: 4; background-color: #006eb4; border-top-left-radius: 1em; border-bottom-left-radius: 1em; padding: 1em 0em 1em 1em; cursor: pointer; }
.new-chain-button.bottom-sticked { bottom: 5em; }
.new-chain-button div { overflow: hidden; text-align: center; font-family: "Roboto-Condensed"; float: left; }
.js-new-chain-button-active { right: 0; }
.new-chain-button-loading { position: absolute; left: 0; width: 13%; margin-left: 1em; height: 3em; margin-top: -0.5em; background: url('../images/icon-chains.svg') no-repeat; background-size: 3em; }
.new-chain-button-create-chain { background-color: #ffa500; width: 15%; margin-top: -1em; height: 2.4em; padding: 0.8em 1em 0.8em 1em; font-weight: bold; position: absolute; right: 0; line-height: 1.2em; }
.new-chain-button-description { font-size: 0.8em; color: #fff; width: 60%; height: 2.5em; margin-left: 13%; position: absolute: left: 10%; }

.user-notifications-list-block-wrapper { display: block; clear: both; position: relative; box-shadow: 0px 4px 8px -2px #626262; overflow: hidden; background-color: #F6F6F6; margin-bottom: 0.5em; }
.user-notifications-list-header { background-color: #FFEDD4; overflow: hidden; clear: both; border-top: 3px dotted #ABABAB; font-family: "Roboto-Condensed"; }
.user-notifications-list-subject { font-size: 1.1em; padding: 0.8em 1em 0.2em 1em; color: #626262; font-family: "Roboto-Condensed-Light"; }
.user-notifications-list-message { font-size: 1.1em; padding: 0.2em 1em 1em 1em; color: #626262; font-family: "Roboto-Condensed-Light"; }
.user-notifications-list-date { font-family: "Roboto-Condensed"; font-size: 1em; color: #B7B7B7; padding: 0.5em 1em 0.5em 1em; float: left; }
.user-notifications-list-status { float: right; font-family: "Roboto-Condensed"; font-size: 1em; padding: 0.5em 1em 0.5em 1em; font-weight: 900; color: #626262; }
.user-notifications-list-status-0 { color: #d27777; }
.user-notifications-list-status-1 { color: #42b742; }

.user-tickets-list-block-wrapper { display: block; clear: both; position: relative; box-shadow: 0px 4px 8px -2px #626262; overflow: hidden; background-color: #F6F6F6; margin-bottom: 0.5em; }
.user-tickets-list-header { display: block; background-color: #FFEDD4; overflow: hidden; clear: both; border-top: 3px dotted #ABABAB; font-family: "Roboto-Condensed"; }
.user-tickets-list-subject { font-size: 1.1em;  display: block; float: left; padding: 0.8em 1em 0.2em; color: #626262; font-family: "Roboto-Condensed-Light"; width: 100%; }
.user-tickets-list-message { font-size: 0.8em;  display: block; float: left; padding: 0.1em 1.3em; color: #626262; font-family: "Roboto-Condensed-Light"; width: 340px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.user-tickets-list-dept { font-size: 1em; color: #0167A8; padding: 0.5em 1em 0em 1em; float: left; }
.user-tickets-list-date { font-family: "Roboto-Condensed"; font-size: 0.8em; color: #B7B7B7; padding: 0em 1em 0.5em 1.3em; clear: both; display: block; }
.user-tickets-list-status { display: block; float: right; font-family: "Roboto-Condensed"; font-size: 1em; padding: 0.5em 1em 0em 1em; font-weight: 900; color: #626262; }

.user-tickets-list-new-button {
	position: fixed;
	right: 1em;
	bottom: 1em;
	width: 4em;
	height: 4em;
	z-index: 3;
	background: url('../images/icon-ticket-write.svg') no-repeat;
}

.user-ticket-block-wrapper, .user-ticket-block-header { display: block; clear: both; position: relative; overflow: hidden; padding: 0 0.5em 1em; box-shadow: 0px 4px 8px -2px #626262;}
.user-ticket-block-wrapper { background-color: #F6F6F6; }
.user-ticket-block-header { background-color: #cecece; z-index:1; } 
.user-ticket-block-header span { display: block; padding: 1em 0.2em 0!important; font-family: "Roboto-Condensed"; font-size: 0.9em; }
.user-ticket-system,.user-ticket-user { width: 70%; position: relative; display: block; padding: 0.5em 0.5em; font-family: "Roboto"; font-size: 1em; font-weight: 300; margin: 0.5em 0.8em; }
.user-ticket-system { background-color: rgb(163, 195, 207); float: left; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

.user-ticket-system::before {
	content: "";
	width: 0;
	height: 0;
	right: 100%;
	bottom: 0px;
	position: absolute;
	border-top: 8px solid transparent;
	border-right: 8px solid rgb(163, 195, 207);
	border-bottom: 0px solid transparent;
}

.user-ticket-user { background-color: #A1D2A1; float: right; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; }

.user-ticket-user::after{
	content: "";
	width: 0;
	height: 0;
	left: 100%;
	bottom: 0px;
	position: absolute;
	border-top: 8px solid transparent;
	border-left: 8px solid #A1D2A1;
	border-bottom: 0px solid transparent;
}

.user-ticket-time { font-size: 0.6em; color: #575757; display: block; }

.user-ticket-input-wrapper, .user-ticket-input-wrapper-message { display: block; position: relative; margin: 0.2em; border-radius: 5px; clear: both; padding: 0.3em; overflow: hidden; background-color: #fff; box-shadow: 0px 1px 1px #000 inset; }
.user-ticket-input-wrapper-message { min-height: 4em; }
.user-ticket-input { font-family: "Roboto"; font-size: 1em; color: #828282; width: 90%; float: left; min-height: 24px; line-height: 24px; }
.user-ticket-send-button { cursor: pointer; background: url("../images/icon-send.svg") no-repeat; background-size: 24px 24px; width: 24px; height: 24px; float: right; }
.user-ticket-messages { font-family:"Roboto-Condensed-Light"; font-size: 1.2em; color: #333; }
.user-ticket-caption { display: block; padding: 1em 0.2em 0!important; font-family: "Roboto-Condensed"; font-size: 0.9em; }

.user-settings-wrapper { background-color: #F6F6F6; display: block; border-top: 1px solid #F0F0F0; }
.user-settings-item { padding: 0.3em 1em; background-color: #cecece; box-shadow: 0 1px 3px #626262; min-height: 34px; }
.user-settings-item-sub:last-child { box-shadow: none; }
.user-settings-item-sub { background-color: #909090; box-shadow: inset 0px 3px 5px #555; }
.user-settings-item select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border:0;
	border-radius: 5px;
	padding: 0.5em 0.5em;
	font-family: "Roboto-Condensed";
	font-size: 1em;
	background-color: #666;
	float: right;
	color: #e1e1e1;
	box-shadow: inset 0px 1px 1px #000;
	max-width: 150px; 
}
.user-settings-item span { display: inline-block; font-family: "Roboto-Condensed"; font-size: 1em; line-height: 32px; max-width: 240px; }
.user-settings-item div { display: inline; font-family: "Roboto-Condensed"; font-size: 1em; line-height: 32px; float: right; }

.user-settings-icon-help { cursor: pointer; position: absolute; right: 0; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: top; margin-top: 3px; display:inline-block; margin-right: 1em; background: url("../images/icon-help.svg") no-repeat; }

.user-settings-tfa-form-confirmation { }
.user-settings-tfa-need-phone-verification { padding: 0.3em 1em; background-color: #fcf3cd; font-family: "Roboto-Condensed"; }
.user-settings-tfa-phone-send-code-wrapper,.user-settings-tfa-phone-code-wrapper,.user-settings-tfa-secret-wrapper { padding: 0.3em 1em; background-color: #fcf3cd; box-shadow: 0 1px 3px #626262; min-height: 34px; font-family: "Roboto-Condensed"; }
.user-settings-tfa-description { display: block; font-family: "Roboto-Condensed-Light"; font-size: 0.8em; color: #000; }
.user-settings-tfa-secret-description { display: block; font-family: "Roboto-Condensed-Light"; font-style: italic; width: 52%; font-size: 1em; color: #000; float: right; }
.user-settings-tfa-secret-description-qr { display: block; float: left; }
.user-settings-tfa-qr-code { position: relative; left: 50%; transform: translate(-50%); }
.user-settings-tfa-secret { text-align: center; clear: both; padding: 0.5em 0; }
.user-settings-tfa-secret a { color: #5CB8CC!important; font-family: "Roboto"; text-decoration: underline; text-align: center; font-size: 1.2em; }
.user-settings-button { 
	display: block;
	width: 100%;
/* 	float: right; */
	border: 0;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	background-color: #ffa500;
	color: #323232;
	cursor: pointer;
	padding: 0.7em 1em;
	margin: 0.2em 0;
	border-radius: 5px;
	box-shadow: 0px 1px 1px black;
	-webkit-appearance: none;
	box-sizing: border-box;
}

.user-settings-button-gray {
	display: block;
	width: 100%;
/* 	float: right; */
	border: 0;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	background-color: #666;
	color: #cecece;
	cursor: pointer;
	padding: 0.7em 1em;
	margin: 0.2em 0;
	border-radius: 5px;
	box-shadow: 0px 1px 1px black;
	-webkit-appearance: none;
	box-sizing: border-box;
}

.user-settings-button:disabled { opacity: 0.5; cursor: wait; }
.user-settings-input {
	display: block;
	width:100%;
	margin: 0.2em 0;
	padding: 0.5em 0.2em;
	font-family: "Roboto-Condensed";
	font-size: 1.5em;
	color: #333;
	border-width: 0px 0px;
	border-color: #5CB8CC;
	border-style: solid;
	border-radius: 5px;
	background-color: #E4FAFF;
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-appearance:none;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	box-sizing: border-box;	
}
.slidercheck-live-wrapper {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.4em 0.5em;
}

.slidercheck-live-wrapper div {
	top: 0!important;
	float: none!important;
}

.slidercheck, .slidercheck-green {
	position: relative;
	display: block;
	float: right;
	top: 7px;
}

.slidercheck input, .slidercheck-green input {
	float: left;
	visibility: hidden;
}

.slidercheck input + label, .slidercheck-green input + label {
	width: 50px;
	border-radius: 25px;
	background-color: #333;
	height: 20px;
	position: relative;
	display: block;
}

.slidercheck input + label:before, .slidercheck-green input + label:before, .slidercheck input+ label:after, .slidercheck-green input+ label:after {
	content: "";
	position: absolute;
	top:0px;
	left:0px;
	bottom:0px;
	display:block;
}

.slidercheck input + label:before, .slidercheck-green input + label:before {
	right: 0px;
	background-color: #666;
	border-radius: 60px;
	transition: background 0.4s;
	box-shadow: inset 0px 1px 1px #333;
}

.slidercheck input + label:after, .slidercheck-green input + label:after {
	width: 22px;
	height: 14px;
	background-color: #e1e1e1;
	border-radius: 100%;
	transition: margin 0.4s;
	top: 3px;
	left: 3px;
	border-radius: 25px;
	box-shadow: 1px 1px 2px #121212;
}

.slidercheck input:checked + label:before {
	background-color: #ffa500;
}

.slidercheck-green input:checked + label:before {
	background-color: #00d800;
}

.slidercheck input:checked + label:after, .slidercheck-green input:checked + label:after {
	margin-left: 22px;
	box-shadow: -1px 1px 2px #121212;
}

#user_affiliate_block
{
	display: none;
}

.user-affiliate-wrapper {
	font-family: "Roboto-Condensed";
}

.user-affiliate-tabs-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; margin-bottom: 0.5em; padding: 0 2px; }
.user-affiliate-tabs { flex: 1 1 auto; position: relative; margin: 0 1px; background: #333; text-align: center; box-sizing: border-box; border-radius: 5px; border: 1px solid #333; box-shadow: 0 1px 3px #777; }
/* .user-affiliate-tabs:last-child { border-right: none; } */
.user-affiliate-tabs div { margin: 0.5em 0 1em; }
.user-affiliate-tabs span { color: #cecece; font-size: 0.8em; position: absolute; bottom: 0.25em; left: 50%; transform: translateX(-50%); }

.user-pay-wrapper { display: block; clear: both; margin-bottom: 1em; box-shadow: 0px 4px 8px -2px #626262; }
.user-pay-item { display: block; clear: both; white-space: nowrap; height: 50px; border-bottom: 1px solid #dedede; }
.user-pay-item:last-child { border-bottom: 0px; }
.user-pay-item-name-index { color: #ffa500; position: relative; top: -0.7em; font-size: 0.7em; }
.user-pay-group-name { display: block; clear: both; background-color: #cecece; color: #000; padding: 0.4em; font-weight: normal;/* box-shadow: 0px 1px 5px #333; */width: 100%; font-family: "Roboto-Condensed-Light"; }


.user-affiliate-message {
	display: block;
	font-family: "Roboto-Condensed-Light";
	font-size:0.8em;
	padding: 0em 0.5em 1em;
}

.user-affiliate-link-caption { width: 100%; color:#626262; font-size: 1.2em; text-align: center; background: #ffa500; padding: 0.25em 0;} 
.user-affiliate-link { width: 100%; padding: 0.5em 0; background: #333; color: #fff; text-align: center; }

.user-affiliate-item {
	display: block;
	padding: 0.5em 0.5em;
	font-size: 1em;
	clear: both;
	overflow: hidden;
	background-color: #e7e7e7;
	border-top: 1px solid #dadada;
}

.user-affiliate-item div {
	float: right;
	font-weight: 600;
}

.user-affiliate-statistics-header {
	display: block;
	font-size:1.2em;
	font-weight: 600;
	margin-top: 1em;
	padding: 0.5em;
}

.user-affiliate-sources-list-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.user-affiliate-sources-list-wrapper th {
	background-color: #e7e7e7;
	text-transform: uppercase;
	font-size: 0.8em;
	border-bottom: 1px solid #dadada;
	padding: 0.5em 0;
}

.user-affiliate-sources-list-wrapper td {
	padding: 0.2em 0.5em;
	text-align: center;
}

.user-affiliate-refferals-list-wrapper { display: none; }

.user-affiliate-refferals-list-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.user-affiliate-refferals-list-wrapper th {
	background-color: #e7e7e7;
	text-transform: uppercase;
	font-size: 0.8em;
	border-bottom: 1px solid #dadada;
	padding: 0.5em 0;
}

.user-affiliate-refferals-list-wrapper td {
	padding: 0.2em 0.5em;
/* 	text-align: center; */
	border: 1px solid #cecece;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.user-affiliate-refferals-list-wrapper td:nth-child(2) {
	padding: 0.2em 0.5em;
	text-align: center;
	border: 1px solid #cecece;
}

.user-affiliate-paids-list-wrapper { display: none; }

.user-affiliate-paids-list-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.user-affiliate-paids-list-wrapper th {
	background-color: #e7e7e7;
	text-transform: uppercase;
	font-size: 0.8em;
	border-bottom: 1px solid #dadada;
	padding: 0.5em 0;
}

.user-affiliate-paids-list-wrapper td {
	padding: 0.2em 0.5em;
	text-align: center;
	border: 1px solid #cecece;
}

.user-pay-system {
	display: block;
	font-family: "Roboto-Condensed-Light";
	font-size: 1.2em;
	line-height: 3.2em;
	width: 100%;
	float: left;
	text-align: center;
/*	border-bottom: 1px solid #dedede;*/
	height: 50px;
}

.user-pay-icon-help { cursor: pointer; float:left; background-size: 24px 24px; width: 24px; height: 24px; vertical-align: top; margin-top: 1em; display:inline-block; margin-left: 1em; background: url("../images/icon-help.svg") no-repeat; }

.user-pay-system-disabled-description {
	color: #000000;
	display: block;
	font-size: 0.8em;
}

.user-pay-system-disabled-description a {
	color: #000000;
	text-decoration: underline;
}

.user-pay-system-ripple-description
{
	color: #000000;
	font-weight: bold;
}

.user-pay-system-disabled {
	display: block;
	color: #cccccc;
	font-family: "Roboto-Condensed-Light";
	font-size: 1.2em;
	line-height: 1em;
	width: 100%;
	float: left;
	text-align: center;
	border-bottom: 1px solid #dedede;
	height: 50px;
	max-height:50px;
	box-sizing: border-box;
	padding-top: 0.7em;
}

.user-pay-limits { display: inline; float: left; font-family: "Roboto-Condensed-Light"; font-size: 0.8em; font-weight: 600; color: #63b3ce; margin: 1.1em 1em; }
.user-pay-limits span { display: block; }
.user-pay-ps-maximal { display: inline!important; }
.user-pay-maximal { display: inline!important; }

.user-pay-options { display: block; width: 320px; position: absolute; background-color: #fff; left: 320px; height: 50px; }
.user-pay-purses { display: block; width: 320px; position: absolute; background-color: #fff; left: 320px; height: 50px; }
.user-pay-confirm { display: block; width: 320px; position: absolute; background-color: #fff; left: 320px; height: 50px; }

.user-pay-confirm-password-wrapper { display: block; position: relative; overflow: hidden; max-width: 130px; float: left; padding-left: 0.5em; }
.user-pay-confirm-password-wrapper input { margin-left: 0; }

@media screen and (min-width: 360px) {
	.user-pay-system { width: 100% }
	.user-pay-options { width: 100%; left: 100%; }
	.user-pay-purses { width: 100%; left: 100%; }
	.user-pay-confirm { width: 100%; left: 100%; }
}

#user_cps_no_pending_transactions { display: none; }
.user-pay-pending  { 
	padding: 0.5em;
	text-align: center;
}

.user-pay-pending a { 
	display: block;
	font-size: 0.8em;
	color: #35C4CF;
	font-family: "Roboto-Condensed-Light";
	padding: 0.2em 0em;
	margin-bottom: 1em;
	border-bottom: 1px solid #cecece;
}

.user-pay-pending span { 
	display: block;
	font-size: 0.8em;
	color: #333;
	font-family: "Roboto-Condensed";
	padding: 0.2em 0em;
}

.user-pay-amount-available {
	display: block;
	position: absolute;
	color: #64A3A5;
	width: 100%;
	text-align: center;
	margin-top: 3.2em;
	font-size:0.8em;
}

.user-pay-amount-deposit,.user-pay-amount-withdrawal,.user-pay-amount-bt,.user-pay-password,.user-pay-purse,.user-pay-name-on-card {
	display: inline;
	float: left;
	margin: 0.2em;
	padding: 0.5em 0.2em;
	font-family: "Roboto-Condensed";
	font-size: 1.5em;
	color: #333;
	border-width: 0px 0px;
	border-color: #5CB8CC;
	border-style: solid;
	border-radius: 5px;
	background-color: #E4FAFF;
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-appearance:none;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
}

.user-pay-amount-deposit { width: 100px;  }
.user-pay-amount-withdrawal { width: 70px; }
.user-pay-amount-bt { width: 100px; }
.user-pay-password { width: 120px; }
.user-pay-purse { width:200px; margin-left: 0.5em!important; }
.user-pay-name-on-card { width:120px; margin-left: 0.5em!important; }

.user-pay-exp { position: absolute; left: 115px; top: 0.2em; font-family: "Roboto-Condensed"; font-size: 0.78em; color: #5CB8CC; }

.user-pay-currency {
	float: left;
	line-height: 5em;
	font-size: 0.8em;
	font-family: "Roboto-Condensed-Light";
	
}

.user-pay-selector {
	display: inline;
	float: left;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border:0;
	font-family: "Roboto-Condensed";
	font-size: 1.4em;
	margin: 0.75em 0.3em 0.65em;
	padding-right: 10px;
	color: #5CB8CC;
	background: url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat;
	background-size: 20px;
	background-position:  right -5px center;
	max-width: 140px;
}

.user-pay-button {
	display: inline;
	float: right;
	border:0;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	background-color: #ffa500;
	color: #323232;
	cursor: pointer;
	padding: 0.7em 1em;
	margin: 0.2em;
	border-radius: 5px;
	box-shadow: 0px 1px 1px black;
	-webkit-appearance:none;
}

.user-pay-button-back {
	display: inline;
	float: left;
	border:0;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	color: #828282;
	cursor: pointer;
	padding: 0.7em 0.5em;
	margin: 0.2em;
	background-color: transparent;
}

.user-pay-list-wrapper { margin: 1em 0 0; }
.user-pay-list { display: block; margin: 0.5em 0 0; font-size: 1em; font-family: "Roboto-Condensed"; box-shadow: 0px 4px 8px -2px #626262; }
.user-pay-list-header { background-color: #FFEDD4; overflow: hidden; border-bottom: 3px dotted #ababab; }
.user-pay-list-footer { background-color: #f6f6f6; overflow: hidden; }
.user-pay-list-date, .user-pay-list-purse,.user-pay-list-amount,.user-pay-list-system { display: inline; padding: 0.5em; }
.user-pay-list-date { width: 150px; float: left; color: #b7b7b7; display: block!important; min-width: 200px; }
.user-pay-list-purse { float: left; font-weight: 900; color: #64A3A5; }
.user-pay-list-amount { font-weight: 600; float: right; background-color: #333; padding-left: 0.8em; color: #cecece; border-bottom-left-radius: 10px; }
.user-pay-list-system { float: left; }
.user-pay-list-button { border: 0; background-color: #ffa500; padding: 0.2em 1em; border-radius: 5px; font-family: "Roboto-Condensed"; float: right; margin: 0.5em; -webkit-appearance:none; }
.user-pay-list-status { border: 0; font-family: "Roboto-Condensed"; float: right; margin: 0.5em; }

.ui-datepicker { font-family: "Roboto-Condensed"; display: none; }
.ui-datepicker-header { background-color: #27323C; padding: 0.5em; }
.ui-datepicker-header span { color: #ffa500; font-size: 1em;}
.ui-datepicker-next { float: right; }
.ui-datepicker-prev { float: left; }
.ui-datepicker-title { text-align: center; }
.ui-datepicker-title span {color: #cecece; }
.ui-datepicker-month {}
.ui-datepicker-year {}
.ui-datepicker-calendar { background-color: #ededed; border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-family: "Roboto-Condensed"; font-size: 1.2em; border-collapse: collapse; width: 100%; }
.ui-datepicker thead { border-bottom: 1px solid #bbb; }

.ui-datepicker th {
	text-transform: uppercase;
	font-size: 0.4em;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td { padding: 0; border-right: 1px solid #bbb; }
.ui-datepicker tbody td:last-child { border-right: 0px; }
.ui-datepicker tbody tr { border-bottom: 1px solid #bbb; }
.ui-datepicker tbody tr:last-child { border-bottom: 0px; }

.ui-datepicker-week-end { color: #D27777; }
.ui-datepicker-today { background-color: #ffa500; box-shadow: inset 0px 1px 2px #333; }

.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #666666; 
}

.ui-state-highlight { color: #333; }
.ui-state-default { color: #333; }

.blink {
	-moz-animation: blink 2s linear infinite;
	animation: blink 2s linear infinite;
}

@keyframes blink {
	0% { border-color: #f00; }
	50% { border-color: #ffd7d7; }
	100% { border-color: #f00; }
}

.softgamings-lobby-wrapper, .slotegrator-lobby-wrapper {
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(rgb(0, 0, 0), rgb(147, 86, 86), rgb(66, 128, 149), rgb(48, 48, 48)) repeat scroll 0% 0%;
	text-align: center;
	padding-top: 0.5em;
}

.softgamings-lobby-header, .slotegrator-lobby-header, .slots-lobby-header, .skills-lobby-header, .vs-lobby-header, .lc-lobby-header {
	display: block;
	text-align: center;
	background: rgb(24, 31, 38);
	color: #ffa500;
	font-family: "Roboto-Condensed-Light";
	font-size: 1.2em;
	padding: 0.5em 0;
}
.softgamings-lobby-element, .slotegrator-lobby-element {
	display: inline-block;
	position: relative;
	margin: 0.5em;
}

.softgamings-lobby-element:last-child, .slotegrator-lobby-element:last-child { }

.softgamings-lobby-element-img img, .slotegrator-lobby-element-img img {
	width: 135px;
	display: block;
	border-radius: 10px;
	border: 2px solid #ffa500;
}

.softgamings-lobby-element-name, .slotegrator-lobby-element-name {
	display: block;
	font-family: "Roboto-Condensed";
	font-size: 1em;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}

.vs-lobby-wrapper {
	height: 100%;
	background: rgba(0, 0, 0, 0) linear-gradient(rgb(0, 0, 0), rgb(147, 86, 86), rgb(149, 104, 66), rgb(48, 48, 48)) repeat scroll 0% 0%;
	text-align: center;
}
.vs-lobby-element {
	display: inline-block;
	position: relative;
	margin: 0.5em;
}

.vs-lobby-element:last-child { margin-bottom: 1em; } 

.vs-lobby-element-img img {
	width: 135px;
	height: 101px;
	display: block;
	border-radius: 10px;
	border: 2px solid #ffa500;
}

.slots-lobby-wrapper, .skills-lobby-wrapper, .lc-lobby-wrapper {
	width: 100%; 
	height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(0, 0, 0), rgb(103, 187, 197), rgb(200, 193, 123), rgb(48, 48, 48)) repeat scroll 0% 0%; 
    text-align: center;
}

.slots-lobby-element, .skills-lobby-element, .lc-lobby-element {
	display: inline-block;
	position: relative;
	border-radius: 5px;
	margin: 1em 1em 0 1em;
}

.slots-lobby-element:last-child, .skills-lobby-element:last-child, .lc-lobby-element:last-child {
	margin-bottom: 1em;
}

.slots-lobby-element img, .skills-lobby-element img, .lc-lobby-element img {
	width: 100%;
	border: 3px solid #ffa500;
	border-radius: 10px;
}

.user-bonuses-request-cashback-button-wrapper { display: block; position: relative; overflow: hidden; padding: 0 1em; }
.user-bonuses-request-cashback {
	background-color: #ffa500;
	color: #303030; 
	font-family: "Roboto-Condensed"; 
	font-size: 1.2em; 
	padding: 0.7em 1em; 
	border: 0; 
	width: 100%; 
	border-radius: 5px; 
	-webkit-appearance: none; 
	margin: 0.5em 0em 2em 0em; 
	box-shadow: 0px 1px 1px black;
	box-sizing: border-box;
}

.user-bonuses-request-cashback-disabled { opacity: 0.3; }

.user-bonuses-list-wrapper {
	font-family: "Roboto-Condensed"
	font-size: 1.2em; 
}

.user-promocodes-list-wrapper {
	font-family: "Roboto-Condensed"
	font-size: 1.2em; 
}

.user-bonuses-list-item {
	display: block;
	font-size: 1em;
	clear: both;
	overflow: hidden;
	box-shadow: 0 1px 3px #626262;
	min-height: 34px;
	font-family: "Roboto-Condensed";
}

.user-promocodes-list-item {
	display: block;
	font-size: 1em;
	clear: both;
	overflow: hidden;
	box-shadow: 0 1px 3px #626262;
	min-height: 34px;
	font-family: "Roboto-Condensed";
}

.user-promocodes-list-block-wrapper { display: block; clear: both; position: relative; box-shadow: 0px 4px 8px -2px #626262; overflow: hidden; background-color: #F6F6F6; margin-bottom: 0.5em; }
.user-promocodes-list-item-header { background-color: #FFEDD4; overflow: hidden; clear: both; border-top: 3px dotted #ABABAB; font-family: "Roboto-Condensed"; }
.user-promocodes-list-item-title { font-size: 1.1em; padding: 0.8em 1em 0.2em 1em; color: #626262; font-family: "Roboto-Condensed-Light"; font-weight: 600; }
.user-promocodes-list-item-code { font-size: 1.1em; padding: 0.25em 1em 0.5em 1em; color: #0167A8; font-family: "Roboto-Condensed-Light"; }
.user-promocodes-list-item-date { font-family: "Roboto-Condensed"; font-size: 1em; color: #B7B7B7; padding: 0.5em 1em 0.5em 1em; float: left; }


.user-global-information-item
{
	display: block;
	font-size: 1em;
	clear: both;
	overflow: hidden;
/*	box-shadow: 0 1px 3px #626262;*/
	min-height: 34px;
	font-family: "Roboto-Condensed";
}

.user-global-information-item a { color: #ca0000; text-decoration: none; }

.user-global-information-item-title { line-height: 20px; font-family: "Roboto-Condensed"; float: left; max-width: 85%; }
.user-global-information-item-header { background-color: #cecece; border-bottom: 1px solid #bdbdbd; overflow: hidden; padding: 0.3em 1em; }
.user-global-information-item-content { background-color: #eeeeee; padding: 1em; display: none; }

/* .user-promocodes-list-item-header { background-color: #cecece; border-bottom: 1px solid #bdbdbd; overflow: hidden; padding: 0.3em 1em; }
.user-promocodes-list-item span {  }
.user-promocodes-list-item-code,.user-bonuses-list-item-title,.user-bonuses-list-item-amount,.user-bonuses-list-item-status { line-height: 20px; }
.user-promocodes-list-item-code { color: #0167A8; float: left; clear: left; }
.user-promocodes-list-item-title { font-family: "Roboto-Condensed"; float: left; max-width: 85%; } */
.user-promocodes-field-error { border-color: rgb(185, 74, 72)!important; border-style: solid; border-width: 0.1em; } 

.user-bonuses-list-item-header { background-color: #cecece; border-bottom: 1px solid #bdbdbd; overflow: hidden; padding: 0.3em 1em; }
.user-bonuses-list-item span {  }
.user-bonuses-list-item-code,.user-bonuses-list-item-title,.user-bonuses-list-item-amount,.user-bonuses-list-item-status { line-height: 20px; }
.user-bonuses-list-item-code { color: #0167A8; float: left; clear: left; }
.user-bonuses-list-item-title { font-family: "Roboto-Condensed"; float: left; max-width: 85%; }
.user-bonuses-list-item-amount { color: #333; float: right; font-family: "Roboto-Bold"; clear: right; }
.user-bonuses-list-item-status { color: #1ca800; display: block; font-family: "Roboto-Condensed"; font-size: 1.5em; text-align: center; padding: 0.5em 0; }
.user-bonuses-list-item-status-closed { color: #666; }
.user-bonuses-list-item-status-new { color: #2EBCBC; }
.user-bonuses-list-item-status-active { color: #1ca800; }
.user-bonuses-list-item-status-led {
/* 	background-color: #1ca800;  */
	float: right;
	width: 1em;
	height: 0.5em;
	position: relative;
	box-shadow: 0px 1px 3px #434343 inset;
	margin: 0.5em 0;
}

.active {
	-moz-animation: active 2s linear infinite;
	animation: active 2s linear infinite;
}
@keyframes active {
	0% { background-color: #199600; }
	50% { background-color: #22c900; }
	100% { background-color: #199600; }
}

.new {
	-moz-animation: new 2s linear infinite;
	animation: new 2s linear infinite;
}
@keyframes new {
	0% { background-color: #2EBCBC; }
	50% { background-color: #43f8ff; }
	100% { background-color: #2EBCBC; }
}

.closed {
	background-color: #666;
}




.user-bonuses-list-item-details { display: none; background-color: #e7e7e7; }
.user-bonuses-list-item-activity { width: 70%; margin: 0 auto; }
.user-bonuses-list-item-terms {
	width: 100%;
	overflow: hidden;
	padding: 0em 1em;
	font-family: "Roboto-Condensed";
	line-height: 1em;
	font-size: 0.8em;
	box-sizing: border-box;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	background-color: #f0f0f0;
}}
.user-bonuses-list-item-terms h3:first-child { font-size: 1.2em; }
.user-bonuses-list-item-terms span { font-weight:600; margin-bottom: 1em; display: block; }
.user-bonuses-list-item-buttons { clear: both; display: block; padding: 1em 0.5em 1em; overflow: hidden; }
.user-bonuses-list-item-button-accept,.user-bonuses-list-item-button-decline,.user-bonuses-list-item-button-cancel { margin:0 0.5em; border-radius: 3px; line-height: 32px; text-align: center; width: 45%; box-sizing: border-box; box-shadow: 0 1px 2px #626262; font-family: "Roboto"; }
.user-bonuses-list-item-button-accept { background: yellowgreen; color: #fff; float: left;}
.user-bonuses-list-item-button-decline { background: #f82828; color: #fff; float: right; }
.user-bonuses-list-item-button-cancel { background: #4571cc; color: #fff; margin: 0 auto!important; }

.bonus-aux,.bonus-current,.bonus-currency { font-family: "Roboto-Condensed"; }
.bonus-total { fill: #333; font-size: 0.8em; font-family: "Roboto-Bold"; }
.bonus-total-sup { fill: #333; font-size: 0.8em; font-family: "Roboto-Bold"; }
.bonus-current { fill: #626262; font-size: 1em!important; }
.bonus-current-sup { fill: #626262; font-size: 0.8em; }
.bonus-aux { font-size: 0.7em; fill: #999; }
.bonus-currency { font-size: 0.7em; fill: #333; }

#apg-seal-container { position: absolute; right: 0.2em; top:0.2em; }

.user-settings-tfa-need-phone-verification { display: none; }
.user-settings-tfa-phone-code-wrapper { display: none;}
.user-settings-tfa-phone-send-code-wrapper { display: none;}
.user-settings-tfa-secret-wrapper { display: none; }

.confirmation-currency-wrapper
{
	position: fixed;
	top: 0;
	z-index: 4;
	background: rgba(0,0,0,0.9);
	height: 100%;
	display: none;
	width: 100%;
}

.confirmation-currency-vertical-align {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.confirmation-currency-title
{
	font-size: 1.5em;
	color: #ffa500;
	text-align: center;
	padding: 1em 0 0;
	font-family: Roboto;
}

.confirmation-currency-description,.confirmation-currency-attention,.confirmation-currency-confirm-accepting
{
	width: 80%;
	margin: 1em auto 1em; 
	font-family: Roboto-Condensed;
	font-size: 1em;
	color: #cecece;
}

.confirmation-currency-attention
{
	color: #FFFFC0;
	font-size: 1em;
}

.confirmation-currency-confirm-accepting
{
	font-size: 1em;
	color: #cecece;
}
.confirmation-currency-confirm-wrapper { display: block; margin: 0 auto 2em; width: 60%; text-align: center; font-family: Roboto-Condensed; }
.confirmation-currency-reject, .confirmation-currency-accept { display: inline-block; font-size: 1.2em; padding: 0.5em 1em;  margin: 0.5em 0; }
.confirmation-currency-reject { color: #cecece;  background: none; text-decoration: underline; }
.confirmation-currency-accept { color: #333; background-color: #ffa500; border-radius: 5px; text-decoration: none; }

.user-wrapper-iframe { width: 100%; border: 0; }

.help_section_header { line-height: 4em; background-color: #aaaaaa; padding-left: 1em; padding-right: 1em; border-bottom: 1px #555555 solid; font-family: "Roboto-Condensed"; font-weight: 600; }
.help_subsection_header { line-height: 3em; padding-left: 1em; padding-right: 1em; border-bottom: 1px #555555 dotted; background-color: #cccccc; font-family: "Roboto-Condensed"; }
.help_section_content { display: none; padding: 1em 1em 1em 1em; background-color: #fff; color: #000; }
.help_section_content a { color: #ff5100; font-family: "Roboto"; }
.help_subsection_content { display: none; padding: 1em 1em 1em 1em; background-color: #fff; color: #000; }
.help_subsection_content a { color: #ff5100; font-family: "Roboto"; }
.help_subsection_content img { width: 200px; }
.help-payment-system-table { width: 100%; text-align: center; }
.help-payment-system-table td { line-height: 2em; font-size: 0.8em; }
.help-payment-system-table th { font-family: "Roboto-Condensed"; font-weight: 600; }
.help-payment-system { background-color: #cecece; font-family: "Roboto-Condensed"; padding: 0 0.25em; text-align: left; font-size: 1em;}
.help-link { color: #333; text-decoration underline; }

.exchange-input {
	display: block;
	padding: 0.5em 0.2em;
	font-family: "Roboto-Condensed";
	font-size: 1.5em;
	color: #333;
	border-width: 0px 0px;
	border-color: #5CB8CC;
	border-style: solid;
	border-radius: 5px;
	background-color: #E4FAFF;
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-appearance:none;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}
.exchange-output {
	display: block;
	text-align: center;
	border-radius: 5px;
	font-size: 2em;
	background: #111;
	color: #fff;
	line-height: 2em;
	font-family: 'Roboto';
}

.exchange-currencies { display: block; width: 100%; text-align: center; }
.exchange-centering { display: inline; }

.exchange-select {
	display: inline;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border:0;
	font-family: "Roboto-Condensed";
	font-size: 1.4em;
	margin: 0.75em 0.3em 0.65em;
	padding-right: 10px;
	color: #5CB8CC;
	background: url('https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_keyboard_arrow_down_48px-128.png') no-repeat;
	background-size: 20px;
	background-position: right -5px center;
	max-width: 140px;
}
.exchange-arrow {
	display: inline;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2em;
	margin: 0.25em 1.2em;
}
.exchange-button {
	display: block;
	border: 0;
	font-family: "Roboto-Condensed";
	font-size: 1.2em;
	text-align: center;
	background-color: #ffa500;
	color: #323232;
	cursor: pointer;
	padding: 0.7em 1em;
	margin: 0.5em 0;
	border-radius: 5px;
	box-shadow: 0px 1px 1px black;
	-webkit-appearance:none;
} 

.home-banner-scroll { position: relative; background: #000; height: 100vh; }
.home-banner-scroll img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 600px;}
.home-banners-wrapper{ height: 100%; }