/*v22.0*/

a, a:hover, a.bottomsocial i:hover, .footer a, .footer a:visited, .footer a:hover {

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.text-blue {
    color: #2962ff;
}

span.fxbline {
    margin-left: 5px;

}

/*#modal-two table tr td, #modal-one table tr td {
    width: 50%;
}*/

#pickOptionModal .custom-control.custom-radio {
    margin-bottom: 10px;
}

/* Preloader */

#preloaderfx {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 10999;
    /* makes sure it stays on top */
}

#statusfx {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(/assets/images/misc/preloader-1.svg);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -25px 0 0 -25px;
    /* is width and height divided by two */
}

/*end preloader*/
@media (max-width: 766px) {
    #main-wrapper.show-sidebar .left-sidebar {
        left: 0;
        width: 300px !important
    }

    .sidebar-nav ul .sidebar-item {
        width: 300px !important
    }

    li.mobile-t-15 {
        padding-top: 15px;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    .table-responsive {
        background: #fff !important;
    }

    .table-responsive .table-striped, .table-responsive .table-striped tr, .table-responsive .table-striped tr td {
        background: #fff !important;
    }
}

@media (min-width: 576px) {

    #adsvids .card-body div {
        padding-left: 40px !important;
    }
}

#scvideos .carousel-indicators .active {
    background-color: #3aa33a;
}

.announce {
    background-image: url(/assets/images/misc/marketing.svg);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: contain;
}

@media (max-width: 990px) {
    .announce {
        background-image: none;
    }
}

@media (max-width: 930px) {
    #navbarSupportedContent li.nav-item.dropdown i.fa.fa-angle-down {
        display: none !important;

    }
}

u {
    text-decoration: none;
    display: inline-block;
    border-bottom: solid 3px #63cd63;
}

@media (min-width: 992px) {
    .col-lg-3.one-fith {

        flex: 0 0 20%;
        max-width: 20%;
    }

    div#myCarousel3 {
        height: 149px;
    }
}

@media (max-width: 991px) {
    div#myCarousel3 h3 br {
        display: none
    }

    div#myCarousel3 {
        height: 120px;
    }
}

div#myCarousel3 h3 {
    font-size: 1.5em;
}

.mega-dropdown h4 {
    font-size: 0.9em;
    color: #3aa33a;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 15px !important;
    line-height: normal
}

.mega-dropdown li {

    border-bottom: 4px solid #fff;
}

.mega-dropdown li a {
    color: #555;
    padding: 8px 10px !important;
    display: block;
    background: #f3f4f4;
}

.mega-dropdown li a:hover {

    background: #f0f0f0;
    color: #000000 !important
}

.checkbox-in-step {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.noround img {
    border-radius: 0;
}

.bg-teal {
    background: #20c997;
}

@media (max-width: 768px) {

    .font-md-15 {
        font-size: 15px;
    }

    .text-md-nomute {
        color: #3aa33a !important;
    }
}

a.custom-card,
a.custom-card:hover {
    color: inherit;
}

a.custom-card:hover {
    color: #3aa33a;
}

.h2, h2 {
    font-size: 27px;
    font-size: 2em;
    color: #3aa33a;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.modal-full {
    min-width: 100%;
    margin: 0;
    padding: 0
}

.modal-full .modal-content {
    min-height: 100vh;
}

.animated-slowly {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.under-lined::after {
    display: block;
    width: 150px;
    height: 2px;
    background-color: transparent;
    margin: 30px auto 0px auto;
    content: '';
    border-bottom: dotted 2px #39a239;
}

.hugemodal {
    padding-right: 0 !important;
}

.dark-link {
    color: #000 !important
}

img.spinner {
    width: 12px !important;
    height: 12px !important;
}

.active-top {
    opacity: 0.7;
}

.active-gx {
    background: #267b26;
    border-color: #267b26;
}

@media (min-width: 1024px) {
    .modal-lg {
        max-width: 900px;
    }
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #343a40;
}

@media only screen and (max-width: 736px) {
    .card-tables, .card-tables-transparent, .card-tables-p-t-30 {
        padding: 0;
        background-color: #eef5f9 !important;
    }

    .card-tables table, .card-tables-p-t-30 table {
        background: #fff;
    }

    .card-tables .nav.nav-pills {
        margin-bottom: 5px;
    }

    .card-tables-p-t-30 {
        padding-top: 30px
    }
}

@media only screen and (max-width: 823px) and (orientation: landscape) {

    .message-center.message-body.ps-container.ps-theme-default,
    .dropdown-menu.dropdown-menu-right.user-dd.scrollable.animated.bounceInDown.ps-container.ps-theme-default.show {
        height: auto;
        max-height: 100vh;
        overflow-x: hidden;
    }

    .landno {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {

    .message-center.message-body.ps-container.ps-theme-default,
    .dropdown-menu.dropdown-menu-right.user-dd.scrollable.animated.bounceInDown.ps-container.ps-theme-default.show {
        height: auto;
        max-height: 100vh;
        overflow-x: hidden;
    }

}

@media only screen and (max-width: 767px) {

    .landno {
        display: none !important;
    }
}

/* -------scroll menu-------------*/
@media only screen and (max-width: 1024px) {
    .message-center.message-body.ps-container.ps-theme-default,
    .dropdown-menu.dropdown-menu-right.user-dd.scrollable.animated.bounceInDown.ps-container.ps-theme-default.show {
        height: auto;
        max-height: calc(100vh - 132px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #navbarSupportedContent .nav-item .dropdown-menu {
        max-height: calc(100vh - 132px);
        overflow-y: auto;
    }

    .dropdown-menu {
        margin-top: 0
    }

    /*no gap*/
}

@media only screen and (max-width: 767px) {
    .landno {
        display: none !important;
    }
}

/* --------------------*/
/*sidebar bg hover*/
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    background: rgba(233, 236, 239, 0.45) !important;
}

/*ripple*/
.lds-ripple .lds-pos {
    border-color: #3aa33a !important;
}

.lds-ripple {
    top: 50%;
    left: calc(50% - 20px);
}

/* fx comments*/
body.modal-open {
    overflow: visible;
}

a.showhr i {
    color: #3aa33a;
    cursor: pointer;
}

/*end modal*/
/*welcome page*/
.navbar-welcome {
    width: calc(100% - 400px);
    text-align: right;
}

.navbar-welcome a, .navbar-welcome a:hover {
    color: #fff !important;
    padding: 0.5em 1em;
}

.navbar-welcome a:hover {
    opacity: 0.8;
}

.navbar-welcome a.btn.waves-effect.waves-light.btn-block.btn-info {
    display: inline;
    text-transform: uppercase;
    margin-left: 10px;
}

.navbar-welcome a.btn.waves-effect.waves-light.btn-block.btn-info:hover {
    opacity: 1 !important;
}

#land .navbar-welcome {
    width: calc(100% - 68px);
    text-align: right;
}

@media (max-width: 1023px) {
    span.logo-text.mnp, .row.border-top-1 {
        display: none;
    }

}

@media (max-width: 768px) {
    #land .navbar-welcome {
        width: calc(100%);
        text-align: right;
        float: right;
        padding-right: 5px;
    }

    #land .topbar .top-navbar .navbar-header .navbar-brand {
        display: block;
        float: left;
    }

    #land #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin5] {
        display: block;
        float: left;
        width: 80px;
    }

    span.logo-text.hideonmobile {
        display: none;
    }
    .logo-text img.light-logo{
        width: 180px!important;
    }
}

@media (max-width: 768px) {
    a.hideonmobile {
        display: none;
    }
}

#land .page-wrapper-full {
    margin-top: 200px;
    background: #fff;
}

#land .auth-wrapper .auth-box {
    box-shadow: 0 0 0;
    padding: 0;
    margin: 0 0;
}

#land .auth-wrapper {
    min-height: 460px;
    padding: 0;
    margin: 0;
    display: block;
}

#land .card-body {
    box-shadow: 1px 0 20px rgba(0, 0, 0, .08);
    padding: 2.25rem;
}

.p-50 {
    padding: 50px 8%;
}

#land .w-50 {
    width: 47% !important;
}

.card.w-50.m-r-5-proc {
    margin-right: 3%;
}

.card.w-50.m-l-5-proc {
    margin-left: 3%;
}

#land footer.footer {
    max-width: 1360px;
    margin: 0 auto;
}

.row.border-top-1 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #dee2e6;
}

