@import url("bootstrap.min.css");
@import url("slidebars.css");
@import url("style.css");
@import url("bootstrapValidator.css");
@import url("common.css");
@import url("animate.css");
@import url("font-awesome.min.css");
@import url("all-sport-icons.css");
@import url("custom.css");
@import url("casino.css");
@import url("slick.css");
@import url("vue.css");

@import "https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext";* {
    -webkit-tap-highlight-color: transparent
}

html {
    -webkit-tap-highlight-color: transparent
}

body,html {
    font-size: 100%
}

body {
    background-attachment: fixed;
    background-size: cover
}

.body-wrap .navbar-default {
    background-color: #111!important;
    border-color: #000
}

.body-wrap .form-control {
    border-radius: 0!important;
    font-weight: 300;
    color: #222;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.body-wrap .form-control:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,175,0,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)
}

a {
    color: #000;
    text-decoration: none;
    outline: none!important;
}

a:hover,a:focus {
    /* color:rgba(255,255,255,.8); */
    /* text-decoration:none; */
    /* outline:none!important; */
}

a:focus {
    outline: transparent;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none!important
}

.sb-site-container {
}

.proback {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 99999;
    display: none
}

.header-bar {
    top: 0;
    width: 100%;
    left: auto;
    right: auto
}

.mobile-footer {
    position: fixed;
    bottom: 0;
    height: 42px;
    min-height: 42px;
    background-color: #111;
    width: 100%;
    left: auto;
    right: auto
}

.mobile-content {
    margin-bottom: 10px;
    position: relative
}

.header-bar {
    border: 0;
    display: table;
    width: 100%;
    height: 55px;
    border-collapse: separate;
    font-size: 15px;
    background: #171c2c;
}

.body-wrap .navbar-default {
    background-color: #171c2c !important;
    border-bottom: 2px solid #ffcd36;
}

.header-bar a.left-offcanvas,.header-bar a.right-offcanvas {
    color: #fff;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-size: 110%;
    font-weight: 700;
    width: 50px;
    min-width: 50px;
    position: relative
}

.header-bar a.left-offcanvas {
    border-right: 1px solid transparent
}

.header-bar a.right-offcanvas {
    border-left: 1px solid transparent;
}

.header-bar a.right-offcanvas .slipcount {
    position: absolute;
    top: 14px;
    left: -10px
}

.slipcount-in {
    position: relative;
    background: #ffffff;
    color: #212121;
    padding: 0 5px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 2px;
}

.slipcount-in:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #ffffff;
    border-width: 3px;
    margin-top: -3px;
}

.header-bar .logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.header-bar a.left-offcanvas:active,.header-bar a.right-offcanvas:active,.header-bar .logo:active {
    /* -webkit-box-shadow:inset 0 0 10px 5px rgba(0,0,0,.3); */
    -moz-box-shadow: inset 0 0 10px 5px rgba(0,0,0,.3);
    /* box-shadow:inset 0 0 10px 5px rgba(0,0,0,.3); */
    color: #ffff;
}

.header-title {
    color: #fff;
    position: relative;
    height: 45px;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,.3);
    width: 100%;
    margin-top: 10px;
    background: linear-gradient(to right,#181818 0,#181818 100%);
    padding: 13px 10px 13px 10px;
}

.scroll-title {
    margin-left: 50px;
    white-space: nowrap;
    width: 100%
}

.header-title .left-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    min-width: 50px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #2f2f2f;
    display: block;
    color: #fff;
    z-index: 1;
    -webkit-box-shadow: 5px 0 10px -5px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 0 10px -5px rgba(0,0,0,.5);
    box-shadow: 5px 0 10px -5px rgba(0,0,0,.5);
    border-right: 1px solid rgba(255,255,255,.02);
}

.header-title .right-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    min-width: 50px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #444;
    display: block;
    color: #fff;
    z-index: 1;
    -webkit-box-shadow: 5px 0 10px -5px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 0 10px -5px rgba(0,0,0,.5);
    box-shadow: 5px 0 10px -5px rgba(0,0,0,.5);
    border-right: 1px solid rgba(255,255,255,.02)
}

.header-title .left-button:active,.header-title .right-icon:active {
    color: #225b3c;
    background-color: #222
}

.header-title .inscroll {
    display: block;
    margin-left: 50px;
    white-space: nowrap;
    line-height: 45px;
    padding: 0 1px;
    text-transform: uppercase;
    font-size: 90%;
}

.line-double {
    line-height: 1.3!important;
    padding: 5px 5px 0 0!important
}

.top-date-time {
    display: block;
    color: #fff;
    font-size: 80%;
    padding-left: 42px;
}

.top-date-time:before {
    padding-right: 10px;
    font-family: fontawesome;
    content: "\f017";
    float: left;
    font-size: 100%
}

.line-double-center-content {
    text-align: center;
    display: block;
    color: #999;
    font-size: 80%;
    margin-left: -20px
}

.header-title .right-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    max-width: 50px;
    text-align: center;
    display: block;
    color: #999;
    font-size: 100%;
    height: 45px;
    /* background-color:#111; */
    line-height: 45px;
    z-index: 2;
    color: #ffff;
}

.steplinks {
    color: #fff;
}

.steplinks:hover {
    color: #fff
}

.steplinks:after {
    padding-left: 5px;
    color: #999;
    content: "/\00a0"
}

.header-sub-title {
    display: block;
    background-color: #171c2c;
    padding: .8em 2.5em;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.05);
    font-weight: 300;
}

.header-second-title {
    display: block;
    background-color: #111;
    padding: 1em .5em;
    color: #6fc188;
    overflow: hidden;
    font-weight: 300;
    margin: 0
}

.toppad {
    padding-top: 0
}

.top-scroll-bar {
    display: block;
    width: 100%;
    padding: 8px 5px;
    background-color: #570204;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.top-scroll-bar .list-inline {
    white-space: nowrap
}

.top-scroll-icons>li>a,.top-scroll-icons>li>a:hover {
    font-size: 90%;
    font-weight: 300;
    padding: 0;
    display: block;
    color: #fff;
    text-align: center
}

.top-scroll-icons>li>a.active {
    color: #6fc188;
    position: relative
}

.top-left-buttons .btn-group>.btn,.footer-bar .btn-group>.btn {
    border-radius: 0;
    font-size: 80%
}

