@charset "UTF-8";

@import "sprite-loader.css" screen;


/************** GLOBAL **************/
body {
	font-size: 13px;
	line-height: 17px;
	font-family: 'Trebuchet MS', 'Arial Unicode MS', sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	color: #e5e3e3;
	margin: 0;
	padding: 0;
	background-color: #3b3b3b;
}

.preload {
    position: fixed;
    top: 0;
	bottom: 0;
    left: 0;
	right: 0;
	margin: auto;
    display: block;
    background-color: #0567ca;
    z-index: 5000;
    text-align: center;
}
.preload .logo, #html-preloader {
    width: 220px;
	height: 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: none;
}
#slides #sub-preloader {
	z-index: 2000000; 
	position: absolute; 
	width: 100%; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: inherit; 
	background-color: #3b3b3b;
	background-image: linear-gradient(#252527, #60605f);
}

.preload .logo {
	bottom: 145px;
	opacity: 0.9;
}
#html-preloader .spinner, #sub-preloader .spinner {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}

input:focus, textarea:focus, button:focus, select:focus, select, h3, h2, a {  /* removes blue glow that shows on focus on Mac */
	outline: none;
	box-shadow: none;
}
/* forms */
form.thm-1 .inp {
    padding: 1px 0 0 0;
    margin: 0 0 19px 0;
    width: 100%;
    min-height: 25px;
    border: 0;
    border-radius: 5px;
    background-color: #9c9c9b;
    overflow: hidden;
    position: relative;
}
form.thm-1 .inp input, form.thm-1 .inp textarea {
    background: none;
    border: none;
    font-size: inherit;
    font-weight: bold;
	height: 25px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    display: block;
    line-height: 17px;
	color: #545352;
	font-family: inherit;
}
form.thm-1.big .inp input {
    height: 29px;
}
:root input[type="checkbox"] {
	visibility: hidden;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
:root input[type="checkbox"] + label span.chck:before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #888787;
	cursor: pointer;
	border-radius: 4px;
}
input[type="checkbox"]:checked + label span.chck:before {
	background-color: #fbc302;
	background-position: -52px -452px;
}


::-webkit-autofill {
 -webkit-box-shadow:0 0 0 1000px #9c9c9b inset;
 -webkit-text-fill-color:#545352;
  opacity: .9;

}
::-webkit-input-placeholder {
 color: #545352;
 font-weight: bold;
 font-family: inherit;
 opacity: .9;
}
::-moz-placeholder {
 color: #545352!important;
 font-weight: bold; 
 font-family: inherit;
  opacity: .9;

}
::-ms-input-placeholder {
 color: #545352;
 font-weight: bold;
 font-family: inherit;
 opacity: .9;
}

#search ::-webkit-autofill {
 -webkit-text-fill-color:#A9A8A8;
  opacity: .9;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#search ::-webkit-input-placeholder {
 color: #A9A8A8;
 opacity: .9;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#search ::-moz-placeholder {
 color: #A9A8A8!important;
 opacity: .9;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#search ::-ms-input-placeholder {
 color: #A9A8A8;
 opacity: .9;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

button.b-yellow, button.b-grey, button.inactive {
	display: inline-block;
    text-transform: uppercase;
    width: auto;
    -webkit-appearance: button;
    border-radius: 5px;
    background-image: linear-gradient(#bab7b7, #a4a3a3);
    background-color: #ddb641;
    border: 1px solid #505050;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.20);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.17);
    color: #545352;
    font-weight: 900;
    font-size: 12px;
	font-family: inherit;
	margin: 0;
	overflow: hidden;
	padding: 4px 11px 3px 11px;
	line-height: 10px;
	text-rendering: auto;
  	-webkit-font-smoothing: auto;
  	-moz-osx-font-smoothing: auto;
	height: 23px;
	cursor: pointer;
}
button.b-yellow.big, button.b-grey.big, button.inactive.big {
	height: 31px;
	width: 100%;
	font-size: inherit;
}
button.b-yellow {
	background-image: linear-gradient(#ebc334, #cfac33);
}
button.b-yellow:hover {
	background-image: none;
    background-color: #ebc938;
}
button.b-grey:hover {
	background-image: none;
    background-color: #bcbaba;
}
button.inactive {
	background-color: #5d5d5c;
	background-image: none;
	color: #424241;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10);
	box-shadow: none;
	border: 1px solid #3E3E3E;
	cursor: default;
	pointer-events: none;
}
button.mid {
	height: 28px;
}

#info form.documents .uploadlabel {
    display: inline;
    text-transform: uppercase;
    width: auto;
    border-radius: 5px;
    background-image: linear-gradient(#ebc334, #cfac33);
    background-color: #ddb641;
    border: 1px solid #929292;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.20);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.17);
    color: #545352;
    font-weight: 900;
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    overflow: hidden;
    padding: 4px 11px 3px 11px;
    line-height: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    height: 23px;
    cursor: pointer;
}
.ui-accordion .ui-accordion-content {
	padding: 0;
}
ol, ul, li, h1, h2, h3, img {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	border: none;
}
.ui-helper-reset {
	line-height: inherit;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #fbc302;
}
a:hover {
}
a.get-click.clicked {
	color: #fbc302!important;
}
a.inactive {
	pointer-events: none;
	cursor: default;
}
span { 
	display: inline-block;
}

.yellow {
	color: #fbc302!important;
}
.yellow-it {
	font-style: italic;
    color: #fbc302;
    font-weight: bold!important;
}
.gold {
	color: #bfaa65!important;
}
.orange {
	color: #D24A00!important;
}
.l-grey {
	color: #a2a2a2!important; /* mid col on dark bg */
}
.h-grey { color: #292929!important;
}
.bold {
	font-weight: bold!important;
}
.center {
	text-align: center!important;
}
.left {
	text-align: left!important;
}
.right {
	text-align: right!important;
}
.center { 
	text-align: center!important;
}
.no-indent { 
	margin-left: 0!important;
	padding-left: 0px!important;
}
.no-border {
	border: none!important;
}
.indent {
	padding-left: 10px!important;
}
#info .alert { color: #D24A00!important;
}
.separator {
	height: 1px;
	border-bottom: 1px solid #D2D2D2;
	width: 100%;
	margin: 21px 0;
}
table, td { 
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	padding: 0;
	margin: 0;
}
.absolute {
	position: absolute;
	margin: auto;
}
.r-corners {
	border-radius: 5px;
	overflow: hidden;
}
.container {
	display: block;
	width: 100%;
	z-index: 2010;
}

/* locked events */
.locked, .locked #mid .r form.thm-1 .quick-chng .inp:before {
	opacity: 0.5;
	color: #7d7d7d!important;
	pointer-events: none!important;
	cursor: default!important;
}
.locked span, .locked select {
	color: #7d7d7d!important;
	pointer-events: none!important;
	cursor: default!important;
}
td .locked {
	cursor: default!important;
}

/* drop down menu */
.ddm-wrap {
	width: 190px;
	position: absolute;
	top: auto;
	left: auto;
	z-index: 1000;	
	margin-top: 12px;
	visibility: hidden;
}

.dropdown-menu {
	width: 100%;
	min-height: 40px;
	overflow: hidden;
	background-color: #a6a6a5;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.28);
}

.dropdown-menu li {
	min-height: 16px;
	display: block;
	border-top: 1px solid #929090;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.04);
}
.dropdown-menu li:first-child {
	border: none;
	box-shadow: none;
}
.ddm-wrap .dropdown-menu li a:hover {
	background-color: #B2B2B2;
}
.ddm-wrap .dropdown-menu li.current a {
	background-color: #0e69c2;
	color: #fbc302;
	font-weight: 900;
}
.ddm-wrap.languages {
	margin-left: -1px;
}
.ddm-wrap.languages .dropdown-menu li a {
	padding-left: 46px;
	position: relative;
}
.ddm-wrap.languages .dropdown-menu li.current a::before {
	border: 2px solid #0c60b2;	
}
.ddm-wrap.languages .dropdown-menu li a::before {
	content: '';
	width: 24px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 9px;
	margin: auto;
	border-radius: 5px;
	border: 2px solid #9E9E9E;
	overflow: hidden;
}
.ddm-wrap.languages .dropdown-menu li.en a::before {
	background-position: -83px -39px;
}
.ddm-wrap.languages .dropdown-menu li.tr a::before {
	background-position: -83px -4px;
}
.ddm-wrap.languages .dropdown-menu li.ru a::before {
	background-position: -83px -73px;
}
.ddm-wrap.languages .dropdown-menu li.gr a::before {
	background-position: -83px -107px;
}
.ddm-wrap.languages .dropdown-menu li.es a::before {
	background-position: -83px -142px;
}
.ddm-wrap.languages .dropdown-menu li.it a::before {
	background-position: -83px -176px;
}
.ddm-wrap.languages .dropdown-menu li.sh a::before {
	background-position: -83px -210px;
}
.ddm-wrap.languages .dropdown-menu li.ma a::before {
	background-position: -83px -244px;
}
.ddm-wrap.languages .dropdown-menu li.az a::before {
	background-position: -83px -279px;
}
.ddm-wrap.languages .dropdown-menu li.ro a::before {
	background-position: -83px -313px;
}
.ddm-wrap.languages .dropdown-menu li.jp a::before {
	background-position: -83px -348px;
}
.ddm-wrap.languages .dropdown-menu li.sw a::before {
	background-position: -83px -383px;
}
.ddm-wrap.languages .dropdown-menu li.pl a::before {
	background-position: -83px -414px;
}
.ddm-wrap.languages .dropdown-menu li.ch-s a::before {
	background-position: -83px -445px;
}
.ddm-wrap.languages .dropdown-menu li.ch-t a::before {
	background-position: -83px -477px;
}
.ddm-wrap.languages .dropdown-menu li.de a::before {
	background-position: -83px -508px;
}
.ddm-wrap.languages .dropdown-menu li.fr a::before {
	background-position: -90px -1645px;
}
.ddm-wrap.languages .dropdown-menu li.por-b a::before {
	background-position: -90px -1676px;
}
.ddm-wrap.languages .dropdown-menu li.ira a::before {
	background-position: -90px -1707px;
}
.ddm-wrap.languages .dropdown-menu li.arab a::before {
	background-position: -90px -1738px;
}
.ddm-wrap.languages .dropdown-menu li.thai a::before {
	background-position: -90px -1769px;
}
.ddm-wrap.languages .dropdown-menu li.arm a::before {
	background-position: -90px -1800px;
}
.ddm-wrap.languages .dropdown-menu li.geo a::before {
	background-position: -90px -1831px;
}
.ddm-wrap.languages .dropdown-menu li.vie a::before {
	background-position: -90px -1861px;
}
.ddm-wrap.languages .dropdown-menu li.ind a::before {
	background-position: -90px -1890px;
}
.ddm-wrap.languages .dropdown-menu li.por-m a::before {
	background-position: -90px -1920px;
}


.dropdown-menu li a, .ddm-wrap.ac-details .u-details  {
	display: block;
	padding: 6px 10px 6px 6px;
	color: #4c4c4c;
	font-weight: normal;
}
.ddm-wrap.ac-details::before {
	left: auto;
	right: 8px;
}
.ddm-wrap.ac-details {
	z-index: 3100;
	margin-right: -39px;
}
.ddm-wrap.ac-details .u-details {
	background-color: #60605f;
	color: #A9A8A8;
	line-height: 20px;
	border-top: 1px solid #565656;
	box-shadow: none;
}
.ddm-wrap.ac-details .dropdown-menu li:last-child {
	border-top: 1px solid #545454;
}
.ddm-wrap.ac-details .u-details span {
	display: block;
}
.ddm-wrap::before {
	content: '';
	width: 15px;
	height: 8px;
	display: block;
	position: absolute;
	left: 8px;
	top: -7px;
	z-index: 1001;
	background-position: -50px -356px;
}
.ddm-wrap.blue-t::before {
	background-position: -50px -375px;
}


.ddm-wrap.time-range {
	margin: auto;
	margin-top: -120px;
	left: 0!important;
	right: 0!important;	
}
.ddm-wrap.time-range:before {
	left: 0;
	right: 0;
	margin: auto;
}


.ddm-wrap.template2 {
	right: 270px!important;
	margin-top: 10px;
	width: auto;
	z-index: 2600;
	line-height: 20px;
	opacity: .97;
}

.ddm-wrap.template2 .dropdown-menu {
 	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4);	
}
.ddm-wrap.template2:before { 
	left: auto;
	right: 8px;
}
.ddm-wrap.template2 .dropdown-menu ul.cols {
	margin: 12px 7px;
	height: auto;
	display: block;

	-webkit-column-count: 2;
    -moz-column-count: 2;     
	column-count: 2;
	
	-webkit-column-gap: 12px; /* Chrome, Safari, Opera */
    -moz-column-gap: 12px; /* Firefox */
    column-gap: 12px;
	
	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-webkit-column-fill: auto; /* Chrome, Safari, Opera */
	
	-moz-column-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	column-break-inside:avoid;

}
.ddm-wrap.template2.blue-t::before{
	background-position: -50px -356px;	
}
.ddm-wrap.template2 .dropdown-menu li {
	border-top: none;
	box-shadow: none;
}
.ddm-wrap.template2 .dropdown-menu li {
	padding-left: 13px;
	position: relative;
}
.ddm-wrap.template2 .dropdown-menu li:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto; 
	width: 12px;
	height: 12px;
}
.ddm-wrap.template2 .dropdown-menu li.current:before {
	background-position: -68px -454px;
}
.ddm-wrap.template2 .dropdown-menu li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 10px 0px 6px;
}
.ddm-wrap.template2 .dropdown-menu li a:hover {
	background: transparent;
	color: #e5e3e3;
}
.ddm-wrap.template2 .dropdown-menu li.current a, .ddm-wrap.template2 .dropdown-menu li.current a:hover {
	background: transparent;
	color: #FFCC1B;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.20);
	font-weight: normal;	
}


.ddm-wrap.template2.change-league {
	margin-top: 6px;
    margin-right: 1px;
}
.ddm-wrap.template2 h4 {
    margin: 22px 0 12px 0px;
    padding: 0;
    color: #545454;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
    font-size: 17px;
    padding-left: 6px;
}
.ddm-wrap h4:first-child {
	margin-top: 0px;
}

.ddm-wrap.template2.change-league .dropdown-menu ul.cols {
	margin-top: 12px;
}



.ddm-wrap.odds-type {
	margin-left: -6px;
	margin-top: 17px;
	min-height: 10px;
}








/* popups */
.dark-box, .dark-box_2, .dark-box_3, .dark-box_4 {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10000;
	overflow: hidden;
	background-color: #030303;
	opacity: .71;
	text-align: center;
}
.darker {
	opacity: .77;
}
.brighter {
	opacity: .47;
}
.custom-popup form.thm-1 .b-grey, .custom-popup form.thm-1 .b-yellow, .custom-popup_2 form.thm-1 .b-grey, .custom-popup_2 form.thm-1 .b-yellow  {
	margin-bottom: 12px;
}
.custom-popup, .custom-popup_2, .custom-popup_3, .custom-popup_4 {
	visibility: hidden;
	display: block;
	width: 382px;
	min-height: 100px;
	margin: 1px auto 0 auto;
	position: fixed;
	top: 24%;
	left: 0;
	right: 0;
	z-index: 10001;
	background-color: #5d5d5c;
	border-radius: 6px;
	overflow: hidden;
	padding: 2px;
	-webkit-transform: translateZ(0);
}
.custom-popup_2 {
	width: 400px;
}
.custom-popup_3 {
	width: 970px;
}
.custom-popup_4 {
	width: 1260px;
    height: 80%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.custom-popup .p-header, .custom-popup_2 .p-header, .custom-popup_3 .p-header, .custom-popup_4 .p-header {
	min-height: 16px;
	background-color: #adabab;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	font-size: 17px;
	color: #545352;
	font-weight: bold;
	padding: 8px 0 7px 9px;
	background-image: linear-gradient(#b7b4b4, #a4a3a3);
	position: relative;
	border-bottom: 1px solid #505050;
}
.custom-popup .p-header a.p-close, .custom-popup_2 .p-header a.p-close_2, .custom-popup_3 .p-header a.p-close_3, .custom-popup_4 .p-header a.p-close_4 {
    display: block;
    position: absolute;
    top: -3px;
    right: 0px;
    width: 34px;
    height: 35px;
    background-position: -40px -383px;
    overflow: hidden; 
}
.custom-popup .p-content, .custom-popup_2 .p-content, .custom-popup_3 .p-content, .custom-popup_4 .p-content {
	display: block;
	margin: 17px 12px 12px 12px;
	padding: 0;
}
.custom-popup_2 .p-content {
	margin: 0;
    min-height: 200px;
    height: 100%;
    overflow: hidden;
}
.custom-popup_4 .p-content {
	margin: 0;
	min-height: 200px;
}
.custom-popup .forgotten {
	text-align: center;
}

.p-content #info p {
	padding-left: 10px;
	padding-right: 10px;
}
.p-content h3 {
	font-size: 16px;
}
#info .p-content {
    color: #e5e3e3;
    margin-left: 10px;
    margin-right: 10px;
}

/* forgotten pass */
.custom-popup .pass-c, .custom-popup .user-c {
	display: none;
}


/* big popup */
.custom-popup.big {
	width: 870px;
	height: auto;
}
.custom-popup.big h3 {
	color: #e5e3e3!important;
}
.custom-popup.big h3.center {
	display: block;
}
.custom-popup.big .p-content {
	padding: 50px 22px 50px 15px;
}
.custom-popup.big.txt .p-content {
	padding: 17px 22px 12px 15px;
}
.custom-popup.big .opt {
	margin-bottom: 50px;
}
.custom-popup.big .opt:last-child {
	margin-bottom: 0px;
}
.custom-popup.big .p-content.sec-opt p {
	padding-left: 90px;
	position: relative;
}
.custom-popup.big .p-content.sec-opt p:before {
	content: '';
	width: 57px;
	height: 57px;
	border-radius: 7px;
	border: 1px solid #979797;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform:  rotateY(180deg) rotate(45deg) scale(1);
	transition: all 0.25s ease-in-out;
	opacity: .8;
}
.custom-popup.big .opt.sms:hover p:before  {
	transform:  rotateY(180deg) rotate(90deg) scale(1.1);
	transition: all 0.25s ease-in-out;
    border-color: #fbc302;
}
.custom-popup.big .opt.sms:hover h3 {
	color: #fbc302;
}
.custom-popup.big .opt.ga:hover p:before  {
	transform:  rotateY(180deg) rotate(90deg) scale(1.1);
	transition: all 0.25s ease-in-out;
    border-color: #fbc302;
}
.custom-popup.big .opt.ga:hover h3 {
	color: #fbc302;
}
.custom-popup.big .opt.dis:hover p:before  {
	transform:  rotateY(180deg) rotate(90deg) scale(1.1);
	transition: all 0.25s ease-in-out;
    border-color: #fbc302;
}
.custom-popup.big .opt.dis:hover h3 {
	color: #fbc302;
}
.custom-popup.big .p-content .opt p.ico:after {
	content: '';
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	left: 9px;
	top: 0;
	bottom: 0;
	margin: auto;
    background-position: -39px -1971px;	
}
.custom-popup.big .p-content .opt.ga p.ico:after {
    background-position: -39px -2012px;	
}
.custom-popup.big .p-content .opt.dis p.ico:after {
    background-position: -39px -2049px;	
}
.custom-popup.big .p-content button {
	margin-top: 1px;
}




#info .custom-popup.bright, #info .custom-popup_2.bright {
	background-color: #EAEAEA;
}
#info .bright .p-content, #info .bright .p-content p, #info .bright .p-content h3 {
	color: #292929!important;
}
#info .custom-popup.bright .p-header, #info .custom-popup_2.bright .p-header {
    border-bottom: 1px solid #868686;
	}
/**** ANIMATIONS ****/
/*
==============================================
slideDown elastic
==============================================
*/
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: .5s;	
	-webkit-animation-duration: .5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	

	visibility: visible;						
}
 
@keyframes slideDown {
	0% {transform: translateY(-117%);}
	80%{transform: translateY(4%);}
	100% {transform: translateY(0%);}	
}

@-ms-keyframes slideDown {
	0% {-ms-transform: translateY(-117%);}
	80%{-ms-transform: translateY(4%);}
	100% {-ms-transform: translateY(0%);}	
}

@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-117%);}
	80%{-webkit-transform: translateY(4%);}
	100% {-webkit-transform: translateY(0%);}	
}

/*
==============================================
slideUp elastic
==============================================
*/
.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: .6s;	
	-webkit-animation-duration: .6s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	

	visibility: hidden;		

	-webkit-transition: all 0.6s ease;                  
    -moz-transition: all 0.6s ease;                 
    -o-transition: all 0.6s ease;   
    -ms-transition: all 0.6s ease;          
    transition: all 0.6s ease;
		
}


@keyframes slideUp {
	0% {transform: translateY(0%);}
	80%{transform: translateY(4%);}
	100% {transform: translateY(-110%);}	
}

@-ms-keyframes slideUp {
	0% {-ms-transform: translateY(0%);}
	80%{-ms-transform: translateY(4%);}
	100% {-ms-transform: translateY(-110%);}	
}

@-webkit-keyframes slideUp {
	0% {-webkit-transform: translateY(0%);}
	80%{-webkit-transform: translateY(4%);}
	100% {-webkit-transform: translateY(-110%);}	
}



/*
==============================================
slideDown elastic v2
==============================================
*/
.slideDown_2 {
	animation-name: slideDown_2;
	-webkit-animation-name: slideDown_2;	

	animation-duration: .5s;	
	-webkit-animation-duration: .5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	

	visibility: visible;						
}

 
@keyframes slideDown_2 {
	0% {transform: translateY(-250%);}
	80%{transform: translateY(10%);}
	100% {transform: translateY(0%);}	
}

@-ms-keyframes slideDown_2 {
	0% {-ms-transform: translateY(-250%);}
	80%{-ms-transform: translateY(10%);}
	100% {-ms-transform: translateY(0%);}	
}

@-webkit-keyframes slideDown_2 {
	0% {-webkit-transform: translateY(-250%);}
	80%{-webkit-transform: translateY(10%);}
	100% {-webkit-transform: translateY(0%);}	
}

/*
==============================================
slideUp elastic v2
==============================================
*/
.slideUp_2 {
	animation-name: slideUp_2;
	-webkit-animation-name: slideUp_2;	

	animation-duration: .5s;	
	-webkit-animation-duration: .5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: hidden;		

	-webkit-transition: all .5s ease;                  
    -moz-transition: all .5s ease;                 
    -o-transition: all .5s ease;   
    -ms-transition: all .5s ease;          
    transition: all .5s ease;
}

 
@keyframes slideUp_2 {
	0% {transform: translateY(0%);}
	80%{transform: translateY(15%);}
	100% {transform: translateY(-220%);}	
}

@-ms-keyframes slideUp_2 {
	0% {-ms-transform: translateY(0%);}
	80%{-ms-transform: translateY(15%);}
	100% {-ms-transform: translateY(-240%);}	
}

@-webkit-keyframes slideUp_2 {
	0% {-webkit-transform: translateY(0%);}
	80%{-webkit-transform: translateY(15%);}
	100% {-webkit-transform: translateY(-240%);}	
}



/*
==============================================
Show standard
==============================================
*/

.show {
	animation-name: show;
	-webkit-animation-name: show;	

	animation-duration: .25s;	
	-webkit-animation-duration: .25s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	visibility: visible;
}

@keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }	
}



.show-bounce {
	animation-name: show-b;
	-webkit-animation-name: show-b;	

	animation-duration: .325s;	
	-webkit-animation-duration: .325s;

	animation-timing-function: linear;	
	-webkit-animation-timing-function: linear;	
	
	visibility: visible;
}


@-webkit-keyframes show-b {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7);
  }

  50% {
    opacity: 1;
  }
  75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}

@keyframes show-b {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7);
  }

  50% {
    opacity: 1;
  }
  75% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}

/*
==============================================
Hide standard
==============================================
*/
.hide {
	-webkit-transition: all .2s ease-out;                  
    -moz-transition: all .2s ease-out;                 
    -o-transition: all .2s ease-out;   
    -ms-transition: all .3s ease-out;          
    transition: all .2s ease-out;

	opacity: .1	;
	visibility: hidden;

}






.slow{
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
}





/************** TEMPLATE **************/

#mid, #top, #footer {
	min-width: 1220px; /* min layout width */
}
.live-bet #mid, .live-bet #top {
	min-width: 1210px;	 /* live betting */
}

.live-bet #footer {
	min-width: 100%;
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.3);
	clear: both;
}

#mid .r .col-a, #mid .r .col-b, #mid .r .col-c {
	display: table-cell;
	vertical-align: top;
	position: relative;
}

/* main column widths */
#mid .l, #top .i-bar .set-w {  /* left menu */
	width: 207px;
	-webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}
#mid .r  {
	width: 100%;
	position: relative;
}
/* ui-cont column widths */
#mid .r .col-a, #mid .r .col-b, #mid .r .col-c {
	width: auto;
	padding: 8px 8px 0px 8px;
}
#mid .r .col-b, #mid .r .col-c {
	padding-left: 0;
}


#mid .r:before {
	content: '';
	position: absolute;
	top: 17px;
	bottom: 0;
	right: 0;
}
.op #mid .r:before {
	display: none;
}
#mid .r .col-c, #mid .r:before {
	width: 264px;
	min-width: 264px;
	border-left: 1px solid #333;
	padding: 0;
	background-color: #3b3b3b;
	-webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}



#mid .r .col-a table.tbl-a {
	min-width: 459px;
 }
#mid .r .col-b table.tbl-a {
	min-width: 300px; 
}

#mid .r .col-c table.tbl-a {
	width: 100%;
}