.row.redhighlighed {
    border-radius: 2px;
    background: #dd4b39;
    color: #fff !important;
    padding: 15px 20px;
    max-width: 100%;
    margin: 5px auto;
    cursor: pointer;
    transition: all .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.row.redhighlighed .col-sm-3.p-0 img {
    height: 60px;
    width: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    right: 7px;
}

.row.redhighlighed:hover {
    opacity: 0.95;
}

.row.redhighlighed h4 {
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
}

.row.redhighlighed h5 {
    font-weight: 400;
    font-size: 0.95em;
    line-height: 0.8em
}

.row.redhighlighed .col-sm-3.p-0 {
    border-right: solid 1px #fff;
    margin-right: 20px;
    max-width: calc(25% - 20px);
}

.row.redhighlighed.silver {
    background: #f2f2f2;
    color: #212529 !important;
}

.row.redhighlighed.silver .col-sm-3.p-0 {
    border-color: #a1aab2;
}

.row.redhighlighed.silver h4 {
    font-size: 18px;
    font-weight: 700;
}

.row.redhighlighed.silver {
    background: #f2f2f2;
    color: #212529 !important;
}

@media (max-width: 1320px) {
    .row.redhighlighed h4 {
        font-size: 18px;
        font-weight: 700;
    }

    #land .row.p-50 {
        padding: 50px 20px;
    }

    #land .w-50 {
        margin: 5px;
        width: calc(50% - 10px) !important;
    }
}

@media (max-width: 575px) {
    .row.redhighlighed .col-sm-3.p-0 {
        display: none
    }

    .row.redhighlighed h5 {
        display: none;
    }

    .row.redhighlighed {
        text-align: center
    }

    .row.redhighlighed h4 {
        text-align: center;
        margin: 0;
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: normal !important
    }

}

.row.redhighlighed.silver:hover {
    background: #eaeaea;
}

/*end welcome page*/

.table th {
    font-size: 0.9em;
    line-height: 0.9em;
    padding-top: 15px;
    padding-bottom: 15px;
}

.cursor-default {
    cursor: default !important;
}

.bg-blue {
    background: #2962FF !important;
}

.table th {
    font-size: 0.9em;
}

.blue {
    color: #2962FF !important;
}

i.mdi.mdi-bell.font-24.roundedbell {
    background: #555;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    text-align: center;
    display: block;
    line-height: normal;
    margin-top: 18px;
}

@media (min-width: 1170px) {

    a.nav-link.sidebartoggler.waves-effect.waves-light {
        display: none;
    }

    /*logo fix*/
    b.logo-icon {
        display: none;
    }

    /*end logo fix*/
}

/*logo fix*/

b.logo-icon {
    display: none !important;
}

/*end logo fix*/
a:hover {
    color: #555;
}

a {
    color: #3aa33a;
}

body {
    background-image: url(/assets/images/bg.gif);
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: fixed;
}

body.welcome {
    background-image: url(/assets/images/misc/bgwelcome-min-1.jpg);
    background-repeat: no-repeat;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 0px 15px;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    line-height: 36px;
    padding: 3px 15px;

}

aside.customizer.show-service-panel p {
    padding: 20px;
}

.footer {
    font-size: 12px;
}

.footer a, .footer a:visited, .footer a:hover {
    color: #000;
    display: inline-block;
    padding-left: 10px
}

.footer a:hover {
    text-decoration: underline;
}

.footer i {
    font-size: 13px;
    color: #fff;
    position: relative;
    border-radius: 2px;
    background: #212121;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 22px;
}

a.bottomsocial i:hover {
    background: #3aa33a !important;
    color: #fff !important;
}

footer .col-lg-3 {
    padding-top: 13px;
}

@media (max-width: 1024px) {

    footer .col-lg-3, footer .col-lg-9 {
        width: 100%;
        float: none;
        text-align: center !important;
        display: block;
        flex: none;
        max-width: 100%;
    }

    #socialbottom {
        display: block
    }

    footer .col-lg-9 {
        padding-top: 10px
    }

    .footer i {
        font-size: 16px;
        top: 20px;
        margin-bottom: 30px;
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 30px;
    }
}

a.bottomsocial {
    text-decoration: none !important;
}

.page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

    color: #4f5467;

}

.sidebar-nav ul .sidebar-item {

    min-height: 36px;
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    background: #f8f9fa;
}

.sidebar-nav .has-arrow::after {
    right: 20px;
    top: 20px;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap {
    color: #3aa33a;
    opacity: 1;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 5px 15px;
}

.black {
    color: #000;
}

.hide-menu i.m-r-10.mdi.mdi-color-helper {
    position: relative;
    bottom: 5px;
    color: #000;
}

img.nbi {
    width: 17px;
    height: 17px;
    margin-right: 9px;
    margin-left: 10px;
}

.sidebar-nav ul .sidebar-item .sidebar-link i {
    font-size: 17px;
}

.sidebar-item.banners-side {
    text-align: center;
    padding-top: 20px;
}

.topnav-img {
    height: 20px;
    margin: 15px 5px 0 5px;
}

.topnav-img:hover {
    opacity: 0.8;
}

@media (max-width: 1025px) {
    .customizer .service-panel-toggle {
        top: 60%;
    }
}

@media (max-width: 767px) {
    .topnav-img {
        margin: 15px 8px
    }
}

li.nav-item.dropdown i.fa.fa-angle-down {
    margin-left: 3px;
}

#user-coins-stat img {
    height: 40px;
}

a .mystats small {
    color: #000;
}

@media (max-width: 1320px) {
    .col-xs-4.m-r-40.m-l-30.mystats {
        margin-left: 0;
    }
}

@media (max-width: 1260px) {
    .col-xs-4.m-r-40.mystats {
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    .mystats {
        display: block;
        float: left;
        width: 33.33%;
        margin: 10px 0 !important;
        /* text-align:center*/
    }

    div#user-coins-stat {
        display: block;
    }
}

@media (max-width: 690px) {
    #myinlinebuttons {
        display: block;
        overflow: hidden;
    }

    span#myinlinebuttons span.btn.waves-effect.waves-light.btn-block.btn-info {
        bottom: 0 !important;
        border: 0;
        float: left !important;
        display: block !important;
        margin: 10px 0 0 0;
        margin-right: 8px !important;
    }

    #user-coins-stat .float-left {
        float: none !important;
        margin: 0;
        text-align: center
    }

    #user-coins-stat img {
        margin-bottom: 10px;
    }
}

@media (max-width: 460px) {
    #user-coins-stat img {
        margin-bottom: 5px;
        height: 30px;
    }

    .mystats {
        line-height: 12px !important;
    }
}

.mailbox .message-center .message-item .mail-contnet .mail-desc {
    color: #212529;
}

span.pull-right.next-level {
    float: right;
}

h6.graphs {
    font-weight: 300;
    font-size: 0.94em;
}

h6.graphs b {
    font-weight: 700;
}

b.info {
    color: #3aa33a;
}

@media (max-width: 991px) {
    .mystats .float-left {
        float: none !important;
        text-align: center;
        margin: 0 !important
    }

    #user-coins-stat img {
        height: 30px !important;
        padding: 0 0 5px 0 !important;
        margin: 0 !important
    }
}

@media (max-width: 370px) {

    span.logo-text {
        /*   display: none;*/
    }

    aside.left-sidebar {
        width: 96%;
    }
}

@media (max-width: 480px) {
    span.pull-right.next-level {
        float: none;
        display: block;
    }

}

span.pull-right.next-level a {
    position: relative;
    top: 1px;
}

.modal-body .table td, .modal-body .table th {
    padding: 0.8rem;
}

.user-set img {
    width: auto;
    height: 15px;
    position: relative;
    bottom: 1px;
}

.nav-tabs .nav-link {
    color: #343a40
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #3aa33a;
    font-weight: 700
}

.tab-content > .active {
    border: solid 1px #dee2e6;
    border-top: 0;
}

@media (max-width: 890px) {
    .card.bg-primary.leaderboard {
        padding: 0;
        background: transparent !important;
    }

    .card.bg-primary.leaderboard {
        background: transparent !important;
    }

}

td.pch {
    border: 0;
    background: #fff !important;
    height: 1px !important;
    padding: 0;
}

tr.aser, tr.aser td {
    background: #fafafa;
}

tr.aser td p {
    padding: 2px 0 2px 0;
    margin: 0;
}

tr.aser button.btn.btn-sm.btn-info {
    padding: .385rem .5rem;
    height: 35px;
}

.border-top-0 th {
    border-top: 0;
}

.responsive-tabs-container .tab-pane {
    margin-bottom: 15px;
}