.top-left-buttons {
    border-bottom: 1px solid transparent
}

.left-search {
    background-color: #202020
}

.left-search-inner {
    display: block;
    padding: .8em .5em
}

.leftmain,leftmain:hover {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 100%;
    padding: 1em .4em 1em .5em;
    background: #304045ab;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.leftmain:after {
    font-family: glyphicons halflings;
    content: "\e080";
    float: right;
    font-size: 1em
}

.leftmain:active,.leftmain:focus {
    color: rgba(255,255,255,.1);
    background: #222
}

.big-btn,big-btn:hover {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 120%;
    padding: 1.2em .4em;
    background: #121a1dd9;
    position: relative
}

.big-btn:after {
    font-family: glyphicons halflings;
    content: "\e080";
    float: right;
    font-size: 1em
}

.big-btn:active,.big-btn:focus {
    color: #000;
    background: #fff
}

.big-btn .count {
    position: absolute;
    top: 1.2em;
    right: 40px;
    color: #000;
    font-weight: 300;
    font-size: 100%
}

.lefttitle,.lefttitle:hover {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 100%;
    padding: 1em .4em;
    background: #304045ab;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.lefttitle:active,.lefttitle:focus {
    color: #225b3c;
    background: #fff
}

.lefttitle:after {
    font-family: glyphicons halflings;
    content: "\2212";
    float: right;
    font-size: 1em
}

.lefttitle.collapsed:after {
    font-family: glyphicons halflings;
    content: "\2b";
    float: right
}

ul.leftlinks {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

ul.leftlinks li {
}

ul.leftlinks li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    padding: 1em .4em;
    background: #121a1dd9;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

ul.leftlinks li a:after {
    font-family: glyphicons halflings;
    content: "\e080";
    float: right
}

ul.leftlinks li a:active {
    color: rgba(255,255,255,.8);
    background: #111
}

.leftlogout,.leftlogout:hover {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 100%;
    padding: 1em .8em;
    background: #d9534f;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.leftlogout:active,.leftlogout:focus {
    color: #fff;
    background: #000
}

.leftuser,.leftuser ul,.leftuser li {
    list-style: none;
    margin: 0;
    padding: 0
}

.leftuser ul {
    padding: 0;
    margin: 0
}

.leftuser li {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(0,0,0,.4)
}

.leftuser li:first-child {
    border-top: none
}

.leftuser li:last-child {
    border-bottom: none
}

.leftuser li a {
    background: rgba(0,0,0,.2);
    display: block;
    width: 100%;
    text-decoration: none;
    color: #225b3c;
    font-size: 90%;
    padding: .6em .4em
}

.leftuser li a:hover {
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.8)
}

.menuleft,.menucenter {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.menucenter li {
    width: 100%;
    margin: 0;
    padding: 5px 0;
}

.menuleft>li {
    width: 100%;
    padding: 0;
    margin: 0
}

.menuleft>li:first-child,.menucenter>li:first-child {
}

.menuleft>li:last-child,.menucenter>li:last-child {
    border-bottom: none
}

.menuleft>li>a,.menucenter>li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,.3)
}

.menuleft>li>a,.menuleft>li>a:hover {
    font-weight: 300;
    color: #fff;
    background-color: rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.05);
    padding: .8em .4em
}

.menucenter>li>a, .menucenter>li>a:hover {
    line-height: 1.5;
    padding: .8em .4em;
    border-bottom: 1px solid #0b1014;
    border-radius: 3px;
    background-color: rgb(23, 28, 44)!important;
    color: #ffffff;
}

.menuleft>li>a:focus,.menucenter>li>a:focus {
    background: rgba(0,0,0,.5);
    color: rgba(255,255,255,.8)
}

.menuleft a .badge, .menucenter a .badge {
    float: right;
    min-width: 50px;
    border-radius: 0;
    padding: .5em;
    background-color: #00000061;
    color: #ffffff;
    font-weight: 300;
}

.menuleft a span.arrow,.menucenter a span.arrow {
    float: right;
    margin-left: 5px
}

.menuleft a span.arrow:after,.menucenter a span.arrow:after {
    font-family: glyphicons halflings;
    content: "\e080";
    float: right;
    font-size: 1em
}

.menuleft>li.active>a {
    color: #fff;
    background: #111
}

.centerlist {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.centerlist ul {
    padding: 0;
    margin: 0
}

.centerlist li {
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.centerlist>li:first-child {
}

.centerlist>li:last-child {
    border-bottom: none
}

.centerlist>li>a {
    background: #222;
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 1em;
    font-weight: 300;
    padding: .6em .4em;
    color: #ccc
}

.centerlist>li>a:active {
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.8)
}

.centerlist>li>a.active {
    background: #225b3c;
    color: #000;
    position: relative
}

.centerlist>li>a.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #225b3c;
    border-width: 10px;
    margin-left: -10px
}

.centerlist>li>a.active .badge {
    background-color: rgba(255,255,255,.1);
    color: #000
}

.centerlist a .badge {
    float: right;
    min-width: 50px;
    border-radius: 0;
    padding: .3em;
    background-color: rgba(0,0,0,.5);
    color: #ccc;
    margin-right: 10px
}

.centerlist a.active span.arrow {
    float: right;
    color: #000;
    opacity: 1;
    text-shadow: 1px 1px 1px transparent
}

.centerlist a.active span.arrow:after {
    font-family: glyphicons halflings;
    content: "\e014";
    float: right;
    font-size: 1em
}

.centerlist a span.arrow {
    float: right;
    color: #ccc;
    opacity: 1;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1)
}

.centerlist a span.arrow:after {
    font-family: glyphicons halflings;
    content: "\e114";
    float: right;
    font-size: 1em
}

