div{
    overscroll-behavior-y: contain;
}

.popover {
  width: 200px;
}
.popover-music {
  width: 240px;
}
.ks-grid div[class*="col-"] {
  background: #fff;
  text-align: center;
  color: #000;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 15px;
}
.ks-preloaders {
  text-align: center;
}
.ks-preloader-big {
  width: 42px;
  height: 42px;
}
.item-media img {
  width: auto;
  height: auto;
  max-width: 40px;
  border-radius: 50%;
}
.tabbar i.icon {
  -webkit-transition: 200ms;
  transition: 200ms;
}
.ks-demo-slider {
  width: 100%;
  height: 100%;
}
.ks-demo-slider .swiper-slide,
.ks-carousel-slider .swiper-slide {
  font-weight: 300;
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
}
.ks-carousel-slider .swiper-slide {
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}
.ks-carousel-slider.ks-carousel-slider-auto .swiper-slide {
  width: 85%;
}
.ks-carousel-slider.ks-carousel-slider-auto .swiper-slide:nth-child(2n) {
  width: 70%;
}
.ks-carousel-slider.ks-carousel-slider-auto .swiper-slide:nth-child(3n) {
  width: 30%;
}
.page[data-page="swiper-multiple"] .swiper-container {
  margin: 0px 0 35px;
  font-size: 18px;
  height: 120px;
}
.ks-slider-custom {
  height: 100%;
}
.ks-slider-custom .swiper-container {
  background: #000;
  height: 100%;
}
.ks-slider-custom .swiper-slide {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.ks-slider-custom .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0);
  opacity: 1;
  border-radius: 0;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -ms-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  position: relative;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.ks-slider-custom .swiper-pagination .swiper-pagination-bullet-active {
  z-index: 1;
  border: 1px solid #007aff;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  transform: scale(1.4);
}
.ks-cube-slider {
  width: 80%;
  height: 70%;
  top: 15%;
}
.ks-coverflow-slider {
  height: 60%;
  top: 20%;
}
.ks-coverflow-slider .swiper-slide {
  width: 65%;
}
.ks-cube-slider .swiper-slide,
.ks-coverflow-slider .swiper-slide {
  background-size: cover;
  color: #fff;
  -webkit-backface-visibility: hidden;
}
.ks-fade-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.page[data-page="swiper-gallery"] {
  background: #000;
}
.ks-swiper-gallery-top {
  height: 70%;
}
.ks-swiper-gallery-thumbs {
  margin-top: 10px;
  height: 20%;
  height: -webkit-calc(30% - 20px);
  height: -moz-calc(30% - 20px);
  height: -ms-calc(30% - 20px);
  height: calc(30% - 20px);
}
.ks-swiper-gallery-thumbs .swiper-slide {
  width: 25%;
}
.ks-swiper-gallery-thumbs .swiper-slide-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  -webkit-transition: 300ms;
}
.ks-swiper-gallery-thumbs .swiper-slide-active .swiper-slide-pic {
  opacity: 1;
}
.ks-swiper-gallery-top .swiper-slide,
.ks-swiper-gallery-thumbs .swiper-slide,
.ks-swiper-gallery-top .swiper-slide-pic,
.ks-swiper-gallery-thumbs .swiper-slide-pic {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.ks-parallax-slider {
  height: 100%;
}
.ks-parallax-slider .swiper-parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.ks-parallax-slider .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 60px;
  color: #fff;
}
.ks-parallax-slider .swiper-slide-title {
  font-size: 41px;
  font-weight: 300;
}
.ks-parallax-slider .swiper-slide-subtitle {
  font-size: 21px;
}
.ks-parallax-slider .swiper-slide-text {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.3;
}
.page[data-page="virtual-list"] .virtual-list li {
  height: 73px;
}
#ks-picker-date-container .picker-item {
  color: #999;
}
#ks-picker-date-container .picker-selected {
  color: #000;
}
.layout-dark #ks-picker-date-container .picker-selected {
  color: #fff;
}
@media (max-width: 767px) {
  #ks-picker-date-container .picker-items {
    font-size: 21px;
  }
  #ks-picker-date-container .picker-item {
    height: 36px;
    line-height: 36px;
  }
  #ks-picker-date-container .picker-item span {
    padding: 0 6px;
  }
}
img.ks-demo-lazy {
  display: block;
  width: 100%;
  height: auto;
}
div.ks-demo-lazy {
  background: #aaa;
  -webkit-background-size: cover;
  background-size: cover;
  height: 300px;
  height: 60vw;
}
.ks-layout-theme {
  height: 44px;
  cursor: pointer;
}
.ks-layout-theme.ks-layout-default {
  background: #f3f3f3;
}
.ks-layout-theme.ks-layout-dark {
  background: #000;
}
.ks-layout-theme.ks-layout-white {
  background: #fff;
}
.ks-color-theme {
  height: 44px;
  cursor: pointer;
  margin-bottom: 10px;
}
.ks-card-header-pic .card-header {
  height: 40vw;
  background-size: cover;
  background-position: center;
}
.ks-facebook-card .card-header {
  display: block;
  padding: 10px;
}
.ks-facebook-card .ks-facebook-avatar {
  float: left;
}
.ks-facebook-card .ks-facebook-name {
  margin-left: 44px;
  font-size: 14px;
  font-weight: 500;
}
.ks-facebook-card .ks-facebook-date {
  margin-left: 44px;
  font-size: 13px;
  color: #8e8e93;
}
.ks-facebook-card .card-footer {
  background: #fafafa;
}
.ks-facebook-card .card-footer a {
  color: #81848b;
  font-weight: 500;
}
.ks-facebook-card .card-content img {
  display: block;
}
.ks-facebook-card .card-content-inner {
  padding: 15px 10px;
}
form .material-icons {
  color: #757575;
}
.ks-demo-icon {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #333;
}
.ks-demo-icon .icon-name {
  margin-top: 5px;
  font-size: 11px;
  color: #666;
}
code {
  background: #f3f3f3;
  padding: 5px;
}
.item-errorMessage{
	color: red;
    font-size: 10px;
    position: absolute;
    bottom: -13px;
}



/**/
[data-page="panel-left"] .user-photo{
    width: 75px;
    height: 75px;
    margin: 0px 20px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #fff;
}