.responsive-tabs-container .accordion-link {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #000000;
    border-radius: 2px;
    border: 1px solid #000;
    color: #f8f9fa;
    background-image: url(/assets/images/misc/arrow-r.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

.responsive-tabs-container .accordion-link.active {

    font-weight: 700;
    color: #ffffff;
    background: #3aa33a;
    border-color: #3aa33a;
    background-image: url(/assets/images/misc/arrow-d.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

@media (max-width: 767px) {
    .responsive-tabs-container.accordion-xs .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-xs .accordion-link {
        display: block;
        margin-bottom: 0;
        margin-top: 3px; /*fix tabs*/
    }

    table.table.table-striped.border-top-0 th {
        border-top: solid 1px #dee2e6 !important;
    }

    table.table.table-striped.border-top-0 th {
        font-size: 0.8em;
        line-height: 1em;
        vertical-align: middle;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block;
    }

    table.table.table-striped.border-top-0 th {
        border-top: solid 1px #dee2e6 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .responsive-tabs-container.accordion-md .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-md .accordion-link {
        display: block;
    }
}

@media (min-width: 1200px) {
    .responsive-tabs-container.accordion-lg .nav-tabs {
        display: none;
    }

    .responsive-tabs-container.accordion-lg .accordion-link {
        display: block;
    }
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    background-color: #3aa33a;
}

.nav-pills .nav-link {
    color: #212529;
}

.nav-tabs .nav-link:hover {
    border: 1px solid transparent;
    color: #3aa33a;
}

th.mini {
    width: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

th.mini i.mdi.mdi-calendar-range.font-18 {
    color: #3aa33a;
    display: block;
    cursor: pointer;
    position: relative;
    bottom: 8px;
}

/*Cronies talking*/
.comment-footer {
    font-size: 0.8em;
    border-bottom: solid 1px #dee2e6;
    overflow: hidden;
    position: relative;
    bottom: 10px;
    padding-bottom: 10px;
}

.comment-row h6 {
    padding: 0;
    margin: 0;
}

.comment-row .p-2 {
    padding-top: 0 !important;
}

.comment-widgets .comment-row {
    padding: 0 15px;
}

.comment-widgets .comment-row:hover {
    background: #fff;
}

.nav-tabs .nav-link.active:hover {
    border-color: #dee2e6 #dee2e6 #fff;
}

@media (max-width: 767px) {

    .col-sm-12.col-md-5.p-l-0.videoad {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px
    }

    .col-sm-12.col-md-5.p-l-0.videoad img {
        width: 100%
    }

    .col-sm-12.col-md-7.p-r-30.slidervideos {
        padding-right: 10px;
    }
}

h4.card-title {
    color: #3aa33a;
}

@media (max-width: 768px) {
    .banners-inside br {
        display: none;
    }

    .banners-inside img {
        display: block;
        margin: 0 auto 5px auto

    }

    .card.bg-primary.leaderboard .card-body {
        padding: 0;
        margin: 0;
    }
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    font-size: 1.1em;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding-left: 16px;
}

/*progress bar*/
li.pro-main-in-bg {
    background: #e8e6e6;
    text-align: center;
    color: #fff;
    border-top: solid 1px #fff;
    width: 85px;
    height: 40px;
    line-height: 40px;
}

.pro-main-in-bg ul {
    list-style: none;
    width: 85px;
    margin: 20px auto !important;
    padding: 0;
}

li.iconprogressbar {
    background: #f2f2f2;
    padding: 10px 0;
    width: 85px;
    height: 60px;
}

li.iconprogressbar img {
    display: block;
    margin: 0px auto;
    height: 40px;
}

li.pro-main-in-bg.bet {
    background: #3aa33a;
}

li.pro-main-in-bg.off {
    background: #39b9be;
}

li.pro-main-in-bg.game {
    background: #d6c134;
}

li.pro-main-in-bg.rew {
    background: #5283fe;
}

.sidebar-nav .has-arrow.subsub::after {
    position: relative;
    right: auto;
    top: 4px;
}

li.sidebar-item.secondlevel {
    padding-left: 21px;
}

li.sidebar-item.secondlevel i.mdi.mdi-adjust {
    width: 33px;
    padding-left: 3px;
}

li.sidebar-item.secondlevel.active a.sidebar-link.active {
    color: #328f32 !important;
}

/* inner*/
.h1, h1 {
    font-size: 2em;
    color: #3aa33a;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

@media (max-width: 39.9375em) {
    .tablesaw-stack tbody tr:not(:last-child) {
        border-bottom: 2px solid #3aa33a
    }
}

/*pics*/
.activepick, .activepick:hover {
    background: #febf42 !important;
    color: #000;
    font-weight: bold;
}

.date-list {
    background: #3aa33a;
    border: solid 1px #3aa33a;
    border-bottom: 0;
    padding: 0.3em 0.9em;
    overflow: hidden;
    color: #fff;
}

.date-list span {

    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
}

table.tablesaw {
    /*border-bottom: solid 5px #dee2e6;*/
}

@media (max-width: 480px) {

    .date-list span {
        display: block !important;
        text-align: center;
        padding: 0.3em 0.7em;
    }

    .date-list button {
        float: none !important;
        margin: 0 auto !important;
        width: 170px !important;
        display: block;
    }

    .date-list {
        padding: 0.4em 0 0.8em 0;
    }
}

table.mini td {
    padding: 0.9em !important;
    margin: 0 !important;
    line-height: 24px;
    font-size: 0.95em !important;
    border: 0 !important
}

table.mini td p {
    padding: 0 !important;
    margin: 0 !important;
}

td.consesus-team-name {
    color: #2d7d2d;
}

span.tablesaw-cell-content img {
    height: 18px;
}

@media (max-width: 900px) {
    #land .w-50 {
        margin: 0 !important;
        width: 100% !important;
        display: block !important;
    }

    .p-50 {
        padding: 10px 5px;
    }

    #land .page-wrapper-full {
        margin-top: 50px;
    }

    body.welcome {
        background-image: url(/assets/images/bg.gif) !important;
        background-repeat: repeat-x;
        background-position: center top;
        background-attachment: fixed;
    }

    #land .card-body {
        padding: 2.25rem 0.5rem;
    }
}

@media (max-width: 425px) {
    tr.aser button.btn.btn-sm.btn-info {
        padding: .385rem 0;
        width: 100%;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 5px;
    }
}

.green.active {
    color: #3aa33a !important;
}

@media (min-width: 768px) {
    .col-sm-12.col-md-5.p-l-0.videoad {
        padding-right: 6px;
        position: relative;
        right: 5px;
    }
}

/*RULES*/
#accordian-3 .btn.btn-link {
    background: #ffffff;
    color: #212529;
    padding: 20px;
    margin-top: 15px;
    cursor: pointer;
    position: relative;
    border: 0;
    border-left: 3px solid #3aa33a;
    box-shadow: 0px 0px 10px #dddddd;
    color: #000 !important;
    display: block;
    width: calc(100% - 40px);
    text-align: left;
    white-space: normal;
}

#accordian-3 .card-header, #accordian-3 .card {
    padding: 0;
    margin: 0;
    height: auto;
    background: transparent;
}

#accordian-3 ul {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

#accordian-3 li {
    padding: 4px 0;
}

p.response {
    background: #eef5f9;
    border-radius: 2px;
    padding: 15px;
}

div#accordian-3 h5 i {
    color: #3aa33a;
    font-size: 0.9em;
}

/*issues page*/
.page-link {
    color: #000;
}

.page-link:hover {
    color: #3aa33a;
}

.page-item.active .page-link {
    background-color: #3aa33a;
    border-color: #3aa33a;
}

/* profile*/
.image-center {
    margin: 0 auto;
    display: block;
}

h7 {
    font-size: 0.9em;
    font-weight: 700;
    display: block;
}

span.text-truncate.profilemail {
    display: inline-block;
    max-width: 170px;
    position: relative;
    top: 3px;
    left: 2px;
}

.img-thumbnail.img-fluid.editavatar {
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

/*AVATAR EDIT*/
input#profile_picture_user_picture {
    width: 200px;
    margin: 0 auto;
}

/*DATABLES NO SORT*/
.nosort::after {
    display: none !important;
}

.nosort::before {
    display: none !important;
}

.nosort {
    pointer-events: none !important;
    cursor: default !important;
}

/*Friends resuests*/
#frequests span.action-icons.active i {
    font-size: 1.2em !important;
}

#frequests span.label.label-success.label-rounded {
    font-size: 1em;
}

#frequests .comment-footer {
    padding-top: 5px;
}

/*profile mobile*/
@media only screen and (max-width: 823px) and (orientation: landscape) {

    #profile-right-col .col-md-3.col-lg-3 .card-title a.btn.btn-xs.btn-success.float-right {
        float: none !important;
        display: block;
        width: 39px;
        margin-top: 5px;
    }

    #profile-right-col .col-md-3.col-lg-3 .float-right {
        float: none !important;
    }
}

@media only screen and (max-width: 425px) {

    .comment-footer span.label.label-success.label-rounded {
        display: inline-block;
        margin: 7px 0;
    }

    .comment-footer span {
        float: none !important;
        display: block;
    }

    .comment-footer span.label.label-success.label-rounded {
        display: inline-block;
        margin: 7px 0;
    }
}

a.result {
    cursor: pointer;
    display: block;
}

a.result:hover {
    background: #eef5f9;
    color: #000;
}

a.textwhitefgreen {
    color: #fff !important;
}

a.textwhitefgreen:hover {
    color: #3aa33a !important;
}

.hidden {
    display: none !important;
}

/*ABOUT*/
h4.card-title.about img {
    display: block;
    margin: 20px auto;
    border: solid 3px #e9ecef;
    background: #e9ecef;
    width: 180px;
}

h4.card-title.about {
    font-size: 1.8em;
    font-weight: 700;
    text-align: center;
}

hr.short {
    width: 40%;
    margin: 30px auto;
}

/*ref*/
img.croniesimg {
    height: 60px;
    display: block;
    float: none;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {

    #refprogram h4, #refprogram h6 {
        text-align: center;
    }

    #refprogram img {
        margin: 0 auto 20px auto;
    }
}