#mid .r .col-a .col-b {
	padding: 0;
}



/* top */
#top {
	height: 105px;
	background-color: #0e6bc8;
	border-bottom: 1px solid #393939;
	background-image: linear-gradient(#096EFB,#1050B3);
	position: relative;
	overflow: hidden;
	z-index: 3002;
}
#info #top {
   border-bottom: 1px solid #223D65;
}
#top a.logo, #info #top a.logo {
	display: block;
	width: 172px;
	height: 23px;
	background: url(../img/ui-assets/logo.svg)center center no-repeat;
	background-size: 99.999%;
	position: absolute;
	top: 25px;
	left: 15px;
	opacity: 0.97;
	z-index: 100;
}
#top a {
	font-weight: 900;
	color: #fbfafa;
	font-size: 15px;
}
#top a:hover {
	color: #fbc302;
}
#top ul.nav {
	position: absolute;
	top: 29px;
	left: 0;
	right: 0;
	text-align: center;
	text-transform: capitalize;
	margin-right: -11px;
}
#top ul.nav li, #info #top ul.nav li {
	margin: 0 10px;
}
#top ul.nav a.active, #info #top ul.nav a.active {
	border-radius: 5px;
	padding: 3px 11px 5px 11px;
	background-color: #1a4c98;
	box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.17);
	margin: 0 -11px;
	color: #fbc302;
	white-space: nowrap;
}
#top .auth {
	position: absolute;
	right: 15px;
	top: 26px;
}
#top .auth .signed:hover {
	color: #fbfafa;
}
#top .auth .signed span {
	position: relative;
}
#top .auth .signed span.cash {
	padding-right: 22px;
}
#top .auth .signed span.cash::after{
	content: '';
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
	margin: auto;
	background-position: -50px -417px;
}
#top .auth.logged {
	display: none;
}
#top .auth > * {
	display: inline-block;
	margin-left: 19px;
	white-space: nowrap;
}
#top .lost-pass {
	color: #fbc302;
	font-weight: normal;
}
#top .auth .signed {
	width: 220px;
	text-align: right;
	cursor: default;
}
#top .auth .signed strong {
	width: 102px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	margin-bottom: -4px;
}
#top .auth  .cash {
	cursor: pointer;
}
#top .auth .counter {
	margin-left: 8px;
}
#top .i-bar {
	height: 30px;
	width: 100%;
	border-top: 1px solid #054CAF;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.04);	
	position: absolute;
	bottom: 0;
	left: 0;
	color: #99aad4;
}
#top .i-bar .set-w {
	position: relative;
	height: 100%;
}
#top .i-bar .set-w .time {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 13px;
	height: 12px;
	line-height: 12px;
}
#top .i-bar a.lang {
	width: 46px;
	height: 22px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.9;
	pointer-events: auto;
	z-index: 10;
}

#top .i-bar a.lang .flg {
    float: left;
    width: 24px;
    height: 15px;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 3px;
    /* border: 1px solid #0b49a6; */
}

#top .i-bar a.odds-t {
    color: #99aad4;
    font-weight: inherit;
    position: absolute;
    margin: auto;
    margin-left: 103px;
    height: 12px;
    top: 0;
    bottom: 0;
    line-height: 12px;
    padding-right: 23px;
    white-space: nowrap;
}
#top .i-bar a.odds-t:after {
    content: '';
    width: 18px;
    height: 17px;
    display: block;
    position: absolute;
    right: 0px;
    top: -1px;
    background-position: -50px 6px;
    opacity: .8;
}


#top .i-bar a.lang .flg.en { 
	background-position: -83px -39px;
}
#top .i-bar a.lang .flg.tr { 
	background-position: -83px -4px;
}
#top .i-bar a.lang .flg.ru { 
	background-position: -83px -73px;
}
#top .i-bar a.lang .flg.gr { 
	background-position: -83px -107px;
}
#top .i-bar a.lang .flg.es { 
	background-position: -83px -142px;
}
#top .i-bar a.lang .flg.it { 
	background-position: -83px -176px;
}
#top .i-bar a.lang .flg.sh { 
	background-position: -83px -210px;
}
#top .i-bar a.lang .flg.ma { 
	background-position: -83px -244px;
}
#top .i-bar a.lang .flg.az { 
	background-position: -83px -279px;
}
#top .i-bar a.lang .flg.ro { 
	background-position: -83px -313px;
}
#top .i-bar a.lang .flg.jp { 
	background-position: -83px -348px;
}
#top .i-bar a.lang .flg.sw { 
	background-position: -83px -383px;
}
#top .i-bar a.lang .flg.pl { 
	background-position: -83px -414px;
}
#top .i-bar a.lang .flg.ch-s { 
	background-position: -83px -445px;
}
#top .i-bar a.lang .flg.ch-t { 
	background-position: -83px -477px;
}
#top .i-bar a.lang .flg.de { 
	background-position: -83px -508px;
}
#top .i-bar a.lang .flg.fr { 
	background-position: -90px -1645px;
}
#top .i-bar a.lang .flg.por-b { 
	background-position: -90px -1676px;
}
#top .i-bar a.lang .flg.ira { 
	background-position: -90px -1707px;
}
#top .i-bar a.lang .flg.arab { 
	background-position: -90px -1738px;
}
#top .i-bar a.lang .flg.thai { 
	background-position: -90px -1769px;
}
#top .i-bar a.lang .flg.arm { 
	background-position: -90px -1800px;
}
#top .i-bar a.lang .flg.geo { 
	background-position: -90px -1831px;
}



#top .i-bar a.lang::after {
	content: '';
	float: left;
	width: 10px;
	height: 10px;
	margin-top: 7px;
	margin-left: 10px;
	background-position: -52px -10px;
	display: block;
}
#top .i-bar ul.sub-nav {
	text-transform: capitalize;
	position: absolute;
	top: 0;
	right: 12px;
	height: 100%;
	padding-top: 6px;
}
#top .i-bar ul.sub-nav li {
	margin-left: 20px;
}
#top .i-bar ul.sub-nav a {
	color: #99aad4;
	font-weight: normal;
}
#top .i-bar ul.sub-nav a:hover {
	color: #fbc302;
}



#mid { 
	width: 100%;
	display: table;
	table-layout: fixed;
}
#mid .l .ui-state-active {
    border-radius: 0;
}
#mid .l, #mid .r {
	overflow: hidden;
	display: table-cell;
	vertical-align: top;
}

#mid .l, .live-bet #mid .col-lb-a {
	background-color: #535352;
	color: #fbc302;
	position: relative;
	border-right: 1px solid #333;
	font-weight: bold;	
}
.live-bet #mid .col-lb-a {
	border-right: none;
	background-color: #4b4b4a;
}


/* accordion */
#mid .l::before, .live-bet #mid .col-lb-a:before {
	content: '';
	height: 100%;
	width: 18px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	box-shadow: inset -15px 0 15px -15px rgba(0,0,0,0.42);
	pointer-events: none;
}
.live-bet #mid .col-lb-a:before {
	box-shadow: none;
}

#mid .l .accordion h3, #mid .l .accordion div, #mid .l .accordion div a { 
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: 900;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#mid .l .accordion h3, #mid .l .accordion div.ui-accordion-content a {
	padding: 6px 30px 6px 28px;
	color: #A9A8A8;
}
#mid .l .accordion h3 {
	border-bottom: 1px solid #474747;
	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.02);
}
#mid .l .accordion h3:hover {
	background-color: #60605f;
	color: #e5e3e3;
}
#mid .l .accordion h3.ui-state-active {
	border-bottom: 1px solid #3b3b3b;
	background-color: #60605f;
	color: #fbc302;
}
#mid .l .accordion a {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#mid .l .accordion .ui-icon {
	position: absolute;
	top: 0;
	bottom: 1px;
	left: 11px;
	width: 12px;
	height: 12px;
	display: block;
	margin: auto;
}
#mid .l .accordion .ui-icon-minus {
	left: 9px;
	background-position: -51px -150px;
}
#mid .l .accordion h3.stnd .ui-icon-plus{
	left: 12px;
	background-position: -54px -106px;
}
#mid .l .accordion .ui-icon-plus {
	background-position: -54px -106px;
}
#mid .l .accordion div.ui-accordion-content a {
    position: relative;
    color: #e5e3e3;
    background-color: #3b3b3b;
    border-bottom: 1px solid #323232;
    border-top: 1px solid #3f3f3f;
    font-weight: normal;
}
#mid .l .accordion div.ui-accordion-content a:hover {
	background-color: #434343;
	border-top: 1px solid #434343;
}
#mid .l .accordion div.ui-accordion-content a:first-child {
	border-top: none;
}
#mid .l .accordion div.ui-accordion-content a.clicked {
	color: #fbc302;
	background-color: #434343;

}
#mid .l .accordion .count {
    display: none;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 10px;
    padding: 1px 7px;
    height: 16px;
    background-color: #80807f;
    border-radius: 10px;
    overflow: hidden;
    color: #484747;
    line-height: 17px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10);
}
#mid .l .accordion h3.active {
	background-color: #60605f;
	color: #fbc302;
}
#mid .l .accordion h3.active .ui-icon-plus {
	background-position: -54px -129px;
}

#mid .l .accordion h3.static.ui-state-active {
	border-bottom: 1px solid #474747;
}
#mid .l .accordion h3.static .ui-icon-minus {
	background-position: -52px -129px;
}


/* Tabs */
#mid .ui-tabs, #mid .ui-tabs .ui-tabs-panel, #mid .ui-tabs .ui-tabs-nav .ui-tabs-anchor, #mid .ui-tabs .ui-tabs-nav { 
	padding: 0;
	margin: 0;
}


#mid .col-a .ui-tabs .ui-tabs-nav {
	margin: 2px 0 0 -3px;
    max-width: 81%;
}


#mid .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 3px 9px 2px 9px;
	color: #a5a4a4;
}
#mid .ui-tabs .ui-tabs-nav li {
	margin-left: 0px;
}
#mid .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
	color: #e5e3e3;
}
#mid .ui-state-active {
	background-color: #252526;
	border-radius: 4px;
	overflow: hidden;
}
#mid .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor {
    color: #fbc302;
	font-weight: 900;
	/*font-size: 13px;*/
}

#mid .col-a #tabs_sch .ui-tabs .ui-tabs-nav {
    margin: auto;
}

form.thm-1#search {
	padding: 14px 11px 15px 11px;
	border-bottom: 1px solid #474747;
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.02);
	/*background-color: #4b4b4a;*/
}
form.thm-1#search .inp input {
	margin-left: 22px;
	color: #A9A8A8;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
form.thm-1#search .inp input:focus {
	color: #e5e3e3;
}
form.thm-1#search .inp {
	background-color: #656565;
	margin-bottom: 0;
}
form.thm-1#search .inp:before {
	content: '';
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto;
	background-position: -51px -476px;
}
/* big search */
form.thm-1.bigger#search {
	margin: 0 8px 8px 0;
}
form.thm-1.bigger#search .inp {
    padding: 4px;
	margin: 0;
    height: 2px;
    font-size: 16px;
    font-weight: 900;
}


#mid .r {
	background-color: #4b4b4a;
}
#mid .r .tool-bar, #mid .r .sub-nav {
	height: 28px;
	background-color: #3b3b3b;
	border-left: 1px solid #424242;
	border-bottom: 1px solid #333;
	position: relative;
}

#mid .r .sub-nav .more-markets {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	height: 17px;
	margin: auto;
	padding-right: 23px;
	font-size: inherit;
	font-weight: normal;
	color: #a5a4a4;
}
#mid .r .sub-nav .more-markets:hover {
	color: #e5e3e3;
}
#mid .r .sub-nav .more-markets:after {
	content: '';
	width: 18px;
	height: 17px;
	display: block;
	position: absolute;
	right: 0px;
	top: -1px;
	background-position: -50px 6px;
    opacity: .8;
}
#mid .r .sub-nav .more-markets:hover:after {
	opacity: 1;
}
#mid .teleport {
	display: none;
}

#mid .r .sub-nav span.date {
	top: 0;
	bottom: 0;
	padding: 6px 0;
	color: #a5a4a4;
	font-size: 12px;
	margin-left: -1px;
}
#mid .r h1.section {
	font-size: 15px;
	font-weight: bold;
	color: #a5a4a4;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	padding-left: 12px;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
}
#mid .r ul.info-nav {
	position: absolute;
	right: 0px;
}
#mid .r ul.info-nav li {
	border-left: 1px solid #454545;
	box-shadow: inset 1px 0px 0px 0px rgba(36,36,36,1);	
	margin-left: -5px;
	}
#mid .r ul.info-nav li:hover {
	background-color: #434343;
}
#mid .r ul.info-nav li {
	height: 28px;
}
#mid .r ul.info-nav li a {
	display: block;
	width: 47px;
	height: 29px;
	position: relative;
}
#mid .r ul.info-nav li a::after {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	right: 0;
	margin: auto;
}
#mid .r ul.info-nav li a.stats::after {
	background-position: -48px -28px;
}
#mid .r ul.info-nav li a.stats:hover::after, #mid .r ul.info-nav li a.stats.clicked2::after {
	background-position: -48px -522px;
}

#mid .r ul.info-nav li a.l-score::after {
	background-position: -48px -54px;
}
#mid .r ul.info-nav li a.l-score:hover::after, #mid .r ul.info-nav li a.l-score.clicked2::after { 
	background-position: -48px -548px;
}

#mid .r ul.info-nav li a.settings::after {
	background-position: -48px -81px;
}
#mid .r ul.info-nav li a.settings:hover::after, #mid .r ul.info-nav li a.settings.clicked2::after {
	background-position: -48px -575px;
}

#mid .r ul.info-nav li a.slip-history::after {
	background-position: -53px -2337px;
}
#mid .r ul.info-nav li a.slip-history:hover::after, #mid .r ul.info-nav li a.slip-history.clicked2::after {
	background-position: -72px -2337px;
}


#mid .r #ui-cont {
	width: 100%;
	display: table;
	table-layout: auto;
	background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
}


/* table template tbl-a */
#mid .tbl-wrap {
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.28);
	margin-bottom: 8px;
	clear: both;
    /* chrome round corners fix */
    -webkit-transform: translateZ(0);
}
#mid .tbl-wrap.live-betting {
	/*min-width: 459px;*/
}
#mid .r table.tbl-a {
	background-color: #60605f;
	overflow: hidden;
}
#mid .r table.tbl-a td {
	border-collapse: separate;
	width: auto;
}
#mid .r table.tbl-a.welcome td {
	padding: 6px 10px;
	border-top: 1px solid #4e4e4e;
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.02);
}
#mid .r table.tbl-a.welcome th {
	text-align: left;
	padding: 0;
	height: 30px;
}
#mid .r table.tbl-a td.pic {
	border: none;
	border-right: 1px solid #4e4e4e;
	vertical-align: top;
	padding: 6px;
}
#mid .tbl-wrap .r table.tbl-a th {
	padding: 0;
	height: 6px;
	background-color: #0E6AC3;
	text-align: left;
	border-radius: 0 5px 0 0;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.07);
}
#mid .r table.tbl-a.welcome img {
	display: block;
	overflow: hidden;
	border: 1px solid #353535;
}
#mid .r table.tbl-a.welcome col.c-1 {
	width: 148px;
}
#mid .r table.tbl-a.welcome col.c-2 {
	width: 90%;
	min-width: 400px;
}
#mid .r table.tbl-a.welcome h2.header, #mid .r table.tbl-a.welcome h2.header a {
	border-top: none;
	color: #e5e3e3;
}
#mid .r h3.header, #mid .r h2.header {
	background-color: #0e6ac3;
	display: block;
	position: relative;
	padding: 6px 10px 6px 10px;
	font-size: 17px;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.20);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.03);
	line-height: 18px;
	margin: 0;
	overflow: hidden;
	min-height: 15px;
   -webkit-touch-callout: none; 
   -webkit-user-select: none;   
   -khtml-user-select: none;    
   -moz-user-select: none;      
   -ms-user-select: none;     
   user-select: none;           

}
#mid .r .live-betting h2.header {
	border-bottom: none;
	border-top: 1px solid #156ec5;
	box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.14);
	padding-top: 5px;
}
#mid .r h3.header {
	padding-bottom: 7px;
}
#mid .collapsible .header span {
	opacity: 0;
}
#mid .collapsible .header.ui-icon-plus span, #mid .collapsible .header.ui-icon-plus-no-anim span {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
	background-position: -52px -211px;
	
	opacity: 1;
    transition: opacity .02s ease-in-out;
    -moz-transition: opacity .02s ease-in-out;
    -webkit-transition: opacity .02s ease-in-out;

    -webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s;
}
#mid .live-betting .collapsible h2.header.ui-icon-plus span {
	background-position: -52px -212px;
}
#mid .collapsible h3.header.ui-icon-plus span, #mid .collapsible h3.header.ui-icon-plus-no-anim span  {
	background-position: -52px -435px;
	border-bottom: none;
}

#mid .collapsible .header.ui-icon-plus-no-anim span {
	-webkit-transition-delay: .01s; 
    transition-delay: .01s;
	border-bottom: none;
}
#mid .collapsible h3.header {
	min-height: 16px;
	background-color: #a6a6a5;
	padding: 5px 10px 4px 10px;
	margin: 0;
	color: #5a5959;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.037);
	border-bottom: 1px solid #a6a6a5;
	cursor: pointer;
}
#mid .collapsible h3.header.dark {
    min-height: 21px;
    background-color: #444444;
    padding: 6px 10px 1px 10px;
    margin: 0;
    color: #a5a4a4;
    text-shadow: none;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.037);
    border-bottom: 1px solid #3b3b3b;
    cursor: pointer;
    margin-bottom: -1px;
    background-size: 63px;
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	font-size: 13px;
}
#mid .collapsible h3.header.ui-icon-plus {
	border-bottom: 1px solid #969696;
	-webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s;
}
#mid .collapsible h3.header.ui-icon-plus-no-anim {
	border-bottom: 1px solid #969696;
	-webkit-transition-delay: 0s; 
    transition-delay: 0s;
}


/* icons small settings for sports */
.ico-s {
	padding-left: 38px!important;
}
.ico-s::before {
	content: '';
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	margin: auto;
	left: 9px;
	top: 0;
	bottom: 0;
}
.ico-s.live-bet::before {
	background-position: -46px -599px;
}

.ico-s.search::before {
    background-position: -46px -474px;
}
.ico-s.soccer::before {
	background-position: -85px -556px;
}
.ico-s.basketball::before {
	background-position: -85px -588px;
}
.ico-s.tennis::before {
	background-position: -85px -620px;
}
.ico-s.horse-racing::before {
	background-position: -85px -650px;
}
.ico-s.beach-valleyball::before {
	background-position: -85px -684px;
}
.ico-s.ice-hockey::before {
	background-position: -85px -715px;
}
.ico-s.volleyball::before {
	background-position: -85px -748px;
}
.ico-s.handball::before {
	background-position: -85px -781px;
}
.ico-s.american-football::before {
	background-position: -85px -813px;
}
.ico.ausie-rules::before {
	background-position: -85px -845px;
}
.ico-s.badminton::before {
	background-position: -85px -877px;
}
.ico-s.baseball::before {
	background-position: -85px -909px;
}
.ico-s.boxing::before {
	background-position: -85px -942px;
}
.ico-s.cricket::before {
	background-position: -85px -978px;
}
.ico-s.chess::before {
	background-position: -85px -1007px;
}
.ico-s.darts::before {
	background-position: -85px -1036px;
}
.ico-s.futsal::before {
	background-position: -85px -1070px;
}
.ico-s.golf::before {
	background-position: -85px -1103px;
}
.ico-s.motor-sports::before {
	background-position: -85px -1135px;
}
.ico-s.rugby::before {
	background-position: -85px -1167px;
}
.ico-s.snooker::before {
	background-position: -85px -1201px;
}
.ico-s.table-tennis::before {
	background-position: -85px -1233px;
}
.ico-s.bowls::before {
	background-position: -85px -1263px;
}
.ico-s.bandy::before {
	background-position: -85px -1295px;
}
.ico-s.floorball::before {
	background-position: -85px -1331px;
}
.ico-s.specials::before {
	background-position: -85px -1363px;
}
.ico-s.trophy::before {
	background-position: -85px -1394px;
}
.ico-s.favourites::before {
	background-position: -85px -1423px;
}
.ico-s.squash::before {
	background-position: -85px -1451px;
}
/*********** to be updated ***********/
.ico-s.athletics::before {
	background-position: -85px -1476px;
}
.ico-s.beach-soccer::before {
	background-position: -86px -1512px;
}
.ico-s.curling::before {
	background-position: -85px -1540px;
}
.ico-s.cycling::before {
	background-position: -85px -1569px;
}
.ico-s.water-polo::before {
	background-position: -86px -1596px;
}
/* to be updated end */


#mid .r table.tbl-a a.goto {
	display: block;
	position: relative;
}
#mid .r table.tbl-a a.goto::after {
	content: '';
	width: 17px;
	height: 17px;
	display: block;
	position: absolute;
	right: 9px;
	top: 1px;
	bottom: 0;
	margin: auto;
	background-position: -49px -190px;
}
#mid .r table.tbl-a.welcome td.txt {
	vertical-align: top;
	line-height: 20px;
}
#mid .r table.tbl-a.welcome a.join {
	display: inline-block;
	white-space: nowrap;
}
#mid .r table.tbl-a.welcome a.join::after {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	background-position: -54px -172px;
	margin: 5px 0 -1px 4px;
}
#mid .r table.tbl-a.checkbox td a {
	padding-left: 32px;
}

#mid table.tbl-a.checkbox td span {
	width: 26px;
	height: 26px;
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 4px;
	margin: auto;
	margin-left: -2px;
	cursor: pointer;
}
#mid table.tbl-a.checkbox td span.chck:before  {
	position: absolute;
	top: 0px;
	bottom: 1px;
	left: 0px;
	right: 0;
	margin: auto;
	pointer-events: auto;	
}



/* collapsible */
#mid table.tbl-a td { 
	border-top: 1px solid #525252;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
	padding: 0;
}
#mid .collapsible .tbl-a a {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	color: inherit;
	padding: 6px 10px 6px 10px;
	min-height: 16px;
}
#mid .collapsible h2.header {
	cursor: pointer;
	overflow: hidden;
}
#mid .collapsible h2.header:hover {
	color: #fff;
	    text-shadow: 0px 0px 14px rgba(255, 255, 255, .23);
}
#mid .collapsible div.off {
	display: none;
}
#mid .live-betting table.tbl-a td a {
	padding-left: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#mid table.tbl-a col.c-1 {
	width: 80%;
}
#mid table.tbl-a col.c-2 {
	width: 190px;
}
#mid table.tbl-a td span {
	display: inline-block;
}
#mid table.tbl-a .result {
	color: #fbc302;
	font-weight: 900;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.30);
	
}
#mid table.tbl-a .time {
	color: #a2a2a2;
	margin-left: 14px;
}
#mid table.tbl-a .inf {
	text-align: right;
}
#mid table.tbl-a td span.arrow {
	display: block;
	width: 24px;
	height: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	margin: auto;
	background-position: -43px -100px;
	cursor: pointer;
	z-index: 101;
	pointer-events: auto; 
}
#mid table.tbl-a td.team span.arrow:hover {
	background-position: -43px -226px;
}
#mid table.tbl-a td.team span.arrow-down {
	background-position: -44px -246px!important;
}
#mid table.tbl-a td.team span.arrow-down:hover {
	background-position: -44px -264px!important;
}



/* expandable rows */
#mid table.tbl-a tr.expand td {
	display: none;
}
#mid table.tbl-a tr.expand.on td {
	display: table-cell;
}
#mid table.tbl-a tr.lnk td {
	cursor: pointer;
}
#mid .live-betting .collapsible table.tbl-a tr:hover td, #mid .collapsible table.tbl-a td:hover {
	background-color: #696969;
	color: #fff
}
#mid .live-betting .collapsible table.tbl-a tr.expand:hover td, #mid .live-betting .collapsible table.tbl-a tr.expand.highlight:hover td {
	background-color: transparent!important;
}
#mid .live-betting .collapsible table.tbl-a td.team:hover, #mid .tbl-a.static td a:hover span.desc, #mid .tbl-a.static a:hover  {
	color: #fff;
	text-shadow: 0px 0px 14px rgba(255, 255, 255, .35);
}
#mid .tbl-a.static td.odds a:hover, #mid .tbl-a.static td a.highlight-odds:hover span.desc {
	text-shadow: none;
}
#mid .live-betting .collapsible table.tbl-a tr.clicked td.team, #mid .tbl-a.static td.clicked, #mid .tbl-a.static td.clicked a {
	color: #fbc302;
	text-shadow: none;
}
/*
#mid .collapsible table.tbl-a tr.expand td, #mid .collapsible table.tbl-a tr.expand td:hover {
	box-shadow: non;
	border: 1px solid red;
}
*/
#mid .live-betting .collapsible table.tbl-a tr.expand td {
	border-top: none;
}
#mid .collapsible table.tbl-a td.blank:hover, #mid table.tbl-a td.blank.clicked {
	background-color: transparent;
	cursor: auto;
	color: #fbc302;
}
#mid table.tbl-a a.highlight-odds, #mid .events td.odds.highlight-odds {
	background-color: #717171!important;
}
#mid .tbl-wrap table.tbl-a a.highlight-odds {
	border-top: 1px solid #717171;
}
#mid table.tbl-a .highlight-odds .desc {
	color: #e5e3e3!important;
}
#mid table.tbl-a .clicked {
	color: #fbc302;
	background-color: #696969;
}
#mid .tbl-a.static tr.clicked td {
	color: #fbc302;
}
#mid table.tbl-a .clicked td:first-child span.arrow, #mid .top-coupons .tbl-a.static td.clicked span.arrow {
    background-position: -43px -123px;
}
#mid table.tbl-a tr.expand:hover td, #mid table.tbl-a.welcome tr:hover td, #mid table.tbl-a tr:hover td.parent, #mid table.tbl-a td.parent.clicked {
	background-color: transparent;
}