[data-page="myProfile"] .user-photo{
    width: 150px;
    height: 150px;
    margin: 0px auto;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #d4d4d4;
}
[data-page="panel-left"] .sidebar-header.header-cover {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
[data-page="panel-left"] .sidebar-header {
    background-color: #eceff1;
}
[data-page="panel-left"] .sidebar-header {
    position: relative;
    height: 136.5px;
    margin-bottom: 8px;
    padding-top: 21px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.top-bar {
    height: 25px;
    background: rgba(0, 0, 0, 0.1);
}

[data-page="panel-left"] .sidebar-toggle {
    color: #212121;
    background-color: transparent;
}
[data-page="panel-left"] .sidebar-toggle {
    position: relative;
    float: right;
    margin: 16px;
    padding: 0;
    background-image: none;
    border: none;
    height: 40px;
    width: 40px;
    font-size: 20px;
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

[data-page="panel-left"] .sidebar-image img {
    width: 75px;
    height: 75px;
    margin: 16px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

[data-page="panel-left"] .sidebar-brand {
    color: #757575;
    background-color: transparent;
}
[data-page="panel-left"] .sidebar-brand {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0;
    padding-left: 16px;
    padding-right: 56px;
    text-decoration: none;
    clear: both;
    font-weight: 500;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: rgba(0, 0, 0, 0.18);
    color: #fff;
}






/* CUSTOM STYLES */
.overflow-hidden{
    overflow: hidden !important;
}
.screen-mask{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 99999;
	display: none;
	opacity: 1;
}
hr{
	border: 0;
	width: 100%;
	height: 1px;
	background-color: #666;
	margin: 0;
}
hr.light{
	background-color: #ddd;
}

/* Fonts */
@font-face {
    font-family: 'pixellari';
    src:  url('../fonts/joystixmonospace.eot');
    src:  url('../fonts/joystixmonospace.eot') format('embedded-opentype'),
    url('../fonts/joystixmonospace.ttf') format('truetype'),
    url('../fonts/joystixmonospace.woff') format('woff'),
    url('../fonts/joystixmonospace.svg') format('svg');
}
.pixellari-font{
	font-family: 'pixellari';
	font-weight: normal;
	font-style: normal;
}

/* Fix */
.list-block .item-media{
	min-width: 30px !important;
}

/* Colors */
.tjk-background-closed-red{
	background-color: #BB0102;
}
.tjk-background-dark-red{
	background-color: #9A0000;
}
.tjk-background-light-gray{
	background-color: #EEEEEE;
}
.tjk-background-medium-gray{
	background-color: #666;
}
.tjk-background-dark-gray{
	background-color: #444;
}

.color-dark{
	color: #555;
}
.list-block .item-link.list-button.color-dark,
.list-block .item-link.color-dark,
.tabbar a.active.color-dark,
a.color-dark{
	color: #555;
}
.button.button-fill.bg-dark,
.button.button-fill.color-dark{
	background: #555 !important;
    color: #fff;
}

.bg-dark,
a.bg-dark,
.list-block .swipeout-actions-left a.bg-dark,
.list-block .swipeout-actions-right a.bg-dark{
    background-color: #555 !important;
}
.bg-dark-95,
a.bg-dark-95,
.list-block .swipeout-actions-left a.bg-dark-95,
.list-block .swipeout-actions-right a.bg-dark-95{
    background-color: #5a5a5a !important;
}
.bg-dark-90,
a.bg-dark-90,
.list-block .swipeout-actions-left a.bg-dark-90,
.list-block .swipeout-actions-right a.bg-dark-90{
    background-color: #666 !important;
}
.bg-dark-85,
a.bg-dark-85,
.list-block .swipeout-actions-left a.bg-dark-85,
.list-block .swipeout-actions-right a.bg-dark-85{
    background-color: #6a6a6a !important;
}
.bg-dark-80,
a.bg-dark-80,
.list-block .swipeout-actions-left a.bg-dark-80,
.list-block .swipeout-actions-right a.bg-dark-80{
    background-color: #777 !important;
}
.bg-dark-75,
a.bg-dark-75,
.list-block .swipeout-actions-left a.bg-dark-75,
.list-block .swipeout-actions-right a.bg-dark-75{
    background-color: #7a7a7a !important;
}
.bg-dark-70,
a.bg-dark-70,
.list-block .swipeout-actions-left a.bg-dark-70,
.list-block .swipeout-actions-right a.bg-dark-70{
    background-color: #888 !important;
}
.bg-light,
a.bg-light,
.list-block .swipeout-actions-left a.bg-light,
.list-block .swipeout-actions-right a.bg-light{
	background-color: #CCC !important;
}

.active-bg-green.active{
	background-color: #4caf50 !important;
}
.active-bg-orange.active{
	background-color: #E9831D !important;
}
li.accordion-item.accordion-item-expanded a.item-content.item-link.button.active-bg-red,
.active-bg-red.active{
	background-color: #f44336 !important;
}
.bg-dark.active-bg-tab-gray.active{
    background-color: #5c5c5c !important;
}
.bg-dark-90.active-bg-tab-gray.active{
    background-color: #6c6c6c !important;
}
.bg-dark-80.active-bg-tab-gray.active{
    background-color: #7c7c7c !important;
}
.bg-dark-70.active-bg-tab-gray.active{
    background-color: #8c8c8c !important;
}

.tjk-styles.list-block ul{
	background-color: #ffffff;
}
.tjk-styles.list-block ul:after{
	 background-color: rgba(0, 0, 0, 0.6) !important;
}
.tjk-styles .item-content.item-link.button.button-fill{
	border-radius: 0 !important;
	text-transform: inherit !important;
	font-size: inherit !important;
	padding-right: 0 !important;
}
.tjk-styles .item-content.item-link.button.button-fill:after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.tjk-styles .item-content.item-link.button.button-fill .item-inner{
	margin-left: 0 !important;
}
.tjk-styles .item-content.item-link.button.button-fill .item-inner:after{
	height: 0 !important;
	content: none !important;
}
.tjk-styles div.item-content.item-link.button.button-fill .item-inner{
	background-image: none !important;
}

.tjk-styles .toolbar.tabbar a{
	text-transform: inherit !important;
}

.tjk-styles .accordion-item .content-block{
	padding: 16px !important;
}

.tjk-styles .accordion-item .toolbar{
	height: 44px !important;
	top: 0 !important;
}

.tjk-accordion-toolbar a.link{
	padding: 0 8px !important;
	line-height: 34px;
    height: 34px;
}
.tjk-accordion-toolbar a.link:before{
	height: 100% !important;
	top: 0 !important;
}

ul.extra-menu li{
	display: inline-block;
}
ul.extra-menu li a{
	display: block;
	line-height: 24px;
	font-weight: 500;
	font-size: 15px;
}
ul.extra-menu li a i{
	font-size: 20px;
	vertical-align: sub;
}

.update-time-bar{
	border-top: 1px solid #f5f5f5;
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
	color: #aaa;
}
.update-time-bar i{
	font-size: 20px;
	vertical-align: middle;
	line-height: inherit;
	margin-bottom: 4px;
}

video{
	background: #000000;
	width: 100%;
    max-width: 100%;
    max-height: 100%;
	display: block;
}

.tjk-notify.list-block.media-list{
	margin: 0;
}
.tjk-notify.list-block.media-list .item-link .item-title-row .item-title{
	white-space: normal !important;
}

.menu-list ul:before,
.menu-list ul:after{
	content: none !important;
}


.weather{
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
	position: relative;
}
.weather .weather-mask{
	text-align: center;
	width: 100%;
	height: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.2);
}
.weather .weather-mask .weather-text{
	display: block;
	padding-top: 20px;
}
.weather .weather-mask .weather-text span{
	color: #fff;
	margin: 0;
	display: block;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 1px 2px 7px rgba(0,0,0,.5);
}
.weather .weather-mask .weather-status{
	display: flex;
	padding-bottom: 30px;
}
.weather .weather-mask .weather-status > div{
	width:50%
}
.weather .weather-mask .weather-status > div img{
	width: 40px;
	display: inline-block;
	vertical-align: bottom;
	margin-top: 0;
}
.weather .weather-mask .weather-status > div:last-child img{
	margin-bottom: 4px;
}
.weather .weather-mask .weather-status > div strong{
	display: inline-block;
	font-size: 30px;
	color: #fff;
	vertical-align: middle;
	margin-top: 19px;
	text-shadow: 1px 2px 7px rgba(0,0,0,.5);
}
.weather .weather-mask .weather-sand-grass-status{
	display: block;
}
.weather .weather-mask .weather-sand-grass-status strong{
	display: inline-block;
	font-size: 20px;
	color: #fff;
	vertical-align: middle;
	text-shadow: 1px 2px 7px rgba(0,0,0,.5);
}
.weather .weather-mask .weather-date{
	display: block;
	background: rgba(0, 0, 0, 0.2);
	margin-top:20px;
}
.weather .weather-mask .weather-date strong{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
	padding: 10px 0 10px 0;
}
.weather .weather-mask .weather-date strong i{
	vertical-align: bottom;
}


a.tab-link.inline-icon{
	display: inline-block;
	text-align: center;
	line-height: 48px;
}
a.tab-link.inline-icon i{
	line-height: inherit;
	vertical-align: middle;
}

table thead tr{
	background-color: #f5f5f5;
	font-size: 12px;
	font-weight: 500;
}
table thead tr.title{
	background-color: #eee;
}
th, td{
	padding-left: 10px !important;
	padding-right: 10px !important;
	height: 38px !important;
	box-sizing: border-box;
}
td{
	border-top: 1px solid #f6f6f6;
}
td:last-child{
    border-right: 0 !important;
}
tr.bg-yellow td{
	border-top-color: #ecda39;
}
tbody td:before {
  content: none !important;
}

.medium-table td{
    height: 30px !important;
    line-height: 28px !important;
    padding-top: 2px;
    font-size: 13px;
}
.skinny-table th, .skinny-table td{
	padding-left: 2px !important;
	padding-right: 2px !important;
    height: 25px !important;
    line-height: 22px !important;
    padding-top: 3px;
}


table{
	border-collapse: collapse;
}
table td,table th{text-align:left;}
.pinned{display:none}
@media only screen and (max-width:767px){
	table.responsive{margin-bottom:0}
	.pinned{position:absolute;left:0;top:0;background:#fff;width: 150px;overflow:hidden;overflow-x:scroll;border-right:1px solid #ccc;}
	.pinned table{border-right:none;border-left:none;width:100%}
	.pinned table th,.pinned table td{white-space:nowrap;}
	.pinned table td{padding-top: 2px; box-sizing: border-box;}
	.pinned table td span{margin-bottom: -2px;}
	.pinned td:last-child{/* border-bottom:0; */}
	div.table-wrapper{position:relative;margin-bottom:20px;overflow:hidden;border-right:1px solid #ccc}
	div.table-wrapper div.scrollable table{margin-left: 150px;}
	div.table-wrapper div.scrollable{overflow:scroll;overflow-y:hidden; -webkit-overflow-scrolling: touch;}
	table.responsive td,table.responsive th{position:relative;white-space:nowrap;overflow:hidden}
	table.responsive th:first-child,table.responsive td:first-child,table.responsive td:first-child,table.responsive.pinned td{display:none}
	.pinned{display:block}
}

table.runs-table td{
	padding: 5px !important;
}
table.runs-table img{
	max-width: 30px;
	vertical-align: middle;
}


.race-fixture{

}
.race-fixture > a{
	display: block;
}
.race-fixture > *:nth-child(even){
	background-color: #fafafa;
}
.race-fixture > ul li:nth-child(even){
	background-color: #fafafa;
}
.race-fixture-item{
	border-bottom: 1px solid #dddddd;
	position: relative;
}
.race-fixture-item.select-horse:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    left: 50%;
    background-color: #EEEEEE;
}
.race-fixture-item.select-horse.active:before{
    background-color: rgba(0,0,0,.1);
}
.race-fixture-item *{
    position: relative;
    z-index: 2;
}
.race-fixture-item.disable-horse:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: .5;
    z-index: 9999;
}
.race-fixture-item > div{
	float: left;
	box-sizing: border-box;
	min-height: 52px;
}
.race-fixture-item:after{
	clear: both;
	content: '';
	display: block;
	height: 0;
}
.race-fixture-item-img{
	padding: 5px 3px 5px 5px;
	width: 38px;
	max-height: 52px;
}
.race-fixture-item-img img{
	max-width: 100%;
	max-height: 100%;
}
.race-fixture-item-numbers{
	width: 22px;
	padding: 5px 3px;
	text-align: right;
}
.race-fixture-item-horse{
	padding: 5px 3px;
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.race-fixture-item-jockey{
	padding: 5px 5px 5px 3px;
	width: calc(100% - 180px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.race-fixture-item-jockey span{
	font-size: 12px;
}
.race-fixture-item-jockey em{
	font-style: normal;
}
.race-fixture-item-horse.seperate{
    position: relative;
}
.race-fixture-item-horse.seperate:before{
    position: absolute;
    top: 8px;
    right: 0;
    content: '';
    width: 1px;
    height: calc(100% - 16px);
    background-color: #ddd;
}

.race-fixture-item-extras{
	padding: 5px;
}
.race-fixture-item-extras:after{
	clear: both;
	content: '';
	height: 0;
	display: block;
}
.race-fixture-item-extras > span{
	display: inline-block;
	line-height: 26px;
	font-size: 13px;
	padding: 2px 8px 0 8px;
	border-radius: 3px;
	background-color: #f0f0f0;
	margin: 0 2px 4px 0;
}
.race-fixture-item-extras > span strong{
	color: #aaa;
	text-shadow: 0 1px 0 #fff;
}
.race-fixture-item-extras > span.graph{
	position: relative;
	background-color: white;
	border: 1px solid #ddd;
	line-height: 24px;
}
.race-fixture-item-extras > span.graph span{
	position: relative;
	z-index: 100;
}
.race-fixture-item-extras > span.graph > div{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.race-fixture-item-extras > span.graph > div div{
	float: left;
	height: 100%;
	background-color: #f0f0f0;
}

.race-fixture-item-extras > span.graph > div div{
	-webkit-animation: loadgraph .5s ease-in;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes loadgraph {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}



.race-fixture-item-extras span div.agf-graph{
	display: inline-block;
    width: 50px;
    height: 8px;
    border: 1px solid #ddd;
    background-color: white;
}
.race-fixture-item-extras span div.agf-graph div{
	float: left;
    background-color: red;
    height: 100%;
}

.race-fixture-item-agf-graph{
	width: 100%;
	min-height: 0 !important;
}
.race-fixture-item-agf-graph:after{
	clear: both;
	content: '';
	height: 0;
	display: block;
}
.race-fixture-item-agf-graph > div{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 8px;
}
.race-fixture-item-agf-graph > div > span{
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
.race-fixture-item-agf-graph > div > div{
	float: left;
	width: 100%;
	height: 8px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}
.race-fixture-item-agf-graph > div > div div{
	float: left;
	height: 100%;
	box-sizing: border-box;
	background-color: red;
}

.bet-race-fixture{
	margin: 0 0 37px 0;
}
.race-fixture.bet-race-fixture{
    background-color: white !important;
}
.bet-race-fixture .race-fixture-item.active {
    background-color: #ffb2b2;
    border-color: rgba(255,255,255,.4);
}
.bet-race-fixture .race-fixture-item.active .race-fixture-item-img img{
    border-radius: 3px;
}
.bet-race-fixture .race-fixture-item.active .race-fixture-item-horse.seperate:before{
    background-color: rgba(255,255,255,.4);
}

.bet-result-toolbar {
	line-height: 48px;
	transition: all 0.2s ease-in-out;
}
.bet-result-toolbar.openable:after{
    content: ' ';
    position: absolute;
    top: -12px;
    left: 50%;
    width: 30px;
    height: 12px;
    margin-left: -15px;
    background: #555;
    background-image: url(../img/up_arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center bottom;
    border-radius: 10px 10px 0 0;
}
.bet-result-toolbar.opened{
    height: 85px;
}
.bet-result-toolbar.openable.opened:after{
    background-image: url("../img/down_arrow.png");
}
.bet-result-toolbar span{
	line-height: 20px;
	display: inline-block;
}
.bet-result-toolbar select{
	display: inline-table;
    width: auto;
    background: rgba(255,255,255,.2);
    color: white;
    border-radius: 3px;
    padding: 0 8px;
	border: 0;
    height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    pointer-events: none;
}
.bet-result-toolbar select option{
	color: black;
}
.bet-result-toolbar .amount .amount-button,
.bet-result-toolbar .multiplier .multiplier-button{
	display: inline-block;
    width: auto;
    min-width: 30px;
    text-align: right;
	line-height: 36px;
    background: rgba(255,255,255,.2);
    color: white;
    border-radius: 3px;
	padding: 0 8px;
	border: 0;
	margin-left: 4px;
}
.bet-result-toolbar label{
	vertical-align: middle;
	display: inline-table;
	min-width: 0;
	margin-left: 4px;
}
.bet-result-toolbar label i{
	padding: 10px;
}
.bet-result-toolbar label.label-checkbox i.icon-form-checkbox:after,
.bet-result-toolbar .form-checkbox i:after{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.bet-result-toolbar .play-bet-button{
	display: inline-table;
	min-width: 0;
}

.bet-result-toolbar a.smart-select .item-content{
	display: none;
}
.bet-result-toolbar .coupon-detail{
	display: block;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 20px;
}
.bet-result-toolbar .coupon-detail span{
	margin: 0 3px;
	display: inline-block;
}


.tab-preloader{
	text-align: center;
	padding: 50px;
}

div.about-logo{
	box-sizing: border-box;
	padding: 20px 0;
	text-align: center;
	height: 63%;
	background: #505050;
	background: -moz-linear-gradient(top, #505050, #111111 100%);
	background: -webkit-linear-gradient(top, #505050, #111111 100%);
	background: linear-gradient(to bottom, #505050, #111111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#111111',GradientType=0 );
}
div.about-logo div{
	width: 100% !important;
	height: 100%;
	background-image: url('../img/logo.svg');
	background-repeat: no-repeat;
	background-size: auto 370%;
	background-position: center top;
}
span.version{
	font-weight: normal;
	font-size: 14px;
}

.fingerprintloginbtn{
    position: absolute;
    top: 8px;
    right: 10px;
}
.fingerprintloginbtn i{
    font-size: 32px;
}

div.login-logo{
	box-sizing: border-box;
	padding: 0 0 10px 0;
	text-align: center;
	height: 120px;
}
div.login-logo div{
	width: 100% !important;
	height: 100%;
	background-image: url('../img/logo.svg');
	background-repeat: no-repeat;
	background-size: auto 370%;
	background-position: center top;
}


div.menu-logo{
	box-sizing: border-box;
	padding: 8px;
	height: 70px;
}
div.menu-logo div{
	width: 48px !important;
	height: 100%;
	background-image: url('../img/logo.svg');
	background-repeat: no-repeat;
	background-size: auto 370%;
	background-position: center top;
	float: left;
}
div.menu-logo span{
	color: white;
    font-size: 16px;
    float: left;
    padding: 16px 0 0 16px;
}

.home-logo{
    background-image: url('../img/logo.svg');
    background-repeat: no-repeat;
    background-size: auto 370%;
    background-position: center top;
    width: 36px;
    height: 40px;
    margin-left: 8px;
}


.open-user-menu.user-menu-opener{
    background: #4E4E4E;
	transition: background-color .3s linear;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) center;
}
.open-user-menu.user-menu-opener.open{
	background-size: 13px 8px;
}
.user-menu{
    background: #4E4E4E;
	overflow: hidden;
    max-height: 140px;
}
.user-menu.open{
	-webkit-animation: openmenu .5s ease-in-out;
	-webkit-animation-fill-mode: forwards;
}
.user-menu.close{
	-webkit-animation: closemenu .35s linear;
	-webkit-animation-fill-mode: forwards;
}
.user-menu-collapse{
    z-index: 999;
    position: relative;
    height: 16px;
    background: #4E4E4E;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
}
.user-menu-collapse > div{
    position: absolute;
    bottom: -30px;
    width: 60%;
    height: 30px;
    margin: 0 20%;
}
.user-menu-collapse > div > div{
    position: absolute;
    top: 0;
    left: 50%;
    width: 80px;
    height: 16px;
    margin-left: -40px;
    background: #4E4E4E;
    background-image: url(../img/down_arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 2px rgba(0,0,0,.2);
}
.user-menu-collapse.opened > div > div{
    background-image: url("../img/up_arrow.png");
}

@-webkit-keyframes openmenu {
	0% {
		max-height: 140px;
	}
	100% {
		max-height: 100%;
	}
}
@-webkit-keyframes closemenu {
	0% {
		max-height: 100%;
	}
	100% {
		max-height: 140px;
	}
}


.news-title{
	padding: 16px;
	margin: 0;
}
.news-content{
	background-color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    white-space: normal;
	text-align: justify;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}
.news-content table{
	width: 100% !important;
}
.news-content table td,
.news-content table th,
.news-content table tr{
	width: auto !important;
	padding: 0 !important;;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.news-content p{
	width: 100% !important;
	white-space: normal !important;
}

.list-block input.color-white{
	color: white;
}

a.horse-race-info:after{
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.clear:after{
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.infinite-scroll-preloader {
  padding: 20px 0;
  text-align: center;
}
.infinite-scroll-preloader .preloader {
  width:34px;
  height:34px;
}

.list-block.no-bottom-border .item-inner:after{
	content: none !important;
}

.page-content:not(.login-screen-content) .list-block.inputs-list .item-inner{
	display: flex;
	margin-bottom: 0;
	padding-bottom: 8px;
}

.validate-message{
	display: block;
	width: 100%;
	font-size: 12px;
	box-sizing: border-box;
}

.page.page-filter-modal{
	height: 360px;
	bottom: 0px;
	position: fixed;
	top: unset;
	max-height: 100vh;
}
.page.page-filter-modal .back-modal{ 
	width: 100vw;
	background: rgba(0, 0, 0, 0.18);
	height: calc(100vh - 360px);
	position: absolute;
	top: calc(-100vh + 360px);
}

.page.page-filter-modal.my-tickets-filter{
	height: 400px;
}
.page.page-filter-modal.my-tickets-filter .back-modal{ 
	height: calc(100vh - 400px);
	top: calc(-100vh + 400px);
}

.get-directions-driving,
.get-directions-walking{
	display: inline-block;
    padding: 8px 16px;
    border: 1px solid #ddd;
    margin-right: 16px;
    background: #f5f5f5;
}
.get-directions-driving img,
.get-directions-walking img{
	vertical-align: middle;
}

.direction-detail{
	display: none;
    position: fixed;
    bottom: 24px;
    right: 49px;
    padding: 3px 8px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.direction-detail-panel{
	display: none;
}

.popover.direction-panel{
	display: block;
    top: 10vh !important;
    left: 10vw !important;
    width: 80vw;
    height: 80vh;
    overflow-x: scroll;
}
.popover.direction-panel *{
	white-space: normal !important;
	font-size: 13px;
}
.popover.direction-panel table{
	max-width: 100% !important;
	margin: 0 !important;
}
.popover.direction-panel .adp-placemark{
	border-width: 1px 0;
	border-style: solid;
	border-color: #dddddd;
}
.popover.direction-panel .adp-placemark td{
	padding: 8px 0;
}
.popover.direction-panel .adp-summary{
	padding: 8px;
    text-align: center;
}
.popover.direction-panel .adp-legal{
	text-align: center;
	padding: 8px 0;
}
.popover.direction-panel .adp-warnbox{
	margin: 0 !important;
}
.popover.direction-panel .adp-step, .popover.direction-panel .adp-substep{
	border-top: 1px solid #f6f6f6;
}

/*
.horse-race-info-popover,
.horse-race-info-media-popover,
.bet-info-popover{
	display: block;
    top: 10vh !important;
    left: 10vw !important;
    width: 80vw;
    max-height: 80vh;
    overflow-x: auto;
}
.horse-race-info-popover .popover-inner,
.horse-race-info-media-popover .popover-inner,
.bet-info-popover .popover-inner{
    overscroll-behavior-y: unset;
}
.horse-race-info-popover table,
.horse-race-info-media-popover table,
.bet-info-popover table{
	width: 100%;
	font-size: 13px;
}
.horse-race-info-popover table tbody tr td,
.horse-race-info-media-popover table tbody tr td,
.bet-info-popover table tbody tr td{
	height: 23px !important;
}
.horse-race-info-popover *,
.horse-race-info-media-popover *,
.bet-info-popover *{
	white-space: normal !important;
}
.horse-race-info-popover .buttons-row,
.horse-race-info-media-popover .buttons-row,
.bet-info-popover .buttons-row{
    background-color: #000000;
}
*/
.horse-race-info-popover,
.horse-race-info-media-popover,
.bet-info-popover{
	display: block;
    top: 10% !important;
    left: 10% !important;
    width: 80% !important;
    max-height: 80%;
    overflow: hidden;
}
.horse-race-info-popover .popover-inner,
.horse-race-info-media-popover .popover-inner,
.bet-info-popover .popover-inner{
    overscroll-behavior-y: unset;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.horse-race-info-popover table,
.horse-race-info-media-popover table,
.bet-info-popover table{
	width: 100%;
	font-size: 13px;
}
.horse-race-info-popover table tbody tr td,
.horse-race-info-media-popover table tbody tr td,
.bet-info-popover table tbody tr td{
	height: 23px !important;
}
.horse-race-info-popover *,
.horse-race-info-media-popover *,
.bet-info-popover *{
	white-space: normal !important;
}
.horse-race-info-popover .buttons-row,
.horse-race-info-media-popover .buttons-row,
.bet-info-popover .buttons-row{
    background-color: #000000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.delete-horse-button{

}

.disabled, [disabled]{
    opacity: .8 !important;
}


.video-popover{
    display: block;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    overflow: hidden;
}
.video-popover .popover-inner{
    overscroll-behavior-y: unset;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.video-popover .popover-inner video{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}



.rivet-arrow{
    position: relative;
    z-index: 10;
}
.rivet-arrow:after{
    content: ' ';
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 30px;
    height: 12px;
    z-index: 1;
    margin-left: -15px;
    background: #f44336;
    background-image: url(../img/down_arrow-white.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 3px rgba(0,0,0,.4);
}
.opened .rivet-arrow:after{
    background-image: url("../img/up_arrow-white.png");
}

.bet-buttons-container{
	height: 0;
	overflow: hidden;
	transition: all .3s ease-in-out;
}
.bet-buttons-container.active{
	height: 192px;
}

.bet-ex-menu{
    position: relative;
}
.bet-ex-menu:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.bet-ex-menu a{
    margin: 0 !important;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    text-transform: none;
    border-right: 1px solid #444;
}
.bet-ex-menu a:last-child{
    border: 0;
}

.bet-hippodrome{
	margin: 0;
}
.bet-hippodrome a.smart-select .item-content:after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.bet-hippodrome a.smart-select .item-content .item-inner:after{
	content: none !important;
}
.bet-hippodrome a.smart-select .item-content .item-title{
	display: none;
}
.bet-hippodrome a.smart-select .item-content .item-after{
	margin-left: 0;
	padding-left: 0;
	color: white;
	font-size: 16px;
	max-width: 100%;
}

.theme-red label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox.approve-check{
	background-color: #4caf50;
    border-color: #4caf50;
}

.system-button,
.all-horse{
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    margin: -5px 0;
    background-color: #333;
    color: #fff !important;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.system-button.active,
.all-horse.active{
    background-color: red;
}
.horse-select-button{
    border-bottom: 1px solid #dddddd;
    line-height: 48px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}


.tabbar a.tab-link sup{
	position: absolute;
    top: 0px;
    right: 0px;
    background: #f44336;
    padding: 2px 5px 1px 5px;
}


.list-block.vertical-media-icon .input-item .item-media, .list-block.inputs-list.vertical-media-icon .item-media{
	-webkit-align-self: normal;
    align-self: normal;
}
.list-block.inputs-list .item-inner{
	display: block !important;
}
.list-block.inputs-list .smart-select .item-inner{
	display: flex !important;
}
.personal-info-list .item-title{
	white-space: normal !important;
}


.tickets-container{
	
}
.tickets-container a{
	min-height: 40px;
	display: block;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: gray;
	border-bottom: 1px solid #ddd;
	color: black;
	padding: 8px;
}
.tickets-container a > div{
	width: 100%;
	display: flex;
}
.tickets-container a > div:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.tickets-container a > div > div{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tickets-container a > div > div:nth-child(2){
	text-align: right;
}

table.ticket-detail-table{
	width: 100%;
	margin-top: 8px;
}
table.ticket-detail-table tr:nth-child(even){
	background-color: #f5f5f5;
}
table.ticket-detail-table tr td{
	height: 30px !important;
}

.ticket-legs .list-group-title{
	line-height: 30px;
	height: 30px;
	color: white !important;
	background-color: #888 !important;
}
.ticket-legs li{
	line-height: 30px;
	height: 30px;
}
.ticket-legs li .item-inner{
	padding: 0;
    min-height: 30px;
    height: 30px;
}
.ticket-legs li .item-inner .item-title{
    font-size: 14px;
}

.list-block li.sorting{
	box-shadow: none !important;
}


.movements{

}
.movements > a{
    display: block;
    min-height: 30px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: gray;
    border-bottom: 1px solid #ddd;
    color: black;
    padding: 8px;
}


.preloader-indicator-overlay-horse{
	background-color: rgba(0,0,0,.3);
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}

.horse-loader{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 0;
    margin: auto;
    width: 250px;
    height: 119px;
    background-image: url("../img/horse-loader.gif?v=2");
    background-position: 0px 0px;
    background-size: 250px auto;
    background-repeat: no-repeat;
}

body,
body > .panel.panel-left,
.smart-select-popup{
    background-color: #f44336;
    box-sizing: border-box;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}
.smart-select-popup .view{
    background-color: #fff;
}
.page-content:after{
    content: '';
    position: absolute;
    top: 100%;
    height: 1px;
    width: 100%;
}

.menu-buttons {
    border-top: 1px solid #666;
    background-color: #444;
    z-index: 99999;
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0;
}

.menu-buttons.fixed-menu-buttons {
    display: none;
    top: 0;
}
.menu-buttons.fixed-menu-buttons.sticky-top {
    display: flex;
}
.menu-buttons.relative-menu-buttons.sticky-top {
    display: none;
}
.menu-buttons a.button{
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    background-color: #444;
    margin-left: 0;
    height: 52px;
    line-height: 52px;
}
.menu-buttons a.button:first-child{
    border-left: 0;
}
.menu-buttons a.button i{
    vertical-align: middle;
}
.menu-logo{
    margin-bottom: 50px;
}

/* TODO: relative olan eski usül bahis filtresi, fixed olan flacbutton eklentisi için */
.bet-toolbar{
    position: relative;
    top: 0 !important;
    left: 0;
    width: 100%;
}
/*
.bet-toolbar{
    position: fixed;
    top: 56px !important;
    left: 0;
    width: 100%;
}
*/
.bet-toolbar a{
    text-align: center;
    text-transform: inherit !important;
    font-size: 13px !important;
}
.bet-toolbar-fixed {
    width: 100%;
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 400;
    display: none;
}

.bet-toolbar-fixed.sticky-top {
    display: block;
}


.mobile-live-tv{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000000;
}
.mobile-live-tv video{
    display: block;
    width: 100%;
    height: 100%;
}
.control-button{
    position: absolute;
    color: #ffffff !important;
    z-index: 999999;
    text-shadow: 0 2px 2px rgba(0,0,0,.5);
    height: 24px;
}
.play-btn{
    bottom: 8px;
    left: 8px;
}
.info-btn{
    bottom: 8px;
    right: 8px;
}
.close-btn{
    top: 8px;
    right: 8px;
}


.no-text-wrap-list.list-block .item-title{
    white-space: inherit;
    overflow: auto;
    text-overflow: clip;
}


.video-controls{
    width: 100%;
    height: 32px;
    background-color: #EEEEEE;
    box-sizing: border-box;
}
.video-controls a{
    line-height: 32px;
    display: inline-block;
    padding: 0 8px;
    box-sizing: border-box;
}
.video-controls a.play-button{
    float: left;
}
.video-controls a.mute-button{
    float: right;
}
.video-controls a i{
    vertical-align: middle;
}



.annual-race-schedule-item{
    padding: 8px;
    border-bottom: 1px solid #dddddd;
    border-left: 3px solid #dddddd;
}




tr.ekuri-height{
    position: relative;
}
tr.ekuri-height:after{
    content: attr(data-agf-toplam);
    width: auto;
    height: auto;
    line-height: 31px;
    border-top: 2px solid #333333;
    transform: rotate(90deg);
    position: absolute;
    top: auto;
    right: 50px;
    text-align: center;
}
tr.ekuri-height-2:after{
    width: 60px;
    margin-top: 15px;
}
tr.ekuri-height-3:after{
    width: 90px;
    margin-top: 30px;
    right: 35px;
}
tr.ekuri-height-4:after{
    width: 120px;
    margin-top: 45px;
    right: 20px;
}
tr.ekuri-height-5:after{
    width: 150px;
    margin-top: 60px;
    right: 5px;
}
tr.ekuri-height-6:after{
    width: 180px;
    margin-top: 75px;
    right: -10px;
}
tr.ekuri-height-7:after{
    width: 210px;
    margin-top: 90px;
    right: -25px;
}
tr.ekuri-height-8:after{
    width: 240px;
    margin-top: 105px;
    right: -40px;
}

tr.ekuri-color-1:after{
    border-color: #000000;
}
tr.ekuri-color-2:after{
    border-color: #f44336;
}
tr.ekuri-color-3:after{
    border-color: #1B9A59;
}
tr.ekuri-color-4:after{
    border-color: #0a6ebd;
}
tr.ekuri-color-5:after{
    border-color: #845e54;
}
tr.ekuri-color-6:after{
    border-color: #AFB42B;
}
tr.ekuri-color-7:after{
    border-color: #999999;
}
tr.ekuri-color-8:after{
    border-color: #1A237E;
}


.sortable-delete-horse{
    float: left;
    margin-top: 16px;
    margin-left: 6px;
}



.popover-table{
    width: 100%;
}
.popover-table tr td{
    padding: 4px 8px !important;
    height: auto !important;
}



/* Social Share Popup */
.social-share-popup{
    width: 80%;
    left: 50%;
    margin-left: -40%;
    top: 20%;
    height: auto !important;
}
@media only screen and (min-width: 321px) {
    .social-share-popup{
        width: 300px !important;
        left: 50% !important;
        margin-left: -150px !important;
    }
}
.social-share-popup ul{
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-lines: single;
    flex-wrap: nowrap;
    align-self: center;
}
.social-share-popup ul li{
    -webkit-box-flex: 1;
    width: 100%;
}
.social-share-popup ul li a{
    text-align: center;
    display: block;
    color: #ffffff;
    line-height: 44px;
}
.social-share-popup ul li a i{
    vertical-align: middle;
}


.label-radio .item-title{
    white-space: normal !important;
}



/* SPRITES */
span.ekuri-flg-1,
span.ekuri-flg-2,
span.ekuri-flg-3,
span.ekuri-flg-4,
span.ekuri-flg-5,
span.ekuri-flg-6,
span.ekuri-flg-7,
span.ekuri-flg-8{
	background-image: url('../img/sprite-ekuri-11.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
span.ekuri-flg-2{
	background-position: 0 -20px;
}
span.ekuri-flg-3{
	background-position: 0 -40px;
}
span.ekuri-flg-4{
	background-position: 0 -60px;
}
span.ekuri-flg-5{
	background-position: 0 -80px;
}
span.ekuri-flg-6{
	background-position: 0 -100px;
}
span.ekuri-flg-7{
	background-position: 0 -120px;
}
span.ekuri-flg-8{
	background-position: 0 -140px;
}









/* Custom Tab */
.tab-buttons{
    display: flex;
    position: relative;
    height: 48px;
}
.tab-buttons .tab-effect{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.5);
    transform: translate3d(0%, 0px, 0px);
    transition-duration: 300ms;
}
.tab-buttons a{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #555555;
    text-align: center;
    position: relative;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex-direction: column;
    display: flex;
    justify-content: center;
    transition-duration: 300ms;
}
.tab-buttons a sup{
    position: absolute;
    top: 0;
    right: 0;
    background: #f44336;
    color: #ffffff;
    padding: 2px 5px 1px 5px;
}


.list-block.white-arrows .item-link .item-inner{
    background-image: url(../img/right_arrow-white.png);
    background-size: 8px !important;
}
.list-block.white-arrows .accordion-item-expanded > .item-link .item-inner{
    background-image: url(../img/down_arrow-white.png) !important;
    background-size: 12px !important;
}

div.files{
    padding: 16px;
}
div.files > p{
    border-bottom: 1px solid #ddd;
}
div.files ul{
    margin: 0;
    padding: 0;
}
div.files ul li{
    border-bottom: 1px solid #eeeeee;
}
div.files ul li:last-child{
    border-bottom: 0;
}
div.files ul li input{
    visibility: hidden;
    width: 0;
    height: 0;
    float: left;
}
div.files ul li label{
    display: block;
    padding: 8px;
    background: #eee;
    text-align: center;
}
div.files ul li label i{
    vertical-align: sub;
    font-size: 20px;
}
div.files ul li .item-content,
div.files ul li .item-inner{
    min-height: auto;
}
div.files ul li .item-inner{
    background-image: url(../img/close.png) !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat;
}
 div.files ul li.file-input .item-inner{
     background: transparent !important;
 }
div.files ul li .item-inner:after{
    display: none !important;
}
div.files ul li .item-content,
div.files ul li.item-content,
div.files ul li.item-content .item-inner{
    padding: 0;
}
div.files ul li .item-content .item-title{
    font-size: 14px;
}


/* Home */
.modal.fullcontent{
    background-color: transparent !important;
    box-shadow: none !important;
    transform: translate(0, -50%) !important;
    margin-top: 0 !important;
}
.modal.fullcontent .modal-inner{
    padding: 0 !important;
    background-color: transparent !important;
}
.modal.fullcontent .modal-inner .modal-title{
    background: rgba(0,0,0,.5);
    padding: 5px 25px 5px 5px;
    color: white !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-shadow: 0 2px 2px rgba(0,0,0,.8);
}
.modal.fullcontent .modal-inner .modal-text{
    margin: 0 0 5px 0 !important;
    background-color: white;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.modal.fullcontent .modal-inner .modal-text .close-button{
    position: absolute;
    top: 2px;
    right: 2px;
}
.modal.fullcontent .modal-inner .modal-text .close-button,
.modal.fullcontent .modal-inner .modal-text .close-button a,
.modal.fullcontent .modal-inner .modal-text .close-button a i{
    color: white;
}
.modal.fullcontent .modal-inner .afterText{
    float: right;
    padding: 5px 10px;
    background: rgba(0,0,0,.5);
}
.modal.fullcontent .modal-inner .afterText .item-media{
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
}
.modal.fullcontent .modal-inner .afterText .item-inner{
    display: inline-block;
}
.modal.fullcontent .modal-inner p{
    margin: 0 !important;
}
.modal.fullcontent .modal-inner img{
    margin-bottom: -7px;
    width: 100% !important;
    height: auto !important;
}
.banner-popup-title{
    padding: 16px 8px 8px 8px;
}
.banner-popup-title h2{
    width: calc(100% - 25px);
    margin: 0 !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.banner-popup-title a{
    display: inline-block;
}
.banner-popup-content p{
    margin: 0 !important;
}
.banner-popup-content img{
    width: 100% !important;
    height: auto !important;
}
.banner-popup .toolbar{
    background-color: #EEEEEE;
}
.banner-popup .toolbar .toolbar-inner{
    display: block;
}
.banner-popup .toolbar .toolbar-inner label{
    float: right;
    padding: 13px 10px 0 0;
}
.banner-popup .toolbar .toolbar-inner .item-media{
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
}
.banner-popup .toolbar .toolbar-inner .item-inner{
    display: inline-block;
}
.banner-popup .toolbar .toolbar-inner .item-inner .item-title{
    color: #444444;
}


/* Home & Bet Probables */
.skinny-table.probables-table td {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.skinny-table.probables-table td:nth-child(odd) {
    padding-right: 0 !important;
}
.skinny-table.probables-table td:nth-child(even) {
    padding-left: 0 !important;
}
.skinny-table.probables-table th:nth-child(2),
.skinny-table.probables-table th:nth-child(4){
    background-color: #f0f0f0 !important;
}
.skinny-table.probables-table td:nth-child(3),
.skinny-table.probables-table td:nth-child(4),
.skinny-table.probables-table td:nth-child(7),
.skinny-table.probables-table td:nth-child(8){
    background-color: #fafafa !important;
}
.skinny-table.probables-table td:nth-child(2),
.skinny-table.probables-table td:nth-child(4),
.skinny-table.probables-table td:nth-child(6){
    border-right: 1px solid #dddddd;
}
.skinny-table.probables-table td:last-child{
    border-right: 0 !important;
}
.skinny-table.probables-table th{
    border: 1px solid #dddddd;
    border-left: 0 !important;
}
.skinny-table.probables-table th:last-child{
    border-right: 0 !important;
}


/* Kampanyalar Results */
.campaign-results-container h4{
    margin: 8px 0;
}
.campaign-results-container .list-block{
    margin: 0 !important;
}
.campaign-results-container .list-block * {
    font-size: 12px !important;
}
.campaign-results-container .list-block .item-content{
    padding: 0 !important;
}
.campaign-results-container .list-block .item-inner{
    padding: 5px 0 !important;
}


/* My Tickets Detail */
.my-tickets-top-center-popover{
    transform: translateY(-50%) !important;
    display: block;
    top: 50% !important;
    left: 10% !important;
    width: 80%;
    max-height: 80%;
    overflow: hidden;
}
.my-tickets-top-center-popover .popover-inner{
    overscroll-behavior-y: unset;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}


/* Bet */
.race-fixture-item.select-horse.active .agf-graph{
    border-color: #ff8484 !important;
}
.race-fixture-item.select-horse.active .agf-graph > div{
    background: rgba(0,0,0,.2) !important;
}


[data-page="bet"] .race-fixture.bet-race-fixture{
    background-color: white !important;
}
[data-page="bet"] .bet-race-fixture .race-fixture-item.active {
    background-color: #ffb2b2;
}
[data-page="bet"] .bet-result-toolbar .multiplier .multiplier-button {
    display: inline-block;
    width: auto;
    min-width: 30px;
    text-align: right;
    line-height: 36px;
    background: rgba(255,255,255,.2);
    color: white;
    border-radius: 3px;
    padding: 0 8px;
    border: 0;
    margin-left: 4px;
}

[data-page="bet-approve"] .ticket-legs .item-title{
    width: 100%;
}
.modal-inner .input-field input.modal-text-input{
    border: 1px solid #aaa;
    background: #f5f5f5;
    text-align: center;
}

/* [data-page="profile"] */
[data-page="profile"] .profile-card{
    width: 100%;
    position: relative;
    margin-bottom: 32px;
}
[data-page="profile"] .profile-card .background{
    position: relative;
    width: 100%;
    height: 145px;
    overflow: hidden;
}
[data-page="profile"] .profile-card .background img{
    min-width: 100%;
    min-height: 100%;
    display: block;
}
[data-page="profile"] .profile-card .avatar{
    position: absolute;
    z-index: 2;
    top: 80px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
}
[data-page="profile"] .profile-card .avatar img{
    width: 100%;
    display: block;
}
[data-page="profile"] .profile-card .name{
    position: relative;
    margin-top: 70px;
    text-align: center;
}
[data-page="profile"] .profile-card .name h4{
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500;
}
[data-page="profile"] .profile-card .name p{
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
[data-page="profile"] .profile-card .name div[data-name]{
    position: absolute;
    top: 0;
    right: 8px;
}
[data-page="profile"] .profile-card .name div[data-name] a{
    color: #bbbbbb !important;
}

.privacy-button-popover{
    width: 240px !important;
}
.privacy-button-popover .list-block ul{
    overflow: hidden;
}
.privacy-button-popover .list-block ul:after {
    background-color: rgba(0, 0, 0, 0.5);
}

[data-page="profile"] [data-name] a{
    color: #bbbbbb !important;
}
[data-page="profile"] [data-name] a i{
    vertical-align: bottom;
}

[data-page="profile"] .graph-header{
    padding: 16px 8px 16px 16px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
}
[data-page="profile"] .graph-header:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}
[data-page="profile"] .graph-header h3{
    margin: 0;
    float: left;
}
[data-page="profile"] .graph-header h3 i{
    vertical-align: bottom;
    color: #bbbbbb;
}
[data-page="profile"] .graph-header > div{
    float: right;
}

[data-page="profile"] .chart-container{
    margin-bottom: 32px;
}
[data-page="profile"] .chart-container .info-box{
    background: aliceblue;
    padding: 32px;
    text-align: center;
    font-size: 14px;
}
[data-page="profile"] .chart-container .chart-tabs{

}
[data-page="profile"] .chart-container .chart-tabs .buttons-row{
    padding: 8px;
}
[data-page="profile"] .chart-container .chart-tabs .buttons-row a{
    color: #f44336;
    border: 1px solid #ffffff;
    border-radius: 6px 6px 0 0;
    border-bottom-color: #cccccc;
    margin: 0 !important;
    text-transform: initial;
}
[data-page="profile"] .chart-container .chart-tabs .buttons-row a.active{
    color: #666666;
    border-color: #cccccc;
    border-bottom-color: #ffffff;
    border-bottom: 0;
}
[data-page="profile"] .chart-container .canvas{
    width: calc(100% - 16px);
    padding: 8px;
}
[data-page="profile"] .chart-container .canvas canvas{
    width: 100% !important;
}

[data-page="profile"] .profile-biletlerim-table{
    position: relative;
    display: block;
}
[data-page="profile"] .profile-biletlerim-table .table-header{
    background: #eeeeee;
    border-bottom: 2px solid #cccccc;
    display: flex;
}
[data-page="profile"] .profile-biletlerim-table .table-header > div{
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    align-self: flex-end;
    padding: 8px;
    text-align: center;
    border-left: 1px solid #ddd;
}
[data-page="profile"] .profile-biletlerim-table .table-header > div:first-child{
    border-left: 0;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item{
    border-bottom: 1px solid #ddd;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item:nth-child(even){
    background: #f5f5f5;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item .fb{
    display: flex;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item .fb div{
    width: 100%;
    font-size: 12px;
    align-self: center;
    padding: 4px 8px;
    text-align: center;
    border-left: 1px solid #ddd;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item  .fb div:first-child{
    border-left: 0;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item strong{
    color: green;
}
[data-page="profile"] .profile-biletlerim-table .table-contents .item .fw{
    width: calc(100% - 16px);
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 4px 8px;
}

.popover.popover-profile-info{
    top: 10vh !important;
    left: 10vw !important;
    width: 80vw !important;
    max-height: 80vh !important;
    overflow-y: auto;
}
.popover.popover-profile-info i {
    font-size: inherit;
}

[data-page="profile"] .custom-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[data-page="profile"] .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
[data-page="profile"] .custom-checkbox .checkmark {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background-color: #eee;
    border: 1px solid #aaa;
    vertical-align: text-top;
}
[data-page="profile"] .custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}
[data-page="profile"] .custom-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}
[data-page="profile"] .custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
[data-page="profile"] .custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}
[data-page="profile"] .custom-checkbox .checkmark:after {
    left: 4px;
    top: 0;
    width: 3px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

[data-page="profile"] .ganyan_success_legend,
[data-page="profile"] .most_played_bet_type_all_legend,
[data-page="profile"] .most_played_bet_type_last_legend{
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 8px 0;
}
[data-page="profile"] .ganyan_success_legend .custom-checkbox,
[data-page="profile"] .most_played_bet_type_all_legend .custom-checkbox,
[data-page="profile"] .most_played_bet_type_last_legend .custom-checkbox{
    margin: 0 8px;
}

[data-page="profile"] .update-time{
    padding: 8px;
    background: #f5f5f5;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #aaa;
}
[data-page="profile"] .update-time i{
    vertical-align: bottom;
}


.alert{
    margin: 16px;
    padding: 8px;
    border: 1px solid #ffeeba;
    background: #fff3cd;
    color: #856404;
    position: relative;
    border-radius: 5px;
    font-size: 13px;
}
.alert.alert-collapse{

}
.alert.alert-collapse div{
    overflow: hidden;
    cursor: pointer;
    padding-right: 30px;
    position: relative;
}
.alert.alert-collapse[data-collapse="true"] div{
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.alert.alert-collapse[data-collapse="true"] div:after{
    content: ' ';
    position: absolute;
    width: 14px;
    height: 12px;
    top: 0;
    right: 0;
    background-image: url(../img/down_arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center bottom;
    filter: brightness(0.8);
}
.alert.alert-collapse[data-collapse="false"] div:after{
    content: ' ';
    position: absolute;
    width: 14px;
    height: 12px;
    top: 0;
    right: 0;
    background-image: url(../img/up_arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center bottom;
    filter: brightness(0.8);
}


[data-select-name="ibans"] .item-inner{
    display: block !important;
}
[data-select-name="ibans"] .item-inner .item-subtitle{
    font-size: 12px;
}

.user-balance{
    position: relative;
}
.user-balance.updating{
    padding-left: 36px !important;
}
.user-balance.updating:after{
    content: '\e923';
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    left: 16px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    animation: balance-updating 1s linear infinite;
}
@keyframes balance-updating {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.global-bet-button{
    font-size: 16px;
    border-radius: 18px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
}
.global-bet-button i{
    display: inline-block;
    line-height: 36px;
    height: 36px;
    vertical-align: bottom;
}

.my-session-history-items{
}
.my-session-history-items .item{
    padding: 8px;
    border-bottom: 1px solid #dddddd;
    border-left: 4px solid #ffffff;
}
.my-session-history-items .item .group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.my-session-history-items .item p{
    margin: 0;
    padding: 0;
}
.my-session-history-items .item .agent{
    font-size: 12px;
    color: #666666;
}
.list-sep-title{
    padding: 24px 8px 8px 8px;
    margin: 0;
    background: #eee;
}

.end-other-session-button{
    text-transform: none;
    display: inline-block;
    margin: 16px 0 0 0;
}
.end-other-session-button i{
    vertical-align: middle;
    line-height: 36px;
    height: 36px;
    font-size: 18px;
}

.colored-tabs a.tab-link.active-bg-orange {
    border-bottom: 3px solid #E9831D;
}
.colored-tabs a.tab-link.active-bg-green {
    border-bottom: 3px solid #4caf50;
}
.tab-bottom-seperator{
    box-shadow: 0 1px 1px rgba(0,0,0,.3);
}


.justify-buttons-row{
    width: 100% !important;
}
.justify-buttons-row a{
    min-width: auto !important;
    margin: 0 2px !important;
}

/* 2.8.0 */
table.my-saved-coupon-table{
    width: 100%;
    margin-top: 8px;
}
table.my-saved-coupon-table tr:nth-child(even){
    background-color: #f5f5f5;
}
table.my-saved-coupon-table tr td{
    height: 30px !important;
}

.saved-coupons-container ul{
    margin: 0;
    padding: 0;
}
.saved-coupons-container .msc-item{
    font-size: 12px;
    display: block;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.saved-coupons-container .msc-item > div{
    width: 100%;
}
.saved-coupons-container .msc-item .msc-item-group{
    display: flex;
}
.saved-coupons-container .msc-item .msc-item-group > div:first-child{
    width: 65%;
}
.saved-coupons-container .msc-item .msc-item-group > div:last-child{
    width: 35%;
}
.saved-coupons-container .msc-item .msc-item-name{
    font-size: 15px;
    color: #000;
}
.saved-coupons-container .swipeout-actions-right i{
    width: 30px;
    margin-top: -3px;
}
.msc-description{
    margin: 0;
    padding: 1em;
    background: cornsilk;
}

.mobil-tv-info-popover{
    width: 80vw !important;
    height: 80vh !important;
    top: 10vh !important;
    left: 10vw !important;
}

.skinny-table.probables-table td:nth-child(even) {
    background-color: #fafafa !important;
}
.skinny-table.probables-table td:nth-child(odd) {
    background-color: #ffffff !important;
}
.skinny-table.probables-table th:nth-child(even) {
    background-color: #f0f0f0 !important;
}




.active-bg-orange.active{
    background-color: #d39b1e !important;
}
.active-bg-brown.active{
    background-color: #996633 !important;
}

.colored-tabs a.tab-link.active-bg-orange {
    border-bottom: 3px solid #d39b1e;
}
.colored-tabs a.tab-link.active-bg-brown {
    border-bottom: 3px solid #996633;
}

.request-profession-popover{
    display: flex;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .2);
    border-radius: 0 !important;
    box-shadow: none !important;
}
.request-profession-popover .popover-inner{
    display: block;
    top: 10% !important;
    left: 10% !important;
    width: 80% !important;
    max-height: 80%;
    overflow: hidden;
    background: white;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.request-profession-popover .popover-inner select{
    width: 100%;
    height: 36px;
    display: block;
    margin-bottom: 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0 8px;
    background: white;
}

.justify-buttons-row.play-multiply a{
    padding: 0 !important;
    margin: 0 0 0 3px !important;
}
.coupon-count-toolbar {
    margin-bottom: 48px;
    z-index: 498;
    background-color: #666 !important;
}
.coupon-count-container{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coupon-count-container .coupon-count-input{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coupon-count-container .coupon-count-input span{
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-align: right;
}
.coupon-count-container .coupon-count-input select{
    text-align: center;
    margin-left: 8px;
    -webkit-appearance: auto;
    pointer-events: auto;
}
.coupon-count-container .coupon-count-total{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.coupon-count-container .coupon-count-total span{
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-align: right;
}
.coupon-count-container .coupon-count-total div{
    font-weight: bold;
    margin-left: 8px;
}