h4.card-title.about.ref img {
    background: transparent;
    border: 0;
    width: 79px;
}

.modal-title {
    color: #3aa33a;
}

/*taskbar on mobile*/
@media only screen and (max-width: 767px) {
    li.pro-main-in-bg {
        height: 30px;
        line-height: 30px;
        font-size: 0.8em;
    }

    li.iconprogressbar {
        height: 60px;
    }
}

/*filters mobile*/
@media only screen and (max-width: 767px) {

    div#zero_config_filter {
        text-align: left;
        position: relative;
        right: 8px;
    }

    div#zero_config_length {
        text-align: left;
    }

    div#zero_config_filter input {
        width: 180px;
    }

    #zero_config_length select.form-control.form-control-sm {
        margin-left: 16px;
    }

}

/*tabs pagination*/
@media only screen and (max-width: 768px) {
    #zero_config_previous, #zero_config_next {
        display: none !important;
    }

    .col-sm-12.col-md-7 .dataTables_paginate.paging_simple_numbers .pagination {
        float: none;
        display: inline-block;
        margin: 15px auto;
        position: relative;
        right: 10px;
    }

    .col-sm-12.col-md-7 .dataTables_paginate.paging_simple_numbers .pagination li.paginate_button.page-item {
        float: left;
    }
}

/*user sidebar*/
.address {
    padding-left: 17px;
}

@media only screen and (max-width: 768px) and (min-width: 767px) {

    #profile-right-col a.btn.btn-xs.btn-success.float-right,
    #profile-right-col .float-right {
        float: none !important;
        display: block;
        width: 60px;
        margin-top: 5px
    }

    span.text-truncate.profilemail {
        display: block;
        max-width: 170px;
        position: relative;
        top: 3px;
        left: 2px;
    }

    .address {
        padding-left: 0px;
    }

    #profile-right-col i.ti-location-pin, #profile-right-col i.ti-mobile, #profile-right-col i.ti-email {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    span.text-truncate.profilemail {
        max-width: 215px;
    }
}

/*mobile breadcrumb*/
@media only screen and (max-width: 425px) {
    .breadcrumb-item + .breadcrumb-item {
        padding-left: .2rem !important;
    }

    .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {

        font-size: 8px !important;
    }

    .breadcrumb-item + .breadcrumb-item::before {

        padding-right: .2rem !important;

    }

    li.breadcrumb-item {
        margin: 0;
    }

}

/*
@media only screen and (max-width: 979px) {.page-breadcrumb .breadcrumb {
    display: none;
}}
*/

/*no-wrap*/
.table-responsive th {
    white-space: nowrap;
}

.icons-yes td {
    padding: 0.7rem 0.8rem 0.65rem 0.8rem;
    line-height: 23px;
}

.avatars-yes td {
    padding: 0.7rem 0.8rem 0.65rem 0.8rem;
    line-height: 27px;
}

.nowrap td, .nowrap th {
    white-space: nowrap;
}

/*CONSENSUS TABLE*/
.table-scroll {
    position: relative;
    max-width: 940px;
    margin: auto;
    overflow: hidden;

}

.table-wrap {
    width: 100%;
    overflow: auto;
}

.table-scroll table {
    width: 100%;
    margin: auto;

}

.table-scroll th, .table-scroll td {
    padding: 0.7rem;
    border: 1px solid #dee2e6;
    background: #fff;
    white-space: nowrap;
    vertical-align: top;
    font-weight: normal;
}

.table-scroll thead {
    background: #fff;
    font-size: 0.9em;
    border-bottom: solid 2px #dee2e6;
    font-weight: 500;
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.clone th, .clone td {
    visibility: hidden
}

.table-scroll th {
    font-weight: normal;
}

th.fixed-side {
    width: 65px;
    padding-top: 15px;
}

th#info {
    border-right: 0;
    background: #f8f9fa;
    padding: 0 0.8rem;
}

td#infoicons {
    border-left: 0 !important;
    padding: 0 0.8rem;
    background: #f8f9fa;
}

.clone td, .clone th {
    border-color: transparent
}

.clone tbody th {
    visibility: visible;

}

.clone .fixed-side {
    border: 1px solid #dee2e6;
    background: #fff;
    visibility: visible;
}

.number {
    float: left;
    padding-right: 10px;
    width: 60px;
    padding-top: 4px;
}

.procent {
    position: relative;
    bottom: 3px;
}

.teamone {
    overflow: hidden;
    height: 30px;

}

.txbar {
    font-size: 0.8em;
    position: relative;
    text-align: right;
}

td.teams {
    line-height: 30px;
}

.width-210 {
    width: 210px;
}

.results-team {
    min-width: 215px;
    padding-right: 20px !important;
    padding-left: 15px !important;
}

#infoicons img, .moreinfo-scores img {
    width: 17px;
    margin-right: 37px;
    margin-left: 37px;
    padding: 7px 0;
}

.moreinfo-scores img {
    margin-right: 5%;
    margin-left: 5%;
}

#infoicons img:hover, .moreinfo-scores img:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);

}

#info small {
    text-transform: uppercase;
    line-height: 31px;
    display: inline-block;
}

.shadow-cell {
    -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
!important -moz-box-shadow: inset 0 px 3 px 3 px 0 px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.1) !important;
}

a.nav-link.innernavigation {
    margin-right: 5px;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

a.nav-link.innernavigation:hover {
    background: #e9ecef;
}

.warning {
    color: #f12424;
}

.green {
    color: #3aa33a;
}

a.nav-link.innernavigation.active.show:hover {
    background: #3aa33a;
}

/*faq*/
@media only screen and (max-width: 689px) {
    #accordian-3 .btn.btn-link {
        width: 100% !important;
    }

    #accordian-3 .card-body {
        padding-left: 0;
        padding-right: 0;
    }
}

.top-2 {
    position: relative;
    top: 2px;
}

i.fas.fa-dollar-sign.circle {
    background-color: #3aa33a;
    color: #fff;
    padding: 4px 6px 2px 6px;
    font-size: 12px;
    border-radius: 50%;
    margin-left: 3px
}

.poubelle {
    position: absolute;
    right: 0;
    top: 5px;
}

@media (max-width: 736px) {
    .poubelle {

        top: 7px;
    }
}

/*TROPHIES*/
#myBtnContainer .btn {
    background: #e9ecef;
}

#myBtnContainer .activex {
    background: #000000;
    color: #fff;
}

div#myBtnContainer {
    margin-bottom: 10px;
}

.filterDiv {
    float: left;

    background-color: #fff;
    width: calc(20% - 10px);
    line-height: normal;
    text-align: center;
    margin: 5px;
    min-height: 200px;
    display: none;
    border-radius: 2px;
}

.show {
    display: block;
}

.award-title {
    color: #fff;
    background: #3aa33a;
    padding: 10px 0;
    border-radius: 2px;
    font-weight: normal;
    border-bottom: solid 2px #dee2e6;
    text-align: left;
    padding-left: 15px;
}

.filterDiv img {
    height: 64px;
    display: block;
    margin: 10px auto 0 auto;
}

.categ {
    display: block;
    font-size: 11px;
    background: #eef5f9;
    padding: 3px 0;
    text-transform: uppercase;
    width: 130px;
    margin: 5px auto 5px auto;
}

.award-title span {
    float: right;
    padding-right: 13px;
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.award-title span:hover {
    padding-right: 15px;
}

.youget {
    padding: 10px 0;
    border-top: solid 1px #ddd;
    margin-top: 10px;
}

.youget i {
    margin-right: 5px;
    cursor: pointer
}

.task {
    height: 40px;
}

.task div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.task {

    padding: 0 10px;
}

@media only screen and (max-width: 1024px) {
    .filterDiv {
        width: calc(25% - 10px);
    }

}

@media only screen and (max-width: 900px) {
    div#myBtnContainer .btn {
        width: calc(20% - 5px);
        margin-bottom: 3px;
    }
}

@media only screen and (max-width: 812px) {
    .filterDiv {
        width: calc(33.33% - 10px);
    }
}

@media only screen and (max-width: 690px) {
    .filterDiv {
        width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 690px) {
    .filterDiv {
        width: calc(50% - 10px);
    }
}

@media only screen and (max-width: 475px) {
    div#myBtnContainer .btn {
        width: calc(25% - 5px);

    }
}

@media only screen and (max-width: 424px) {
    .filterDiv {
        width: calc(100% - 10px);
        margin: 5px 0;
    }

    .task {
        height: auto;
    }

    .task div {
        position: relative;
        top: auto;
        transform: translateY(0%);
    }
}
@media (max-width: 375px){
    .logo-text img.light-logo {
        width: 150px!important;
    }
}

@media only screen and (max-width: 375px) {
    div#myBtnContainer .btn {
        width: calc(33.333% - 5px);
    }
}

.awards {
    position: relative;
    right: 5px;
}

div#mywards .filterDiv {
    display: block;
}

/*END THROPHIES*/

/*scores*/
table.table.m-b-0.no-border.scores td {
    padding: 0.2rem 1.3rem;
}