.listall {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.listall>li {
    width: 100%;
    padding: 0;
    margin: 0
}

.listall>li:first-child {
}

.listall>li:last-child {
    border-bottom: none
}

.listall>li>a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 100%;
    padding: .6em .4em .6em 1em;
    overflow: hidden;
    color: #eee;
    background-color: rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.listall>li>a:active {
    background: rgba(0,0,0,.3);
    color: rgba(255,255,255,.8)
}

.listall>li>a:after {
    font-family: glyphicons halflings;
    content: "\e080";
    float: right
}

.listall a .badge {
    float: right;
    min-width: 50px;
    border-radius: 0;
    padding: .3em;
    background-color: rgba(255,255,255,.1);
    color: #999
}

.footer-nav {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 95%;
    background: #111!important;
    height: 50px;
    font-weight: 300
}

.footer-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.footer-nav ul li {
    width: 33.33%;
    border-left: 1px solid rgba(255,255,255,.1);
    border-right: 1px solid #000;
    margin: 0;
    padding: 0;
    display: block;
    float: left
}

.footer-nav ul li:last-child {
    border-right: none
}

.footer-nav ul li:first-child {
    border-left: none
}

.footer-nav ul li.userdetails {
    width: 33.3%
}

.footer-nav ul li.notlogged {
    width: 50%
}

.footer-nav ul li:active {
    background-color: #555
}

.footer-nav ul li a {
    display: block;
    color: #fff;
    background: #304045ab;
    padding: 5px;
    height: 50px;
    line-height: 1.2;
    width: 100%;
    text-align: center
}

.footer-nav ul li a:active {
    background: #263134;
    color: #fff
}

.footer-nav ul li a:active {
}

.username,.footer-nav-content {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%
}

.usercode {
    display: block;
    color: #999
}

.bottom-details,.bottom-balance,.bottom-user-details,.bottom-login-details {
    max-height: 70%;
    overflow-y: auto;
    width: 100%;
    background-color: #222;
    display: none;
    position: fixed;
    bottom: 50px;
    padding: 0 0 20px;
    left: auto;
    right: auto;
    -webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -20px 20px -10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 -5px 10px 0 rgba(0,0,0,.4),inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -20px 20px -10px rgba(0,0,0,.3);
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.9),inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 -20px 20px -10px rgba(0,0,0,.3);
    border-top: 1px solid rgba(0,0,0,.2);
    clear: both;
    z-index: 2
}

.bottom-login-details {
    padding-bottom: 20px
}

.login_error {
    display: none
}

.closebottom {
    font-size: .8em;
    color: #225b3c;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    padding: .4em;
    cursor: pointer
}

.closebottom:active {
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.3)
}

.bottom-menu-title {
    border-bottom: 1px solid rgba(0,0,0,.5);
    color: #225b3c;
    display: block;
    padding: .5em;
    overflow: hidden;
    -webkit-box-shadow: inset 0 -20px 20px -10px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 -20px 20px -10px rgba(0,0,0,.3);
    box-shadow: inset 0 -20px 20px -10px rgba(0,0,0,.3)
}

.bottom-inner-wrap {
    padding-top: .2em
}

.login-info {
    font-size: .8em
}

.login-info dt {
    color: #999
}

.divider {
    background: rgba(255,255,255,.1);
    border-top: 1px solid rgba(0,0,0,.4);
    display: block;
    height: 2px;
    margin: .6em 0
}

.pointer {
    cursor: pointer
}

.new-user {
    cursor: pointer;
    display: block;
    color: #225b3c;
    width: 50%;
    text-align: center
}

.sign-in {
    cursor: pointer;
    display: block;
    width: 50%;
    text-align: center
}

.balance-wrap {
    display: block;
    font-size: 1em;
    background-color: #000;
    margin: .5em 0;
    padding: .5em;
    overflow: hidden
}

.balance-title {
    display: block;
    color: #999
}

.balance-amount {
}

.balance-currency {
}

.refresh-sm {
    cursor: pointer;
    color: #225b3c;
    display: inline-block;
    text-align: center;
    font-size: 80%;
    width: 14px;
    height: 14px
}

.refresh-sm:hover {
    color: #fff
}

.refresh-sm:active {
    color: rgba(255,255,255,.8)
}

.refresh-sm:after {
    font-family: glyphicons halflings;
    content: "\e031"
}

.refresh-sm-img {
    background: url(../img/refresh.GIF) no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px
}

.collapsing {
    -webkit-transition: none;
    transition: none
}

.modal-dialog-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%
}

.modal-body {
    overflow-y: auto
}

.modal-footer {
    margin-top: 0
}

@media(max-width: 767px) {
    .modal-dialog-center {
        width:90%
    }
}

.body-wrap .modal-content {
    position: relative;
    background-color: #222;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.body-wrap .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #555;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px)
}

.body-wrap .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.body-wrap .modal-backdrop.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.body-wrap .modal-header {
    border-bottom: 1px solid rgba(0,0,0,.4);
    background-color: #222;
    padding: .7em;
    text-transform: uppercase
}

.body-wrap .modal-body {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 0 1px 1px
}

.body-wrap .modal-header .close {
    color: #6fc188;
    filter: alpha(opacity=100);
    opacity: 1;
    font-size: 1em;
    margin-top: -5px!important;
    text-shadow: none;
    padding: .5em;
    background-color: rgba(255,255,255,.1);
    border-radius: 50%
}

.body-wrap .modal-header .close:active,.body-wrap .modal-header .close:focus,.body-wrap .modal-header .close:hover {
    color: #fff;
    background-color: rgba(255,255,255,.2)
}

.body-wrap .modal-header h4 {
    color: #6fc188;
    font-size: 1em;
    text-shadow: none
}

.form-signin {
    margin: 0 auto;
    display: block;
    max-width: 370px
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.form-signin .form-control:focus {
    z-index: 2
}

.form-signin input[type=text] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form-signin input[type=password] {
    margin-bottom: 1em;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.body-wrap .panel {
    margin-bottom: .5em;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 4px!important;
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.1)
}

#loading {
    background: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999999
}

#loading .imgload {
    background: url(../img/loading.GIF) no-repeat;
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    left: 50%;
    top: 50%
}

.register-wrap-18 {
    background: rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: .5em
}

.register-theme .form-group {
    border-bottom: 1px solid rgba(255,255,255,.1);
    margin-bottom: 0;
    padding: 10px 0;
    background-color: rgba(0,0,0,.5);
}

.register-theme .form-group:last-child {
    border-bottom: 0 solid transparent
}

.register-theme label {
    font-weight: 600;
    font-size: 100%;
    color: #333;
}

.dark-panel {
    display: block;
    margin: 0 0 1em;
    padding: 0;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5)
}

.dark-panel ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.dark-panel li {
    display: block
}