#mid .collapsible table.tbl-a td {
	cursor: default;
}

#mid tr.expand td {
	padding: 1px 6px 6px 6px;
}


/* odds expandable */
#mid tr.expand div.row {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
#mid .tbl-a.static tr.expand div.row {
	min-height: 30px;
}
#mid .tbl-a tr.expand td a {
	display: table-cell;
	width: auto;
	background-color: #505050;
	border-top: 1px solid #545454;
	box-shadow: 0px 0px 0px 1px #444;
	border-collapse: separate;
}
#mid .live-betting .tbl-a tr.expand td a {
	padding: 4px 11px 4px 10px;
}
#mid tr.expand a span {
	display: inline-block;
	white-space: nowrap;
	float: left;
}

#mid table.tbl-a tr.expand a span.desc, #mid table.tbl-a td.parent a span.desc {
	width: 67%;
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #A9A8A8;
}
#mid tr.expand a span.num, #mid table.tbl-a td.parent a span.num {
	width: auto;
	color: #fbc302;
	margin-left: 0px;
	text-align: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	height: 17px;
}
#mid .stat {
	color: #e5e3e3;
	margin: 0;
	margin-right: 9px;
}
#mid .tbl-a tr.expand a:hover, #mid .tbl-a tr.expand a.clicked {
	background-color: #6B6B6B;
	border-top: 1px solid #717171;
}
#mid .tbl-a a.blank:hover, #mid .tbl-a a.blank.highlight-odds {
	background-color: #505050!important;
	border-top: 1px solid #545454!important;
	cursor: default;
}
#mid table.tbl-a a.highlight-odds:hover {
	border-top: 1px solid #797979;
}
#mid table.tbl-a .highlight {
	background-color: #696969;
	box-shadow: none;
}
#mid tr.expand a:hover span.yellow {
	color: #fbc302;
}
#mid table.tbl-a.one-col .row a {
	display: block;
}

/* static tables */
#mid .tbl-a.static {
	table-layout: fixed;
}
#mid .tbl-a.static span.arrow {
	pointer-events: none;
	cursor: auto;
}
#mid .tbl-wrap .tbl-a.static th {
	border-radius: 0;
	background-color: #a6a6a5;
	color: #5a5959;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
	padding: 2px 10px;	
	border-top: 1px solid;
}
#mid .tbl-wrap .tbl-a.static th span.time {
	display: block;
    color: #6F6F6F;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
	margin: auto;
	height: 17px;	
}
#mid .tbl-wrap .tbl-a.static th a.h {
	position: relative;
	padding: 0;
	margin: 0;
	height: auto;
}
#mid .tbl-wrap .tbl-a.static th a.h:hover {
	text-shadow: none;
	color: #6F6F6F;
}

#mid .tbl-a.static td {
	color: #e5e3e3;
	border-top: 1px solid #525252;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
	border-left: 1px solid #525252;
	cursor: default;
	padding: 0;
	overflow: visible;
}

#mid .tbl-a.static a {
    display: block;
    position: relative;
    width: auto;
    /*height: auto;*/
    color: inherit;
    padding: 6px 27px 6px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	min-height: 17px;
	vertical-align: middle;
}
#mid .tbl-a.static td.odds a {
	padding-right: 10px;
}
#mid .r .col-a table.tbl-a.center th, #mid .r .col-a table.tbl-a.center td, #mid .r .col-a table.tbl-a.center td.odds {
	text-align: center;
	height: 17px;
}
#mid .r .col-a table.tbl-a.center th:first-child {
	padding-left: 16px;
}
#mid .r .col-a table.tbl-a.center th:last-child {
	padding-right: 16px;
}
#mid .r .col-a table.tbl-a.center td a span {
	position: relative;
	float: none;
	display: inline;
	width: auto;
	overflow: hidden;
	right: auto;
	left: auto;
	white-space: normal;
	margin: 0px 2px 0 2px;
	padding: 0;
}
#mid .r .col-a table.tbl-a.center td a {
	white-space: normal;
    padding: 6px 10px 6px 10px;
    min-height: 17px;
}
#mid .r .col-a table.tbl-a .grey span, #mid .r .col-a table.tbl-a .grey, #mid .r .col-a table.tbl-a .grey.highlight-odds {
	color: #a2a2a2;
	background-color: #595959;
	text-shadow: none;
	cursor: default;
}
#mid .r .col-a table.tbl-a .grey.highlight-odds {
    border-top: 1px solid #717171;
}
#mid .r .col-a table.tbl-a .grey.highlight-odds span {
    background-color: #717171;
}
#mid .r .col-a table.tbl-a .grey {
	border-top: 1px solid #5d5d5d;
}
#mid .tbl-a.static td:first-child {
	border-left: none;
}
#mid .tbl-a.static td.clicked {
	color: #fbc302;
}
#mid .tbl-a.static td:hover {
	background-color: #696969;
}


#mid .top-coupons .tbl-a.static td span.arrow {
	left: auto;
	right: 3px;
}
#mid .top-coupons td {
	width: 50%;
}
#mid .events .tbl-a col.c-1 {
	width: 50%;
}
#mid .events .tbl-a col.c-2 {
	width: 25%;
}
#mid .events .tbl-a col.c-3 {
	width: 25%;
}
#mid .events td.odds.clicked {
	background-color: #717171;
}
#mid .events td.odds {
	text-align: center;
	color: #fbc302;
	background-color: #505050;
	border-top: 1px solid #444;
	border-left: 1px solid #444;	
}
#mid .events td.odds:hover {
	background-color: #6B6B6B; 
}
#mid .events td.odds a:hover {
	color: #fbc302;
}
 	
#mid .events .sub-header {
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: #ADC7EF;
	line-height: 13px;
	text-shadow: none;
}
#mid .events h2.header {
	padding-right: 115px;
}
#mid .col-c .events h2.header {
	padding-right: 10px;
}
#mid .tbl-wrap.events h2.header a.goto {
	right: 0px;
	left: auto;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	font-size: 13px;
	font-weight: normal;
	width: 110px;
	height: 18px;
	text-align: right;
	padding: 12px 8px 10px 0;
	text-shadow: none;
	overflow: hidden;
	text-overflow: ellipsis;
}
#mid .tbl-wrap.events h2.header a.goto::after {
	content: '';
	background-position: -52px -289px;
	display: block;
	width: 12px;
	height: 12px;
	float: right;
	margin-top: 2px
}

#mid .tbl-a td.parent {
	padding: 6px;
}
#mid .tbl-a td.parent table {
	/*box-shadow: 0px 0px 0px 1px #444;*/
	/*box-shadow: 0px 0px 0px 1px rgba(68, 68, 68, 1);*/
	border: 1px solid #444;
}
#mid .r .col-a table.tbl-a td.parent td {
	border-top: 1px solid #444;
}
#mid .r .col-a table.tbl-a td.parent td.grey a:hover, #mid .tbl-a.static td.parent.clicked td.grey a, #mid .tbl-a.static td.grey.clicked a {
	color: #a2a2a2!important;
	cursor: default;
	text-shadow: none;
}
#mid .r .col-a .tbl-a td.parent table tr:first-child td {
	border-top: none;
}
#mid .r .col-a td.parent table.tbl-a td.odds {
	text-align: left;
}
#mid .r .col-a table.tbl-a.center td.parent td.odds {
	text-align: center;
}
#mid table.tbl-a td.parent a span {
	vertical-align: middle;
}
#mid table.tbl-a td.parent a span.desc {
	color: #e5e3e3;
}


/* big icons setup */
.ico-b {
	padding-left: 52px!important;
}
.ico-b::before {
	content: '';
	width: 40px;
    height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 9px;
	margin: auto;
	display: block;
}
.ico-b.soccer::before {
	background-position: -4px 2px;
}
.ico-b.basketball::before {
	background-position: -4px -51px;
}
.ico-b.tennis::before {
	background-position: -4px -104px;
}
.ico-b.horse-racing::before {
	background-position: -4px -155px;
}
.ico-b.beach-valley-ball::before {
	background-position: -4px -210px;
}
.ico-b.ice-hockey::before {
	background-position: -4px -263px;
}
.ico-b.valley-ball::before {
	background-position: -4px -316px;
}
.ico-b.hand-ball::before {
	background-position: -4px -370px;
}
.ico-b.american-football::before {
	background-position: -4px -423px;
}
.ico-b.ausie-rules::before {
	background-position: -4px -476px;
}
.ico-b.badminton::before {
	background-position: -4px -528px;
}
.ico-b.baseball::before {
	background-position: -4px -581px;
}
.ico-b.boxing::before {
	background-position: -4px -636px;
}
.ico-b.cricket::before {
	background-position: -4px -694px;
}
.ico-b.chess::before {
	background-position: -4px -743px;
}
.ico-b.darts::before {
	background-position: -4px -792px;
}
.ico-b.futsal::before {
	background-position: -4px -848px;
}
.ico-b.golf::before {
	background-position: -4px -901px;
}
.ico-b.motor-sports::before {
	background-position: -4px -954px;
}
.ico-b.rugby::before {
	background-position: -4px -1007px;
}
.ico-b.snooker::before {
	background-position: -4px -1062px;
}
.ico-b.table-tennis::before {
	background-position: -4px -1116px;
}
.ico-b.bowls::before {
	background-position: -4px -1165px;
}
.ico-b.bandy::before {
	background-position: -4px -1218px;
}
.ico-b.floorball::before {
	background-position: -4px -1277px;
}
.ico-b.specials::before {
	background-position: -4px -1330px;
}
.ico-b.trophy::before {
	background-position: -4px -1382px;
}
.ico-b.squash::before {
	background-position: -4px -1482px;
}
/*********** to be updated ***********/
.ico-b.athletics::before {
	background-position: -4px -1529px;
}
.ico-b.beach-soccer::before {
	background-position: -4px -1576px;
}
.ico-b.curling::before {
	background-position: -4px -1620px;
}
.ico-b.cycling::before {
	background-position: -4px -1666px;
}
.ico-b.water-polo::before {
	background-position: -4px -1714px;
}
/* to be updated end */

#mid .events.markets th {
	text-align: left;
}
#mid .events.markets tr.expand td {
	display: table-cell;
	padding: 6px;
}
#mid .events tr.expand td a span.desc  {
	color: #e5e3e3;
	text-align: left;
}	





/* grid */
#mid .grid-2c {
	width: 100%;
	clear: both;
}
#mid .grid-2c .c {
	float: left;
	width: 50%;
}
#mid .grid-2c .c .tbl-wrap {
	margin-right: 4px;
	margin-left: 4px;
	overflow: hidden;
}
#mid .grid-2c .c:last-child .tbl-wrap {
	margin-right: 0;
}
#mid .grid-2c .c:first-child .tbl-wrap {
	margin-left: 0;
}
#mid .col-a .grid-2c .c table.tbl-a {
	min-width: inherit;
	width: 100.1222%;
	overflow: hidden;
}
#mid .r .col-a table.tbl-a td a.one-of-three {
	width: 33.333333%;
	padding-left: 0;
	padding-right: 0;
}


/* betslip */

#betslip {
    background-color: #60605f; /*#535352;*/
    min-height: 40px;
    border-top: 1px solid #5b5b5b;
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.12);
    padding: 8px 8px 0px 8px;
    border-bottom: 1px solid #272727;
    position: relative;
}


#betslip::before {
    content: '';
    width: 18px;
    position: absolute;
    top: 0;
	bottom: 0;
    left: 0;
    z-index: 99;
    box-shadow: inset 4px -4px 5px 0px rgba(0,0,0,0.2);
    pointer-events: none;
}
#betslip td.empty {
	padding: 6px 10px; 
	cursor: auto;
}
#betslip td.empty:hover {
	background: transparent;
}
#betslip .bottom, #betslip .auto, #betslip div.alert {
	min-height: 31px;
	margin: -8px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #4b4b4a;
	border-top: 1px solid #333;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.03);
	position: relative;
	z-index: 100;
}
#betslip .auto, #betslip div.alert {
clear: both;
    padding: 8px 15px 7px 15px;
    min-height: 16px;
    background: transparent;
    border-top: none;
    box-shadow: none;
    padding-top: 0;
}
#betslip .bottom button.inactive, #betslip .bottom button.b-yellow, #betslip .bottom a.remove-all {
	position: absolute;
	margin: auto;
	right: 7px;
	top: 0;
	bottom: 1px;
}
#betslip .bottom a.remove-all {
	color: #a2a2a2;
	right: auto;
	left: 15px;
	height: 17px;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 20px;
}
#betslip .bottom a.remove-all:hover {
	color: #fbc302;
}
#mid #betslip .bottom a.remove-all::before {
	content: '';
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0px;
	margin: auto;
	background-position: -51px -310px;
}
#mid #betslip .bottom a.remove-all:hover::before {
	background-position: -51px -332px;
}
#mid .col-c .add-pad {
	margin: auto;
    min-height: 40px;
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.09);
    padding: 7px 7px 0 7px;
}
#betslip #tabs_bs ul {
	width: 100%;
    background-color: #4b4b4a;
    padding: 2px 3px 5px 3px;
    margin: 0;
    min-height: 21px;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #636362;
}
#betslip #tabs_bs ul li a.ui-tabs-anchor {
    padding: 3px 9px 2px 9px;
	font-weight: 900;
	line-height: 17px;
}
#betslip #tabs_bs table.main {
	margin-top: -4px;
	table-layout: fixed;
}
#betslip #tabs_bs table.main colgroup .col-1 {
	width: 28px;
}
#betslip #tabs_bs table.main colgroup .col-2 {
	width: 47%
}
#betslip #tabs_bs table.main colgroup .col-3 {
	width: 47%
}
#betslip #tabs_bs .ui-state-active {
	background-color: #3b3b3b;
	border-radius: 4px;
	overflow: hidden;
}

#betslip .tbl-a td.empty {
	padding: 6px 0;
}
#betslip #tabs_bs #tabs_bs-3.cont {
	padding-bottom: 0;
}
#betslip #tabs_bs table.main h4 {
	padding: 0;
	margin: 0;
	font-weight: 900;
}
#betslip #tabs_bs table.main td {
	vertical-align: middle;
}
#betslip #tabs_bs table.main td:first-child, #betslip #tabs_bs .collapsible table.main td.txt {
    padding-left: 0;
    padding-bottom: 7px;
    padding-top: 6px;
	height: 59px;
}
#betslip #tabs_bs table.main td:last-child {
	padding-right: 10px;
}
#betslip #tabs_bs table.main span.sml {
	font-size: 11px;
	display: block;
	color: #a2a2a2;
	line-height: 14px;
	width: 99%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#betslip form.thm-1 .inp {
	width: 49px;
	margin-bottom: 0px;
	margin-left: 8px;	
	margin-top: 0px;
	float: right;
}
#betslip form.thm-1 .inp input, #betslip form.thm-1 .inp {
	height: 21px;
	min-height: 21px;
	text-align: center;
}
#betslip form.thm-1 .bnk {
	margin-left: 8px;
	width: 24px;
	height: 24px;
	padding-left: 4px;
	padding-right: 4px;
}
#betslip button.b-yellow:hover {
	background-color: #ebc938!important;
}
#betslip #tabs_bs span.odd {
	font-weight: 900;
	margin-top: 3px;
}
#betslip #tabs_bs span.odd.s {
	font-size: 11px;
	margin-top: 3px;
}
#betslip #tabs_bs table.main .return {
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	font-size: 11px;
	color: #a2a2a2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 99%;
}
#betslip #tabs_bs table.main tr td {
	border-top: 1px solid #525252;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
}
#betslip #tabs_bs table.main tbody:nth-child(2) tr td {
	border-top: none;
}
#betslip #tabs_bs table.main td.sep:after {
	content: '';
	width: 100%;
	height: 1px;
	border-top: 1px solid #525252;
	display: block;
	box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.02);
}
#betslip #tabs_bs table.main td.rem {
	vertical-align: top;
	text-align: center;
}
#betslip #tabs_bs table.main td.rem a {
	margin-top: 0px;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    background-position: -48px -309px;
    display: inline-block;
}
#betslip #tabs_bs table.main td.rem a:hover {
	background-position: -48px -331px;
	
}
#betslip #tabs_bs table.main td.txt, #betslip #tabs_bs table.main td.arrow {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 43px;
}
#betslip #tabs_bs table.main td.arrow {
	text-align: center;
	vertical-align: middle;
}
#betslip #tabs_bs table.main td.arrow:before {
	content: '';
	width: 16px;
	height: 16px;
	top: 0;
	background-position: -48px -102px;
	display: inline-block;
}
#betslip #tabs_bs table.main tr.total-odds td.no {
	text-align: right;
	font-weight: 900;
	color: #fbc302;
}
#betslip #tabs_bs table.main tr.total-odds td.right, #betslip #tabs_bs #tabs_bs-2 td.right, #betslip #tabs_bs #tabs_bs-3 .multiples td.right {
	padding-top: 5px;
}
.r #betslip .collapsible h2.header, #betslip .collapsible h2.header:hover {
height: 18px;
    background-color: #717171;
    color: #A0A0A0;
    text-shadow: none;
    font-size: inherit;
    border-top: 1px solid #545454;
}
#betslip .collapsible .content {
	padding-top: 3px;
    padding-bottom: 0px;
}
#betslip h2.header a.help {
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	border-radius: 50%;	
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
	background-color: #1a4c98;
    box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.17);
	color: #99aad4;
	padding-top: 0;
}

#betslip h2.header a.help:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-position: -54px -1480px;
	opacity: .7;
}
#betslip h2.header a.help:hover:before {
	opacity: 1;
}
#betslip h2.header a.help:hover {
	color: #fbc302;
}
#betslip span.accept {
	color: #a2a2a2;
    display: block;
    margin-top: -1px;
    margin-left: 21px;
}
#betslip span.chck {
	float: left;
	margin-top: 1px;
}
#betslip div.row {
	min-height: 17px;
	position: relative;
	clear: both;
	margin-bottom: 6px;
}
#betslip div.row:last-child {
	margin-bottom: 0px;
}
#betslip #tabs_bs table.main tbody.error tr:first-child td {
	border-top: 1px solid #d7713f;
	box-shadow: none;
}
#betslip #tabs_bs table.main tbody.error tr:last-child td {
	border-bottom: 1px solid #d7713f;
	box-shadow: none;
}
#betslip tbody.error tr td.alert {
	border-top: none;
}
#betslip tbody.error td {
	background-color: #505050;
	box-shadow: none;
}
#betslip #tabs_bs table.main tr td.alert {
	color: #f07430;
	text-align: center;	
	padding: 0;
	height: auto;
	border-top: none;
	box-shadow: none;
}
#betslip #tabs_bs table.main td.alert div {
	padding: 26px 8px 8px 8px;
	position: relative;
}
#betslip #tabs_bs table.main td.alert div:before, #betslip div.alert:before {
	content: ''; 
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
	background-position: -45px -682px;
}
#betslip #tabs_bs table.main tbody.suspend td, #betslip #tabs_bs table.main tbody.suspend td span  {
	color: #7d7d7d!important;
}
#betslip #tabs_bs table.main tbody.suspend td.rem a {
	opacity: .45;
}
#betslip div.alert {
	color: #f07430;
	text-align: center;	
	padding: 26px 8px 8px 8px;
	height: auto;
    position: relative;
}
#betslip div.wait {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #565656;
    z-index: 3000;
    opacity: 0.5;
}
#betslip div.wait span.spinner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3001;
	width: 50px;
	height: 50px;
}
#betslip table.accepted td.inf {
	padding: 8px;
	border-top: 1px solid #525252;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
}
#betslip table.accepted td.inf span.yellow {
	font-weight: 900;
}
/* My Bets */
#betslip .mybets {
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto;
	font-size: 13px;
	font-weight: normal;
	text-shadow: none;
	margin-top: 6px;
	padding-right: 21px;
}
#betslip .mybets .bubble {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0px;
	top: -2px;
	margin: auto;
	background-color: #fbc302;
	border-radius: 50%;
	text-align: center;
	color: #545352;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	letter-spacing: -1px;
}
#betslip .mybets .bubble:before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: 2px;
	left: -3px;
	display: block;
	background-position: -78px -1831px;
}
#betslip .mybets .bubble font {
	display: inline-block;
	margin-left: -2px;
}
.ddm-wrap.bets-list {
    width: 251px;
    position: absolute;
	right: 6px!important;
    top: 162px!important;
	pointer-events: initial;
	background-color: #a6a6a5;
	opacity: .95;
	border-radius: 5px;
}
.ddm-wrap.bets-list .dropdown-menu {
	min-height: 20px!important;
}
.ddm-wrap.bets-list::before {
    content: '';
    width: 15px;
    height: 8px;
    display: block;
    position: absolute;
    right: 8px;
	left: auto;
    top: -7px;
    z-index: 1001;
    background-position: -50px -356px;
}
.collapsible.my-bets {
}
.collapsible.my-bets h2 { 
 	color: #4c4b4b;
	font-size: 13px;
	display: block;
	border: none;
	border-bottom: 1px solid #6f6f6f;
	padding: 6px 10px 6px 10px;
	position: relative;
	cursor: pointer;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
}
.collapsible.my-bets h2.ui-icon-plus {
	border-bottom: 1px solid #929292;
}
.collapsible.my-bets h2.ui-icon-plus:after {
    content: '';
    width: 11px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    background-position: -53px -437px;
}
.collapsible.my-bets .content.off {
	display: none;
}
.collapsible.my-bets .content {
	border-bottom: 1px solid #929292;
	background-color: #3b3b3b;
}
.collapsible.my-bets .content:last-child {
	border-bottom: none;
}
.collapsible.my-bets table.main {
	width: 100%;
	table-layout: fixed;
}
.collapsible.my-bets .main th, .collapsible.my-bets .main td {
	padding: 6px 10px;
	text-align: left;
	font-weight: normal;
	color: #A9A8A8;
}
.collapsible.my-bets .main .bright {
	color: #fff;
}
.collapsible.my-bets .main td {
	padding-top: 0px;
	padding-bottom: 0px;
}
.collapsible.my-bets .main th {
	background-color: #757574;
	color: #fbc302;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.30);
}
.collapsible.my-bets tbody tr:first-child td {
	padding-top: 6px;
}
.collapsible.my-bets tbody tr:last-child td {
	padding-bottom: 6px;
}
.collapsible.my-bets .result {
	margin-right: 14px;
}
.collapsible.my-bets .return {
	margin-left: 14px;
}
.collapsible.my-bets .main tr.foot td {
	border-top: 1px solid #444444;
	padding-bottom: 6px;
}
.collapsible.my-bets .ico-s {
	padding-left: 28px!important;
	display: block;
	position: relative;
}
.collapsible.my-bets .ico-s:before {
	left: -1px;
}


#mid .col-c .add-pad .banners a.holder {
	border-radius: 6px;
	border: 1px solid #272727;
	overflow: hidden;
	display: block;
	margin-bottom: 7px;
}
#mid .col-c .add-pad .banners a.holder:last-child {
	margin-bottom: 7px;
}
#mid .col-c .add-pad .banners a.holder img {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}
#mid .col-c .add-pad .teasers {
	background-color: #60605f;
	min-height: 61px;
	border-radius: 5px;
	border: 1px solid #333;
	overflow: hidden;
	margin-bottom: 7px;
}
#mid .col-c .add-pad .teasers .sect {
	border-top: 1px solid #525252;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
	min-height: 61px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#mid .col-c .add-pad .teasers .sect:first-child {
	border: none;
	box-shadow: none;
	
}
#mid .col-c .add-pad .teasers .sect .lft, #mid .col-c .add-pad .teasers .sect .rgt {
	display: table-cell;
	vertical-align: middle;
	padding: 6px;
}
#mid .col-c .add-pad .teasers .sect .lft {
	padding-left: 11px;
}
#mid .col-c .add-pad .teasers .sect .lft span {
	color: #e5e3e3;
	font-size: 15px;
	font-weight: 900;
	display: block;
}
#mid .col-c.expand .add-pad .teasers .sect .lft span {
	display: inline-block;
	margin-right: 5px;
}
#mid .col-c .add-pad .teasers .sect .rgt, #mid .col-c .add-pad .teasers .sect .lft {
	width: 50%;
}
#mid .col-c .add-pad .teasers .sect .rgt {
	text-align: right;
}
#mid .col-c .add-pad .teasers .sect:hover {
	background-color: #696969;
}
#mid .col-c .add-pad .teasers .sect .rgt img {
	display: block;
	width: 100%;
	float: right;
	border: 1px solid #424242;
}
#mid .col-c .add-pad table.top-winners .desc {
	color: #e5e3e3;
}
#mid .col-c .add-pad table.top-winners .num {
	color: #a2a2a2;
}



#footer {
	border-top: 1px solid #333;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.05);
	background: url(../img/ui-assets/bg-footer.png) top left repeat;
	background-size: 63px;
	padding: 30px 0 0 0;
	padding-bottom: 60px;
}
#footer ul.links {
	width: 901px;
	margin: 0px auto 60px auto;
	display: block;
	position: relative;
	clear: both;
	min-height: 40px;
	text-align: center;
}
#footer ul.links li {
	display: inline-block;	
	width: 145px;
	margin: 0 25px 0 50px;
	vertical-align: top;
}
#footer ul.links::after {
	content: '';
	clear: both;
	display: block;
}
#footer ul.links li h2 {
	font-size: 17px;
	color: #c0bebe;
	text-shadow: none;
	margin-bottom: 10px;
	float: left;
}
#footer ul.links li a {
	display: inline-block;
	color: #858585;
	line-height: 20px;
	width: auto;
	float: left;
	clear: both;
}
#footer ul.links li a:hover {
	color: #fbc302;
}