tr.scores-header {
    background: #3aa33a;
    color: #fff;
    font-size: 14px !important;
}

td.winner {
    font-weight: bold;
    background-image: url(/assets/images/misc/play.png) !important;
    background-repeat: no-repeat;
    background-position: -8px center
}

tr.scores-header td {
    padding: 0.5rem 1.3rem !important;
    line-height: 18px
}

tr.scores-header .mdi {
    font-size: 18px !important;
}

td.beforescore {
    height: 15px;
}

tr.moreinfo-scores td {
    padding-left: 5px !important;
    padding-right: 0 !important;
    border-top: solid 1px #e9ecef !important;
    background: #f8f9fa;
    border-bottom: solid 1px #fff !important;
}

@media only screen and (max-width: 1360px)  and  (min-width: 991px) {
    .moreinfo-scores img {
        margin-right: 4%;
        margin-left: 4%;
    }

    tfoot.total-footer th {
        background: #f8f9fa;
        font-weight: 700;
    }
}

/*cont info*/
@media only screen and (min-width: 812px)  and (max-width: 1500px) {
    span.text-truncate.profilemail {

        max-width: 125px;

    }
}

.bg-light-white {
    background-color: #fff !important;
}

div#liguesswitcher .navbar {
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

#liguesswitcher a.navbar-brand {
    font-size: 1em;
    font-weight: 700;
}

#liguesswitcher a.nav-link {
    color: #212529;
}

#liguesswitcher a.nav-link:hover {
    color: #3aa33a;
}

#liguesswitcher .navbar-light .navbar-nav .active > .nav-link {
    color: #000;
    font-weight: 700;
    background-color: #eef5f9;
    border-radius: 2px;
}

@media (min-width: 992px) {
    #liguesswitcher .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

#liguesswitcher .navbar-light .navbar-toggler {
    color: #3aa33a;
    border-color: rgba(0, 0, 0, 0);
}

@media (max-width: 991px) {
    #liguesswitcher .nav-link {
        padding-left: 1rem !important;
        border-bottom: 1px solid #dee2e6
    }

    #liguesswitcher .nav-link:hover {
        background-color: #eef5f9
    }
}

.carousel-inner h3:after {
    display: block;
    content: '';
    border-bottom: dotted 1px #eef5f9;
    width: 45px;
    margin: 7px 0 0 0
}

/*videos*/

.videobox {
    margin: 15px 0;
    background: #000;
    background-image: url(/assets/images/misc/moment.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.round.smaller {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
}

.full-width {
    width: 100%;
}

.card.bg-success a {
    color: #fff;
    text-decoration: underline;
}

.card.bg-success a:hover {
    text-decoration: none;
}

.font-30 {
    font-size: 30px;
}

a.nav-link.innernavigation.active.show.solo:hover {
    background: #2d7d2d;
}

/*cashout*/
.md-stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;

}

.md-stepper-horizontal .md-step {
    display: table-cell;
    position: relative;
    padding: 24px 0;
}

.md-stepper-horizontal .md-step:active {
    border-radius: 15% / 75%;
}

.md-stepper-horizontal .md-step:first-child:active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.md-stepper-horizontal .md-step:last-child:active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.md-stepper-horizontal .md-step:hover .md-step-circle {
    background-color: #555;
}

.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
    display: none;
}

.md-stepper-horizontal .md-step .md-step-circle {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-color: #a1aab2;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 0.8em;
    font-weight: 800;
    color: #FFFFFF;
}

.md-stepper-horizontal.green .md-step.active .md-step-circle {
    background-color: #3aa33a;
}

.md-stepper-horizontal .md-step.active .md-step-circle {
    background-color: rgb(33, 150, 243);
}

.md-stepper-horizontal .md-step.done .md-step-circle:before {
    font: normal normal normal 12px/1 "Material Design Icons";
    content: "\f12c";
}

.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
    display: none;
}

.md-stepper-horizontal .md-step.editable .md-step-circle {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.md-stepper-horizontal .md-step.editable .md-step-circle:before {
    font: normal normal normal 12px/1 "Material Design Icons";
    content: "\f1d8";
}

.md-stepper-horizontal .md-step .md-step-title {
    margin-top: 0.8em;
    font-size: 0.9em;
    font-weight: 600;
}

.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
    text-align: center;
    color: rgba(0, 0, 0, .26);
}

.md-stepper-horizontal .md-step.active .md-step-title {
    font-weight: 600;
    color: rgba(0, 0, 0, .87);
}

.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
    font-weight: 600;
}

.md-stepper-horizontal .md-step .md-step-optional {
    font-size: 12px;
}

.md-stepper-horizontal .md-step.active .md-step-optional {
    color: rgba(0, 0, 0, .54);
}

.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
    position: absolute;
    top: 40px;
    height: 1px;
    border-top: 1px solid #DDDDDD;
}

.md-stepper-horizontal .md-step .md-step-bar-right {
    right: 0;
    left: 50%;
    margin-left: 15px;
}

.md-stepper-horizontal .md-step .md-step-bar-left {
    left: 0;
    right: 50%;
    margin-right: 15px;
}

.md-step.active.editable .md-step-circle {
    background: #212529 !important;
}

@media only screen and (max-width: 450px) {
    .round.smaller {
        display: none !important;
    }

    .md-stepper-horizontal .md-step .md-step-circle {

        width: 24px;
        line-height: 24px;
        height: 24px

    }

    .md-stepper-horizontal .md-step .md-step-bar-left,
    .md-stepper-horizontal .md-step .md-step-bar-right {

        top: 36px;

    }
}

/*video optimizer*/
.md-stepper-horizontal.green {
    background: #ffffff;
    padding: 0;
    border-bottom: solid 2px #3aa33a;
    padding-top: 10px;
}

.ytLoader > img.playBtn, .playBtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    height: auto;
    opacity: 0.8;
    cursor: pointer;
}

.ytLoader {
    position: absolute;

    top: 0;
    bottom: 0;
    width: 100% !important;
}

.ytLoader .cover {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    cursor: pointer;
}

/*CLAIM BUTTON*/
.container-but .btn {
    width: 120px;
    display: block;
    margin: 10px auto;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, .5) !important;
}

/*CLAIM BUTTON*/

/*OK icon*/
.checkmark {
    width: 200px;
    margin: 0 auto;
    padding-top: 40px;
}

.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: dash 2s ease-in-out;
    -webkit-animation: dash 2s ease-in-out;
}

.spin {
    animation: spin 2s;
    -webkit-animation: spin 2s;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}

.animated-fade {

    text-align: center;
    animation: text .5s linear .4s;
    -webkit-animation: text .4s linear .3s;
}

.thumbn img {
    margin: 10px 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.thumbn img:hover {
    filter: contrast(130%);
}

/*counter*/
/*counter*/
#clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
    width: 240px;
    margin: 0 auto;
}

#clockdiv > div {
    padding: 5px;
    border-radius: 3px;
    background: #ffffff;
    display: inline-block;
}

#clockdiv div > span {
    border-radius: 50%;
    background: #3aa33a;
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 65px;
    font-size: 0.8em;
}

.smalltext {
    padding-top: 5px;
    font-size: 0.4em;
    color: #4f5467;
}

/*404*/
@media only screen and (max-width: 1280px) {

    img.orintfx {
        width: 128px;
        height: 128px
    }

    .error-box .error-title {
        font-size: 90px;
        font-weight: 900;

        line-height: 100px;
    }
}

@media only screen and (max-width: 823px) and (orientation: landscape) {

    img.orintfx {
        display: none;
    }

    .error-box .error-title {
        font-size: 72px;
        font-weight: 900;
        text-shadow: 0px 0px 0 #fff, 0px 0px 0 #343a40;
        line-height: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .error-box .error-title {
        font-size: 72px;
        font-weight: 900;
        text-shadow: 0px 0px 0 #fff, 0px 0px 0 #343a40;
        line-height: 80px;
    }
}

/*end 404*/
/*picks*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #3aa33a;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #3aa33a;
}

.pick-card {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    border: solid 2px #4CAF50;
    border-radius: 4px;
    padding: 30px !important;
    font-size: 1.2em;
    font-weight: 500;
}

.p-t-8 {
    padding-top: 8px;
}

.pick-card p {
    font-weight: normal;
    margin-bottom: 0;
}

.card-body.pick-card .alert {
    width: 100%;
}

.pick-card h6 {
    margin: 0;
    padding-top: 5px;
}

.more-money img {
    height: 90px;
}

@media only screen and (max-width: 768px) {
    .more-money img {
        float: none !important;
        display: block;
        margin: 0 auto !important;
        width: 100px !important;
    }

    .more-money {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .card-body.pick-card .col-md-4, .card-body.pick-card .col-md-3 {
        padding: 15px 20px !important;
        background: #f3f3f3;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 580px) {
    .pick-card .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        text-align: center !important;
    }
}

.pick-card small {
    line-height: 0.9rem !important;
    display: block;
    font-size: 0.7em;
}

.more-money h6 {
    font-weight: normal;
    line-height: 1.5rem;
}

/*end picks*/
/*contact*/
#textarea {
    min-height: 150px;
}