.dark-panel li a {
    display: block;
    background-color: rgba(0,0,0,.4);
    padding: .3em;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 1px solid rgba(255,255,255,.05);
    color: #eee
}

.dark-panel li a:active {
    background-color: rgba(0,0,0,.3);
    color: rgba(255,255,255,.8)
}

.dark-panel li:last-child a {
    border-bottom: 0
}

.dark-panel li a .badge {
    color: #eee;
    background-color: rgba(0,0,0,.4);
    border-radius: 4px;
    float: right;
    margin: 0 5px;
    min-width: 40px
}

.dark-panel .dark-panel-title {
    color: #225b3c;
    background-color: rgba(0,0,0,.6);
    padding: .5em .3em;
    border-bottom: 1px solid rgba(0,0,0,.5);
    cursor: pointer;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.dark-panel .dark-panel-title:active {
    color: rgba(255,255,255,.8)
}

.dark-panel .dark-panel-title:after {
    font-family: glyphicons halflings;
    content: "\e114";
    float: right
}

.dark-panel .dark-panel-title.collapsed:after {
    content: "\e080";
    border-bottom: 1px solid transparent
}

.fixture-grid .panel {
    /* margin-bottom:.5em; */
    background-color: transparent;
    /* border:1px solid #303030; */
    /* border-radius:0!important; */
    /* -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.3); */
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    /* box-shadow:0 0 3px 0 rgba(0,0,0,.3); */
    margin-top: 1em;
}

.bet-main-title,.panel-main-title {
    padding: .6em .5em;
    border-bottom: 1px solid rgba(0,0,0,.05);
    font-size: 90%;
    /*text-transform:uppercase;*/
    border-radius: 0!important
}

.bet-main-title:after,.panel-main-title:after {
    font-family: glyphicons halflings;
    content: "\2212";
    float: right
}

.bet-main-title.collapsed:after,.panel-main-title.collapsed:after {
    content: "\2b"
}

.bet-main-title:active,.panel-main-title:active {
    color: rgba(255,255,255,.8)!important
}

.panel-main-title {
    color: #fff!important;
    background-color: #1e2a52!important
}

.bet-main-title {
    color: #fff!important;
    font-weight: 500;
    font-size: 14px;
    /* padding: 13px 10px 13px 10px; */
    border: 0 none;
    outline: 0!important;
    box-shadow: none!important;
    z-index: 2;
    position: relative;
    background: linear-gradient(to right,#171c2c 0,#171c2c 100%);
}

.bet-main-title-in {
    max-width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    font-weight: 300
}

.competitors {
    border-bottom: 1px solid rgb(24, 24, 24);
    cursor: pointer;
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%;
    background: linear-gradient(to right,#171c2c 0,#171c2c 100%);
    margin-top: 1em;
}

.competitors:active {
    background-color: #000;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.competitors a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: .6em .3em
}

.competitors-name {
    overflow: hidden;
    display: block;
    font-size: 90%;
    color: #ffffff;
    font-weight: 300;
    width: 100%;
}

.event-date {
    display: block;
    color: #ffffff;
    font-size: 80%;
    line-height: 1;
    font-weight: 500;
    margin-top: 3px;
}

.alive {
    display: inline-block;
    color: #fff;
    font-size: 90%;
    padding: 2px 5px;
    text-align: center;
    background: #7e0000;
    margin: 0 5px 0 0;
    border-radius: 0
}

.alive:hover {
    background: #be0000;
    text-decoration: none
}

.fixture-title {
    float: left;
    display: block;
    max-width: 90%
}

.competitors a .fixture-others {
    position: absolute;
    right: 5px;
    top: 25%;
    padding-top: 5px;
    display: block;
    color: #ffffff;
    font-size: 90%;
    line-height: 1.5;
    text-align: right;
    height: 50%;
    font-weight: 600;
}

.competitors a .fixture-others:active {
    color: #ccc
}

.ratesgrid {
    display: block;
    overflow: hidden;
    background-color: #222
}

.ratesgrid .btn-sm,.ratesgrid .btn-group-sm>.btn {
    width: calc(100% * (1/3));
    flex-grow: 1;
    border: none;
    border-right: 1px solid #eee;
    margin: 0;
    padding: 10px 10px;
    background: #d9deec;
    font-size: 15px;
    border-color: #020f46!important;
    border-radius: 0;
    border-bottom: 1px solid #eee!important;
}

.ratesgrid>.btn-group>.btn:last-child {
    border-right: none
}

.ratesgrid>.btn-group>.btn:first-child {
    border-left: none
}

.anaoran,.analive {
}

::-webkit-scrollbar {
    display: none;
}

.anaselected {
    word-wrap: normal;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border: none!important;
    display: block;
    color: #fff;
    background: #b7262a!important;
}

.anaoran .rate-inner, .anaselected .rate-inner, .anadisabled .rate-inner {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    table-layout: fixed;
}

.anaoran:hover, .analive:hover {
    background: #222222;
    color: #000000;
}

.anaoran .rate-name,.anaselected .rate-name,.anadisabled .rate-name {
    display: table-cell;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    text-align: left;
    text-overflow: ellipsis;
    font-weight: 300;
    color: #212121;
}

.rate-rate {
    display: table-cell;
    text-align: right;
    width: 49px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212121;
}

.ratechange-down {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
    word-wrap: normal;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius: 0;
    display: block;
    background: #a60000
}

.ratechange-up {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 3;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 3;
    word-wrap: normal;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius: 0;
    display: block;
    background: #004900
}

@-moz-keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

@keyframes blinker {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

.fixtureselect {
    padding: .5em;
    display: block;
    overflow: hidden;
}

.fixturetitle {
    padding: .3em;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(0,0,0,.5);
    background-color: rgba(0,0,0,.3)
}

.fixturetitle:after {
    font-family: glyphicons halflings;
    content: "\e114";
    float: right;
    font-size: .8em
}

.fixturetitle.collapsed:after {
    content: "\e080";
    border-bottom: 1px solid transparent
}

.fixturetitle:active {
    background: #000!important
}

.upcoming-table {
    width: 100%;
    margin: 0;
    vertical-align: middle;
    border-collapse: separate
}

.upcoming-table tr {
    background: #333
}

.upcoming-table tr:nth-child(even) {
    background: #303030
}

.eventname {
    font-size: .8em;
    background-color: #222;
    padding: .5em .3em;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 1px solid rgba(255,255,255,.05);
    color: #999;
    cursor: pointer
}

.rates-table {
    table-layout: fixed;
    width: 100%;
    vertical-align: middle;
    border-collapse: separate;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.rates-table td {
    padding: .5em;
    text-align: center;
    font-size: .8em;
    border-left: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(255,255,255,.05);
    border-right: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.rates-table td:first-child {
    border-left: none
}

.rates-table td:last-child {
    border-right: none
}

.rates-table td:active {
    background-color: #555!important;
    color: rgba(255,255,255,.8)!important
}

.rates-table td.odds {
    background-color: #111;
    color: #225b3c
}

.rates-table td.odds-selected {
    background-color: #225b3c;
    color: #000
}

.event-teamname {
    max-width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.live-theme36 {
    background: #909b08
}

.live-theme1 {
    background: #045d06!important
}

.live-theme2 {
    background: #9a5116
}

.live-theme4 {
    background: #2983a4
}

.live-theme37 {
    background: #885a2a
}

.live-theme3 {
    background: #c16300
}

.live-theme5 {
    background: #0d4e85
}

.live-theme9 {
    background: #cda400
}

.live-theme23 {
    background: #076b3d
}

.live-theme6 {
    background: #81320c
}

.live-theme10 {
    background: #047470
}

.live-theme28 {
    background: #741b03
}

.live-theme20 {
    background: #59335a
}

.live-theme29 {
    background: #315006
}

.live-theme35 {
    background: #2f63b0
}

.live-theme16 {
    background: #584200
}

.title-text {
    color: #fff
}

.sub-text {
    color: #000;
    font-size: 18px;
}

.dark-text {
    color: rgba(0,0,0,.8)
}

/* Slip */
.slip-title {
    display: block;
    background-color: #171c2c;
    overflow: hidden;
    font-weight: bold;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.5);
    position: relative;
    height: 56px;
    width: 100%;
}

.slip-title h1 {
    display: inline-block;
    color: white;
    font-size: 120%;
    float: left;
    padding: 10px;
    margin: 0;
}

.slip-delete-all {
    float: right;
    display: inline-block;
    height: 55px;
    font-size: 75%;
    text-align: center;
    background-color: rgba(255,255,255,0.05);
    color: white;
    border-left: 1px solid rgba(255,255,255,0.05);
    padding-top: 15px;
    width: 50px;
}

.slip-delete-all:hover,.slip-delete-all:active {
    color: #ffffff;
}

.slip-title .badge {
    display: inline-block;
    position: absolute;
    background-color: rgba(255,255,255,0.0);
    color: #999999;
    border-radius: 3px;
    left: 10px;
    top: 30px;
    padding: 0;
}

.slip-wrap {
    display: block;
    font-size: 90%;
    height: 100%;
    position: relative;
}

.slip-selection {
    display: block;
    overflow: hidden;
    padding: .5em;
    background-color: #171c2c;
    color: #fff;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.slip-selection-block {
    display: block;
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    font-weight: 300;
}

.slip-selection-block .check-slip {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.slip-selection-block .check-slip input.lgcheckbox {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
}

.slip-competitors {
    display: inline-block;
    padding: 0 5px 0px 20px;
    max-width: 93%;
    font-size: 17px;
    color: #fff;
}

.slip-delete {
    display: inline-block;
    float: right;
    color: white;
}

.slip-delete:after {
    font-family: 'Glyphicons Halflings';
    content: "\e014";
    font-size: 1em;
}

.slip-delete:hover {
    color: #ffffff;
}

.slip-selection-block .slip-banko {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 1.5;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.5);
    display: block;
    font-size: 90%;
    font-weight: 700;
}

.slip-selection-block .slip-banko-selected {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 1.5;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.9);
    color: #225b3c;
    font-size: 90%;
    font-weight: 700;
    display: block;
}

.slip-selection-name {
    display: inline-block;
    padding: 0 5px 0px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    font-size: 17px;
}

.slip-rate {
    display: inline-block;
    float: right;
    font-size: 100%;
    font-weight: bold;
}

.slip-selection-single {
    display: block;
    overflow: hidden;
    position: relative;
    padding: .3em;
    background-color: rgba(255,255,255,0.2);
    margin-top: 5px;
}

.single-amount {
    display: inline-block;
    float: left;
    width: 40%;
}

.slip-total-win {
    margin-top: 3px;
    display: inline-block;
    float: right;
    font-size: 100%;
    font-weight: 300;
    color: white;
    /* görünmez yaptım */
    display: none
}

.combine-wrap {
    display: block;
    color: #225b3c;
}

.slip-combine {
    display: block;
    background-color: #171c2c;
    overflow: hidden;
    padding: 1em .5em;
}

.slip-combine-title {
    display: inline-block;
    float: left;
    color: #cccccc;
}

.slip-combine-total-rate {
    display: inline-block;
    float: right;
    font-size: 100%;
    font-weight: bold;
    color: white;
}

.slip-combine-sub {
    display: block;
    background-color: #171c2c;
    overflow: hidden;
    padding: 1em .5em;
    border-bottom: 1px solid #ffffff;
}

.slip-sistem {
    display: block;
    overflow: hidden;
    padding: 1em .5em;
    background-color: #222222;
    color: #cccccc;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

.slip-sistem:active,.slip-sistem:focus,.slip-sistem:hover {
    color: #999999;
    background: #111111;
}

.slip-sistem:after {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    float: right;
    font-size: 1em;
}

.slip-sistem.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content: "\2b";
    float: right;
    font-size: 1em;
}

.slip-sistem-sub {
    background-color: #222222;
}

.slip-sistem-sub-details {
    display: table;
    margin: 0;
    padding: 0;
    color: #999999;
    width: 100%;
}

.slip-sistem-sub-details ul {
    display: table-row;
    list-style-type: none;
}

.slip-sistem-sub-details ul.sistem-title {
    background-color: rgba(0,0,0,0.3);
    color: #cccccc;
}

.slip-sistem-sub-details ul.sistem-title li {
    padding: .3em;
}

.slip-sistem-sub-details ul li {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: .5em;
}

.slip-sistem-sub-details ul li.sistem-name {
    width: 35%;
}

.slip-sistem-sub-details ul li.sistem-count {
    width: 20%;
    text-align: center;
}

.slip-sistem-sub-details ul li.sistem-amount {
    width: 45%;
}

.slip-bottom-wrap {
    display: block;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
}

.slip-bottom {
    display: block;
    overflow: hidden;
    padding: .5em;
}

.slip-accept-rate-changes {
    color: white;
}

.slip-accept-rate-changes:hover {
    color: #ffffff;
}

.slip-alert, .slip-alert-bet {
    display: block;
    overflow: hidden;
    background-color: #ffcd36;
    color: #b70000;
    padding: .5em;
    margin: .3em 0;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    font-weight: 300;
}

.slip-alert-bet {
    margin: 0;
}

/*Slip Preview*/
.slip-preview-summary-title {
    display: block;
    background-color: rgba(0,0,0,0.5);
    padding: .5em;
    color: #ffffff;
    overflow: hidden;
}

.slip-preview-summary-content {
    display: block;
    background-color: rgba(0,0,0,0.45);
    padding: .5em;
    border-top: 1px solid rgba(255,255,255,0.05);
    color: #999999;
    overflow: hidden;
}

.slip-preview {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slip-preview ul {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #599608;
    list-style-type: none;
}

.slip-preview ul:nth-child(even) {
    background-color: #6fc188;
}

.slip-preview ul li {
    display: block;
}

.slip-preview-in {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,0.1);
}

.slip-preview-in ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: transparent !important;
}

.slip-preview-in ul li {
    display: table-cell;
    color: #000000;
    font-size: 90%;
    padding: .3em .5em;
}

.slip-preview-in ul li.order {
    width: 30px;
    min-width: 30px;
    text-align: center;
}

.slip-preview-in ul li.prev-selection {
    width: 100%;
}

.slip-preview-in ul li.date {
    width: 70px;
    min-width: 70px;
    font-size: 80%;
    text-align: right;
}

.slip-preview-title {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    padding: .5em;
    cursor: pointer;
    font-size: 110%;
    color: #fff;
}

.slip-preview-order {
    display: block;
    background-color: rgba(0,0,0,0.1);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}

.slip-alert-success {
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    color: #171c2c;
    position: relative;
    padding: .5em;
}

.slip-alert-error {
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    color: #a80000;
    position: relative;
    padding: .5em;
}

.slip-alert-error .icon,.slip-alert-success .icon {
    display: block;
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 150%;
}

.slip-alert-error .text,.slip-alert-success .text {
    display: inline-block;
    padding-left: 30px;
}

.wobble:hover {
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.home-main-slider {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 5px solid #000
}

.home-main-slider #home-slider {
    display: block;
    margin: 0 auto
}

.home-main-slider .carousel-inner {
    max-width: 640px;
    max-height: 250px;
    margin: 0 auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    cursor: move
}

.home-main-slider .carousel-inner img {
    width: 100%;
    max-height: 250px
}

.deposit-block {
    overflow: hidden;
    position: relative
}

.deposit-block:nth-of-type(odd) {
    background: #333
}

.deposit-block:nth-of-type(even) {
    background: #222
}

.deposit-main-content {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0
}

.deposit-main-content li {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center
}

.deposit-main-content li.depositimg {
    width: 40%
}

.deposit-main-content img {
    background: #fff;
    padding: .4em;
    border-radius: 4px
}

.deposit-limit-info {
    text-align: left;
    padding-left: .5em
}

.deposit-title {
    color: #225b3c;
    display: block;
    font-size: 100%;
    text-transform: uppercase
}

.deposit-subinfo {
    color: #999;
    display: block;
    font-size: 90%;
    line-height: 1.2;
    font-weight: 300
}

.deposit-img-wrap {
    display: block
}

.deposit-content {
    position: relative;
    padding: 1em;
    margin: .5em 0 0;
    display: block
}

.history-main {
    padding: .5em;
    display: block;
    background-color: #f3f4f5;
    border-bottom: 1px solid #ff1b02;
    color: #000;
    line-height: 1.6;
    font-weight: 500;
    font-size: 90%;
    overflow: hidden;
}

.history-main-detail {
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    color: #000;
    line-height: 1.6;
    font-weight: 300;
    font-size: 90%;
}

.history-sub {
    padding: .5em;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    color: #000;
    line-height: 1.6;
    font-weight: 300;
    font-size: 100%;
    width: 100%;
}

.bethistory-W {
    color: #008a00;
    font-size: 100%
}

.bethistory-W:after {
    font-family: glyphicons halflings;
    content: "\e013"
}

.bethistory-L {
    color: #af383e;
    font-size: 100%
}

.bethistory-L:after {
    font-family: glyphicons halflings;
    content: "\e014"
}

.bethistory-O {
    color: #528db2;
    font-size: 100%
}

.bethistory-O:after {
    font-family: glyphicons halflings;
    content: "\e023"
}

.bethistory-V {
    color: #ccc;
    font-size: 100%
}

.bethistory-V:after {
    font-family: glyphicons halflings;
    content: "\e090"
}

.bethistory-D {
    color: #c11b26;
    font-size: 100%
}

.bethistory-D:after {
    font-family: glyphicons halflings;
    content: "\e020"
}

.bethistoryt-W {
    color: #008a00;
    font-size: 100%
}

.bethistoryt-L {
    color: #af383e;
    font-size: 100%
}

.bethistoryt-O {
    color: #528db2;
    font-size: 100%
}

.bethistoryt-V {
    color: #ccc;
    font-size: 100%
}

.bethistoryt-D {
    color: #c11b26;
    font-size: 100%
}

.history-sub-details {
    padding: .5em;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,.1);
    color: #225b3c
}

.main-notification-all {
    display: block;
    overflow: hidden;
    background-color: #fff;
    padding: 2em;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    text-align: center;
    color: #000
}

.main-notification-alert,.main-notification-success,.main-notification-info {
    display: block;
    overflow: hidden;
    background-color: #fff;
    padding: .6em;
    margin: .2em 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    font-weight: 300;
    text-align: center
}

.main-notification-alert {
    color: #a80000
}

.main-notification-success {
    color: #045d06
}

.main-notification-info {
    color: #2a80c9
}

.shadow-top {
    -webkit-box-shadow: 0 -10px 20px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 -10px 20px 0 rgba(0,0,0,.3);
    box-shadow: 0 -10px 20px 0 rgba(0,0,0,.8)
}

.list-group-item {
    background-color: rgba(255,255,255,.1);
    border: 1px solid rgba(0,0,0,.2);
    font-size: 90%;
    color: #999;
    font-weight: 300
}

.body-wrap .btn {
    border-radius: 0
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline {
    color: #2e303b;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.has-error .form-control {
    border-color: #ff4542
}

.has-error .form-control:focus {
    border-color: #ff4542
}

.has-error .input-group-addon {
    color: #ff4542;
    background-color: #f2dede;
    border-color: #ff4542
}

.has-error .form-control-feedback {
    color: #ff4542
}

.btn-primary,.btn-default,.btn-success,.btn-warning,.btn-danger {
    font-weight: 300;
}

.btn-primary {
    color: #fff;
    background-color: #121a1dd9;
    border-color: #000
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    /* color:#225b3c; */
    /* background-color:#222; */
    /* border-color:#000; */
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #222;
    border-color: #111
}

.btn-primary .badge {
    color: #428bca;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #222;
    border-color: #000
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active {
    background-color: #303030;
    border-color: #000;
    color: #fff
}

.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {
    background-color: #333;
    border-color: #333
}

.btn-default {
    color: #eee;
    background-color: #2b3639ed;
    border-color: #2b3639
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active {
    background-color: #555;
    border-color: #333;
    color: #999
}

.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active {
    background-color: #333;
    border-color: #333
}

#wrapper,#wrapper1 {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    background: #2a2a2a;
}

#scroller {
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    float: left;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

#scroller ul {
    list-style: none;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    white-space: nowrap
}

#scroller li {
    display: inline-block
}

#effect_div {
    display: block;
    position: absolute;
    z-index: 999999;
    opacity: 0;
    float: left;
    background: #225b3c;
    height: 30px;
    color: #000;
    overflow: hidden;
    text-shadow: 1px 1px 5px #000;
    font-size: 80%;
    font-weight: 300
}

ul.top-icons {
    font-size: 0
}

ul.top-icons>li {
    font-size: 15px
}

ul.top-icons>li>a,ul.top-icons>li>a:hover {
    font-size: 100%;
    padding: 0;
    display: block;
    color: #fff;
    text-align: center;
    padding: .3em 1em;
}

ul.top-icons>li>a:active {
    background: #222
}

ul.top-icons>li>a.active {
    color: #1787e3;
    position: relative;
}

ul.top-icons>li>a.active:after {
    top: 40px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #1787e3;
    border-width: 6px;
    margin-left: -6px;
}

.top-live-bar {
    display: block;
    width: 100%;
    background-color: #000
}

.live-title {
    background-color: #2b3639;
    color: #fff;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    line-height: 1.5;
    padding: .2em 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 90%
}

.live-title .badge {
    float: right;
    min-width: 50px;
    border-radius: 0;
    padding: .5em;
    background-color: transparent;
    color: #fff
}

.live-overview-grid {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%
}

.live-overview-grid-info {
    display: table-cell;
    width: 50px;
    min-width: 50px;
    vertical-align: middle;
    font-weight: 300;
    font-size: 75%;
    text-align: center;
    color: #999
}

.live-overview-grid-others {
    display: table-cell;
    width: 50px;
    min-width: 50px;
    vertical-align: middle;
    font-weight: 300;
    text-align: center;
    font-size: 80%
}

.live-overview-grid-event {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 80%;
    font-weight: 300;
    line-height: 1.6
}

.live-overview-grid-score {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    min-width: 60px;
    font-size: 80%;
    font-weight: 300;
    line-height: 1.6;
    text-align: right;
    background: #ccc
}

.live-event-details {
    display: block;
    font-size: 80%;
    color: #999
}

.live-time,.live-score,.live-score-current,.live-period {
    float: left;
    display: inline-block;
    margin-right: 0;
    padding: 0 2px;
    font-weight: 300;
    color: #ffff;
}

.live-time:before {
    display: inline-block;
    font-family: fontawesome;
    content: "\f017";
    float: left;
    margin-right: 5px
}

.live-score {
    color: rgba(255,255,255,.6)
}

.live-event-wrap {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #333;
    margin: 0 auto;
    position: relative;
    padding: 0;
    -webkit-box-shadow: inset 0 10px 10px -2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 10px 10px -2px rgba(0,0,0,.2);
    box-shadow: inset 0 10px 10px -2px rgba(0,0,0,.2)
}

.live-event-teamname {
    color: #fff;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0 4px rgba(0,0,0,.9);
    font-size: 90%;
    font-weight: 300;
    display: inline-block
}

.live-info {
    font-size: 80%;
    color: #fff
}

.live-event-score {
    background: rgba(0,0,0,.2);
    font-size: 80%;
    color: #225b3c;
    display: block;
    width: 100%;
    font-weight: 300;
    padding: .2em
}

.live-event-periyod {
    font-size: 90%;
    color: rgba(255,255,255,.6);
    display: block;
    width: 100%;
    font-weight: 300
}

.live-red-card,.live-yellow-card {
    display: inline-block;
    width: 10px;
    height: 12px;
    line-height: 14px
}

.live-red-card {
    background-color: #c00
}

.live-yellow-card {
    background-color: #ffb016
}

.live-corner {
    font-size: 100%;
    color: rgba(255,255,255,.7)
}

.live-ball {
    display: inline-block;
    font-size: 80%;
    color: #ecff00
}

.live-sub {
    font-weight: 300;
    font-size: 80%;
    color: rgba(255,255,255,.6)
}

.live-event-wrap .tooltip-inner {
    color: #000;
    background-color: #fff;
    font-size: 80%;
    border-radius: 0
}

.live-event-wrap .tooltip.bottom {
    margin-top: -20px;
    padding: 2px!important
}

.live-event-wrap .tooltip-arrow {
    display: none
}

.live-detail-table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    margin: 0 auto
}

.live-detail-title {
    width: 100%;
    padding: .1em .2em;
    vertical-align: middle
}

.live-detail-info {
    width: 20px;
    min-width: 20px;
    text-align: center;
    padding: .1em;
    vertical-align: middle
}

.livebefore {
    font-size: 80%;
    font-weight: 300;
    color: rgba(255,255,255,.7)
}

.livecurrent {
    font-size: 80%;
    font-weight: 300;
    color: #225b3c
}

.darkbg3 {
    background: rgba(0,0,0,.2)
}

.darkbg2 {
    background: rgba(0,0,0,.1)
}

.has-ball:before {
    display: inline-block;
    font-family: fontawesome;
    content: "\f111";
    color: #fff;
    font-size: 80%;
    color: #ecff00
}

.main-bar {
    padding: .5em;
    border-bottom: 1px solid rgba(0,0,0,.05);
    font-size: 90%
}

.main-bar:after {
    font-family: glyphicons halflings;
    content: "\2212";
    float: right
}

.main-bar.collapsed:after {
    content: "\2b"
}

.second-bar {
    padding: .2em .5em;
    font-size: 90%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #333;
    color: #999
}

.main-content-bar {
    padding: .5em;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 90%;
    background-color: #383838
}

.live-theme36 {
    background: #717816
}

.live-theme1 {
    background: #045d06
}

.live-theme2 {
    background: #9a5116
}

.live-theme4 {
    background: #2983a4
}

.live-theme37 {
    background: #885a2a
}

.live-theme3 {
    background: #c16300
}

.live-theme5 {
    background: #0d4e85
}

.live-theme9 {
    background: #cda400
}

.live-theme23 {
    background: #076b3d
}

.live-theme6 {
    background: #81320c
}

.live-theme10 {
    background: #047470
}

.live-theme28 {
    background: #741b03
}

.live-theme20 {
    background: #59335a
}

.live-theme29 {
    background: #315006
}

.live-theme35 {
    background: #2f63b0
}

.live-theme16 {
    background: #584200
}

.fpp-list .list-group {
    margin: .5em
}

.fpp-list .list-group-item {
    position: relative;
    display: block;
    padding: 1em .5em;
    margin-bottom: -1px;
    background-color: #333;
    border: 1px solid #282828;
    color: #eee
}

.fpp-list .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fpp-list .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.fpp-list .list-group-item>.badge {
    float: right;
    border-radius: 0;
    color: #eee;
    background-color: transparent;
    color: #6fc188
}

#MainLeftMenu .list-group-item {
    margin-bottom: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,.2);
    font-size: 90%;
    color: #999
}