#footer .disclaimer {
	border-top: 1px solid #333;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.05);
    clear: both;
    text-align: center;
    padding-top: 30px;
}

#footer .disclaimer .social {
	width: auto;
	margin-bottom: 20px;
	padding-left: 2px;
}
#footer .disclaimer .social a {
	width: 32px;
	height: 32px;
	display: inline-block;
	transition: all .1s ease-in-out;
	margin: 0 4px;
}

#footer .disclaimer .social a.youtube {
	background-position: -927px -10px;
}
#footer .disclaimer .social a:hover {
	transform: scale(1.11);
}
#footer .disclaimer .social a.face {
	background-position: -970px -9px;
	margin-right: 1px;
}
#footer .disclaimer .social a.tweat {
	background-position: -971px -52px;
}
#footer .disclaimer .social a.instagram {
	background-position: -929px -52px;
}
#footer .disclaimer .social a.wechat {
	background-position: -930px -88px;
}
#footer .disclaimer .social a.renren {
	background-position: -972px -88px;
}
#footer .disclaimer .social a.weibo {
	background-position: -929px -124px;
}
#footer .disclaimer .social a.yuku {
	background-position: -972px -124px;
}
/*********** to be updated ***********/
#footer .disclaimer .social a.pinterest {
	background-position: -929px -160px;
}
#info #footer .disclaimer .social a {
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
}
/* to be updated end */


/* payment methods EN universal */
#footer ul.payments {
	margin: auto;
	margin-bottom: 25px;
	width: 95%;
}
#footer ul.payments li.visa a, #info #footer ul.payments li.visa a {
	width: 58px;
	background-position:  -6px -5px;
}
#footer ul.payments li.master a, #info #footer ul.payments li.master a {
	width: 45px;
	background-position:  -79px -5px;
}
#footer ul.payments li.bank-transfer a, #info #footer ul.payments li.bank-transfer a {
	width: 47px;
	background-position:  -138px -5px;
}
#footer ul.payments li.eco a, #info #footer ul.payments li.eco a {
	width: 55px;
	background-position:  -200px -5px;
}
#footer ul.payments li.astropay a, #info #footer ul.payments li.astropay a {
	width: 76px;
	background-position:  -269px -5px;
}
#footer ul.payments li.paykasa a, #info #footer ul.payments li.paykasa a {
	width: 95px;
	background-position:  -356px -5px;
}
#footer ul.payments li.otopay a, #info #footer ul.payments li.otopay a {
	width: 69px;
	background-position:  -464px -5px;
}
#footer ul.payments li.paykwik a,#info #footer ul.payments li.paykwik a {
	width: 83px;
	background-position:  -546px -5px;
}
#footer ul.payments li.gamecare a, #info #footer ul.payments li.gamecare a {
	width: 29px;
	background-position:  -642px -5px;
}
#footer ul.payments li.age a, #info #footer ul.payments li.age a {
	width: 29px;
	background-position:  -687px -5px;
}
#footer ul.payments li.curacao a, #info #footer ul.payments li.curacao a {
	width: 26px;
	background-position:  -732px -5px;
}
#footer ul.payments li.bitcoin a {
	width: 27px;
    background-position: -774px -5px;
}
#footer ul.payments li.jeton a {
	width: 79px;
    background-position: -814px -5px;
}

#info #footer ul.payments li.bitcoin a {
	width: 27px;
    background-position: -10px -179px;
}
#info #footer ul.payments li.jeton a {
	width: 80px;
    background-position: -191px -179px;
}



#footer ul.payments li a:hover, #info #footer ul.payments li a:hover {
	background-position-y: -47px;
}
/*
#footer ul.payments li.paykwik a:hover, #info #footer ul.payments li.paykwik a:hover, #footer ul.payments li.paykasa a:hover, #info #footer ul.payments li.paykasa a:hover, #footer ul.payments li.astropay a:hover, #info #footer ul.payments li.astropay a:hover, #footer ul.payments li.eco a:hover, #info #footer ul.payments li.eco a:hover, #footer ul.payments li.bank-transfer a:hover, #info #footer ul.payments li.bank-transfer a:hover, #footer ul.payments li.jeton a:hover, #footer ul.payments li.master a:hover, #info #footer ul.payments li.master a:hover, #footer ul.payments li.visa a:hover, #info #footer ul.payments li.visa a:hover, #footer ul.payments li.astropay a:hover, #info #footer ul.payments li.astropay a:hover, #footer ul.payments li.curacao a:hover, #info #footer ul.payments li.curacao a:hover, #footer ul.payments li.gamecare a:hover, #info #footer ul.payments li.gamecare a:hover, #footer ul.payments li.age a:hover, #info #footer ul.payments li.age a:hover {
	background-position-y: -47px!important;
}
*/
#footer ul.payments li.vcreditors a:hover, #footer ul.payments li.ecopayz a:hover, #footer_live ul.payments li.ecopayz a:hover, #footer ul.payments li.boleto a:hover, #footer_live ul.payments li.boleto a:hover, #footer ul.payments li.caixa a:hover, #info #footer ul.payments li.caixa a:hover, #footer_live ul.payments li.caixa a:hover, #footer ul.payments li.santander a:hover, #info #footer ul.payments li.santander a:hover, #footer_live ul.payments li.santander a:hover, #footer ul.payments li.brandesco a:hover, #footer_live ul.payments li.brandesco a:hover, #footer ul.payments li.itau a:hover, #footer_live ul.payments li.itau a:hover, #footer ul.payments li.amex a:hover, #info #footer ul.payments li.amex a:hover, #footer_live ul.payments li.amex a:hover, #footer ul.payments li.banko-brasil a:hover, #info #footer ul.payments li.banko-brasil a:hover, #footer_live ul.payments li.banko-brasil a:hover {
    background-position-y: -131px!important;
}
#info #footer ul.payments li.bitcoin a:hover, #info #footer ul.payments li.jeton a:hover {
	background-position-y: -89px!important;
}


/* payment methods BR */
:lang(pt) #footer ul.payments li.netteler a {
	width: 60px;
	background-position: -15px -93px;
}
:lang(pt) #footer ul.payments li.ecopayz a {
	width: 75px;
	background-position: -90px -93px;
}
:lang(pt) #footer ul.payments li.boleto a {
	width: 41px;
	background-position: -184px -93px;
}
:lang(pt) #footer ul.payments li.banco a {
	width: 47px;
	background-position: -239px -93px;
}
:lang(pt) #footer ul.payments li.caixa a {
	width: 57px;
	background-position: -300px -93px;
}
:lang(pt) #footer ul.payments li.santander a {
	width: 101px;
	background-position: -371px -93px;
}
:lang(pt) #footer ul.payments li.bradesco a {
	width: 100px;
	background-position: -486px -93px;
}
:lang(pt) #footer ul.payments li.itau a {
	width: 26px;
	background-position: -595px -93px;
}
:lang(pt) #footer ul.payments li.american a {
	width: 56px;
	background-position: -705px -93px;
}
:lang(pt) #footer ul.payments li.vcreditors a {
	width: 80px;
    background-position: -782px -93px;
}

/*
:lang(pt) #footer ul.payments li a:hover {
	background-position-y: -131px;
}
*/
:lang(pt) #footer ul.payments li.banko-brasil a, #footer_live ul.payments li.banko-brasil a {
    width: 56px;
    background-position: -230px -93px;
}
:lang(pt) #footer ul.payments li.brandesco a, #footer_live ul.payments li.brandesco a {
    width: 100px;
    background-position: -480px -93px;
}
:lang(pt) #footer ul.payments li.amex a, #footer_live ul.payments li.amex a {
    width: 57px;
    background-position: -705px -93px;
}

/* payment methods TR */
:lang(tr) #footer ul.payments li.cepbank a {
	width: 34px;
    background-position: -7px -178px;
}
:lang(tr) #footer ul.payments li.qr a {
	width: 26px;
    background-position: -56px -178px;
}

:lang(tr) #footer ul.payments li a:hover {
	background-position-y: -220px;
}

/* payment methods VI */
:lang(vi) #footer ul.payments li.NganLuong a {
    width: 116px;
    background-position: -6px -272px;
}
:lang(vi) #footer ul.payments li.Help2pay a {
	width: 43px;
    background-position: -137px -272px;
}
:lang(vi) #footer ul.payments li.Azpay a {
	width: 73px;
    background-position: -195px -272px;
}

:lang(vi) #footer ul.payments li a:hover {
	background-position-y: -309px;
}

/* payment methods ZH */
:lang(zh) #footer ul.payments li.alipay a {
	width: 70px;
    background-position: -186px -358px;
}
:lang(zh) #footer ul.payments li.wechatpay a {
    width: 80px;
    background-position: -94px -358px;
}
:lang(zh) #footer ul.payments li.cup a {
    width: 43px;
    background-position: -42px -358px;
}
:lang(zh) #footer ul.payments li.jdpay a {
	width: 25px;
    background-position: -7px -358px;
}
:lang(zh) #footer ul.payments li.qqpay a {
	width: 95px;
    background-position: -267px -358px;
}
:lang(zh) #footer ul.payments li.quickpay a {
	width: 135px;
    background-position: -374px -358px;
}

:lang(zh) #footer ul.payments li a:hover {
	background-position-y: -397px;
}












#footer .copyright {
	width: 670px;
	margin: 0 auto;
	color: #858585;
	line-height: 20px;
}


/************** SUBAGES **************/


/* coupon collapsibles */
#mid .collapsible.coupon td {
}
#mid .collapsible.coupon h3.header {
	font-size: 15px;
}
#mid .collapsible.coupon h2 {
	border-bottom: 1px solid #545454;
	padding: 6px 10px 5px 10px;
}
#mid .collapsible.coupon h2.header.ui-icon-plus, #mid .collapsible.coupon h2.header.ui-icon-plus-no-anim {
	border-bottom: none;
	border-bottom: 1px solid #0e6ac3;
}
#mid .collapsible.coupon h2.header.ui-icon-plus span, #mid .collapsible.coupon h2.header.ui-icon-plus-no-anim span  {
    background-position: -52px -210px;
}
#mid .collapsible.coupon table.tbl-a tr:first-child td {
	border-top: 1px solid #5A5A5A;
}
#mid .collapsible.coupon table.tbl-a td a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#mid .collapsible.coupon table.tbl-a td:hover {
	background-color: transparent;
	color: #fff;
	text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.37);
}
#mid .collapsible.coupon table.tbl-a .clicked, #mid .collapsible.coupon table.tbl-a .clicked a:hover {
	background-color: transparent;
	color: #fbc302;
	text-shadow: none;
}


/* sub navigation */
#sub #mid .r .tool-bar .ico-s:before {
	top: 2px;
}
#sub #mid .r .times {
	height: 40px;
	text-align: center;
	position: absolute;
	top: -29px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}
#sub #mid .r .times a {
	display: inline-block;	
	padding: 5px 0;
	color: #a5a4a4;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	margin: 0;
	padding-right: 20px;
	position: relative;
	font-weight: 900;
}
#sub #mid .r .times a:hover {
	color: #e5e3e3;
	background-position: -50px -251px;
}
#sub #mid .r .times a:after {
	content:'';
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
	margin: auto;
	background-position: -50px -251px;
}
#sub #mid .r .times a:hover:after {
	background-position: -50px -269px;
} 
#sub #mid .r .sub-nav {
	margin: -8px -8px 8px -8px;
	padding-left: 10px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	font-weight: 900;
	position: relative;
}
#sub #mid .r .sub-nav .teaser {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	padding-right: 13px;
	padding-left: 24px;
}
#sub #mid .r .sub-nav .teaser a {
	padding: 5px 0;
	display: inline-block;
}
#sub #mid .r .sub-nav .teaser:hover a, #sub #mid .r .sub-nav .teaser:hover .yellow-it {
	color: #e5e3e3!important;
}
#sub #mid .r .sub-nav .teaser:after, #sub #mid .r .sub-nav .teaser:before {
	content: '';
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 2px;
	right: 0px;
	margin: auto;
	background-position: -46px -104px;
}
#sub #mid .r .sub-nav .teaser:hover:before {
	background-position: -48px -654px;	
}
#sub #mid .r .sub-nav .teaser:before {
	left: 0;
	right: auto;
	background-position: -48px -601px;
	width: 18px;
	height: 18px;
}
#sub #mid .r .sub-nav .teaser:hover:after {
	background-position: -46px -230px;
}
#sub #mid .r .sub-nav .teaser.clicked a, #sub #mid .r .sub-nav .teaser.clicked:hover .yellow-it {
	color: #fbc302!important;
}
#sub #mid .r .sub-nav .teaser.clicked:after {
	background-position: -46px -127px;
}
#sub #mid .r .sub-nav .teaser.clicked:before {
	background-position: -48px -628px;
}

#sub .for-create-coupon {
	position: absolute;
	display: none;
	text-align: center;
	top: 105px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1002;
	pointer-events: none;
	margin-left: 207px;
	margin-right: 264px;
	min-width: 738px;
}
#sub .for-create-coupon.fixed {
	position: fixed;
	top: 4px;
}
#sub .for-create-coupon:after {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: auto;
	background-position: -52px -506px;
}
#sub .create-coupon {
	border: 1px solid #333;
	background-color: #5d5d5c;
	border-radius: 5px;
	display: inline-block;
	padding: 3px;
	pointer-events: auto;
}
#sub .create-coupon button {
	padding-left: 35px;
	position: relative;
}
#sub .create-coupon button span.c-selections {
    width: 19px;
    height: 19px;
    padding: 0;
    background-color: #545352;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    left: 8px;
    top: 0;
    bottom: 0;
    text-shadow: none;
    color: #D2D2D2;
	text-align: center;
}
#sub .create-coupon button span.c-selections font {
	vertical-align: middle;
    display: block;
    margin-top: 5px;
}
#sub h1.section.b-crumbs {
	color: #a5a4a4;
	font-weight: normal;
}
#sub h1.section.b-crumbs .current {
	color: #e5e3e3;
	font-weight: 900;
}
h1.b-crumbs a {
	color: #a5a4a4;
	font-weight: bold;
}
#sub h1.b-crumbs a:hover {
	color: #e5e3e3;
}
#sub h1.b-crumbs a.clicked {
	color: #fbc302;
}
/* coupon tables */
#mid .events h2.header a.goto.oth-mrk {
	padding: 5px 10px 4px 0;
}
#mid .events h2.header a.goto.oth-mrk:after {
	background-position: -49px 4px;
	margin-left: 2px;
}
/* market universal table */
#mid .tbl-a.u-markets col.c-2, #mid .tbl-a.u-markets col.c-3, #mid .tbl-a.u-markets col.c-4 {
	width: 14.7%;
}
#mid .tbl-a.u-markets col.c-5 {
	width: 6%;
}
#mid .tbl-a.u-markets th.desc {
	text-align: left;
}
#mid .tbl-a.u-markets td.no a {
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}
#mid .tbl-a.u-markets td.no {
	border-left: 1px solid #464646;
}
#mid .tbl-a.u-markets td.no a span {
	padding-right: 11px;
	position: relative;	
}
#mid .tbl-a.u-markets td.no a span:after {
	content: '';
	width: 10px;
	height: 12px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background-position: -51px -107px;
}
#mid .tbl-a.u-markets td.no.clicked a span:after  {
	background-position: -51px -130px;
}
#mid .tbl-a.u-markets td span.tim {
	color: #a2a2a2;
	margin-right: 8px;
	position: absolute;
	left: 8px;
}
#mid .tbl-a.u-markets td.team a {
    margin-right: 6%;
	padding-left: 52px;
}
#mid .tbl-a.u-markets td.team a.sta {
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	background-position: -42px -25px;
	display: block;
	z-index: 2500;
	padding: 0;
}
#mid .tbl-a.u-markets td.team div {
	position: relative;
}
#mid .tbl-a.u-markets td.team a.sta:hover {
	background-position: -42px -519px;
}

/* dynamic markets */
.dynamic-markets #mid .events .tbl-a col.c-1 {
	width: 40%;
}
.dynamic-markets #mid .tbl-a.u-markets col.c-2, .dynamic-markets #mid .tbl-a.u-markets col.c-3, .dynamic-markets #mid .tbl-a.u-markets col.c-4 {
	width: 10.7%;
}
.dynamic-markets #mid .tbl-a.u-markets col.c-5 {
	width: 6%;
}

/* related markets table*/
#mid .tbl-a.r-markets td {
	border-left: none; 
}
#mid .tbl-a.static.r-markets td:hover, #mid .tbl-a.static.r-markets td.clicked {
	background: transparent;
}


/* live-bet in col C */
#mid .col-c .live-betting {	
}
#mid .col-c .live-betting table.tbl-a col.c-2 {
	width: 80px;
}
#mid .col-c .live-betting table.tbl-a span.vs {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}
#mid .col-c .live-betting table.tbl-a span.result, #mid .col-c .live-betting table.tbl-a span.time {
	display: block;
	text-align: right;
	margin-left: 0;
}
/* sports with draw */
#mid .col-c .live-betting table.tbl-a.draw-yes span.desc, #mid .col-c .live-betting table.tbl-a.draw-yes span.num {
	display: block;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: auto;
	right: auto;
	white-space: normal;
	float: none;
	margin: inherit;
	width: auto;
}
#mid .col-c .live-betting .tbl-a.draw-yes tr.expand td a {
	display: table-cell!important;
	padding-top: 0;
	padding-bottom: 1px;
}
/* sports without draw */
#mid .col-c .live-betting tr.expand td a {
	display: block;
}

/* tennis specyfic */
#mid .col-c .live-betting .tbl-a.tennis span.result {
	float: right;
	margin-left: 6px;
}
#mid .col-c .live-betting table.tbl-a.tennis col.c-2 {
	width: 108px;
}



#mid a.change-league {
    position: absolute;
    top: -23px;
    right: 8px;
    z-index: 1001;
    padding-right: 11px;
	color: #a5a4a4;
	font-size: 13px;
}
#mid a.change-league:hover {
	color: #e5e3e3;
}
#mid a.change-league:after {
	content: '';
    background-position: -49px 4px;
    margin-left: 2px;
    display: block;
    width: 12px;
    height: 12px;
    float: right;
    margin-top: 2px;
}


/******************* INFO PAGES *******************/


body#info {
	background-color: #EAEAEA;
	color: #292929;
	line-height: 18px;
}
#info #mid a, #info #mid a:link {
	color: #2a5898;
}
#info #mid a:hover, #info #mid .lft .accordion-i h3:hover, #info #mid a .h-grey:hover, #info #mid .lft .accordion-i h3 a:hover {
	color: #292929;
}
/* form */
#info ::-webkit-input-placeholder {
 	color: #717171;
}
#info ::-moz-placeholder {
 	color: #717171!important;
}
#info ::-ms-input-placeholder {
 	color: #717171;
}
input:focus, textarea:focus, button:focus, select:focus, select {
    outline: none;
    box-shadow: none;
}
input:-webkit-autofill{
	-webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset;
	-webkit-text-fill-color: #545352;
}
input:-webkit-autofill:focus{
	-webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset, 0 0 8px rgba(212, 212, 212, 0.6);
}
#info .grey {
	color: #7b7b7b!important;
}
#info .p-content .grey {
	color: #9e9e9e!important;
}
#info .custom-popup form.thm-1 .inp {
    width: 100%;
    background-color: #9c9c9b;
	border: none;
}
#info .custom-popup form.thm-1 .inp input {
	color: #545352;
}
#info .custom-popup ::-webkit-input-placeholder {
 	color: #545352;
}
#info .custom-popup ::-moz-placeholder {
 	color: #545352!important;
}
#info .custom-popup ::-ms-input-placeholder {
 	color: #545352;
}
#info .custom-popup {
	background-color: #616161;
}
#info .custom-popup_2 .p-content {
	color: #e5e3e3;
}
#info #cnt .custom-popup_2 h3 {
	color: #e5e3e3;
}
#info #cnt .ico-c {
	padding-left: 66px;
	position: relative;
	margin-bottom: 40px;
}
#info #cnt .ico-c .icon {
	border: 1px solid #d1d1d1;
	position: absolute;
	top: 0;
	left: 0;
	width: 42px;
	height: 42px;	
	border-radius: 7px;
}
#info #cnt .ico-c .icon:before {
	content: '';
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	background-position: -47px -1850px
}
#info #cnt .ico-c.i-msg .icon:before {
	background-position: -47px -1878px;
}
#info #cnt .ico-c.email .icon:before {
	background-position: -46px -1908px;
}
#info #cnt .ico-c.phone .icon:before {
	background-position: -46px -1937px;
}
#info #cnt .ico-c h3 {
	margin-bottom: 1px;
}
#info #cnt.contact {
	margin-top: 40px;
}

#info form.thm-1 .inp {
	width: 80%;
    background-color: transparent;
    display: inline-block;
    border: 1px solid #BDBDBD;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
#info form.thm-1 .inp input {
	color: #717171;
}
#info form.thm-1 .inp.srch input {
	margin-left: 20px;
}
#info form.thm-1 .inp.srch:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	left: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-position: -51px -1069px;
}
#info form.thm-1 .inp.select, #info form.thm-1 .inp.select:before {
    background-color: #e6e6e6;
}
#info form.thm-1 .inp.select {
	border-top: 1px solid #D4D4D4;
    box-shadow: none;
}
#info form.thm-1 .inp.select:after, #info form.thm-1 .inp.select:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
	margin: auto;
	width: 20px;
	height: 20px;
	pointer-events: none;
	background-position: -52px -904px;
}
#info form.thm-1 .inp.select:before {
	height: 100%;
	width: 27px;
	background-image: none; 
	background-color: #cfcfcf\9;
	background-position: top;
	margin-right: -1px;
}
#info form.thm-1 select, #info form.thm-1.big select {
	height: 25px;
    background: none;
    margin: 0;
	padding: 0;
	text-indent: 0;
    text-align: left;
    border: none;
    box-shadow: none;
    font-size: 13px;
    color: #717171;
    font-weight: bold;
	font-family: inherit;
	padding-left: 3px;
	width: 99.333%;
}
#info form.thm-1.big select {
	height: 29px;
	font-size: 15px;
}
#info form.thm-1.big .inp.select.filter {
	width: 18.5%;
	float: right;
}
#info form.thm-1.big#search-help .inp input {
	font-size: 15px;
}
#info .line {
	border-bottom: 1px solid #D2D2D2;
	margin-bottom: 15px;
}
#info form.thm-1 fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#info form.thm-1 fieldset.double .inp.select {
	width: 109px;
}
#info form.thm-1 fieldset .inp.select, #info form.thm-1 fieldset.phone .inp.select  {
	width: 69px;
	margin-left: 7px;
	float: ;
}
#info form.thm-1 fieldset .inp.select:first-child {
	margin-left: 0px;
}
#info form.thm-1 fieldset.phone .inp.select {
	margin-left: 0;
	margin-right: 7px
}
#info form.thm-1 fieldset.phone .inp {
	width: 150px;
}
/* error */
#info form span.error {
    display: inline-block;
    padding: 6px 9px 6px 25px;
    margin: -1px 0px -7px 10px;
    text-align: left;
    position: relative;
    color: #D24A00;
    background-color: #EFEFEF;
    border-radius: 5px;
    line-height: 15px;
    width: 181px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.07);
    border: 1px solid #D4D4D4;
}
#info form span.error:before, #info form span.error:after {
	content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 1px;
    margin: auto;
    background-position: -45px -746px;
}
#info form span.error:after {
	left: -20px;
    background-position: -42px -1174px;
    top: 5px;
    bottom: auto;
}

/* primary form */
#info form.primary {
	text-align: center; 
	width: auto;
	padding: 0 0 0 0;
	width: auto;
	margin: auto auto 15px auto;
}
#info form.primary#contactUs {
	padding: 0px 0 0 0;
}
#info table.f-dispose {
	width: 100%;
	margin: -6px auto 0 auto;
	border-collapse: collapse;
	height: 0;
	table-layout: fixed;
}
#info form.primary table.f-dispose {
	width: 100%;
}
#info form.primary table.f-dispose.ga {
	margin: auto 31px;
}
#info form.primary table.f-dispose col.c-2 {
	width: 245px;
}

#info table.f-dispose td {
	width: auto;
	vertical-align: top;
	padding: 6px 1px;
	position: relative;
}


#info .p-content table.f-dispose td {
	padding: 0 6px;
	color: #e5e3e3;
}



#info #mid table.f-dispose td:last-child {
	text-align: left;
}
#info table.f-dispose td.separator {
	height: 30px;
	padding: 0;
	border: none;
}
#info form.primary .inp {
	width: 230px;
	display: inline-block;
	margin: 0;
	overflow: hidden;
}
#info.contact form.primary#contactUs {
	padding: 0 12px;
}
#info.contact form.primary .inp {
	width: 100%;
}
#info.contact form.primary textarea {
	min-height: 200px;
}
#info.contact form.primary#contactUs span.error {
	position: absolute;
	top: 86px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
}
#info.contact form.primary#contactUs .inp.id span.error {
	top: -20px;
}
#info.contact form.primary#contactUs .inp.e-mail span.error {
	top: 15px;
	z-index: 100px;
}
#info.contact form.primary#contactUs span.error:after {
	left: -11px;
    right: 0;
    background-position: -63px -1171px;
    bottom: -13px;
    top: auto;
}
#info.contact form.primary#contactUs .inp.e-mail span.error:after {
	left: -11px;
    right: 0;
    background-position: -64px -1188px;
    bottom: auto;
    top: -10px;
}
#info.contact form.primary#contactUs .inp {
	overflow: visible;
}