#socialblocks a {
    color: initial;
}

/*end contact*/

/*teaser*/
.teaser {
    overflow: hidden;
}

.teaser span {
    padding-top: 8px;
}

.silver {
    background: #eaeaea;
}

@media (max-width: 767px) {
    .teaser span, .teaser button {
        float: none !important;
    }

    .teaser span {
        display: block;
    }

    .sals-make-picks .teasers-tab .col-xs-12, .sals-make-picks .teasers-tab .col-xs-6 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .sals-make-picks .teasers-tab .col-xs-12 p, .sals-make-picks .teasers-tab .col-xs-6 p {
        font-size: 13px;
    }

    .funkyradio-warning .glyphicon {
        margin-left: 3%;
    }

    .funkyradio input[type="radio"]:empty ~ label {
        text-indent: 0em;
        padding-left: 3em !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: 3%;
    }
}

@media (min-width: 700px) {
    .funkyradio-warning .glyphicon {
        margin-left: 1%;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .sals-make-picks .teasers-tab .col-xs-12, .sals-make-picks .teasers-tab .col-xs-6 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: -5%;
    }

    /*txt*/
    .funkyradio-warning .glyphicon {
        margin-left: -4%;
    }
}

@media (max-width: 1199px) and  (min-width: 768px) {
    .funkyradio input[type="radio"]:empty ~ label {
        text-indent: 3.25em !important;
    }
}

@media (min-width: 1200px) {
    .funkyradio input[type="radio"]:empty ~ label {
        text-indent: 3.25em !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: -7%;
    }
}

.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dee2e6;
    font-weight: normal;
    text-align: left;
    background: #fff;
}

.funkyradio input[type="radio"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    margin-top: 0.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #dee2e6;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label {

}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before {
    font-family: "Material Design Icons";
    content: '\F12C';
    color: #607D8B;
    text-indent: 0.9em;

}

.funkyradio input[type="radio"]:checked ~ label {

}

.funkyradio input[type="radio"]:checked ~ label:before {
    content: '\F12C';
    font-family: "Material Design Icons";
    color: #FFF;
    background-color: #3aa33a;
    text-indent: 0.9em;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before {
    color: #fff;
    background-color: #3aa33a;
}

/*end teaser*/

/*parlay*/

@media (min-width: 700px) {
    .funkyradio-warning .glyphicon {
        margin-left: 1%;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .sals-make-picks .teasers-tab .col-xs-12, .sals-make-picks .teasers-tab .col-xs-6 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: -5%;
    }

    .funkyradio input[type="checkbox"]:empty ~ label {
        text-indent: 3.25em !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: -4%;
    }
}

@media (min-width: 1200px) {
    .funkyradio input[type="checkbox"]:empty ~ label {
        text-indent: 3.25em !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: -7%;
    }
}

.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dee2e6;
    font-weight: normal;
    text-align: left;
}

.funkyradio input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    margin-top: 0.5em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #dee2e6;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\F12C';
    font-family: "Material Design Icons";
    text-indent: .9em;
    color: #C2C2C2;
}

.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

.funkyradio input[type="checkbox"]:checked ~ label:before {
    content: '\F12C';
    font-family: "Material Design Icons";
    text-indent: .9em;
    color: #333;
    background-color: #dee2e6;
}

.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #dee2e6;
}

.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #3aa33a;
}

@media (max-width: 1199px) and  (min-width: 1px) {
    .funkyradio input[type="checkbox"]:empty ~ label {
        text-indent: 3.25em !important;
    }
}

@media (min-width: 1200px) {
    .funkyradio input[type="checkbox"]:empty ~ label {
        text-indent: 3.25em !important;
    }

    .funkyradio-warning .glyphicon {
        margin-left: -7%;
    }
}

/*end parlay*/

/*my profile*/
.bg-purple {
    background: #7460ee;
}

@media (max-width: 768px) and  (min-width: 576px) {
    span.fxbline {
        margin-left: 0px;
        display: block;

    }
}

@media (max-width: 767px) and  (min-width: 576px) {
    #winnerstats h2.black.display-6 {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    #myprofile-page h4 {
        font-size: 1.2em;
    }
}

/*ads*/
.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-left: -30px;

}

.animated-arrows-container {
    margin-top: 30px;
    height: 86px;
    margin-bottom: 30px;
}

.arrows path {
    stroke: #3aa33a;
    fill: transparent;
    stroke-width: 2px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}

/*games*/

.md-stepper-horizontal.green.transparent {
    background-color: transparent;
    border: 0;
}

.bottom-15 {
    position: relative;
    bottom: 15px;
}

.font-default {
    font-size: 16px !important;
}

.game-help {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
}

.table.tgames td, .table.tgames th {
    border-top: solid 10px #fff;
    padding: 1rem 0.8rem;

}

.table.tgames td {

    background: #F5F5F5;
}

/*lotto*/
#lottery_game .col-ciffre {
    width: 40px;
    height: 40px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 6px;
    display: inline-block;
}

.col-ciffre span {
    display: block !important;
    border: solid 1px #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.col-ciffre a {
    display: block;
    color: #3b3c3f;
}

.col-ciffre a:hover {
    color: #3aa33a;
}

span.site_color {
    background: #3aa33a;
    border: solid 1px #3aa33a;
}

span.site_color a, span.site_color a:hover {
    color: #fff;
}

#lottery_game {
    clear: both;
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
}

.yournumber {
    width: 50px;
    border-radius: 2px;
    border: solid 1px #3aa33a;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

@media (max-width: 1023px) {
    #lottery_game .col-ciffre, .col-ciffre span {
        width: 60px;
        height: 60px;
    }

    .col-ciffre span {
        line-height: 60px
    }
}

@media (max-width: 320px) {
    #lottery_game .col-ciffre, .col-ciffre span {
        width: 65px;
        height: 65px;
    }

    .col-ciffre span {
        line-height: 65px
    }
}

/*end lotto*/

/*fix stepper*/
.md-stepper-horizontal .md-step .md-step-title {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}

/*city*/
#mycity, #mycitydone {
    width: 940px;
    padding: 0;
    margin: 0
}

#mycitydone {
    margin-bottom: 30px
}

#mycity td, #mycitydone td {
    padding: 0 !important;
}

table#mycity img:hover, table#mycitydone img:hover, #todo img:hover, #done img:hover {
    opacity: 0.7;
    filter: contrast(180%);
    -webkit-filter: contrast(180%);
}

table#mycity img, table#mycitydone img, #todo img, #done img {
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#todo, #done {

    white-space: nowrap;

}

.row.cityarrow {
    clear: both;
}

.pop {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
    word-wrap: normal;
}

@media (max-width: 1279px) {
    #todo, #done {
        overflow-x: scroll;
        overflow-y: hidden;

    }
}

@media (max-width: 1366px) and (min-width: 1280px) {
    .citycontainer {
        min-width: 835px;
        width: 100%;
    }

    #todo, #done {

        display: block;

        white-space: normal;

        width: 835px !important;

        margin: 0 auto;

        overflow: hidden;
    }

    .pop {
        /* display: block; */
        margin: 0 !important;
        padding: 0;
        /* float:left; */
        word-wrap: normal;
    }

    #todo img, #done img {
        height: 310px;
    }
}

@media (min-width: 1280px) {
    .row.cityarrow i {
        visibility: hidden;
    }
}

/*general*/
@media (max-width: 570px) {

    .game-help {
        padding: 20px 0 0 0;
        box-shadow: none !important;
        border: 0 !important;
        border-top: solid 1px #ddd !important;
    }

    .game-help .bg-info {
        background-color: #fff !important;
        border: solid 1px #3aa33a;
    }

    .game-help .bg-info h5 {
        color: #3aa33a;
    }

    .game-help input {
        border-color: #000 !important
    }

    .game-help .btn-light {
        color: #000 !important;
        font-weight: bold
    }
}

/*squares*/
#gameTable thead {
    display: none;
}

/*pickem*/
.pickem-game div {
    padding-left: 1%;
    padding-right: 1%;
}

.pickem_match {
    cursor: pointer;

    padding: 0 10PX;
}

.pickem_match span {
    display: block;
}

.font-body {
    font-size: 0.94em;
}

.pickem-game span.active {
    background: #ffbc34;
    border: solid 1px #ffbc34;
    color: #000;
}

.pickem-game span {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.1em;
}

.pickem-game span {
    border-radius: 2px;
    border: 1px solid #CFD8DC;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    td.pickem-game .col-md-6 {
        margin: 0 0 5px 0;
    }

    .card-body.pick-card.font-body.npm {
        padding: 7px 15px !important;
    }
}

@media (max-width: 580px) {
    .input-group.destroy-sm {
        display: block;
    }

    .input-group.destroy-sm input {
        display: block;
        width: 100%;
        margin-bottom: 5px;
        line-height: 1.2rem;
    }

    .input-group.destroy-sm button {
        border-radius: 2px !important;
        line-height: 1.6em
    }
}

table.table.pick-count.table-bordered {
    background: #fff !important;
}