#MainLeftMenu .list-group-item:active {
    background-color: rgba(0,0,0,.5)
}

.light-wrap {
    background-color: rgba(255,255,255,.05);
    padding: 0 .5em;
    margin: 0 0 .5em;
    border-bottom: 1px solid rgba(0,0,0,.2);
    display: block
}

.light-bar {
    padding: .8em 0
}

.captchaimg {
}

.w1bg {
    background-color: rgba(255,255,255,.1)
}

.left-title-bar {
    background-color: rgba(255,255,255,.05);
    font-weight: 300;
    font-size: 90%;
    color: #00d4ff;
    padding: .5em!important
}

.bottom-wrap {
    display: block;
    margin-bottom: 60px;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,.1);
    background-color: #121a1dd9
}

.bottom-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.bottom-list>li {
    display: inline-block;
    padding: .3em
}

.bottom-list>li>a {
    display: block;
    color: #fff;
    font-size: 80%;
    font-weight: 300;
    padding: .3em;
    transition: all .2s ease-in-out
}

.bottom-list>li>a:active {
    display: block;
    color: #fff;
    font-size: 80%;
    font-weight: 300;
    background: #000
}

.payment-options {
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    -webkit-filter: grayscale(90%) contrast(120%) brightness(110%)
}

.payment-options-payment1 {
    width: 78px;
    height: 16px;
    background-position: -5px -5px
}