#info form.primary textarea {
    min-height: 85px;
    padding-top: 8px;
}
#info #mid #cnt .b-yellow, #info #mid #cnt .b-grey {
	width: auto;
	border: 1px solid #929292;
	margin-top: -1px;
	margin-left: 1px;
    margin-right: 1px;
	min-width: 81px;
}
#info #mid #cnt button.inactive {
	background-color: #E0E0E0;
    color: #C4C4C4;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.10);
    border: 1px solid #D6D5D5;
}
#info form.primary label {
	padding: 0;	
	margin: 4px 3px 0 0;
	display: inline-block;
	color: #7b7b7b;
}
#info .f-dispose span.txt {
	padding-left: 6px;
	padding-right: 4px;
	color: #292929;
}
#info .f-dispose span.txt.indent {
	padding-left: 15px!important;
}
:root #info input[type="checkbox"] + label span.chck:before {
    background-color: #E6E6E6;
    border: 1px solid #bdbdbd;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.07);
    position: absolute;
    top: 10px;
    left: -22px;
    /*background-position: -52px -1197px;*/
}

:root #info td.accept input[type="checkbox"] + label span.chck:before {
	left: 15px;
}
:root #info td.accept span.txt {
	padding-left: 28px;
}


/* info page template */
#info #top, #info #mid, #info #sub-bar, #info #cnt .existing {
	min-height: 74px;
	height: auto;
	min-width: 950px;
}

#info #mid {
	height: 546px;
	margin: 0;
}

#info #top .i-bar ul.sub-nav {
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	padding-left: 11px;
	padding-right: 11px;
}
#info #top .i-bar ul.sub-nav a {
	font-weight: bold;
}
#info #top .i-bar ul.sub-nav a.active {
	color: #fbc302;
}
#info #top .i-bar {
	margin-top: 75px;
	position: relative;
}
#info #top .r {
	display: none;
}
#info.help #top .r {
	display: block;
	position: absolute;
	top: 30px;
	bottom: 0;
	right: 25px;
	height: 17px;
}
#info #top .r a {
	padding-left: 26px;
	margin-left: 9px;
	position: relative;
	font-weight: normal;
	display: inline-block;
}
#info #top .r a.l-help:before, #info #top .r a.contact:before {
	content: '';
	width: 20px;
	height: 17px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -48px -796px;
}
#info #top .r a.contact:before {
	background-position: -48px -772px;
}
#info #top .r a.contact:hover:before {
	background-position: -48px -983px;
}
#info #top .r a.l-help:hover:before {
	background-position: -48px -1007px;
}
#info #sub-bar {
    min-height: 69px;
    /*background-color: #a6a6a5;*/
	background-color: #868686;
    position: relative;
    padding-bottom: 4px;
}
#info #sub-bar h2.header {
	font-weight: 900;
	color: #D6D6D6;
	height: 20px;
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 25px;
	margin: auto;
	padding-left: 14px;
	font-size: 17px;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.21);
	z-index: 1000;
} 
#info #sub-bar h2.header span.current {
    font-weight: 900;
    color: #F1F1EF;
    border-radius: 5px;
    margin-top: -5px;
}
#info #sub-bar h2.header:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	margin: auto;
	background-position: -56px -1118px;
}
#info #sub-bar h2.header a {
	color: #F1F1EF;
	font-weight: 900;
}
#info #sub-bar h2.header a:hover {
	opacity: .5;
}
#info #sub-bar ul.tools {
	height: 17px;
	right: 25px;
	top: 0;
	bottom: 0;
	z-index: 1000;
}
#info #sub-bar ul.tools li a {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 30px;
}
#info #sub-bar ul.tools li.stats a {
	background-position: -48px -821px;
}
#info #sub-bar ul.tools li.live-score a {
	background-position: -47px -850px;
}
#info #sub-bar ul.tools li.settings a {
	background-position: -49px -879px;
}
#info #sub-bar ul.tools li a:hover {
	opacity: .5;
}

#info #top .search {
    position: absolute;
    top: 24px;
    right: 24px;
    margin: auto;
    height: 26px;
}
#info #top .search .inp.srch {
	background-color: #CCCCCC;
	width: 172px;
	border: none;
}
#info .search form.thm-1 .inp.srch input {
    margin-left: 20px;
}
#info #mid .lft, #info #mid .rgh  {
	width: 157px;
    display: table-cell;
    padding: 25px;
    vertical-align: top;
    box-shadow: inset -13px 0 15px -15px rgba(0,0,0,0.085);
}
#info #mid .lft {
	background-color: #e6e6e6;
	padding-top: 18px;
	
}
#info #mid .rgh  {
	width: 90%;
	box-shadow: none;
}
#info #footer {
    padding-top: 0;
    padding-bottom: 25px;
    background: url(../img/ui-assets/bg-footer-bright.png) top left repeat;
    background-size: 63px;
    border-top: none;
    background-color: #D8D8D8;
	min-width: auto;
}


#info #footer .disclaimer {
	border-top: 1px solid #D8D8D8;
    padding-top: 25px;
}
#info #footer .copyright {
	color: #797979;
}
#info #footer ul.payments {
	margin-bottom: 16px;
}

/* content formating */
#info #cnt h3, #info #cnt h4, #info #cnt ol li.hed {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	color: #292929;
}
#info #cnt h4 {
	padding-left: 10px;
}
#info #cnt h3 span.bc {
	display: block;
	font-size: 13px;
	font-weight: normal;
}


#info #cnt h3.no-margin {
	margin-bottom: 4px;
}
#info #cnt h3.big {
	font-size: 25px;
}

#info #cnt p {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-bottom: 21px;
}
#info img.header-pic {
	margin-bottom: 21px;
	display: block;
}

#info #cnt .pagi {
	border-top: 1px solid #D2D2D2;
}
#info form#pagination {
	float: left;
	margin-top: 14px;
}
#info form#pagination .inp.page, #info form#pagination .inp.page input {
	width: 28px;
    height: 17px;
    min-height: 7px;
    line-height: 14px;
    text-align: center;
    padding: 0 2px;
    margin-bottom: 0;
}
#info form#pagination .inp.page {
	float: right;
	margin: 0 8px;
}
#info form#pagination div.t {
	margin-top: 0;
	padding: 0;
	margin: 0;
	float: right;
}
#info form#pagination a {
    display: block;
    float: right;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #c1c1c1;
    background-color: #EAEAEA;
    margin-left: 15px;
    margin-top: -2px;
}
#info form#pagination a.l-arrow {
	background-position: -42px -959px;
}
#info form#pagination a.r-arrow {
	background-position: -62px -959px;
}
#info form#pagination a:hover {
	background-color: #E2E2E2;
}
#info form#pagination a:first-child {
		margin-left: 5px;
}
#info img {
	display: inline-block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* Accordeon Info pages */

#info .accordion-i {
	border-bottom: 1px solid #D3D3D3;
}
#info .accordion-i:last-child {
	border-bottom: none;
}
#info .accordion-wrap {
	margin-left: -1px;
	margin-bottom: 20px;
}
#info .lft .accordion-i .ui-state-active {
	background-color: transparent;
	border-radius: 4px;
	overflow: hidden;
}
#info .lft .accordion-i .ui-accordion-content {
	height: auto;
	overflow: visible;
	padding: 0;
	margin: 0;
}
#info #mid .lft .accordion-i .ui-accordion-content a {
	display: block;
	margin-left: 14px;
	padding: 7px 0 7px 16px;
	position: relative;
	color: #7b7b7b;
	font-weight: bold;
}
#info #mid .lft .accordion-i .ui-accordion-content a:last-child {
	margin-bottom: 1px;
}
#info #mid .lft .accordion-i .ui-accordion-content a.active, #info #mid .lft .accordion-i .ui-accordion-content a.active:hover {
	opacity: 1;
	color: #292929;
	/*font-weight: 900;*/
} 
#info .lft .accordion-i h3.active:hover {
	color: #292929;
	opacity: 1;
}
#info #mid .lft .accordion-i .ui-accordion-content a:hover {
	color: #292929;
}
#info #mid .lft .accordion-i h3 {
	padding: 8px 0px 7px 16px;
    margin: 0;
    font-weight: normal;
    color: #6b6b6b;
    display: block;
}
#info #mid .lft .accordion-i:last-child h3 {
	border-bottom: none;
}
#info #mid .lft .accordion-i h3 a {
    color: #6b6b6b;
	font-weight: normal;
    display: inline-block;
    margin: -7px 0 -7px 0;
    width: 98%;
    padding: 7px 0;
}
#info #mid .lft .accordion-i h3.ui-state-active, #info #mid .lft .accordion-i h3.ui-state-active:hover {
	color: #292929;
    opacity: 1;
    display: block;
    border-radius: 0;
	font-weight: bold;
}
#info .lft .accordion-i h3.active span, #info #mid .lft .accordion-i h3.ui-state-active span, #info #mid .lft .accordion-i .ui-accordion-content a.active:before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -54px -1048px;
}

#info .lft .accordion-i h3.active .ui-icon-plus {
	background-position: -54px -1048px;
}

#info #mid .lft .accordion-i .ui-accordion-content a.active:before {
	background-position: -54px -100049px;
	top: 0px;
}
#info #mid .lft .accordion-i h3.active a, #info #mid .lft .accordion-i h3.active a:hover {
	color: #353535;
	opacity: 1;
	padding: 7px 0;
	font-weight: 900;
}
#info #mid .lft .accordion-i h3.active span.ui-icon-minus {
	background-position: -54px -1049px;
}




#info #cnt ul, #info #cnt ol {
	margin-left: 10px;
	margin-bottom: 21px;
	clear: both;
	display: block;
}
#info #cnt ul li, #info #cnt ol li { 
	display: list-item;
	padding-left: 16px;
	position: relative;
}
#info #cnt ol ul {
	margin-top: 21px;
}
#info #cnt ol ul li {
	list-style-type: none; 
	padding-left: 16px;
	margin-left: 8px;
}
#info #cnt ol ol ul li {
	margin-left: -2px;
	
}
#info #cnt ol li {
	list-style-type: decimal;
	padding-left: 1px;
	margin-left: 16px;
}
#info #cnt ol ol ol {
	margin-left: 26px;
	margin-top: 21px;
}
#info #cnt ol ol li {
	margin-left: 6px;
}

#info #cnt ol li.hed {
	padding-left: 0px;
	margin-left: 10px;
}
#info #cnt ol.no-decimal-hed li.hed {
	list-style-type: none;
	padding-left: 0;
	margin-left: -8px;	
}
#info #cnt ol li.sub-hed {
	font-weight: 900;
	list-style-type: none;
	margin-left: -8px;
	padding-left: 0;
	margin-bottom: 21px;
}
#info #cnt li.sub-hed ol, #info #cnt li.sub-hed ul {
    margin-top: 21px;
}
#info #cnt ul li:before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 2px;
	left: 0;
	background-position: -56px -1048px;
}

/* table info page t_1 */

#info table.t_1 {
	table-layout: fixed;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.17);
	border-radius: 6px 6px 0 0;
	margin-bottom: 21px;
}
#info table.t_1 th, #info table.t_1 td {
	text-align: left;
	border: 1px solid #b7b7b6;
	padding: 6px 10px 6px 10px;
}
#info table.t_1 th {
	background-color: #E0E0E0;
	border: none;
}
#info table.t_1 th:first-child {
	border-radius: 6px 0 0 0;
	overflow: hidden;
}
#info table.t_1 th:last-child {
	border-radius: 0 6px 0 0;
}
#info table.t_1 td:last-child {
	border-right: none;
}
#info table.t_1 td:first-child {
	border-left: none;
}
#info table.t_1 tr:last-child td {
	border-bottom: none;
}
#info table.t_1 tr.no-b-border td {
	border-bottom: none;
}

#info.about #mid .rgh	 {
	background: url(../img/ui-assets/map.png) 67% 76% no-repeat;
	background-size: 407px;
	background-attachment: fixed;
}

/* table info page t_2 */

#info div.tbl-wrap {
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6);
	/*overflow: visible;*/
	background-color: #e0e0e0;
}
#info .tbl-wrap.t_2 {
	margin-bottom: 21px;
}
#info .tbl-wrap.t_2 h2.t-header {
	background-color: #3176D8;
	color: #f1f1ef;
    display: block;
    position: relative;
    padding: 6px 10px 6px 10px;
    font-size: 17px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.20);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.03);
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    min-height: 15px;
	border-radius: 6px 6px 0 0;
	border-bottom: 1px solid #3A78D2;
	margin: -1px;
}
#info .tbl-wrap.t_2 h2.t-header.grey-bg {
	background-color: #A6A6A5;
	border-bottom: 1px solid #A6A6A5;
}
#info .tbl-wrap.t_2 .content {
	padding: 6px;
	padding-top: 7px;
}
#info .tbl-wrap.t_2 table {
	width: 100%;
	background-color: #E0E0E0;
	table-layout: fixed;
}
#info .tbl-wrap.t_2 table col.c-2 {
	width: 38%;
}
#info .tbl-wrap.t_2 table th {
	background-color: #c4c4c4;
	color: #535252;
	padding: 3px 6px 1px 6px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}
#info .tbl-wrap.t_2 table th:last-child {
	border-right: 1px solid #c4c4c4;
}
#info .tbl-wrap.t_2 table th:first-child {
	border-left: 1px solid #c4c4c4;
}
#info .tbl-wrap.t_2 table td {
    border: 1px solid #BDBDBD;
    text-align: center;
    padding: 7px 6px 6px 6px;
    height: 17px;
}
#info .tbl-wrap.t_2 td a.deposit {
	display: block;
	text-align: center;
	margin-bottom: 3px;
	margin-top: -10px;
}
#info .tbl-wrap.t_2 td a.r-more {
	padding-right: 15px;
	position: relative;
}
#info .tbl-wrap.t_2 td a.r-more:after  {
	content: '';
	position: absolute;
	top: 0;
	right:0;
	width: 15px;
	height: 15px;
	background-position: -49px -1028px;
}
#info .tbl-wrap.t_2 td a.r-more.active:after {
	background-position: -63px -1028px;
}
#info .tbl-wrap.t_2 td a.r-more:hover:after {
	opacity: .5;
}

#info .tbl-wrap.t_2 td.pay:before {
    content: '';
    display: inline-block;
    width: 76px;
    height: 38px;
    margin-bottom: -6px;
    margin-top: -4px;
}

#info .tbl-wrap.t_2 table.affiliate-finance tr.total td {
	background-color: #eaeaea;
	font-weight: bold;
	text-transform: uppercase;
	color: #292929;
	border: none;
}
#info .tbl-wrap.t_2 table.affiliate-finance td {
	color: #7b7b7b;
}
#info  form#affiliate-filter {
	margin: 8px 0;
}
#info  form#affiliate-filter .inp.select {
	width: 49.1%;
}
#info form.primary.banners label {
	margin: 0;
}
#info .f-dispose.banners td {
	height: 30px;
	vertical-align: middle;
	padding: 6px;
	padding-left: 4px;
}


/* cards table */
#info .tbl-wrap.t_2.cards a.r-more {
	padding-right: 0px;
}
#info .tbl-wrap.t_2.cards td a.r-more:after {
	display: none;
}
#info .tbl-wrap.t_2.cards td {
	border-left: none;
	border-right: none;
}
#info .tbl-wrap.t_2.cards td:first-child {
	border-left: 1px solid #BDBDBD;
}
#info .tbl-wrap.t_2.cards td:last-child {
	border-right: 1px solid #BDBDBD;
}
#info .tbl-wrap.t_2.cards tr.active td {
	font-weight: 900;
}


#info .tbl-wrap.t_2 td.pay.visa:before {
    background-position: -2px -48px;
}
#info .tbl-wrap.t_2 td.pay.eco:before {
	background-position: -76px -90px;
    width: 80px;
}
#info .tbl-wrap.t_2 td.pay.astropay:before {
    background-position: -270px -48px;
}
#info .tbl-wrap.t_2 td.pay.otopay:before {
    background-position: -462px -48px;
}
#info .tbl-wrap.t_2 td.pay.paykasa:before {
    background-position: -357px -46px;
	width: 94px;
}
#info .tbl-wrap.t_2 td.pay.paykwik:before {
    background-position: -540px -45px;
	width: 94px;
}
#info .tbl-wrap.t_2 td.pay.bank-transfer:before {
	background-position: -125px -46px;
}
#info .tbl-wrap.t_2 td.pay.bitcoin:before {
	background-position: -5px -89px;
	width: 37px;
}
#info .tbl-wrap.t_2 td.pay.jeton-v:before {
    background-position: -182px -89px;
    width: 100px;
}
#info .tbl-wrap.t_2 td.pay.netteler:before {
	background-position: -288px -89px;
    width: 100px;
}
#info .tbl-wrap.t_2 td.pay.ecovoucher:before {
    background-position: -401px -89px;
    width: 102px;
}
#info .tbl-wrap.t_2 td.pay.jeton:before {
	background-position: -524px -89px;
    width: 60px;
}
#info .tbl-wrap.t_2 td.pay.cashlib:before {
    background-position: -597px -89px;
    width: 70px;
}
#info .tbl-wrap.t_2 td.pay.cepbank:before {
	background-position: -671px -89px;
    width: 50px;
}
#info .tbl-wrap.t_2 td.pay.qr:before {
	background-position: -722px -89px;
    width: 71px;
}
#info .tbl-wrap.t_2 td.pay.master:before {
	background-position: -794px -89px;
    width: 57px;
}
#info .tbl-wrap.t_2 td.pay.boleto:before {
	background-position: -850px -89px;
    width: 57px;
}
#info .tbl-wrap.t_2 td.pay.itau:before {
	background-position: -38px -89px;
    width: 37px;
}
#info .tbl-wrap.t_2 td.pay.bradesco:before {
	background-position: -909px -89px;
    width: 87px;
}
#info .tbl-wrap.t_2 td.pay.banko-brasil:before {
	background-position: 5px -133px;
    width: 80px;
}
#info .tbl-wrap.t_2 td.pay.caixa:before {
	background-position: -75px -132px;
    width: 80px;
}
#info .tbl-wrap.t_2 td.pay.santander:before {
    background-position: -166px -132px;
    width: 100px;
}
#info .tbl-wrap.t_2 td.pay.elo:before {
	background-position: -277px -132px;
    width: 60px;
}
#info .tbl-wrap.t_2 td.pay.diners:before {
	background-position: -345px -132px;
    width: 60px;
}
#info .tbl-wrap.t_2 td.pay.american:before {
	background-position: -416px -132px;
    width: 60px;
}

#info .tbl-wrap.t_2 td.pay.aura:before {
	background-position: -492px -132px;
    width: 60px;
}
#info .tbl-wrap.t_2 td.pay.discover:before {
	background-position: -557px -132px;
    width: 100px;
}

#info .tbl-wrap.t_2 td.pay.cashixir:before {
	background-position: -660px -133px;
    width: 100px;
}
#info .tbl-wrap.t_2 td.pay.papara:before {
	background-position: -767px -133px;
    width: 59px;
}
#info .tbl-wrap.t_2 td.pay.help2pay:before {
	background-position: -824px -133px;
    width: 59px;
}
#info .tbl-wrap.t_2 td.pay.vcreditos:before {
background-position: -884px -132px;
    width: 77px;
}



#info .tbl-wrap.t_2 tr.expand td {
	display: none;
	padding: 9px 10px 10px 11px;
	background-color: #EAEAEA;
}
#info .tbl-wrap.t_2 tr.expand.on td {
	display: table-cell;
}
/* COLLAPSIBLE INFO PAGES */

#info #mid .collapsible h2.header, #info .tbl-wrap.t_2 h2.header {
	background-color: #A6A6A5;
    display: block;
    margin: 0 0px;
    padding: 7px 12px 6px 12px;
    font-size: 16px;
    font-weight: 900;
    color: #fbfafa;
    position: relative;
    margin-top: -1px;
    line-height: 19px;
}
#info #mid .collapsible h2.header.grey-bg {
	background-color: #A6A6A5;
}
#info #mid .collapsible div.cont {
    padding: 25px 12px 3px 12px;
    border-bottom: 1px solid #D4D4D4;
    border-top: none;
}
#info #mid .collapsible:last-child div.cont {
	border-bottom: none;
}
#info #mid .collapsible h2.header span {
	opacity: 1;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	display: block;
	background-position: -47px -1095px;
}

#info #mid .collapsible h2.header.ui-icon-plus, #info #mid .collapsible h2.header.ui-icon-plus-no-anim {
	background-color: transparent;
	border-bottom: 1px solid #D4D4D4;;
	color: #7b7b7b;
}
#info #mid .collapsible h2.header.ui-icon-plus:hover, #info #mid .collapsible h2.header.ui-icon-plus-no-anim:hover, #info #mid #cnt .collapsible.msg.orange h2.ui-icon-plus:hover {
	background-color: #f3f3f3;
}
#info #mid .collapsible h2.header.ui-icon-plus span, #info #mid .collapsible h2.header.ui-icon-plus-no-anim span {
	background-position: -48px -416px;
}
#info .single.move-up {
	margin-top: 900px;
}
#info #mid #cnt .collapsible.msg .cont  {
	padding: 12px;
	border: 1px solid  #D4D4D4;
	border-top: none;
	background-color: #EFEFEF;
	margin-bottom: 1px;
}
#info #mid #cnt .msg-b {
	padding: 32px 12px 10px 12px;
	border: 1px solid #D4D4D4;
	background-color: #dedede;
	margin-bottom: 26px;
}
#info #mid .collapsible.msg.orange h2 {
	background-color: #ED8139;
}
#info #mid .collapsible.msg.orange h2.header.ui-icon-plus, #info #mid .collapsible.msg.orange h2.header.ui-icon-plus-no-anim {
	background-color: inherit; 
}
#info .info {
	padding-top: 29px;
	position: relative;
	text-align: left;
}
#info .info:before {
	content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background-position: -45px -1328px;
}
#info #mid p.info:before {
	top: 10px;
}
#info .warn {
	padding-top: 29px;
	position: relative;
	color: #D24A00;
	text-align: left;
}
#info .warn:before {
	content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background-position: -45px -1292px;
}
#info .info h4 {
    text-align: center;
    display: block;
}

#info .und-con {
	z-index: 10000;
	width: 400px;
	position: absolute;
	top: 225px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
	font-weight: bold;
	color: #a5a4a4;
	padding-top: 38px;
	line-height: 21px;
	text-align: center;
}
#info .und-con:before {
	background-position: -45px -715px;
}

/* Contact Us */

#info #cnt h4.live-help {
	font-size: 16px;
	padding: 0 0;
	margin: 31px 0 31px 0;
	text-align: center;	
}
#info h4.live-help a {
	display: inline-block;
	padding-left: 32px;
	margin-right: 10px;
	position: relative;
	
}
#info h4.live-help a:before {
	content: '';
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-position: -47px -1145px;
}
#info h2.bar {
	background-color: #3176D8;
    display: block;
    margin: 0 0 28px 0;
    padding: 8px 12px 7px 12px;
    font-size: 16px;
    font-weight: 900;
    color: #f1f1ef;
    position: relative;
}
#info h2.bar.light {
	background-color: #d6d6d6;
	color: #7b7b7b;
	margin: 0px 0 11px 0;
}


/* Join */
#info #cnt .existing {
	margin-bottom: 2px;
	position: absolute;
	top: 106px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #F1F1EF;
}
#info #cnt .existing a {
	color: #F1F1EF;
	font-weight: 900;
}
#info #cnt .existing a:hover {
	opacity: .5;
}
#info .f-dispose .number {
	border: 1px solid #6c6c6c;
	margin-top: 10px;
	margin-bottom: 0px;
}
#info form.primary .inp.random {
	margin-bottom: 11px;
} 
#info form.primary#joinUs {
	margin-bottom: 40px;
}
#info .f-dispose td.separator:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #dcdcdc;
	margin: auto;
}
#info .f-dispose td.separator.no-border:before {
	border: none;
}
#info form.primary .f-dispose td.separator:before {
	margin: auto;
}
#info .f-dispose tr:first-child td.separator:before {
	border-top: none;
}

/* Affiliates */
#info .holder {
	margin-top: -24px;
	position: relative;
	margin-bottom: 10px;
}
#info #cnt .holder .txt {
	position: absolute;
    top: 121px;
    right: 23px;
    text-align: center;
    width: 320px;
}
#info #cnt .holder h1 {
	font-size: 45px;
	font-weight: bold;
	color: #3A71AF;
	line-height: 38px;
	margin-bottom: 4px;
}
#info #cnt .holder h4 {
	font-size: inherit;
	font-weight: normal;
	color: #7b7b7b;
	padding: 0;
	margin: 0;
}


#info #cnt .cols {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#info #cnt .cols div {
	display: table-cell;
	vertical-align: top;
	padding: 10px 33px;
	border-left: 1px solid #D2D2D2;
}
#info #cnt .cols div:first-child {
	border-left: none;
}
#info #cnt a.more {
	padding-right: 15px;
	position: relative;
}
#info .rgh.grid #cnt p {
	margin-bottom: 8px;
}
#info #cnt a.more:after {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-position: -51px -1046px;
	
}
#info #cnt a.more:hover:after {
	opacity: .5;
}

/* Settings table */
#info #cnt .f-dispose.settings td {
	padding: 0 6px;
}
#info #cnt .f-dispose.settings td:first-child {
	color: #7b7b7b;
}
#info #cnt .f-dispose.settings td.separator {
	vertical-align: middle;
}
#info #cnt .f-dispose a.change {
	margin-right: 16px;
}
#info form.primary table.f-dispose.settings {
	width: 100%;
}
#info a.help, #info a.goto {
	margin-top: 6px;
	margin-left: 17px;
	display: inline-block;
	padding-left: 23px;
	position: absolute;
}
#info a.goto {
	margin-left: 0;
}
#info a.help span {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 2px;
	left: 0;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	background-color: #a8a7a7;
	font-weight: 900;
	text-align: center;
	color: #f1f1ef;
	line-height: 17px;
}
#info a.help span:before {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-position: -54px -1480px;
	opacity: .8;
}
#info a.help:hover span:before {
	opacity: 1;
}
#info a.help:hover span {
	opacity: .5;
}