tr.gray-box {
    background: #FAFAFA;
}

.table .table {
    background-color: #fafafa;
}

table.table.pick-count.table-bordered td, table.table.pick-count.left-seq-count td {
    font-size: 0.85em;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    line-height: 50px;
    height: 50px;
    width: 70px;
}

td.user-pick-placed {
    background: #3aa33a;
    color: #fff
}

table.table.pick-count.table-bordered td a {
    color: #53656e;
}

table.table.pick-count.table-bordered td a:hover {
    color: #000;
}

td.user-pick-placed b, td.user-pick-winner b {
    font-weight: normal;
    display: inline-block;
    padding: 0 3px;
    min-width: 73px;
}

.pick-count i.mdi.mdi-dots-horizontal, .pick-count b, .pick-count i.mdi.mdi-adjust.font-20 {
    display: inline-block;
    min-width: 73px;
}

table.table.pick-count.left-seq-count td {
    line-height: 52px;
    height: 53px;
    width: 50px !important;
}

.pick-count i.mdi.mdi-adjust.font-20 {
    top: 2px;
    position: relative;
}

.pick-count i.mdi.mdi-dots-horizontal {
    color: #90A4AE
}

.user-pick-winner {
    background: #ffbc34;
    color: #ffffff;
}

/*end squares*/
@keyframes arrow {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}

.arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}

.arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

/*animation*/
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* ELITE */
@charset "utf-8";
/* DEMO 03 */
.pricing-table-3 {
    background-color: #FFF;
    margin: 15px auto;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);

    width: 90%;
    border-radius: 0px 10px 0px 10px;
    overflow: hidden;
    position: relative;
    min-height: 250px;

}

.pricing-table-3.basic .price {
    background-color: #3aa33a;
    color: #FFF;
}

.pricing-table-3.premium .price {
    background-color: #ff9f00;
    color: #FFF;
}

.pricing-table-3.business .price {
    background-color: #c3185c;
    color: #FFF;
}

.pricing-table-3 .pricing-table-header {
    background-color: #212121;
    color: #FFF;
    padding: 20px 0px 0px 20px;
    position: absolute;
    z-index: 5;
}

.pricing-table-3 .pricing-table-header p {
    font-size: 12px;
    opacity: 0.7;
}

.pricing-table-3 .pricing-table-header::before {
    content: "";
    position: absolute;
    left: -25%;
    right: -142%;
    height: 150%;
    top: -56%;
    background-color: #212121;
    z-index: -1;
    transform: rotate(-20deg);
}

.pricing-table-3 .price {
    position: absolute;
    top: 0px;
    text-align: right;
    padding: 110px 20px 4px 0px;
    right: 0px;
    left: 0px;
    font-size: 20px;
    z-index: 4;
}

.pricing-table-3 .price::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 91px;
    bottom: -8px;
    background-color: inherit;
    /* transform: skewY(8deg); */
    z-index: -1;
    box-shadow: 0px 5px 0px 5px rgba(0, 0, 0, 0.05);
}

/*add code*/
.pricing-table-3.basic .pricing-table-header::before {

    left: -25%;
    right: -201%;
    height: 158%;
    top: -56%;
    transform: rotate(-18deg);
}

.pricing-table-3.premium .pricing-table-header::before {
    left: -64%;
    right: -150%;
    transform: rotate(-18deg);
    height: 157%;
}
/*end add code*/

.pricing-table-3 .pricing-body {
    padding: 20px;
    padding-top: 200px;
}

.pricing-table-3 .pricing-table-ul li {

    font-size: 1.1em;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.pricing-table-3 .pricing-table-ul .fa {
    margin-right: 10px;
}

.pricing-table-3.basic .pricing-table-ul .fa {
    color: #28b6f6;
}

.pricing-table-3.premium .pricing-table-ul .fa {
    color: #ff9f00;
}

.pricing-table-3.business .pricing-table-ul .fa {
    color: #c3185c;
}

.pricing-table-3 .view-more {
    margin: 10px 20px;
    display: block;
    text-align: center;
    background-color: #3aa33a;
    padding: 10px 0px;
    color: #FFF;
}

.pricing-table-3 b {
    float: right;
    padding-left: 5px;
}

.pricing-table-3.premium b {
    color: #3aa33a;
}

.pricing-table-3 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li.not-avail.noprice {
    height: 56px;
    line-height: 37px;
    border-bottom: 0;
}

.pricing-table-3.premium .btn-warning {
    letter-spacing: 1px;
    background-color: #ff9f00;
    color: #fff !important;
}

.pricing-table-3.premium .price {
    font-size: 14px;
}

.pricing-table-3 .price strong {
    font-size: 21px;
}

.pricing-table-3 .btn {
    padding: 10px;
}

.pricing-table-3.premium .btn-warning:hover {
    background: #ff8800;
}

@media (max-width: 1090px) {
    .pricing-table-3 .pricing-table-ul li {

        font-size: 1em;

    }

    .pricing-table-3 {

        width: 100%;

    }
}

@media (max-width: 768px) {
    .pricing-table-3 .pricing-table-header::before {
        display: none;
    }

    .pricing-table-3 .pricing-table-header {
        position: relative;
        padding: 20px 20px 0px 20px;
    }

    .pricing-table-3 .pricing-body {

        padding-top: 20px;
    }

    .pricing-table-3 .price {
        position: relative;
        padding: 0px 20px 0px 20px;
        text-align: left;
    }

    .pricing-table-3 .pricing-table-header {
        background-color: #3aa33a;
    }

    .premium .pricing-table-header {
        background: #ff9f00;
    }

    .pricing-table-3 .pricing-table-header p {
        margin-bottom: 6px;
        padding-bottom: 12px;
        border-bottom: dotted 1px #fff;
        opacity: 1;
    }
}

@media (max-width: 680px) and (min-width: 576px) {
    .pricing-table-3 b {
        float: none;
        padding-right: 5px;
        padding-left: 0
    }

}

@media (max-width: 374px) and (min-width: 100px) {
    .pricing-table-3 b {
        float: none;
        padding-right: 5px;
        padding-left: 0
    }

}

.intrelite {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

h2.eacc {
    font-size: 2.5em;
    font-style: oblique;
    color: #212121;
    font-weight: 900;
    padding-left: 30px
}

h2.eacc u {
    border: 0;
    display: inline-block;
    background-image: url("/assets/images/misc/underline.svg");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

ul.fa-ul.why {
    font-size: 1.2em;
    margin-left: 3.5em;
    padding-top: 20px;
}

ul.fa-ul.why li {
    padding-bottom: 10px;
}

ul.fa-ul.why li i {
    color: #3aa33a;
}

@media (max-width: 767px) {
    h2.eacc {
        text-align: center;
    }

    h2.eacc {
        font-size: 2em;
        padding-left: 0

    }

    ul.fa-ul.why {

        margin-left: 1.5em;

    }
}

/*end elite*/
/*BETS CHIPS*/
.card.chipsbet {

    background: #232323;
    background-image: url("/assets/images/misc/bgchipspc-min.png");
    background-repeat: no-repeat;
    min-height: 414px;
    background-position: right top;
    padding-left: 80px
}

.card.chipsbet h2 {
    color: #fff;
    font-size: 42px;
    padding-top: 35px;
    letter-spacing: 2px;
    padding-bottom: 10px;
}

.card.chipsbet a {
    margin-bottom: 6px;
    display: block;
    cursor: pointer;
}

.card.chipsbet a:hover {
    filter: brightness(120%);
}

.row.m-b-20.chipsfeat img {
    display: block;
    margin: 30px auto;
}

.row.m-b-20.chipsfeat h4 {
    font-size: 21px;
}

.m-b-3 {
    margin-bottom: 3px;
}

span.black.redu u {
    border-bottom: solid 3px #F44336;
}

button.btn.waves-effect.waves-light.btn-block.btn-danger.btn-chips {
    max-width: 400px;
    font-size: 22px;
    text-align: center;
    border-radius: 40px;
    padding: 10px;
    font-weight: bold;
    display: block;
    width: 100%;
    white-space: normal;
    line-height: normal;
    margin: 20px auto 20px auto;
}

span.yell {
    color: yellow;
}

@media (max-width: 1280px) {
    .card.chipsbet {
        background-position: 475px 0px;
    }
}

@media (max-width: 900px) {
    .card.chipsbet {
        background-position: 460px 0px;
    }
}

@media (max-width: 900px) {
    .card.chipsbet {
        background-image: none;
        padding: 0;
        text-align: center
    }

    .card.chipsbet h2::after {

        content: '';
        background-image: url(/assets/images/misc/cartoon-chips-min.png);
        display: block;
        width: 100%;
        height: 399px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .card.chipsbet a img {
        width: 80% !important;
        height: auto;
    }

    .card.chipsbet a {
        margin-bottom: 20px;
    }

    .card.chipsbet img.d-md-none.d-lg-none.d-xl-none {
        display: block !important;
        margin: 0 auto 30px auto;
        width: 50%;
    }
}

@media (max-width: 425px) {
    .card.chipsbet h2 {
        letter-spacing: 0;
    }

    .card.chipsbet a {
        margin-bottom: 10px;
    }
}

/*END BETS CHIPS*/
/*ADAPTED GRAPHS*/
#viprewards {
    padding: 15px 10px 10px 10px;
    border: solid 1px #333;

    background: #fbfbfb;
    border-radius: 5px;
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(244,244,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );*/
    background: rgb(49, 51, 55);
    background: -moz-linear-gradient(top, rgba(49, 51, 55, 1) 0%, rgba(41, 43, 45, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(49, 51, 55, 1) 0%, rgba(41, 43, 45, 1) 100%);
    background: linear-gradient(to bottom, rgba(49, 51, 55, 1) 0%, rgba(41, 43, 45, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313337', endColorstr='#292b2d', GradientType=0);
    -webkit-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.15);
}

#viprewards .progress {
    background-color: #424242;
}

#viprewards h6.m-t-30.graphs {
    margin-top: 0;
}

#viprewards .info.blue.vip {
    color: #EF6C00;
}

#viprewards .d-xl-inline {
    color: #9E9E9E;
}

#viprewards b.info.blue.vip, #viprewards h6.graphs b {
    color: #ffdb42 !important;
    font-size: 16px;
}