.payment-options-payment101 {
    width: 75px;
    height: 24px;
    background-position: -93px -5px
}

.payment-options-payment17 {
    width: 75px;
    height: 24px;
    background-position: -178px -5px
}

.payment-options-payment2 {
    width: 65px;
    height: 24px;
    background-position: -263px -5px
}

.payment-options-payment24 {
    width: 146px;
    height: 24px;
    background-position: -338px -5px
}

.payment-options-payment37 {
    width: 60px;
    height: 24px;
    background-position: -494px -5px
}

.payment-options-payment38 {
    width: 97px;
    height: 24px;
    background-position: -564px -5px
}

.payment-options-payment42 {
    width: 75px;
    height: 24px;
    background-position: -671px -5px
}

.payment-options-payment43 {
    width: 61px;
    height: 21px;
    background-position: -756px -5px
}

.payment-options-payment43-maestro {
    width: 40px;
    height: 24px;
    background-position: -827px -5px
}

.payment-options-payment43-master {
    width: 84px;
    height: 24px;
    background-position: -877px -5px
}

.payment-options-payment47 {
    width: 68px;
    height: 24px;
    background-position: -971px -5px
}

.payment-options-payment48 {
    width: 75px;
    height: 24px;
    background-position: -1049px -5px
}

.payment-options-payment49 {
    width: 75px;
    height: 24px;
    background-position: -1134px -5px
}

.payment-options-payment5 {
    width: 75px;
    height: 24px;
    background-position: -1219px -5px
}

.payment-options-payment56 {
    width: 75px;
    height: 24px;
    background-position: -1304px -5px
}

.payment-options-payment8 {
    width: 52px;
    height: 23px;
    background-position: -1389px -5px
}

.register-info {
    padding: 1em
}

#left-account li.active a {
    color: #225b3c
}

.circle-lang-tr {
    background: url(../../common/img/probet_sprite.png) no-repeat top left;
    background-position: -20px -197px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.circle-lang-en {
    background: url(../../common/img/probet_sprite.png) no-repeat top left;
    background-position: 0 -197px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.circle-lang-en,.circle-lang-tr {
    margin-left: 5px;
    opacity: .4;
    filter: alpha(opacity=40);
    display: inline-block
}

.circle-lang-en.active,.circle-lang-tr.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mar-sm-r {
    margin-right: .5em
}

.header-bar .m-live-support {
    position: absolute;
    top: 15px;
    left: 40px;
    color: #6fc188
}

.m-live-support a {
    font-size: 12px;
    color: #6fc188
}

.footer-live-support {
    color: #6fc188
}