/* data picker */
#info .thm-1 .inp {
	position: relative;
}
#info .thm-1 .inp.date span.callendar {
	width: 15px;
	height: 15px;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	background-position: -52px -1223px;
}

#info .ui-datepicker {
	padding: 0;
    border-radius: 5px;
    overflow: hidden;
    width: 235px;
    margin-top: 2px;
    border: 1px solid #b7b7b6;
    box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.02);
    margin-left: -4px;
}
#info .ui-datepicker .ui-datepicker-header {
	background-color: #2970D4;
	color: #fbfafa;
	font-weight: 900;
}
#info .ui-datepicker table {
	background-color: #E6E6E6;
	border-radius: 0 0 6px 6px;
	margin: 0;
}
#info .ui-datepicker table td {
    border: 1px solid #CECDCD;
	padding: 0;
}
#info .ui-datepicker table td:first-child {
	border-left: none;
}
#info .ui-datepicker table tr:last-child td {
	border-bottom: none;
}
#info .ui-datepicker table td:last-child {
	border-right: none;
}
#info .ui-datepicker table td a {
	text-align: center;
	color: #7b7b7b;
	padding: 4px;
}
#info .ui-datepicker table td a.ui-state-active {
    background-color: #D8D8D8;
    color: #2B2B2B;
    font-weight: 900;
}
#info .ui-datepicker table a:hover {
	background-color: #D8D8D8;
	color: #292929;
}
#info .ui-datepicker .ui-datepicker-prev {
	background-position: -49px -1244px;
}
#info .ui-datepicker .ui-datepicker-next {
	background-position: -47px -1264px;
}
#info .ui-datepicker .ui-datepicker-next.ui-state-hover, #info .ui-datepicker .ui-datepicker-prev.ui-state-hover {
	border: 1px solid transparent;
	opacity: .7;
}

#info .ui-datepicker table thead {
    background-color: #c4c4c4;
    color: #535252;
    padding: 2px 6px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid #B1B1B1;
}
#info .ui-datepicker table thead th {
	padding: 5px 0 4px 0;
	height: 10px;
	border-bottom: 1px solid silver;
}

/* document uploader table */
#info #cnt .content p.formats {
	margin-bottom: 9px;
	margin-top: -10px;
}
#info .tbl-wrap.file-upload {
	background-color: #DaDaDa;
	margin-bottom: 25px;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
#info .tbl-wrap.file-upload table th {
	background-color: #C4C4C4;
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1);
	text-align: left;
}
#info .tbl-wrap.file-upload table td {
	text-align: left;
	border-left: none;
	border-right: none;
}
#info .tbl-wrap.file-upload table td:first-child {
	border-left: 1px solid #BDBDBD;
}
#info .tbl-wrap.file-upload table td:last-child {
	border-right: 1px solid #BDBDBD;
}
#info .tbl-wrap.file-upload table {
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.19);
	border-top: 1px solid #C1C1C1;
}
#info .tbl-wrap.file-upload .inp.select {
	display: block;
	margin: 0px auto 20px auto;
}
#info .upl-progress {
	border: 1px solid #929292;
	height: 5px;
	margin-bottom: 10px;
	border-bottom: none;
	border-right: none;
	background-color: #C4C4C4;
}
#info .upl-progress .bar {
	height: 100%;
	width: 40%;
	background-color: #EAEAEA;
}

/* Security */
#info #mid .tbl-wrap.simple {
	border-radius: 0;
    /*box-shadow: none;*/
    box-shadow: 0px 0px 0.5px 0px rgba(0,0,0,0.3);
    background-color: #e6e6e6;
}
#info #mid .tbl-wrap.simple table {
	background-color: transparent;
}
#info #mid .tbl-wrap.simple table td {
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #D4D4D4;
}
#info #mid .tbl-wrap.simple table col.c-2 {
	width: 100px;
}
#info #mid .tbl-wrap.simple table col.c-1 {
	width: 70%;
}
#info #mid .tbl-wrap.simple table tr.alert td, #info #mid .tbl-wrap.simple table tr:hover td {
	background-color: #e6e6e6;
}
#info #mid .tbl-wrap.simple table tr:hover td {
	background-color: transparent;
}
#info #mid .tbl-wrap.simple table tr.expand:hover td {
	background-color: #eaeaea;
}
#info #mid .tbl-wrap.simple table tr.alert:hover td { 
	color: #D24A00; 
}
#info #mid .tbl-wrap.simple table tr:last-child td {
	border-bottom: none;
}
#info #mid .tbl-wrap table.f-dispose td {
	border: none;
}
#info #mid .tbl-wrap table.f-dispose td {
	padding: 6px 1px;
}
#info #mid .tbl-wrap table.f-dispose col.c-2 {
	width: 245px;
}
#info #mid .sec-icos {
	background-color: #dedede;
	width: 100%;
	height: 109px;
	margin-bottom: 21px;
	position: relative;
}
#info #mid .sec-icos a {
	display: inline-block;
	width: 75px;
	height: 82px;
	margin: 0 24px;
	color: #292929;
	position: relative;
	transition: all .1s ease-in-out;
}
#info #mid .sec-icos a:hover {
	transform: scale(1.1);
}
#info #mid .sec-icos a:before {
	content: '';
	width: inherit;
	height: 60px;
	display: block;
	background: url(../img/ui-assets/icons-2factor-auth.png) 7px 0px no-repeat;
	background-size: 484px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#info #mid .sec-icos a.microsoft:before {
	background-position-x: -99px; 
}
#info #mid .sec-icos a.blizzard:before {
	background-position-x: -205px; 
}
#info #mid .sec-icos a.lastpass:before {
	background-position-x: -311px; 
}
#info #mid .sec-icos a.authy:before {
	background-position-x: -418px; 
}

#info #mid .sec-icos a strong {
	margin-top: 64px;
	display: inline-block;
}
#info #mid .sec-icos span {
		height: 82px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
}

/* Payments */
#info #mid .t_2 tr.highlight {
	background-color: #EAEAEA;
}
#info form.thm-1 .inp span.currency {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	margin: auto;
	height: 17px;
	font-weight: bold;
}
#info #mid div.explain   {
    border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
	text-align: left;
}
#info #mid table.f-dispose tr.balance td {
	color: #292929;
	font-weight: 900;
}
#info #mid table.f-dispose td.accept {
	padding-left: 15px;
}
#info .alert.clicked {
	color: #292929!important;
}

/* inbox */
#info #inbox .head {
	min-height: 40px;
	position: relative;
	border-bottom: 1px solid #BDBDBD;
}
#info #inbox .del, #info #inbox .new {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	height: 17px;
	font-weight: 900;
}
#info #inbox .del {
	padding-left: 18px;
}
#info #inbox .del:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -53px -310px;
}
#info #inbox .del:hover:before {
	background-position: -68px -310px;
}
#info #inbox .new {
	right: 10px;
	left: auto;
	padding-right: 33px;
}
#info #mid #inbox .new button.b-yellow {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	min-width: inherit;
}
#info #mid #inbox .new:hover button.b-yellow {
	background-image: inherit;
	background-color: #ebc938;
}
#info #inbox .new button:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: -50px -1360px;
}
#info #inbox table {
	background-color: #EAEAEA;
	border-top: 1px solid #ececec;
}
:root #info #inbox span.chck:before {
	position: relative;
	left: auto;
	top: auto;
	margin-left: 5px;
}
#info #inbox table td {
	border: none;
	border-bottom: 1px solid #D3D3D3;
}
#info #inbox table td.txt {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#info #inbox table td.txt span {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}
#info #inbox table h3, #info #inbox table h4 {
	display: block;
	margin-bottom: 0px;
}
#info #inbox table h4 {
	font-size: inherit;
	padding-left: 0;
	font-weight: normal;
}
#info #inbox .msg-all col.c-1 {
	width: 31px;
}
#info #inbox .msg-all col.c-3, #info #inbox table.msg-details col.c-2 {
	width: 95px;
}
#info #inbox form.thm-1.primary {
	margin-bottom: 1px;
}

#info #inbox table td.time {
	vertical-align: middle;
	text-align: right;
}
#info #inbox table td.time span {
	padding-left: 25px;	
	display: inline-block;
	position: relative;
	color: #7b7b7b;
}
#info #inbox table td.time span.attached:before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;	
	background-position: -53px -1385px;
	opacity: .6;
}

#info table tr.get-highlight {
	cursor: pointer;
}
#info #mid table tr.get-highlight:hover td, #info #mid #inbox table tr.get-highlight.older:hover td {
    background-color: #f3f3f3;
    -webkit-transition: background-color 166ms ease;
    -moz-transition: background-color 66ms ease;
    -o-transition: background-color 66ms ease;
    -ms-transition: background-color 66ms ease;
    transition: background-color 166ms ease;
}
#info #mid table tr.get-highlight:first-child:hover td {
	border-top: 1px solid #f3f3f3;
}
#info #inbox table tr.highlighted td {
	background-color: #f3f3f3;
}
#info #inbox table tr.old td, #info #inbox table tr.old td h3, #info #inbox table tr.old td h4 {
	color: #7b7b7b;
	font-weight: normal;
}

#info #inbox table.msg-details col.c-1 {
	width: 90%;
}
#info #inbox table.msg-details td.msg-cont {
	text-align: left;
	padding-top: 28px;
}
#info #inbox table.msg-details td.time {
	text-align: right;
	border-bottom: none;
}
#info #inbox a.reply {
	vertical-align: middle;
	text-align: right;
	display: inline-block;
	position: relative;
	float: right;
	margin-right: 10px;
	margin-top: 12px;
	padding-left: 25px;
	font-weight: 900;
}
#info #inbox a.reply:before {
	content: '';
	width: 17px;
	height: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	display: inline-block;
	background-position: -52px -1405px;
} 
#info #inbox a.reply:hover:before {
	background-position: -52px -1421px;
}
#info #inbox table.msg-details td {
	padding-left: 10px;
	padding-right: 10px;
}
#info #inbox table.msg-details td.date {
	text-align: right;
	font-weight: 900;
}
#info #inbox table.msg-details td.date span {
	font-weight: normal;
	display: block;
}
#info #inbox table.msg-details td.txt, #info #inbox table.msg-details td.date {
	background-color: #E6E6E6;
}
#info #inbox table.msg-details tr.older td {
	background-color: #E6E6E6;
}
#info #inbox table.msg-details tr.get-highlight.active td {
	background-color: #f3f3f3;
}
#info #inbox table.msg-details tr.get-highlight.active:first-child td {
	border-top: 1px solid #f3f3f3;
}
#info #inbox table.msg-details tr.attachement td {
	text-align: left;
	height: 36px;
}
#info #inbox table.msg-details tr.attachement a {
	padding-left: 25px;
	display: inline-block;
	position: relative;
}
#info #inbox table.msg-details tr.attachement a:before {
	content:'';
	width: 17px;
	height: 14px;
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -53px -1385px;
	opacity: .6;
}
#info #inbox table.msg-details tr.attachement a:hover:before {
	opacity: 1;
}

#info #inbox table.new-msg td {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
#info #inbox table.new-msg td.field {
	padding-top: 0;
    padding-bottom: 0;
}
#info #inbox table.new-msg tr.write-msg button {
	margin-bottom: 6px;
}
#info #inbox table.new-msg td.field {
	background-color: #f3f3f3;
	cursor: pointer;
}
#info #inbox table.new-msg label {
	color: inherit;
	margin-bottom: 6px;
}

#info #inbox table.new-msg td .wrap {
	display: table;
	table-layout: auto;
	width: 100%;
	position: relative;
}
#info #inbox table.new-msg .inp.select.mailbox, #info #inbox table.new-msg td.field .desc {
	display: table-cell;
}
#info #inbox table.new-msg .inp.select.mailbox {
	min-height: 10px;
	padding: 0;
	width: 100%;
	border: none;
	background: none;
	border-radius: 0;
}
#info #inbox table.new-msg .inp.select.mailbox:before {
	background: none;
	background-color: #f3f3f3;
}
#info #inbox table.new-msg .inp.select.mailbox:after {
	background-position: -46px -1439px;
	opacity: .48;
}
#info #inbox table.new-msg tr:hover .inp.select.mailbox:after {
	opacity: 1;
}
#info #inbox table.new-msg .inp.select.mailbox select {
	height: 31px;
    font-weight: normal;
    margin-left: 0;
    display: block;
    width: 101.20%;
    cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome fix */
    #info #inbox table.new-msg .inp.select.mailbox select {
        margin-left: -5px;
    }
}
#info #inbox .inp.e-msg, #info #inbox .inp.e-msg textarea {
	display: block;
	width: 100%;
	min-height: 200px;
}
#info #inbox form table.new-msg span.error {
	position: absolute;
	top: -22px;
	left: 0;
	right: 0;
	margin: auto;
}
#info #inbox form table.new-msg tr.write-msg span.error {
	top: 113px;
}
#info #inbox form table.new-msg td.subject span.error {
	top: 23px;
}
#info #inbox form table.new-msg td.subject span.error:after {
left: -11px;
    right: 0;
    background-position: -64px -1188px;
    bottom: auto;
    top: -10px;
}
#info #inbox form table.new-msg span.error:after {
    left: -11px;
    right: 0;
    background-position: -63px -1171px;
    bottom: -13px;
    top: auto;
}
#info #inbox table.new-msg  {
    border-top: 1px solid #f3f3f3;
}

/* Finance/Betting History */
#info #mid .tbl-wrap.history table td {
	border-left: none;
	border-right: none;
	background-color: #EAEAEA;
	border-bottom: 1px solid #D3D3D3;
	color: #7b7b7b;
}

#info #mid .tbl-wrap.history table tr.expand td {
	background-color: #A6A6A5;
	padding: 10px;
	color: #f1f1ef;
	border-bottom: 1px solid #A0A0A0;
	position: relative;
}

#info #mid .tbl-wrap.history table tr.active td {
	color: #292929;
	font-weight: 900;
	border-bottom: 1px solid #909090;
	background-color: #e0e0e0;
}
#info #mid .tbl-wrap.t_2.history table.slip td {
	border: 1px solid #A2A2A2;
    color: #797979;
    text-align: left;
    background-color: #D4D4D4;
    padding: 6px;
    font-weight: normal;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 17px;
}
#info #mid .tbl-wrap.t_2.history table.slip td:first-child {
	border-left: none;
}
#info #mid .tbl-wrap.t_2.history table.slip td:last-child {
	border-right: none;
}
#info #mid .tbl-wrap.t_2.history table.slip tr:first-child td {
	border-top: none;
}
#info #mid .tbl-wrap.t_2.history table.slip tr:last-child td {
	border-bottom: none;
}
#info #mid .tbl-wrap.t_2.history table.slip {
	border: none;
}

#info #mid .tbl-wrap.t_2.history table.slip.bonus {
	border: none;
	margin-bottom: 11px;
}
#info #mid .tbl-wrap.t_2.history .r-b {
	float: none;
	margin-top: 11px;
	position: absolute;
	top: 0px;
	right: 14px;
}
#info #mid .tbl-wrap.t_2.history table.slip tr.desc td {
	background-color: #c6cbd0;
    color: #292929;
    font-weight: normal;
	vertical-align: middle;
}
#info #mid .tbl-wrap.t_2 .status-b {
	font-weight: bold;
    margin-bottom: 14px;
    margin-top: 4px;
	margin-left: 19%;
    margin-right: 19%;
}
#info #mid .tbl-wrap.t_2.history table.slip.bonus td {
	vertical-align: middle;
}
#info #mid .tbl-wrap.t_2.history td a.b-more.active {
	color: red;
}
#info #mid .tbl-wrap.t_2.history a.r-more {
	pointer-events: none;
}


#info #mid .tbl-wrap.t_2.history table.slip td .bet-c, #info #mid .tbl-wrap.t_2.history table.slip td .stake, #info #mid .tbl-wrap.t_2.history table.slip td .returns {
	margin-right: 20px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: normal;
    /*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.21);*/
}   
#info #mid .tbl-wrap.t_2.history table.slip td .wrap {
	position: relative;
}
#info #mid .tbl-wrap.t_2.history table.slip td .bet-c {
	margin-right: 0;
    font-size: 14px;
} 

#info #mid .tbl-wrap.t_2.history table.slip td .bet-t {
	float: right;
	color: #DCDCDC;
	color: #737373;
}
#info #mid .tbl-wrap.t_2.history table.slip td a.print {
	float: right;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #737373;
	padding-left: 19px;
}
#info #mid .tbl-wrap.t_2.history table.slip td a.print:hover {
	color: #292929;
}
#info #mid .tbl-wrap.t_2.history table.slip td a.print:before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: -53px -1460px;
	opacity: .5;
}
#info #mid .tbl-wrap.t_2.history table.slip td a.print:hover:before {
	opacity: .9;
}
#info #mid .tbl-wrap.t_2.history table.slip col.c-1 {
	width: 34px;
}
#info #mid .tbl-wrap.t_2.history table.slip col.c-2, #info #mid .tbl-wrap.t_2.history table.slip col.c-3 {
	width: 130px;
}
#info #mid .balance {
    text-align: center;
    padding: 0 0 16px 0;
    font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
}


#info #mid #filter {
    display: block;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 30px;
    margin-left: 0;
	margin-top: -15px;
    padding: 0px 0px 13px 12px;
    height: 19px;
}
#info #mid #filter ul {
	margin: auto;
	padding: 0;
	width: 673px;
}
#info #mid #filter li {
	display: inline-block;
	float: left;
	padding: 0;
	margin-right: 36px;
}
#info #mid #filter li:before {
	display: none;
}
#info #mid #filter label {
    padding: 0 0 0 20px;
    margin: 0;
    color: #292929;
}
#info #mid #filter input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome fix */
    #info #mid #filter input[type="radio"]  {
        bottom: 3px;
    }
}

#info #mid #filter form.primary  li.dates {
	margin-right: 0;
}
#info #mid #filter form.primary  li.dates .inp {
	width: 174px;
	margin-top: -4px;
	margin-right: 7px;
}
#info #mid #filter form.primary  li.dates .inp:last-child {
	margin-right: 0;
}
#info.history .ui-datepicker {
	width: 180px;
}
#info.history .filter-cont {
	display: none;
}
#info #mid #filter form.primary li.dates {
	opacity: .6;
	pointer-events: none;
}
#info #mid #filter form.primary li.dates.activate {
	opacity: 1;
	pointer-events: auto;
}
#info.history a.details {
	display: block;
	z-index: 100000;
	pointer-events: auto;
}
#info  #cnt .top-img {
	margin-bottom: 21px;
	background-position: left 30%; 
	background-size: cover; 
	background-repeat: no-repeat;  
	height: 460px;
	max-height: 500px;
	width: 100%;
	overflow: hidden;
}
#info.history #mid .filtering {
	position: absolute;
	top: 7px;
	right: 0px;
	margin: auto;
	font-size: 13px;
	text-shadow: none;
	color: #fbc302;
	display: block;
	z-index: 101;
	padding-right: 10px;
	font-weight: normal;
}
#info.history #mid .filtering:after {
	content: '';
	background-position: -49px 4px;
    margin-left: 2px;
    display: block;
    width: 12px;
    height: 12px;
    float: right;
    margin-top: 2px;
}
#info.history .ddm-wrap.operations {
	right: 24px!important;
}
#info.history .ddm-wrap.operations:before {
	right: 7px!important;
	left: auto!important;
}
#info.history .ddm-wrap.operations .dropdown-menu {
	box-shadow: 0px 0px 0px 1px rgba(74, 74, 74, 0.58)!important;
	opacity: .96;
}
#info.history .ddm-wrap.operations .dropdown-menu li.current {
	border-top: none;
}
#info.history .ddm-wrap.operations .dropdown-menu li {
	box-shadow: none;
	border-top: 1px solid #949494;
}
#info.history .ddm-wrap.operations .dropdown-menu li:first-child {
	border-top: none;
}


#info .t_2 .cache-l, #info .t_2 .cache-r {
	margin-top: 12px;
	padding: 0 6px;
}
#info .t_2 .cache-l {
	float: left;
	font-weight: 900;
	padding-top: 3px;
}
#info .t_2 .cache-r {
	float: right;
}
#info .t_2 .cache-r .b-yellow {
	margin-right: 3px!important;
}
#info .custom-popup_2 .gap .b-yellow {
	margin-right: 4px;
}
#info .custom-popup_2 .gap .b-grey {
	margin-right: 0px;
}
#info.history .custom-popup_2 button {
    min-width: 75px;
}

#info .custom-popup_2 .gap button {
	min-width: 90px;
}

/**************************************************************************** Live Betting ****************************************************************************/

/* col C */
.live-bet #mid .r .col-c {
	width: 358px;
}

.live-bet #mid h2.header.ico-s:before {
	margin-top: 4px;
}
/* Overview Table */
/* universal */
.live-bet #mid .tbl-wrap.overview table.tbl-a col.c-1 {
	width: 497px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a col.c-2 {
	width: 55%;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a col.c-3 {
	width: 56px;
}
/* horse racing */
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a col.c-1 {
	width: 96%;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a col.c-2 {
	width: 56px;
}


.live-bet #mid .collapsible.coupon table.tbl-a tr:first-child td {
	border-top: 1px solid #525252;
}
.live-bet #mid .collapsible.coupon table.tbl-a tr:first-child td.mrkt {
	border-top: none;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td {
	border-right: 1px solid #444;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td:last-child {
	border-right: none;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a tr.bottom-line td {
	box-shadow: none;
	border-top: none;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf, .live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf:hover {
	cursor: auto;
	text-shadow: none;
	vertical-align: middle;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf span.details, .live-bet #mid .tbl-wrap.overview .buttons {
	padding: 0 10px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a .details {
	color: #a2a2a2;
	display: inline-block;
}
.live-bet #mid .tbl-wrap.overview .buttons {
	display: inline-block;
	float: right;
	margin-top: 0px;
}
.live-bet #mid .tbl-wrap.overview .buttons font {
	display: inline-block;
	float: right;
	margin: 0 3px;
	color: #717171;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
}
.live-bet #mid .tbl-wrap.overview .buttons a {
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 17px;
	border-radius: 4px;
	background-color: #717171;
	overflow: hidden;
	float: right;
	text-align: center;
}

.live-bet #mid .tbl-wrap.overview .buttons a.live-stream:before, .live-bet #mid .tbl-wrap.overview .buttons a.match-live:before {
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background-position: -53px -1516px;
	opacity:.76;
}
.live-bet #mid .tbl-wrap.overview .buttons a.match-live:before {
	background-position: -53px -1532px;
}
.live-bet #mid .tbl-wrap.overview .buttons a.unavailable:before {
	opacity: 1;
}
.live-bet #mid .tbl-wrap.overview .buttons a.unavailable, .live-bet #mid .tbl-wrap.overview .buttons a.unavailable:hover, live-bet #mid .tbl-wrap.overview .buttons a.unavailable.active, .live-bet #mid .tbl-wrap.overview .buttons a.unavailable.active:hover {
	box-shadow: none!important;
	background: none!important;
	pointer-events: none;
}
.live-bet #mid .tbl-wrap.overview .buttons a.live-stream:hover:before, .live-bet #mid .tbl-wrap.overview .buttons a.match-live:hover:before {
	opacity: 1;
}
.live-bet #mid .tbl-wrap.overview .buttons a.active:before {
	opacity: 1;	
}
.live-bet #mid .tbl-wrap.overview .buttons a:hover {
	background-color: #808080!important;
}
.live-bet #mid .tbl-wrap.overview .buttons a.active, .live-bet #mid .tbl-wrap.overview .buttons a.active:hover, .live-bet #mid .collapsible.coupon table.tbl-a .clicked a.active:hover {
	background-color: #a6a6a5!important;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.28);
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.fav {
	text-align: center;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.fav a:before {
	content: '';
	width: 17px;
	height: 17px;
	display: inline-block;
	background-position: -52px -1496px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.fav a:hover:before, .live-bet #mid .tbl-wrap.overview table.tbl-a td.fav.clicked a:before {
	background-position: -70px -1496px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt {
	background: url(../img/ui-assets/bg-footer.png) top left repeat;
	background-size: 63px;
	box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt a {
	width: auto;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt.clicked, .live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt.clicked:hover a  {
	color: #e5e3e3;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt font {
	padding-right: 19px;
	position: relative;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt font:after {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;	
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	background-position: -68px -272px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf .match-desc {
	color: #e5e3e3;
	font-weight: bold;
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
} 
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf.clicked .match-desc, .live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf:hover .match-desc, .live-bet #mid .tbl-wrap.overview table.tbl-a td.mrkt.clicked:hover a {	
	color: #fff;
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.37);
}
	
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf .result {
	width: 125px;
	white-space: nowrap;
	float: right;
	text-align: right;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a div.row {
    min-height: 30px;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a div.row a {
    display: table-cell;
    width: auto;
    background-color: #505050;
    box-shadow: -1px 0px 0px 0px #444;
    border-collapse: separate;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.odds a, .live-bet #mid .tbl-wrap.overview table.tbl-a td.odds a:hover {
	color: #A9A8A8;
	text-shadow: none;
	border-top: 1px solid #545454;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.odds div.row a:hover, .live-bet #mid .tbl-wrap.overview table.tbl-a td.odds a.highlight-odds {
    background-color: #6B6B6B;
	border-top: 1px solid #6F6F6F;
	color: #A9A8A8;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.odds a span.num {
	width: auto;
    color: #fbc302;
    margin-left: 0px;
    text-align: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 17px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a .highlight-odds .desc {
	color: #A9A8A8!important;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.odds a span.desc {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #A9A8A8;
	white-space: nowrap;
	margin-right: 30px;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.no {
	text-align: center;
}




/* tennis */
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf span.game {
	font-weight: bold;
	margin-right: 8px;
	color: #a2a2a2;
}
.live-bet #mid .tbl-wrap.overview table.tbl-a td.match-inf span.game .current {
	color: #e5e3e3;
}
.live-bet #mid .tbl-wrap.overview.tennis table.tbl-a td.match-inf .match-desc {
	width: 295px;
}
.live-bet #mid .tbl-wrap.overview.tennis table.tbl-a td.match-inf .result {
	width: 180px;
}
.live-bet #mid .tbl-wrap.overview font {
	position: relative;
}
.live-bet #mid .tbl-wrap.overview .p1 {
	padding-left: 15px;

}
.live-bet #mid .tbl-wrap.overview .p2 {
	padding-right: 15px;
}
.live-bet #mid .tbl-wrap.overview span.match-desc font {
	display: inline-block;
	max-width: 126px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: -3px;
}
.live-bet #mid .tbl-wrap.overview .p1.ball-yellow:before, .live-bet #mid .tbl-wrap.overview .p1.ball-grey:before, .live-bet #mid .tbl-wrap.overview .p2.ball-yellow:before, .live-bet #mid .tbl-wrap.overview .p2.ball-grey:before {
	content: '';
	width: 6px;
    height: 6px;
    background-color: #fbc302;
    border-radius: 50%;
    display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.live-bet #mid .tbl-wrap.overview .p2.ball-yellow:before, .live-bet #mid .tbl-wrap.overview .p2.ball-grey:before {
	left: auto;
	right: 0;
}
.live-bet #mid .tbl-wrap.overview .p1.ball-grey:before, .live-bet #mid .tbl-wrap.overview .p2.ball-grey:before {
	background-color: #a4a4a3;
}