/*
#viprewards i.ti-help-alt.font-14 {
    color: #9E9E9E;
}
*/

.vip-bg {
    background: rgb(254, 236, 80);
    background: -moz-linear-gradient(top, rgba(254, 236, 80, 1) 0%, rgba(255, 241, 48, 1) 4%, rgba(252, 220, 78, 1) 7%, rgba(252, 205, 77, 1) 49%, rgba(248, 181, 0, 1) 51%, rgba(248, 186, 45, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(254, 236, 80, 1) 0%, rgba(255, 241, 48, 1) 4%, rgba(252, 220, 78, 1) 7%, rgba(252, 205, 77, 1) 49%, rgba(248, 181, 0, 1) 51%, rgba(248, 186, 45, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 236, 80, 1) 0%, rgba(255, 241, 48, 1) 4%, rgba(252, 220, 78, 1) 7%, rgba(252, 205, 77, 1) 49%, rgba(248, 181, 0, 1) 51%, rgba(248, 186, 45, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feec50', endColorstr='#f8ba2d', GradientType=0);
}

#currentsportbucks img, #currentrewards img {
    background: #3aa33a;
    border-radius: 50%;
    width: 24px;
    border: solid 3px #3aa33a;
    margin-left: 7px;
    float: right;
    position: relative;
    bottom: 5px;
}

#currentrewards img {
    background: #2962ff;
    border: solid 3px #2962ff;
}

#viprevards img {
    background: #FFBE01;
    border: solid 3px #FFBE01;
}

#viprewards h6.m-t-30.graphs {
    margin-top: 0;
    padding-top: 5px;
    height: 27px;
    background-position: 100% center;
    background-repeat: no-repeat;
    background-image: url(/assets/images/icons/token1.svg);
    background-size: contain;
}

.card-body.adapted.blackgraph {
    padding-top: 0;
    /* padding: 0; */
    /* background: transparent; */
    /* border-top: solid 5px #eef5f9; */
}

@media (max-width: 767px) {
    #viprewards h6.m-t-30.graphs {
        background-position: right center;
    }

    .card-body.adapted.blackgraph {
        padding: 0;
        background: transparent;
        border-top: solid 10px #eef5f9;
    }

    #viprewards {
        padding-bottom: 15px;
    }

    #viprewards {
        margin-top: 0
    }

    #csportsvideos {
        margin-bottom: 20px;
    }

    #currentsportbucks, #currentrewards, #viprewards {
        cursor: pointer
    }

    #currentsportbucks:hover, #currentrewards:hover {
        transition: all 0.3s ease;;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    #currentsportbucks span.pull-right.next-level, #currentrewards span.pull-right.next-level, #viprewards span.pull-right.next-level {
        float: none;
        display: inline;
        margin-left: 5px;
    }

    #currentsportbucks span.pull-right.next-level::before, #currentrewards span.pull-right.next-level::before, #viprewards span.pull-right.next-level::before {
        font: normal normal normal 24px/1 "Material Design Icons";
        display: inline-block;
        content: "\F054";
        color: #000000;
        margin-right: 5px;
        font-size: 12px;
    }

    #currentsportbucks span.pull-right.next-level a, #currentrewards span.pull-right.next-level a, #viprewards span.pull-right.next-level a {
        display: none;
    }

    #currentrewards h6.m-t-30.graphs, #viprewards h6.m-t-30.graphs, #currentsportbucks h6.m-t-10.graphs {
        margin-top: 0 !important;
    }

}

@media (max-width: 600px) {
    .card-body.adapted {
        padding: 1rem;
    }
}

@media (max-width: 767px) and (min-width: 567px) {
    #currentsportbucks, #currentrewards {
        width: 46%;
        margin-right: 4%;
        float: left;
    }

    #currentrewards {
        margin-right: 0;
        margin-left: 4%;
    }

    #currentrewards .progress.m-b-10, #viprewards .progress.m-b-10 {
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    #currentsportbucks img, #currentrewards img, #viprewards img {
        display: block;
        float: right;
    }

    #currentsportbucks span.pull-right.next-level, #currentrewards span.pull-right.next-level, #viprewards span.pull-right.next-level {
        display: block;
        float: left;
        margin-left: 0px;
    }

    #currentsportbucks .progress, #currentrewards .progress, #viprewards .progress {
        display: block;
        clear: both;
    }

    #currentrewards h6.m-t-30.graphs, #currentsportbucks h6.m-t-10.graphs, #viprewards h6.m-t-30.graphs {
        padding-bottom: 20px !important;
    }

    h6.graphs b.info {
        display: block;
        float: left;
    }
}

@media (max-width: 566px) {
    #currentsportbucks {
        padding-bottom: 20px;
    }

    #currentsportbucks img, #currentrewards img, #viprewards img {
        bottom: 5px;
        position: relative;
    }

    .card-body.adapted {
        padding-bottom: 0.5rem;
    }

    #currentsportbucks span.pull-right.next-level::before, #currentrewards span.pull-right.next-level::before, #viprewards span.pull-right.next-level::before {
        margin-left: 5px
    }
}

#viprewards span.pull-right.next-level::before {
    color: #fff;
}

/*END ADAPTED GRAPHS*/

/*YES&NO*/
.card.yesno {
    background: transparent;
}

.bet-chips-msg {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 0;
    border-radius: 5px;
    margin: 0 0 5px 0;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

span.qsbet {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0;
    padding: 30px 120px 20px 120px;
}

span.betChipsQue_clock {
    position: absolute;
    top: 9px;
    right: 0;
    background: #e0e7eb;
    color: #37474F;
    padding: 1px 10px;
    border: solid 1px #dbe0e3;
    border-right: 0;
}
.answers .btn, .answers .btn:hover, .answers .btn:focus, .answers .btn:active {
    border: 0;
    box-shadow: 0 0 0 0.2rem rgba(58,163,58,0);
}
button.btn.or {
    background: #3aa33a;
    background-image: url(/assets/images/misc/or.svg);
    background-size: contain;
    width: 27px;
    height: 35px;
    background-repeat: no-repeat;
    border: none !important;
}

button.btn.btn-dark.dark-no {
    background: #0e192d;
    padding-right: 16px;
}
.answers .btn-info:hover {
    background-color: #3aa33a;
}

.answers .btn:hover {
    color: #FFEB3B;
}

.answers {
    text-align: center;
    padding: 15px 0;
    background: #f7f7f7;
    border-top: solid 1px #ebeaea;
}
@media (max-width: 768px) {
    span.betChipsQue_clock {
        top:0
        /*  position: relative;
          top: auto;
          left: auto;
          margin: 6px auto;
          display: block;
          text-align: center;
          max-width: 115px;
          background: #FFECB3;
          border: 0;*/
    }

    span.qsbet {
        padding: 30px 15px;
    }

    .answers {
        border-bottom: solid 1px #ebeaea;
    }

    .bet-chips-msg {
        padding-top: 10px;
        margin-bottom: 30px;
        border-bottom: solid 10px #edf4f8;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
        -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0);
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.0);
        margin-bottom: 0;
        border-radius: 0;
    }
}

/*END YES&NO */

/*FYI*/
@media (min-width: 1036px) {
    div#user-coins-stat {
        padding-left: 15%;
    }
}

@media (min-width: 1280px) and (max-width: 1281px) {
    div#user-coins-stat {
        padding-left: 5%;
    }
}

@media (min-width: 1024px) and (max-width: 1024px) {
    div#user-coins-stat {
        padding-left: 15%;
    }
}

/*FYI*/

/*page title*/
@media (max-width: 768px) {
    .row.p-b-10.p-t-0 .col-lg-12 h2 {
        font-size: 1.6em !important;
    }

    .row.p-b-10.p-t-0 .col-lg-12 h4 {
        font-size: 1em !important;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes text {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes text {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.display-none {
    display: none;
}