/* basketball */
.live-bet #mid .tbl-wrap.overview .move {
	margin-left: 7px;
}

/* horse racing */
.live-bet #mid .tbl-wrap.overview span.desc font.nick {
	display: block;
	color: #737373;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a div.row a {
    box-shadow: 0px 0px 0px 1px #444;	
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a tr:nth-child(2) a {
	box-shadow: -1px 0px 0px 0 #444;	
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a div.row a:hover .nick, .live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a div.row a.highlight-odds .nick {
	color: #A9A8A8;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a td.mrkt a {
	float: left;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a td.mrkt a.markets {
	float: right;
	color: #A9A8A8;
	position: relative;
	padding-right: 11px;
	margin-right: 10px;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a td.mrkt:hover a.markets {
	text-shadow: none;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a td.mrkt a.markets:hover {
	color: #e5e3e3;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a td.mrkt a.markets:after {
	content: '';
    width: 10px;
    height: 12px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: -51px -107px;
}
.live-bet #mid .tbl-wrap.overview h3.header font.mrk-desc {
	position: absolute;
	right: 10px;
	font-size: 13px;
	font-weight: normal;
	opacity: .82;
	margin-right: 58px;
}
.live-bet #mid .tbl-wrap.overview.horse-racing .buttons {
	float: left;
	display: block;
}
.live-bet #mid .tbl-wrap.overview.horse-racing h3 font.race { 
	float: left;
}
.live-bet #mid .tbl-wrap.overview.horse-racing .buttons font {
	color: #929292;
	text-shadow: 1px 1px 0 rgba(239, 239, 239, 0.15);
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a .clicked a:hover {
	background-color: transparent;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a tr:first-child td.mrkt {
	pointer-events: none;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a tr:first-child td a {
	pointer-events: auto;
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a tr:first-child td a:hover {
	text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.37);
}
.live-bet #mid .tbl-wrap.overview.horse-racing table.tbl-a td:hover {
	color: inherit;
	text-shadow: none;
	cursor: default;
}
.live-bet #mid .tbl-wrap.overview.horse-racing .buttons a {
	background-color: #929292;
}
.live-bet #mid .tbl-wrap.overview.horse-racing .buttons a:hover {
	background-color: #B3B3B3!important;
}
.live-bet #mid .tbl-wrap.overview.horse-racing .buttons a.active {
	background-color: #BDBDBD!important;
}
/* favourites */
.live-bet #mid h2.header.favourites, .live-bet #mid h3.header.favourites {
	background-color: #313130;
	background-image: linear-gradient(#383838, #2f2f2f);
} 
.live-bet #mid .tbl-wrap.favourites .fav-content {
	padding: 10px 9px 3px 9px;
	border-top: 1px solid #3E3E3E;
}
.live-bet #mid .tbl-wrap.favourites .collapsible.coupon h2.header {
	border-bottom: 1px solid #2B2B2B;
}
.live-bet #mid .tbl-wrap.favourites .collapsible.coupon h2.header.ui-icon-plus {
	border-bottom: 1px solid #2F2F2F;
}
.live-bet #mid h2.header.favourites, .live-bet #mid h3.header.favourites {
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
	padding: 5px 10px 6px 10px;
}
.live-bet #mid .tbl-wrap.favourites .fav-content .collapsible.coupon h2.header  {
	background-color: #737373;
	background-image: linear-gradient(#777776, #727272);
	border-bottom: 0px solid #545454;
}

.live-bet #mid .tbl-wrap.favourites {
	background-color: #3b3b3b;
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.40);
}
.live-bet #mid .tbl-wrap.favourites table.tbl-a td.fav a:before {
	background-position: -70px -1496px;
}
.live-bet #mid .empty {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 9px;
	font-weight: bold;
	opacity: .66;
}
.live-bet #mid .r .sub-nav {
	background-color: #60605f;
	color: #e5e3e3;
}
.live-bet #mid .ui-tabs .ui-tabs-nav li a {
	color: #b8b6b5;
}

/* Live streaming tabs */
#sub.live-bet #mid #tabs_ls .sub-nav {
	text-align: center;
	/*background-color: #4b4b4a;*/
	border-left: none;
	color: #b8b6b5;
}
#mid #tabs_ls .tb-nav li {
    display: inline-block;
    margin-top: 3px;
}
.live-bet #mid #tabs_ls .sub-nav {
	margin: 0;
}
#tabs_ls .tb-nav a.expander, #tabs_ls .tb-nav a.closer {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: .68;
}
#tabs_ls .tb-nav a.expander:hover, #tabs_ls .tb-nav a.closer:hover {
	opacity: 1;
}
#tabs_ls .tb-nav a.expander {
	left: 5px;
}
#tabs_ls .tb-nav a.closer {
	right: 5px;
}
#tabs_ls .tb-nav a.expander:after, #tabs_ls .tb-nav a.closer:after {
	content: '';
	background-position: -52px -1548px;
	width: inherit;
	height: inherit;
	display: block;
}
#tabs_ls .tb-nav a.closer.collapsed:after {
	background-position: -51px -268px;
}
#tabs_ls .tb-nav a.closer:after {
	background-position: -68px -1548px;
}
#tabs_ls .ls-menu {
	background-color: #3b3b3b;
	height: 28px;
	text-align: center;
	position: relative;
	border-bottom: 1px solid #272727;
}
#tabs_ls .ls-menu span.event {
	display: inline-block;
	margin: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 72%;
	margin-top: 5px;
	color: #a2a2a2;
}
#tabs_ls .ls-menu .ico-s {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-left: -1px;
	margin-top: 1px;
}
#tabs_ls .ls-menu a.live-stream {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#tabs_ls .ls-menu a.live-stream:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-position: -65px -434px;
	opacity: .75;
}
#tabs_ls .ls-menu a:hover span {
	color: #e5e3e3;
}
#tabs_ls .ls-menu a:hover:after {
	opacity: 1;
}
#tabs_ls .media {
	border-bottom: 1px solid #272727;
    padding: 7px;
    background: #4b4b4a;
}

#tabs_ls .media img {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}
/* drop down adjustment*/
.live-bet #mid .col-c  .ddm-wrap.template2 {
    right: 1px!important;
    margin-top: -133px;
    width: 100%;
    z-index: 2600;
    line-height: 20px;
}

.live-bet #mid .ddm-wrap.template2 .dropdown-menu ul.no-cols {
	padding-top: 7px;
	width: 100%;
}
.live-bet #mid .ddm-wrap.template2 .dropdown-menu .ico-s {
	padding-left: 25px!important;
}

.live-bet #mid .ddm-wrap.template2 .dropdown-menu li a {
	padding: 4px 0;
}
.live-bet #mid .ddm-wrap.template2 .dropdown-menu li {
	width: 95%;
}

.live-bet #mid .col-c  .ddm-wrap.template2 .dropdown-menu li.current:before {
	background: none;
}
/* banners text adjustemnt */
.live-bet #mid .col-c .add-pad .teasers .sect .lft {
	font-size: 16px;
}
.live-bet #mid .col-c .add-pad .teasers .sect .lft span {
	font-size: 23px;
	padding: 7px 0;
}
/*form markets */
.live-bet #mid .r form.thm-1 .inp {
	margin: 0;
	min-height: 10px;
	background: none;
	border: 0px solid red;
	box-shadow: none;
	border-radius: 0;
}

.live-bet #mid .r form.thm-1 .inp:after, .live-bet #mid .r form.thm-1 .inp:before, #mid .r form.thm-1 .quick-chng .inp:after, #mid .r form.thm-1 .quick-chng .inp:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6px;
	margin: auto;
	width: 14px;
	height: 14px;
	display: block;
	background-color: #3C3A3A;
	background-position: -68px -908px;
	pointer-events: none;
}
.live-bet #mid .r form.thm-1 .inp:before, #mid .r form.thm-1 .quick-chng .inp:before {
	right: 0;
	width: 32px;
	height: 27px;
	background: url(../img/ui-assets/bg-footer.png) top left repeat;
    background-size: 63px;
}
.live-bet #mid .r form.thm-1 .inp:after, #mid .r form.thm-1 .quick-chng .inp:after{
	opacity: .4;
}
.live-bet #mid .r form.thm-1 .inp:hover:after,  #mid .r form.thm-1 .quick-chng .inp:hover:after {
	opacity: .8;
}



.live-bet #mid .r form.thm-1 .inp select, #mid .r form.thm-1 .quick-chng .inp select {
	text-indent: 2px;
	width: 100%;
	background: transparent;
	border: 1px solid #3C3A3A;
	font-size: 13px;
	color: inherit;
	font-family: inherit;
	height: 28px;
	pointer-events: auto; 
    -webkit-appearance: none;
	-webkit-padding-start: 8px;
}

#mid .r form.thm-1 .quick-chng .inp select {
    height: 29px;
    border: none;
    font-weight: bold;
    color: #b8b6b5;
    -webkit-appearance: none;
	-webkit-padding-start: 8px;
}
.live-bet #mid .r form.thm-1 .inp select option, #mid .r form.thm-1 .quick-chng .inp select option {
	padding: 4px;
	background-color: #a6a6a5;
	color: #4c4c4c;
}
.live-bet #mid .r form.thm-1 .inp select:hover, #mid .r form.thm-1 .quick-chng .inp select:hover {
	text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.37);
	color: #fff;
}



/* removing dotted borders in FF */
.live-bet #mid .r select:-moz-focusring {
    color: transparent!important;
    text-shadow: 0 0 0 #e5e3e3!important;
}

/* last col expand width */
.live-bet #mid .r .col-c.expand {
	width: 490px;

    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}
.live-bet #mid .r .col-c {
	-webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;

}

/* layout adjustmen for Events section*/
#sub.live-bet #mid .r .event-view {
	margin: -8px;
}
#sub.live-bet #mid .r #tabs-2 .sub-nav {
	margin-bottom: 0;
	margin-left: 0;
}
/* new table based grid for events-view */
.live-bet #mid #tabs {
	display: table;
	table-layout: fixed;
	padding: 0;
	margin: 0;
	width: 100%;
}
.live-bet #mid .col-lb-a, .live-bet #mid .col-lb-b {
	display: table-cell;
	padding: 0px;
	vertical-align: top;
}
.live-bet #mid .col-lb-a {
	color: #e5e3e3;
	font-weight: normal;
	padding-bottom: 7px;
}
.live-bet #mid .col-lb-b {
	width: 95%;
}
.live-bet #mid .col-lb-a, .live-bet #top .i-bar .set-w, .live-bet #mid .r .col-a .col-lb-a table.tbl-a {
	width: 260px;
	min-width: 260px;
}
.live-bet #mid .r .col-a .col-lb-a table.tbl-a {
	width: 100%;
	min-width: 100%;
}
.live-bet #top .i-bar .set-w .time {
	margin-right: 18px;
}

/* scrolls in live betting */
.scrl-lb {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: calc(100vh - 172px);
    padding: 1px;
    margin-right: -15px;
}
.scrl-cut {
    width: 100%;
    overflow: hidden;
}
.col-c .scrl-cut {
	margin: -1px;
}
#mousewheel-prevented {
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -2.6rem;
  opacity: 0;
  padding: .8em 0;
  color: #FFF;
  font-size: .9em;
  text-align: center;
  background: rgba(0,0,0,.9);
}

/* scrolls in live betting NANO */
.nano {
	position: relative;
    width: 100%;
    height: calc(100vh - 177px);
    overflow: hidden;
	padding-bottom: 14px;
}
.live-bet .col-c .nano {
	position: relative;
    width: 100%;
    height: calc(100vh - 149px);
    overflow: hidden;
	padding-bottom: 14px;
}
.nano:before {
	content: '';
	width: 7px;
	background-color: #4b4b4a;
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	z-index: 100;
}
.nano > .nano-content {
	position : absolute;
	overflow : scroll;
	overflow-x : hidden;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	padding: 1px;
	margin-right: 7px;
}
.nano > .nano-content:focus {
	outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
 display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
 display: block;
}
.nano > .nano-pane {
	background: #4b4b4a;
    position: absolute;
    width: 7px;
    right: 0px;
    top: 0px;
    bottom: 2px;
    visibility: hidden\9;
    opacity: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 0px;
    z-index: 10000;
}
.nano > .nano-pane > .nano-slider {
    background: #a6a6a5;
    position: relative;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 6px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity : .7;
}
.live-bet .col-c .nano-content {
	padding: 0;
	padding-right: 1px;
}




/* scrollable icons in live betting */
#scrl-content {
	display: inline-block;
	width: 100%;
	margin: 0px;
	overflow: auto;
	overflow-y: hidden;
	white-space: nowrap!important;
	height: 160px;
	-webkit-overflow-scrolling: touch;
}
#scrl-content li {
	float: none;
}
#scrl-sports {
	position: relative;
    height: 70px;
    overflow: hidden;
    margin-top: -8px;
    margin-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}
#scrl-sports .internal {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	display: inline-block;
}
#scrl-sports .lft-but, #scrl-sports .rgh-but {
    position: absolute;
    left: 0px;
    top: 3px;
    bottom: 0;
    margin: auto;
    z-index: 2000;
    background-color: #60605f;
    opacity: .80;
    height: 60px;
    width: 18px;
    border-radius: 4px;
    border: 1px solid #60605f;
	cursor: pointer;
}
#scrl-sports .lft-but:hover, #scrl-sports .rgh-but:hover {
	opacity: 1;
}
#scrl-sports .rgh-but {
	right: 0px;
	left: auto;
}
#scrl-sports .lft-but:before, #scrl-sports .rgh-but:before {
    content: '';
    background-position: -65px -129px;
    width: 11px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#scrl-sports .rgh-but:before {
    background-position: -52px -129px;
}

#mid .col-a #tabs_si.ui-tabs .ui-tabs-nav {
	max-width: 100%;
	margin-left: 0;
	height: auto;
}

#tabs_si .ui-state-active {
	background-color: transparent;
	opacity: 1;
}
#tabs_si .ui-state-active .txt {
	color: #fbc302;
}
#tabs_si .ui-state-active:after {
	content: '';
	width: 17px;
	height: 10px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	margin: auto;
	background-position: -73px -1816px
}
#tabs_si.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 2px 3px!important;
}
#scrl-sports .navi {
	display: none;
}
#scrl-sports ul {
	padding: 0;
}
#scrl-sports ul li {
	opacity: .5;
}
#scrl-sports ul li span {
	display: block;
}
#scrl-sports ul li a {
	width: 59px;
	height: 64px;
	overflow: hidden;
	text-align: center;
}
#scrl-sports ul li span.ico {
	width: inherit;
	height: 35px;
	margin-top: 14px;
}
#scrl-sports ul li span.txt {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	width: 100%;
	color: #bfbfbf;
}
#scrl-sports ul li span.ico:before {
	content:'';
	width: 36px;
	height: 41px;
	display: inline-block;
	padding: 0;
	margin: 0;
	background-position: -3px -2px;
}
#scrl-sports a.favourites span.ico:before {
	background-position-y: -1438px;
}
#scrl-sports a.soccer span.ico:before {
	background-position-y: -2px;
}
#scrl-sports a.basketball span.ico:before {
	background-position-y: -54px;
}
#scrl-sports a.tennis span.ico:before {
	background-position-y: -107px;
}
#scrl-sports a.horse-racing span.ico:before {
	background-position-y: -157px;
	margin-top: -2px;
}
#scrl-sports a.beach-volleyball span.ico:before {
	background-position-y: -213px;
}
#scrl-sports a.ice-hockey span.ico:before {
	background-position-y: -263px;
	margin-top: -4px;
}
#scrl-sports a.volleyball span.ico:before {
	background-position-y: -319px;
}
#scrl-sports a.handball span.ico:before {
	background-position-y: -373px;
}
#scrl-sports a.american-football span.ico:before {
	background-position-y: -425px;
}
#scrl-sports a.ausie-rules span.ico:before {
	background-position-y: -478px;
}
#scrl-sports a.badminton span.ico:before {
	background-position-y: -531px;
}
#scrl-sports a.baseball span.ico:before {
	background-position-y: -585px;
	background-position-x: -1px;
}
#scrl-sports a.boxing span.ico:before {
	background-position-y: -638px;
}
#scrl-sports a.cricket span.ico:before {
	background-position-y: -697px;
}
#scrl-sports a.chess span.ico:before {
	background-position-y: -746px;
}
#scrl-sports a.darts span.ico:before {
    background-position-y: -792px;
    margin-top: -4px;
}
#scrl-sports a.futsal span.ico:before {
	background-position-y: -850px;
}
#scrl-sports a.golf span.ico:before {
	background-position-y: -904px;
}
#scrl-sports a.motor-sports span.ico:before {
    background-position-y: -956px;
}
#scrl-sports a.rugby span.ico:before {
	background-position-y: -1009px;
}
#scrl-sports a.snooker span.ico:before {
	background-position-y: -1063px;
}
#scrl-sports a.table-tennis span.ico:before {
	background-position-y: -1118px;
	background-position-x: -4px;
}
#scrl-sports a.bowls span.ico:before {
	background-position-y: -1166px;
	background-position-x: -5px;
}
#scrl-sports a.bandy span.ico:before {
	background-position-y: -1220px;
}
#scrl-sports a.floorball span.ico:before {
	background-position-y: -1279px;
}
#scrl-sports a.specials span.ico:before {
	background-position-y: -1332px;
}
#scrl-sports a.squash span.ico:before {
	background-position-y: -1485px;
}
/*********** to be updated ***********/
#scrl-sports a.athletics span.ico:before {
	background-position-y: -1533px;
}
#scrl-sports a.beach-soccer span.ico:before {
	background-position-y: -1579px;
}
#scrl-sports a.curling span.ico:before {
	background-position-y: -1624px;
}
#scrl-sports a.cycling span.ico:before {
	background-position-y: -1671px;
    background-position-x: -2px;
}
#scrl-sports a.water-polo span.ico:before {
	background-position-y: -1717px;
}
/* to be updated end */



/* live betting left menu */
#mid .col-lb-a .tbl-wrap {
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.38);
	margin-top: 7px;
	margin-left: 7px;
}
#mid .col-lb-a .live-betting table.tbl-a col.c-2 {
	width: 80px;
}
#mid .col-lb-a .live-betting table.tbl-a span.vs {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}
#mid .col-lb-a .live-betting table.tbl-a span.result, #mid .col-lb-a .live-betting table.tbl-a span.time {
	display: block;
	text-align: right;
	margin-left: 0;
}
/* sports with draw */
#mid .col-lb-a .live-betting table.tbl-a.draw-yes span.desc, #mid .col-lb-a .live-betting table.tbl-a.draw-yes span.num {
	display: block;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	left: auto;
	right: auto;
	white-space: normal;
	float: none;
	margin: inherit;
	width: auto;
}
#mid .col-lb-a .live-betting .tbl-a.draw-yes tr.expand td a {
	display: table-cell!important;
	padding-top: 0;
	padding-bottom: 1px;
}
/* sports without draw */
#mid .col-lb-a .live-betting tr.expand td a {
	display: block;
}

/* tennis specyfic */
#mid .col-lb-a .live-betting .tbl-a.tennis span.result {
	float: right;
	margin-left: 6px;
}
#mid .col-lb-a .live-betting table.tbl-a.tennis col.c-2 {
	width: 108px;
}
#mid .r .col-lb-a .live-betting h2.header {
    background-color: #3b3b3b;
    border-top: 1px solid #3e3d3d;
    border-bottom: none;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.18);
    padding-top: 4px;
    padding-bottom: 6px;
}
#mid .r .col-lb-a .live-betting font.fav {
	display: none;
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 1px;
	margin: auto;
	width: 58px;
	height: 45px;
	min-height: 45px;
	background-color: #696969;
	background: -webkit-linear-gradient(left, rgba(76,76,75,0), rgba(105,105,105,1) 40%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(76,76,75,0), rgba(105,105,105,1) 40%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(76,76,75,0), rgba(105,105,105,1) 40%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(76,76,75,0), rgba(105,105,105,1) 50%); /* Standard syntax (must be last) */
}
#mid .r .col-lb-a .live-betting font.fav:before {
	content: '';
	width: 17px;
	height: 17px;
	display: inline-block;
	text-align: right;
	margin-top: 16px;
	margin-right: 10px;
	background-position: -52px -1497px;
}
#mid .r .col-lb-a .live-betting font.fav:hover:before {
	background-position: -70px -1497px;
}
#mid .r .col-lb-a .live-betting .collapsible.favourites {
	background-color: #424242;
}
#mid .r .col-lb-a .live-betting table.tbl-a tr:first-child td {
	border-top: 1px solid #323231;
}

#mid .col-lb-a .live-betting .collapsible h2.header.ui-icon-plus span {
	background-position: -52px -253px;
}
#mid .col-lb-a .empty {
	margin-bottom: 0;
	padding: 2px 8px 13px 8px;
}

#mid .r .col-lb-a .live-betting h2.header.favourites {
	border-bottom: 1px solid #2d2d2d;
}
.live-bet #mid .col-lb-a h2.header.ico-s.favourites:before {
	margin-top: 3px;
}
.live-bet #mid .col-lb-a h2.header.ico-s:before {
	margin-top: 3px;
}


/* quick change markets */
#mid .quick-chng {
	width: 99.99999%;
	display: table;
	table-layout: fixed;
	margin: -1px 0 8px -1px;
	padding: 0;
}
#mid .quick-chng form {
	padding: 0;
	margin: 0;
	margin-top: -4px;
}
#mid .quick-chng .a, #mid .quick-chng .b {
	width: 49%;
	display: table-cell;
}
#mid .quick-chng .a {
	padding-right: 4px;
}
#mid .quick-chng .b {
	padding-left: 4px;
}
/* select inputs */
#mid .r form.thm-1 .quick-chng .inp.select, #mid .r form.thm-1 .quick-chng .inp select {
	border-radius: 5px;
	overflow: hidden!important;
}
#mid .r form.thm-1 .quick-chng .inp select {
	height: 29px;
	border: none;
	font-weight: bold;
    color: #b8b6b5;
}
#mid .r form.thm-1 .quick-chng .inp.select {
	position: relative;
	border: 1px solid #353535;
	background-color: #5d5d5c;
}
#mid .r form.thm-1 .quick-chng .inp:before  {
	background-image: none;
	background-color: #5d5d5c;
	height: 30px;
}
#mid .r form.thm-1 .quick-chng .inp:after {
	background-color: #5d5d5c;
	height: 13px;
	margin: auto;
}
#mid .r form.thm-1 .quick-chng .inp {
	margin-bottom: 0;
}
#mid optgroup {
	background-color: #a6a6a5;
	color: #4c4c4c;
}

/* sport img with scorer*/
.live-bet .sport-img {
	width: 100%;
	min-height: 124px;
	margin-bottom: 8px;
	margin-top: 7px;
	border-radius: 5px;
	overflow: hidden;
	background-image: linear-gradient(#2d2d2d, #5d5d5c);
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.38);
	background-size: cover;
	background-position: center; 
	position: relative;
}
.live-bet .sport-img.soccer {
	background-image: url(../img/ui-assets/lb-soccer-bg.jpg);
}
.live-bet .sport-img.tennis {
	background-image: url(../img/ui-assets/lb-tennis-bg.jpg);
}
.live-bet .sport-img.basketball {
	background-image: url(../img/ui-assets/lb-basketball-bg.jpg);
}
.live-bet .sport-img.handball {
	background-image: url(../img/ui-assets/lb-handball-bg.jpg);
}



.live-bet .sport-img:before {
	content: '';
	background: url(../img/ui-assets/dots.png);
	background-size: 2px;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}

.live-bet .sport-img .score-board {
	width: 60%;
	min-width: 500px;
	max-width: 640px;
	height: 93px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #3c3c3c;
	background-color: #505050;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.18);
}
.live-bet .sport-img .score-board span {
	display: block;
	min-height: 17px;
	border-top: 1px solid #545454;
    box-shadow: 0px 0px 0px 1px #444;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}
.live-bet .sport-img .score-board span.head {
	height: 33px;
	background: #363636;
	background-image: linear-gradient(#383838, #2f2f2f);
	text-align: center;
	border-top: 0px solid #404040;
}
.live-bet .sport-img .score-board span.head font.t {
	margin-top: 8px;
	color: #8a8a8a;
	font-weight: bold;
	display: inline-block;
}
.live-bet .sport-img .score-board span.n1, .live-bet .sport-img .score-board span.n2 {
	padding: 5px 10px 7px 10px;
}
.live-bet .sport-img .score-board span.n1 {
    box-shadow: 0px 0px 0px 1px #272727;
}
.live-bet .sport-img .score-board font.name {
	width: border: 1px solid red;
	display: inline-block;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	white-space: nowrap;
}
.live-bet .sport-img .score-board font.result {
	float: right;
	font-size: 20px;
	margin-top: 1px;
	color: #fbc302;
	display: inline-block;
    font-family: 'basicdotsregular';
	text-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
	font-weight: normal;
	text-align: right;
}

/* tennis */

.live-bet .sport-img .score-board .ball-yellow, .live-bet .sport-img .score-board .ball-grey {
	margin-left: 17px;
}
.live-bet .sport-img .score-board .ball-yellow:before, .live-bet .sport-img .score-board .ball-grey:before {
    content: '';
	width: 7px;
    height: 7px;
    background-color: #fbc302;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 1px;
    left: 10px;
    margin: auto;
	
}
.live-bet .sport-img .score-board .ball-grey:before {
	background-color: #a4a4a3;
}


.live-bet .sport-img.tennis .score-board .result strong.points {
	width: 30px;
	background-color: #2e2e2e;
	border-radius: 5px;
	text-align: center;
	padding: 5px 4px 1px 5px;
	border: 1px solid #2a2a2a;
	background-image: linear-gradient(#323232, #2a2a2a);
	color: #e5e3e3;
	margin-left: 12px;
	margin-right: -8px;
}
.live-bet .sport-img.tennis .score-board font.result {
	margin-top: -4px;
}
.live-bet .sport-img.tennis .score-board .result strong.games {
	margin-left: 12px;
	text-shadow: 0px 0px 6px #bc953b;
}
.live-bet .sport-img.tennis .score-board .result strong.set {
	color: #a2a2a2;
	margin-left: 4px;
	text-shadow: 0 0 6px rgba(162, 162, 162, 0.5);
}
.live-bet .sport-img.tennis .score-board .result strong.set.current {
	color: #e5e3e3;
}
.live-bet .sport-img.tennis .score-board font.name {
	width: 51%;
}



.live-bet .sport-img .score-board .result strong {
	font-weight: normal;
	float: none;
	display: inline-block;
}






.live-bet .sport-img.table-tennis .score-board .result strong.set, .live-bet .sport-img.volleyball .score-board .result strong.set {
	width: 29px;
	text-align: center;
	color: #a2a2a2;
	text-shadow: 0 0 6px rgba(162, 162, 162, 0.5);
}
.live-bet .sport-img.table-tennis .score-board font.result strong.games, .live-bet .sport-img.volleyball .score-board font.result strong.games {
	text-align: right;
	width: 29px;
}
.live-bet .sport-img.volleyball .score-board font.result strong.current {
	
}
/*
.live-bet .sport-img.table-tennis .score-board .result strong.current, .live-bet .sport-img.volleyball .score-board .result strong.current {
	text-shadow: 0px 0px 6px #bc953b;
	width: 29px;
	text-align: right;
}
.live-bet .sport-img.table-tennis .score-board .result strong.set, .live-bet .sport-img.volleyball .score-board .result strong.set {
	color: #a2a2a2;
	text-shadow: 0 0 6px rgba(162, 162, 162, 0.5);
	width: 29px;
	text-align: center;
}
.live-bet .sport-img.table-tennis .score-board font.name, .live-bet .sport-img.volleyball .score-board font.name {
	width: 50%;
}



/* basketball */
.live-bet .sport-img.basketball .t .q {
	margin-right: 10px;
	display: inline-block;
}

/* schedule table */
#mid .tbl-wrap table.schedule col.c-1 {
	width: 243px;
}
#mid .tbl-wrap table.schedule col.c-2 {
	width: 90%;
}
#mid .tbl-wrap table.schedule col.c-3 {
	width: 120px;
}
#mid .tbl-wrap table.schedule {
		font-weight: normal;
}
#mid .tbl-wrap table.schedule td {
	border-left: none;
	padding: 6px 10px 6px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 17px;
    vertical-align: middle;
}
#mid .tbl-wrap table.schedule tr:hover td {
	background-color: #696969;
}
#mid .tbl-wrap table.schedule td.t, #mid .tbl-wrap table.schedule td.sport {
	color: #a2a2a2;
}
#mid .tbl-wrap table.schedule td.sport {
	font-weight: bold;
}
#mid .tbl-wrap table.schedule td.sport span.ico-s {
	position: relative;
	display: inline-block;
	padding-left: 29px!important;
}
#mid .tbl-wrap table.schedule td.sport span.ico-s:before {
	left: 0;
}
#mid .tbl-wrap table.schedule td.name .evnt.live-st {
	padding-right: 29px;
	position: relative;
}
#mid .tbl-wrap table.schedule td.name .evnt.live-st:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	display: block;
	background-position: -52px -1517px;
}
#mid .tbl-wrap table.schedule th a {
	padding: 0;
	margin: 0;
	height: auto;
	display: inline-block;
	width: auto;
}
#mid .tbl-wrap table.schedule th a:hover  {
	color: #6F6F6F;
	text-shadow: inherit;
	cursor: default;
}
#mid .tbl-wrap table.schedule th .select-sp {
	padding-right: 20px;
}
#mid .tbl-wrap table.schedule th .select-sp:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	display: block;
	background-position: -66px -252px;
}

#mid .tbl-wrap table.schedule th .select-sp:hover:after {
	opacity: .69;
}
#mid .tbl-wrap table.schedule strong.yellow-it {
	margin-left: 9px;
}
/* schedule tabs */
#mid #tabs_sch .sub-sch ul.tb-nav a {
	font-size: 13px;
	font-weight: normal;
	color: #acb8d6;
	padding-top: 4px;
    padding-right: 21px;
	padding-bottom: 2px;
}
#mid #tabs_sch .sub-sch ul.tb-nav a:hover {
	color: #fbc302;
}
#tabs_sch .sub-sch ul.tb-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	margin: auto!important;
	text-align: center;
}
#tabs_sch .sub-sch ul.tb-nav li {
	display: inline-block;
	float: none;
	margin-top: 10px;
	position: relative;
}
#tabs_sch .sub-sch ul.tb-nav li.ui-state-active {
	background-color: #a6a6a5;
    background-image: linear-gradient(#b4b5b3, #a6a6a5);
	border-radius: 5px 5px 0 0;
	box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.17)

}
#mid #tabs_sch .sub-sch ul.tb-nav li.ui-state-active a {
	color: #5a5a5a;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
	font-weight: bold;
}
#mid #tabs_sch h2.header {
	overflow: visible;
}
#tabs_sch .sub-sch ul.tb-nav li .sch-date {
	position: absolute;
	right: 7px;
	top: 5px;
	font-size: 8px;
	color: #acb8d6;
	text-shadow: none;
}
#tabs_sch .sub-sch ul.tb-nav li.ui-state-active .sch-date {
	color: #4e4e4e;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
}
#mid table.tbl-a.schedule td a {
	display: none;
}
.ddm-wrap.template2.sch-sports {
	width: 190px;
	margin-left: -10px;
}
.ddm-wrap.template2.sch-sports:before {
	right: auto;
	left: 8px;
}

.ddm-wrap.template2.sch-sports .dropdown-menu ul.cols {
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}
.ddm-wrap.template2.sch-sports .dropdown-menu li {
	padding-right: 13px;
}

/* betting basket adjustment */
live-bet #mid .r #betslip form.thm-1 .inp:after, .live-bet #mid .r #betslip form.thm-1 .inp:before {
	display: none;
}
.live-bet #mid .r #betslip form.thm-1 .inp {
    margin: 0 0 0 8px;
    min-height: 10px;
    box-shadow: none;
	border-radius: 5px;
	background-color: #9c9c9b;
}



/* LP */
#lp .bc-container {
	width: 100%;
	height: 595px;
	background-color: #030e20;
	position: relative;
	
}
#lp #top {
	border-bottom: none;
	height: 74px;
}
#lp #footer {
	border-top: none;
}

/* rotate images */

#lp #background_cycler {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#lp #background_cycler div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 595px;
	z-index: 0;
	background-size: auto 595px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

#lp #background_cycler div.active {
	z-index: 12
}
#lp .spnship-wraper {
	width: 888px;
	height: inherit;
	position: relative;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}
#lp .col-r, #lp .col-l {
	width: 251px;
	display: table-cell;
	vertical-align: middle;
}
#lp .col-l {
	width: 80%;
}
#lp .spnship-desc {
	width: inherit;
	max-height: 353px;
	border-radius: 10px;
	display: block;	
	visibility: hidden;
	margin-bottom: 19px;
	color: #ebf2fb;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	background: url(../img/media/lp/border-shine.png);
	background-repeat: no-repeat;
	background-size: 251px 300px;
	background-position: top center;
}
#lp .spnship-desc:before {
	content: '';
	background-color: #000;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.6;
	z-index: -1;
	position: absolute;
	border-radius: inherit;
}
#lp .spnship-desc:after {
	content: '';
	width: 28px;
	height: 10px;
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/media/lp/border-shine.png);
	background-repeat: no-repeat;
	background-size: 251px 353px;
	background-position: bottom center;

}
#lp .spnship-desc font {
	margin: 23px;
	margin-bottom: 17px;
	display: inline-block;
	/*height: 313px;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
#lp .spnship-desc h2 {
	text-align: center;	
	display: inline-block;
	width: 100%;
	margin: 0;
	margin-bottom: 14px;
	color: #fbc302;
	font-size: 14px;
}
#lp .spnship-desc p {
	margin: 0;
	margin-bottom: 14px;
	display: inline-block;
}
#lp .spnship-desc p:last-child {
	margin-bottom: 0;
}

#lp .spnship-desc button.b-yellow {
	width: 100%;
	margin-top: 2px;
	border: 1px solid #272727;
}
#lp .spnship-logo {
	visibility: hidden;
}

/* flip animation */

.animated {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY{
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}


/* flipInX animation */

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

.sponsor-logos {
	padding: 30px;
    padding-bottom: 26px;
    margin-top: -30px;
    background: url(../img/media/lp/bg-sponsors.png) top left repeat;
    background-size: 63px;
    text-align: center;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.05);
}

#lp .sponsor-logos {
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.02);
}
.sponsor-logos a {
	width: 119px;
	min-height: 120px;
	display: inline-block;
	background: url(../img/ui-assets/sponsorship-logos.png);
	background-repeat: no-repeat;
	background-size: 1800px;
	overflow: visible;
	margin-top: 0;
	margin-right: 11px;
	margin-left: 11px;
	position: relative;
	text-align: center;
	vertical-align: top;
}


/*
.sponsor-logos a:first-child {
	margin-left: 65px;
}
*/
.sponsor-logos .sponsor-wrap {
	width: 100%;
	margin: 0 auto;
}
.sponsor-logos a.arsenal {
    background-position: 31px 0px;
}
.sponsor-logos a.preston {
	background-position: -109px 0px;
}
.sponsor-logos a.brewers {
	background-position: -250px 0px;
}
.sponsor-logos a.laliga {
	background-position: -397px 0px;
}

.sponsor-logos a.middle {
	background-position: -550px 0px;
}
.sponsor-logos a.manc {
	background-position: -687px 0px;
}
.sponsor-logos a.euroleague {
	background-position: -819px 0px;
}
.sponsor-logos a.fulham {
	background-position: -950px 1px;
}



.sponsor-logos a font {
	font-size: 10px;
    color: #858585;
    display: block;
    text-align: center;
    line-height: 12px;
	margin-top: 93px;
}
.sponsor-logos a font strong {
	font-size: 13px;
	color: #bc9512;
	display: block;
	margin-bottom: 4px;
}


/* GSAP Teasers Animation */
	.teasers .lft, .teasers .rgt {
		position: relative;
		overflow:  hidden;
	}
	#mid .col-c .add-pad .teasers .sect .rgt .wrap-i img {
		border: none;
	}
	.teasers .rgt .wrap-i {
		position:  relative;
		height: auto;
		overflow:  hidden;
		border: 1px solid #424242;
	}
	.teasers .rgt .wrap-i .placeholder {
		visibility: hidden;
	}

	.teasers .photo {
		position: absolute;
		width: 100%;
		height: auto;
		background-color: transparent;
		transform: translateZ(0);
		will-change: transform;
	}
	.teasers .photo.one, .teasers .photo.two {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1;
		opacity: 1;
	}
	.teasers .photo.two {
		z-index: 2;
		top: -298px;
	}
	.teasers .wraper {
		border: 1px solid red;
		width: 400px;
		position:  relative;
		min-height: 100px;
	}
	.teasers .container {
		width: 170px;
		min-height: 77px;
		overflow: hidden;
		margin-bottom: 10px;
		position: absolute;
		right: 0px;
	}
	.teasers .txt1, .teasers .txt2 {
		position: absolute;
		top: 0px;
		bottom: 0px;
		margin: auto;
		opacity: 0;
		height: 34px;
		display: block;
		vertical-align: middle;
	}

  /* IE10+ specific styles go here */  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.teasers .txt1, .teasers .txt2 {
		margin-top: 20px;
	}
}
 /* IE9 specific styles go here */ 
@media all and (min-width:0\0) and (min-resolution:.001dpcm)
{
	.teasers .txt1, .teasers .txt2 {
		margin-top: 20px;
	}
}
/* GSAP Top banner animation */

#slides {
	position: relative;
	margin: auto;
	width: 100%;
	min-width: 450px;
	margin-bottom: 8px;
	clear: both;
}
#slides .slider-holder {
	position: relative;
	width: 100%;
	height: 220px;
	margin: 0 auto;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 0px 0px 1px rgba(54,54,53,1);
	background-image: linear-gradient(#252527, #60605f);
	background-color: #3b3b3b;
}
#slides .gsap-slider {
	position: relative;
	width: 100%;
	height: inherit;
}
#slides .gsap-slider .lnk {
	pointer-events: auto;
	cursor:  default;
}
#slides .slider-item {
	position: absolute;
	top: 0px;
	bottom: 0;
	margin: auto;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	height: 100%;
	width: 100%;
	display: table;
}
#slides .slider-item span.tbl {
	display: table-cell;
	vertical-align: middle;
	padding-left: 33px;
	padding-bottom: 24px;
}
#slides .slider-item .title {
	width: 200px;
	text-transform: capitalize;
	padding: 0;
	margin: 0;
	color: #fbc302;
	font-size: 25px;
	font-weight: 900;
	text-transform: capitalize;
	z-index: 11;
}
#slides .slider-item .title p {
	margin-bottom: -6px;
	line-height: 25px;
  	-webkit-font-smoothing: auto;
}
#slides .slider-item .caption {
	width: 195px;
	margin:0;
	color: #d4d2d2;
	line-height: 21px;
	font-weight: 900;
	z-index: 12;
}
#slides .slider-item .caption p {
	margin-bottom: 8px;
}
#slides .slider-item .lnk {
	text-decoration: none;
	font-size: 10px;
	font-weight: 900;
	color: #999898;
	display: block;
	margin-bottom: 12px;
}
#slides .slider-item .b-yellow.gap {
	margin-top: 5px;
}
#slides .bet-n {
	display: block;
	z-index: 21;
	pointer-events: auto;
	display: inline-block;
}

/*Navigation*/
#slides .slider-nav {
    width: auto;
    margin: auto;
    position: absolute;
    right: 23px;
    bottom: 23px;
    z-index: 10;
}
#slides .slider-nav-btn.go-prev {
    margin-right: -6px;
}
#slides .slider-nav-btn {
	display: inline-block;
	padding: 4px;
	cursor: pointer;
	margin-left: 2px;
	opacity: .5;
}
#slides .slider-nav-btn:hover {
	opacity: 1;	
	-webkit-transition: all .5s ease;                  
    -moz-transition: all .5s ease;                 
    -o-transition: all .5s ease;   
    -ms-transition: all .5s ease;          
    transition: all .5s ease;
}
#slides .slider-nav-btn:before {
	content: '';
	background-position: -56px -1794px;
	display: block;
	width: 17px;
	height: 17px;
}
#slides .slider-nav-btn.go-prev:before {
		background-position: -56px -1773px;
}





/*back to top*/

.fixedButton {
    -webkit-transform: translate3d(0,250%,0);
    -ms-transform: translate3d(0,250%,0);
    transform: translate3d(0,250%,0);
    -webkit-transition: all .3s;
    transition: all .2s;
    -webkit-perspective: 1px;
    perspective: 1px;
    position: fixed;
    bottom: 48px;
    right: 0px;
    left: 157px;
    z-index: 999;
    display: block;
    width: 37px;
    height: 37px;
    /* border: 1px solid #545454; */
    border-radius: 20px;
    margin: 0 auto 0 auto;
    background-position: 11px -668px!important;
    background-color: #a0a0a0!important;
    opacity: 0.42;
}
.fixedButton.isVisible {
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}

.fixedButton:before {
	content: '';
	width: inherit;
	height: inherit;
	display: block;
	background-position: -42px -2087px;
}
/*back to top end*/





.controler {
	display: block;
	width: 0;
	height: 0;
}



/* IE 9 fixes */
@media screen and (min-width:0\0) {
.live-bet #mid .r form.thm-1 .inp select, .live-bet #mid .r form.thm-1 .inp select:focus, #mid .r form.thm-1 .quick-chng .inp select, #mid .r form.thm-1 .quick-chng .inp select:focus {
	padding-left: 8px;
	padding: 4px;
	background: none;
	pointer-events: auto;
}
.live-bet #mid .r form.thm-1 .inp:before, .live-bet #mid .r form.thm-1 .inp select option, .r form.thm-1 .quick-chng .inp:before, #mid .r form.thm-1 .quick-chng .inp select option {
	background: #3C3A3A;
    background-size: 63px;
	color: #e5e3e3;
}
.live-bet #mid .r form.thm-1 .inp {
	background: #3C3A3A;
}
#mid .r form.thm-1 .quick-chng .inp:before,  #mid .r form.thm-1 .quick-chng .inp select option {
	background: #5d5d5c;
}

.live-bet #mid .r form.thm-1 .quick-chng .inp {
	background: #5d5d5c;
}
.live-bet #mid .col-lb-a, .live-bet #mid .col-lb-b {
	padding-bottom: 0;
}
#mid optgroup {
	background-color: #5d5d5c;
	color: #fff;
}
}




@media screen and (max-height: 900px) {
.custom-popup, .custom-popup_2, .custom-popup_3, .custom-popup_4 {
	top: 14%;
}
}
@media screen and (max-width: 1224px) { /*if doc is smaller than 1124*/
#top a.logo {
	background-position: left;
	background-size: 80%;	
}
#top ul.nav li {
	margin: 0 7px;
}
#top ul.nav a.active {
	margin: 0 -7px;
	padding-left: 7px;
	padding-right: 7px;
}
#top .i-bar ul.sub-nav li {
	margin-left: 14px;
}
#mid .grid-2c .c {
	float: none;
	width: 100%;
}
#mid .grid-2c .c .tbl-wrap {
	margin-left: 0;
	margin-right: 0;
}
}
@media screen and (max-width: 1224px) { /*if doc is smaller than 1124*/
#top a.logo {
	background-position: left;
	background-size: 80%;	
}
#top ul.nav li {
	margin: 0 7px;
}
#top ul.nav a.active {
	margin: 0 -7px;
	padding-left: 7px;
	padding-right: 7px;
}
#top .i-bar ul.sub-nav li {
	margin-left: 14px;
}
}

@media screen and (max-width: 1275px) { /*if doc is smaller than 1275*/ 
.controler {
	display: none;
}
#mid .r .col-a table.tbl-a {
	min-width: 719px;
}
.live-bet #mid .r .col-a table.tbl-a {
	min-width: 510px;
}
#slides .slider-item .title {
	width: 200px;
	font-size: 25px!important;
}
#slides .slider-item .caption {
	width: 295px!important;
}
#slides .slider-nav {
	display: block!important;
}
}

@media screen and (min-width: 1330px) { /*if doc is bigger than xxx*/
	#info.promo .news .promo-t {
		width: 1217px;
	}
}

@media screen and (max-width: 1340px) { /*if doc is smaller than 1350*/ 
#mid .col-b  .stat {
	display: none
}
#top .auth .signed span.cash {
	padding-right: 19px;
}
#top .lost-pass {
	display: none;
	
}
/*********** to be updated new***********/
#mid .grid-2c .c {
	float: none;
	width: 100%;
}
#mid .grid-2c .c .tbl-wrap {
	margin-left: 0;
	margin-right: 0;
}

}

@media screen and (max-width: 1495px) { /*if doc is smaller than 1495*/ 
#mid .col-b table.tbl-a.static .row a {
	display: block;
}
#mid .col-b table.tbl-a.static .row a span.desc {
	float: none;
	margin-bottom: 3px; 
}
#mid .col-b table.tbl-a.static.links td {
	display: block;
	float: none;
	width: 100%;
}
#mid .col-b .tbl-wrap:last-child {
	display: none;
}
#top .auth .signed strong {
	display: none;
}
#slides .slider-nav {
	display: none;
}
.ddm-wrap.ac-details {
    z-index: 3100;
    margin-right: -47px;
}
}


@media screen and (min-width: 1599px) { /*if doc is  bigger than 1599*/
#mid .l, #top .i-bar .set-w {  /* left menu */
	width: 227px;
}
#betslip #tabs_bs table.main colgroup .col-2 {
    width: 55%;
}

#mid .r .col-c, #mid .r:before  { /* last column */
	width: 308px;
}
.ddm-wrap.bets-list {
	width: 295px;
}
#sub .for-create-coupon {
	margin-left: 227px;
	margin-right: 308px;
}
#top ul.nav a {
	font-size: 17px;
}
#top a.logo {
	width: 192px;
	height: 25px;
}
.ddm-wrap { 
	width: 210px;
}
.ddm-wrap.ac-details {
	width: 190px;
}
.ddm-wrap.template2 {
	right: 316px!important
}
#mid .col-c .add-pad .teasers .sect .lft span {
	font-size: 17px;
}
}
@media screen and (max-width: 1700px) { /*if doc is smaller than 1800*/ 
#slides .slider-item .caption {
	width: 147px;
}
#slides .slider-item .title {
	font-size: 20px;
}
}
@media screen and (min-width: 1730px) { /*if doc is  bigger than 1730*/
#mid .r table.tbl-a.welcome span.wrap {
	display: block;
}
.live-bet #mid .tbl-wrap.overview.tennis table.tbl-a td.match-inf .match-desc {
	width: 287;
}
.live-bet #mid .tbl-wrap.overview span.match-desc font {
	max-width: 140px;
}
}

@media screen and (min-width: 1900px) { /*if doc is  bigger than 1900*/
body, html, #mid .l .accordion h3 {
	font-size: 14px;
}
#mid .r h3.header, #mid .r h2.header {
	font-size: 18px;
}
#mid .l .accordion h3, #mid .l .accordion div.ui-accordion-content a {
	line-height: 17px;
}
#mid .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 2px 9px 2px 9px;
	margin-top: -1px;
}
.live-bet #mid .tbl-wrap.overview.tennis table.tbl-a td.match-inf .result {
	width: 191px;
}
.live-bet #mid .tbl-wrap.overview.tennis table.tbl-a td.match-inf .match-desc {
	width: 310px;
}
#slides .slider-item .caption {
	width: 295px;
}
#slides .slider-item .title {
	width: 300px;
}

#top .i-bar a.odds-t {
    margin-left: 110px;
}

}






@media print {
#info #top, #info .lft, #info #sub-bar, #info #footer, #info #filter {
	display: none!important;
}
#info div.tbl-wrap {
	box-shadow: none;
	border: 1px solid #D3D3D3;
	border-radius: 0;
}
#info #mid .collapsible h2.header.grey-bg {
	border-bottom: 1px solid silver;
	color: black;
}
#info .tbl-wrap.t_2 h2.t-header {
    -webkit-print-color-adjust: exact; 
	background-color: #3176D8;
    color: #f1f1ef;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#info .tbl-wrap.t_2 table.slip td {
	border: 1px solid black!important;
	color: black!important;
}
#info .tbl-wrap.t_2 table.slip {
	margin-bottom: 20px;
}
#info #mid .tbl-wrap.history table tr.active td, #info #mid .tbl-wrap.history table tr.expand td {
	border-bottom: 1px solid white;
}
#info #mid .tbl-wrap.history table tr.active td {
	color: silver;
}
#info #mid .tbl-wrap.history table td {
	color: silver;
}
#info .tbl-wrap.t_2 table th:first-child, #info .tbl-wrap.t_2 table th:last-child {
	border-left: none;
	border-right: none;
}
#info .tbl-wrap.t_2 table tr th {
	border-bottom: 1px solid white;
    -webkit-print-color-adjust: exact; 
	background-color: #EAEAEA;
}
#info .tbl-wrap.t_2 .content {
	padding-bottom: 0;
}
#info #mid .tbl-wrap.history table td {
	border-bottom: 1px solid #D3D3D3;
}
#info #mid .tbl-wrap.t_2.history table.slip td .bet-c, #info #mid .tbl-wrap.t_2.history table.slip td .stake, #info #mid .tbl-wrap.t_2.history table.slip td .returns {
	text-shadow: none;
}
}