.site-wrapper {
    position: relative;
    padding-top: 50px;
    height: 100%;
    background-color: #111111;
    overflow: hidden;
    transition: padding 0.2s ease-in-out;
}

/* HEADER */
.site-header {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    transition: top 0.2s;
    z-index: 999;
    background-color: #111111;
}

    .site-header.anonymous {
        top: 0;
    }

.header-main {
    position: relative;
}


@media screen and (min-width: 64em) {
    .site-wrapper,
    .side-bar {
        padding-top: 112px !important;
    }

        .site-wrapper.anonymous,
        .side-bar.anonymous {
            padding-top: 140px !important;
        }

    .site-header {
        top: 0;
    }
}

/* HEADER NAV */
.header-nav {
    position: relative;
    padding: 0;
    height: 26px;
    text-align: center;
    background-color: #111111;
}

    .header-nav a {
        color: #A1A1A1;
        background-color: #111111;
        font-size: 14px;
        font-weight: bold;
        line-height: 26px;
        margin: 0 1px;
        padding: 0 14px 1px 14px;
        border-bottom: 2px solid #111111;
        transition: color 0.2s, border-color 0.2s;
    }

        .header-nav a.active {
            color: #FFC500;
        }

        .header-nav a:hover {
            color: #FFC500;
        }

/* SIDE BAR */
body[data-whatinput=touch] .tooltip[data-is-active=true] {
    display: none !important;
}

.side-bar-left-toggle,
.side-bar-right-toggle {
    position: absolute;
    top: 0;
    width: 45px;
    height: 100%;
    background-color: #111111;
    z-index: 2;
    display: none;
}

.side-bar-left-toggle {
    left: 0;
}

.side-bar-right-toggle {
    right: 0;
}

    .side-bar-left-toggle .icon,
    .side-bar-right-toggle .icon {
        position: relative;
        left: 50%;
        background-repeat: no-repeat;
    }

.side-bar-left-toggle .icon {
    top: 50%;
    height: 30px;
    width: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background-image: url("/Affiliate/Assets/img/common/common-sprite.png");
    background-position: 3px -201px;
}

.side-bar-left-toggle:hover .icon {
    background-position: -29px -201px;
}

.site-wrapper.open-left .side-bar-left-toggle .icon {
    top: 50%;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background-position: 0 -168px;
}

.site-wrapper.open-left .side-bar-left-toggle:hover .icon {
    background-position: -20px -168px;
}

.side-bar-right-toggle .icon {
    top: 50%;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background-image: url("/Affiliate/Assets/img/common/settings-sprite.png");
    background-position: -13px -143px;
}

.side-bar-right-toggle:hover .icon {
    background-position: -58px -143px;
}

.site-wrapper.open-right .side-bar-right-toggle .icon {
    top: 50%;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background-position: -13px -53px;
}

.site-wrapper.open-right .side-bar-right-toggle:hover .icon {
    background-position: -58px -53px;
}

.side-bar {
    position: absolute;
    top: 0;
    height: 100%;
    width: 320px;
    padding-top: 50px;
    z-index: 998;
    transition: ease-in-out 0.2s;
}

.side-bar-left {
    left: 0;
}

.side-bar-right {
    right: 0;
}

.side-bar-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.side-bar-menu {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    background-color: #262626;
    z-index: 1;
    overflow-x: hidden;
    transition: 0.2s ease-in-out;
}

.side-bar-menu-tabs {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 65px;
    overflow-y: auto;
    overflow-x: hidden;
}

.side-bar-left .side-bar-menu {
    left: 0;
}

.side-bar-right .side-bar-menu {
    right: 0;
}

.side-bar-view {
    position: relative;
    height: 100%;
    width: 275px;
    background-color: #202020;
    background-color: rgba(32, 32, 32, 0.8);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 0;
    transition: 0.2s ease-in-out;
}

.side-bar-left .side-bar-view {
    left: 0;
}

.side-bar-right .side-bar-view {
    right: 0;
}

.side-bar-menu nav > div {
    height: 75px;
    width: 100%;
}

.side-bar-nav {
    padding: 15px 5px 10px 5px;
    border-bottom: 2px dotted #555555;
}

    .side-bar-nav .column {
        padding: 0 0.2rem;
    }

    .side-bar-nav .columns {
        height: 60px;
        padding: 10px 5px 5px 5px !important;
        margin-bottom: 8px;
        border-radius: 5px;
        border: 2px solid #000000;
        background-color: #000000;
        display: inline-block;
    }

        .side-bar-nav .columns:hover {
            border-color: #FFFFFF;
        }

#sideBarRight .tabs,
#sideBarRight .tabs-content {
    background: none;
    border: none;
}

/* SITE */
.site-content {
    position: relative;
    height: 100%;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: 20px;
}

    .site-content > * {
        position: relative;
    }

    .site-content .container {
        min-height: 300px; /*fix footer not at bottom when height content div (container) too small*/
    }

.site-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111111;
}

.anonymous .site-background {
    background-color: #E0DDED;
}

.site-background-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/* header right*/
#header-right {
    position: absolute;
    top: 0;
    right: 0;
    height: inherit;
}

@media screen and (max-width: 64em) {
    .anonymous #header-right {
        position: unset;
        padding: 0;
        height: unset;
    }
}

/* event countdown */
#coming-event-container {
    display: none;
    height: 68px;
    position: relative;
    overflow: hidden;
    margin-top: 9px;
    margin-left: 5px;
}

    #coming-event-container > img {
        position: absolute;
        top: 0;
    }

    #coming-event-container .button-default {
        color: white;
        margin-right: 5px;
        font-size: 18px;
        margin: 0;
        padding: 0 0 0 33px;
        height: inherit;
        line-height: 23px;
        background-position: 0 0;
        border-radius: 0;
        width: 160px;
        cursor: pointer;
        background: url("/Affiliate/Assets/img/Common/Button/sport_buttonshape.png") no-repeat;
    }

        #coming-event-container .button-default:hover {
            background-position: 0 -567px;
        }

    #coming-event-container .timer .col, #coming-event-container .timer .lbl {
        display: inline-block;
        width: 32px;
        text-align: center;
    }

    #coming-event-container .timer .col {
        line-height: 26px;
        font-size: 24px;
        padding-top: 10px;
        font-weight: 900;
    }

    #coming-event-container .timer .lbl {
        line-height: 12px;
        font-size: 12px;
    }

    #coming-event-container #event-timer-bg-img {
        right: 110px;
        height: 100%;
    }

    #coming-event-container #event-timer-logo {
        height: auto;
        display: inline-block;
        vertical-align: top;
    }

    #coming-event-container .button-neutral {
        display: inline-block;
        vertical-align: top;
        background: url("/Affiliate/Assets/img/Common/Button/neutral_sectionbutton.png") no-repeat;
        height: inherit;
        margin-right: -20px;
        padding-left: 8px;
        background-position: -754px 0;
        overflow: visible;
        width: 170px;
        cursor: pointer;
    }

/* login control */
#loginControl {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.anonymous #loginControl {
    display: block;
    color: #BBB2D6;
}

#loginControl * {
    font-size: 14px;
}

.anonymous #loginControl a {
    color: #BBB2D6;
}

    .anonymous #loginControl a:hover {
        color: #F47B20;
    }

#loginControl input {
    height: 29px;
    width: 100%;
    color: #000000;
    border-radius: 2px;
    margin: 5px 0 3px 0;
    padding: 0 5px;
    display: inline-block;
}

.anonymous #loginControl input::placeholder {
    font-size: 18pt!important;
}

.anonymous #loginControl input {
    height: 45px;
}

#loginControl .button {
    color: #000000;
    background-color: #FFC500;
    margin: 5px 5px 0 0;
    line-height: 20px;
    padding: 4px 10px;
    height: 30px;
    vertical-align: top;
}

    #loginControl .button:hover {
        background-color: #111111;
        border-color: #FFC500;
        color: #FFC500;
    }

.anonymous #loginControl .button {
    color: #BBB2D6;
    background-color: #31296A;
    height: 45px;
    border-color: #BBB2D6;
}

    .anonymous #loginControl .button:hover {
        background-color: #31296A;
        border-color: #F47B20;
        color: #F47B20;
    }

#loginControl .banking {
    min-width: 90px;
    font-weight: 700;
    border: 1px solid #FFC500;
    background-color: #f0f0f0;
    color: #FFC500;
}

    #loginControl .banking:hover {
        background-color: #FFC500;
        color: #f0f0f0;
        border-color: #f0f0f0;
    }

#loginControl .button-link {
    color: #F47B20;
    font-size: 12px;
    margin: 15px 0 0 0;
    line-height: 35px;
    text-decoration: none;
    display: inline-block;
}

    #loginControl .button-link:hover {
        text-decoration: underline;
    }

#loginControl .anonymous {
    position: relative;
    right: 5px;
    top: 5px;
    transition: right 0.2s;
}

    #loginControl .anonymous .column {
        padding: 0 10px 0 10px;
    }

    #loginControl .anonymous .btn-login {
        vertical-align: top;
    }

#loginControl .affiliate {
    margin-right: 0.5em;
}

    #loginControl .affiliate > * {
        vertical-align: top;
    }

    #loginControl .affiliate .affiliate-info {
        display: inline-block;
        margin: 6px 10px;
    }

        #loginControl .affiliate .affiliate-info .username,
        #loginControl .affiliate .affiliate-info .balance {
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #loginControl .affiliate .affiliate-info .username {
            font-size: 12px;
            font-weight: bold;
        }

        #loginControl .affiliate .affiliate-info .balance {
            font-size: 10px;
        }

            #loginControl .affiliate .affiliate-info .balance > div {
                display: inline-block;
                margin-left: 20px;
            }

    #loginControl .affiliate .affiliate-info-loading {
        height: 15px;
    }

#loginControl .affiliate-info * {
    color: #FFFFFF;
}

@media screen and (min-width: 64em) {
    #loginControl .affiliate {
        margin-top: 25px;
        margin-right: 50px;
    }

    #loginControl .anonymous {
        right: 0;
        top: 4px;
    }

    #loginControl .affiliate .affiliate-info {
        margin: 0 25px 0 40px;
    }
}

@media screen and (min-width: 1280px) {
    #coming-event-container {
        display: inline-block;
    }
}

.dropdown-pane,
.reveal {
    background-color: #202020;
    border: 1px solid #FFC500;
}

.anonymous .dropdown-pane,
.reveal {
    background-color: #E0DDED;
    color: #31296A;
    border: 1px solid #E0DDED;
}

    .anonymous .dropdown-pane label {
        color: #31296A !important;
    }

    .anonymous .dropdown-pane #btnForgotPassword {
        color: #31296A !important;
    }

        .anonymous .dropdown-pane #btnForgotPassword:hover {
            color: #F47B20 !important;
        }

.dropdown-menu-ul {
    list-style: none;
    text-align: left;
    margin: 0px;
}

.header-actions-menu {
    width: 150px;
}

.dropdown-menu-ul > li {
    padding-bottom: 6px;
}

    .dropdown-menu-ul > li:last-child {
        padding-bottom: 0px;
    }

    .dropdown-menu-ul > li > a:hover {
        color: #FFC500 !important;
    }

.button.success {
    color: #000000;
}

    .button.success:focus, .button.success:hover {
        background-color: #111111 !important;
        color: #FFC500;
        border-color: #FFC500;
    }

div.header-login-menu {
    text-align: right;
}

    div.header-login-menu a {
        display: inline-block;
    }

        div.header-login-menu a.login {
            background: url("/Affiliate/Assets/img/Common/button-login.png") center / contain no-repeat;
            height: 30px;
            width: 100px;
            float: right;
            margin-right:3px;
        }

        div.header-login-menu a.signup {
            background: url("/Affiliate/Assets/img/Common/button-signup.png") center / contain no-repeat;
            height: 30px;
            width: 120px;
            float: right;
        }

div.header-link-menu > * {
    border-right: 1px solid #FFC500;
    padding: 0 20px 0 20px;
    display: inline-block;    
}

.anonymous div.header-link-menu > * {
    padding: 0;
}

div.header-link-menu > *:last-child {
    border-right: none;
    padding-right: 0px;
}

/*@media screen and (max-width:  63.9375em) {
    nav.header-nav {
        display:none;
    }
    div.side-bar-left-toggle{
        display:block !important;
    }
}
@media screen and (min-width:  63.9375em) {
    nav.header-nav {
        display:block;
    }
    div.side-bar-left-toggle {
        display:none !important;
    }
    .side-bar-left .side-bar-view {
        left:0px !important;
    }
}*/

/*Accordion foundation*/
.accordion {
    background: inherit;
    border: 1px solid #FFC500;
}

.accordion-title {
    border: 1px solid #FFC500;
}

    .accordion-title:focus,
    .accordion-title:hover {
        background: inherit;
    }

.accordion-content {
    border: 1px solid #FFC500;
    background-color: inherit;
}

.accordion-title::before {
    color: #FFC500;
}

:last-child > .accordion-title {
    border: 1px solid #FFC500;
}

/*pagination*/
.pagination .current {
    color: #000000;
}

.pagination li {
    display: inline-block;
}

textarea {
    color: #000000;
}

td.datatables-textleft {
    text-align: left !important;
}

.dataTables_length select {
    height: 28px;
    background-color: #2A2A2A;
    border: 1px solid #282828;
    border-radius: 0;
    color: #eaeaea;
}

.highlight td {
    background-color: #483d8b !important;
}

/*Account Login*/
.account-info {
    display: inline-block;
    float: left;
}

    .account-info > div.balance-info * {
        margin-left: 1em;
    }

    .account-info img {
        height: 40px;
        width: 40px;
    }

.account-name {
    color: #FFC500 !important;
    font-weight: bold;
}

.account-menu:hover {
    color: #FFC500 !important;
}

/*menu icon*/
.menuleft-icon {
    background-image: url("/Affiliate/Assets/img/Common/all-menu-icon.png");
    background-repeat: no-repeat;
    background-position: 20px 20px; /*hide*/
    display: inline-block;
    width: 28px;
    height: 25px;
    vertical-align: middle;
}

    .menuleft-icon.menu-dashboard {
        background-position: -5px -95px;
    }

a.selected > .menuleft-icon.menu-dashboard {
    background-position: -35px -95px;
}

.menuleft-icon.menu-textlink {
    background-position: -5px -35px;
}

a.selected > .menuleft-icon.menu-textlink {
    background-position: -35px -35px;
}

.menuleft-icon.menu-referral {
    background-position: -5px -5px;
}

a.selected > .menuleft-icon.menu-referral {
    background-position: -35px -5px;
}

.menuleft-icon.menu-affiliateproductsummaryreport {
    background-position: -5px -65px;
}

a.selected > .menuleft-icon.menu-affiliateproductsummaryreport {
    background-position: -35px -65px;
}

.menuleft-icon.menu-newslisting {
    background-position: -5px -125px;
}

a.selected > .menuleft-icon.menu-newslisting {
    background-position: -35px -125px;
}

.is-accordion-submenu-parent[aria-expanded=true] > a::after {
    margin-top: -12px;
}

.side-bar-view {
    padding-top: 25px;
}

/*header Large setting*/
@media screen and (min-width: 64em) {
    .side-bar-view {
        padding-top: 0px;
    }

    .account-info img {
        height: 55px;
        width: 55px;
    }
}

/*Language selection*/
.languagecountry {
    max-width: 38px;
    height: 20px !important;
    background-color: #111111 !important;
    color: #111111 !important;
    border: none;
}

.anonymous .languagecountry {
    background-color: #31296A !important;
}

ul.country-list {
    max-width: 160px;
}

@media screen and (min-width: 64em) {
    ul.country-list {
        max-width: 280px;
    }
}

ul.country-list > li {
    text-align: left;
}

.footer-country > div.country-select {
    top: -18px;
    width: 45px;
}

div.headerlogin-country {
    display: inline-block;
}

    div.headerlogin-country * {
        margin-left: 0px;
    }

    div.headerlogin-country ul.country-list {
        color: #FFFFFF;
        background-color: #202020;
    }

div.header-link-menu .language-menuselection {
    margin-top: 10px;
}

.anonymous div.header-link-menu .language-menuselection {
    text-transform: uppercase;
}

div.header-link-menu .language-menuselection > li {
    border-right: 1px solid;
}

@media screen and (min-width: 64em) {
    div.header-link-menu .language-menuselection > li:nth-of-type(1), div.header-link-menu .language-menuselection > li:nth-of-type(2) {
        padding: 0px 40px 0px 10px;
    }
}

div.header-link-menu .language-menuselection > li:last-child {
    border-right: none;
    padding-right: 0px;
}

div.header-link-menu .language-menuselection a {
    font-size: 8px !important;
}

@media screen and (min-width: 546px) {
    div.header-link-menu .language-menuselection a {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 64em) {
    .anonymous div.header-link-menu .language-menuselection a {
        font-size: 15px !important;
    }

    .anonymous div.header-link-menu .language-menuselection li:nth-of-type(1) a, .anonymous div.header-link-menu .language-menuselection li:nth-of-type(2) a {
        padding-right: 2.5rem !important;
    }

    .anonymous div.header-link-menu .language-menuselection li:last-child a {
        padding-right: 0 !important;
    }
}

.anonymous div.header-link-menu .language-menuselection .country-select {
    padding: .7rem 1rem .7rem 0;
}

@media screen and (min-width: 546px) {
    .anonymous div.header-link-menu .language-menuselection .country-select {
        padding: .7rem 1rem;
    }
}

div.header-link-menu .dropdown.menu .submenu,
div.afterlogin-menuselection .dropdown.menu .submenu,
div.afterlogin-menuselection-small .dropdown.menu .submenu {
    min-width: 120px;
    text-align: left;
}

div.header-link-menu .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after,
div.afterlogin-menuselection .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after,
div.afterlogin-menuselection-small .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
    border-color: #FFC500 transparent transparent;
}

.anonymous div.header-link-menu .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
    border-color: #BBB2D6 transparent transparent !important;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 64em) {
    .anonymous div.header-link-menu .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after,
    .anonymous div.afterlogin-menuselection .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after,
    .anonymous div.afterlogin-menuselection-small .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
        top: 50%;
        transform: translateY(-50%);
        border: 10px inset;
        border-top-style: solid;
        right: 0;
    }
}

div.afterlogin-menuselection-small .dropdown.menu li,
div.afterlogin-menuselection-small .dropdown.menu li > a {
    font-size: 12px !important;
}

.afterlogin-menuselection-small {
    margin-top: -5px;
}

#modal-login.reveal {
    overflow-y: visible;
}

div.row.biggercontainer {
    max-width: 80rem;
}

.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px; }
    .datepicker.dropdown-menu th {
      padding: 4px 5px; }
    .datepicker.dropdown-menu td {
      padding: 4px 5px; }
  .datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker td.active.day, .datepicker td.active.year {
      background: #2ba6cb; }
    .datepicker td.old, .datepicker td.new {
      color: #999; }
    .datepicker td span.active {
      background: #2ba6cb; }
    .datepicker td.day.disabled {
      color: #eee; }
  .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker th.active.day, .datepicker th.active.year {
      background: #2ba6cb; }
    .datepicker th.date-switch {
      width: 145px; }
    .datepicker th span.active {
      background: #2ba6cb; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .datepicker.days div.datepicker-days {
    display: block; }
  .datepicker.months div.datepicker-months {
    display: block; }
  .datepicker.years div.datepicker-years {
    display: block; }
  .datepicker thead tr:first-child th {
    cursor: pointer; }
    .datepicker thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent; }
  .datepicker tfoot tr:first-child th {
    cursor: pointer; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }
  .datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }

/*# sourceMappingURL=foundation-datepicker.css.map */

.main-content {
    position: relative;
    background-color: #000000;
}

    .main-content > section {
        position: relative;
    }

/* Home Banner */
.mainBanner {
    text-align: center;
    width: auto;
    max-width: none;
    height: auto;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mainBannerContent {
    position: relative;
    color: #FFFFFF;
    padding-top: 30px;
}

    .mainBannerContent .title, .main-content .title {
        font-size: 32px;
        margin: 0;
        text-shadow: #000000 2px 2px 2px;
        color: #fff;
    }

    .mainBannerContent .subtitle {
        font-size: 14px;
        text-shadow: #000000 2px 2px 2px;
    }

    .mainBannerContent .button {
        font-size: 40px;
        font-weight: bold;
        background: #FFC500;
        border: none;
        height: 84px;
        margin-top: 5%;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }

        .mainBannerContent .button,
        .mainBannerContent .button::before {
            border-top-color: #FFC500;
        }

            .mainBannerContent .button:hover {
                background: #4CAA41;
            }

                .mainBannerContent .button:hover::before {
                    border-top-color: #4CAA41;
                    border-right-color: #4CAA41;
                }

@media screen and (max-width: 39.9375em) {
    .mainBannerContent .button {
        font-size: 24px;
        height: 62px;
    }
}

@media screen and (min-width: 40em) {
    .mainBanner {
        width: 100%;
        height: 550px;
    }
}

.main-content {
    position: relative;
}


.mainBannerContent {
    position: relative;
    color: #fff;
    padding-top: 30px;
}


@media screen and (max-width: 64em) {
    .circleGone {
        display: none;
    }
}

.label-title {
    color: #fff;
    font-size: 40px;
    vertical-align: middle;
    text-align: left;
    font-weight: bold;
}

.title-below {
    font-size: 20px;
    text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000;
}

.paragraph-homepage {
    color: #fff;
    font-size: 14px;
    text-align: justify;
    margin-bottom: 0px;
}

@media screen and (min-width: 64em) {
    .mainBannerContent .title, .main-content .title {
        font-size: 48px;
        color: #fff;
        font-weight: bold;
    }
}

@media screen and (min-width: 64em) {
    .mainBannerContent .subtitle, .main-content .subtitle {
        font-size: 48px;
        color: #fff;
        font-weight: bold;
    }
}

/* Home Promo */
#mainPromo {
    margin-top: -180px;
    padding-bottom: 2%;
}

    #mainPromo .column {
        padding: 0 0.45rem;
        margin: 0.45rem 0;
    }

        #mainPromo .column .promo-box {
            position: relative;
            background-color: #111111;
            border-top: 4px solid;
            overflow: hidden;
        }

            #mainPromo .column .promo-box .gradient {
                position: absolute;
                height: 40px;
                width: 100%;
                background-color: green;
                bottom: 158px;
                background: #111; /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#111 95%); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%,#111 95%); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,#111 95%); /* For Firefox 3.6 to 15 */
                background: linear-gradient(to top, rgba(255,255,255,0) 0%, #111 92%);
            }

            #mainPromo .column .promo-box .title {
                position: relative;
                height: 50px;
                width: 100%;
                font-size: 20px;
                font-weight: bold;
                padding: 15px 5px 8px 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: clip;
                z-index: 1;
            }

            #mainPromo .column .promo-box > .title::after {
                position: absolute;
                top: 0;
                left: 40%;
                width: 20%;
                height: 100%;
                content: "";
                border-bottom: 2px solid;
            }

            #mainPromo .column .promo-box .subtitle {
                position: absolute;
                bottom: 0;
                width: 100%;
                font-size: 18px;
                font-weight: bold;
                text-align: center;
                overflow-y: auto;
                z-index: 1;
            }

            #mainPromo .column .promo-box > .background {
                position: absolute;
                bottom: 58px;
                left: 0%;
                max-width: none;
                height: auto;
                width: 100%;
            }

            #mainPromo .column .promo-box > article {
                position: relative;
                height: 150px;
                margin: 0 15px;
                font-size: 12px;
                color: #FFFFFF;
                text-align: center;
                line-height: 25px;
                overflow-y: auto;
            }

            #mainPromo .column .promo-box > .promoButton {
                position: relative;
                display: block;
                width: 100%;
                padding: 15px 0;
                color: #111111;
                font-weight: bold;
            }

            #mainPromo .column .promo-box .promoButton:hover {
                border-color: #FFFFFF !important;
            }

.smallPromo-box {
    display: none;
}

.smallPromoButton, .smallPromoButton:visited {
    display: block;
    color: #FFFFFF;
    position: relative;
    width: 60%;
    padding: 25px 0;
    font-weight: bold;
    border: 2px solid;
    margin: 0 auto;
    border-radius: 2px;
    font-size: 22px;
}

.smallPromo-box .smallPromoButton:hover {
    border: 2px solid;
    border-color: white;
}

@media screen and (max-width: 39.9375em) {
    #mainPromo .smallPromo-box, #mainPromo .smallPromo-box > a {
        color: white;
        display: block;
    }

    .promo-box {
        display: none;
    }

    #mainPromo {
        margin-top: 0;
    }
}

/* Home Content */
/*.verticallyCenter {
    padding: 30px 0px;
}*/

#mainContent .main-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

#mainContent .verticallyCenter:nth-child(odd) {
    background-color: #222222;
}

#mainContent .verticallyCenter:nth-child(even) {
    background-color: #111111;
}

    #mainContent .verticallyCenter:nth-child(even) .imageClass {
        float: right;
    }

.indexContent h1 {
    color: white;
    font-size: 40px;
    vertical-align: middle;
    text-align: left;
}

.indexContent p {
    color: white;
    font-size: 14px;
    text-align: justify;
}

.indexContent .column-productbox {
    height: 180px;
}

.indexContent .column {
    padding: 7px 7px 50px 7px;
}

    .indexContent .column p {
        text-align: center;
        font-weight: bold;
        color: #808080;
    }

.contentButton {
    display: block;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #404040 url("/Affiliate/Assets/img/Common/Button/sport_sectionbutton.png") no-repeat;
    background-position: -845px 0;
    max-height: 283px;
}

    #lnd-description .contentButton:hover {
        background-color: #333333;
    }

.sideIcon {
    width: 40px;
    height: 30px;
    background: url("/Affiliate/Assets/img/Common/common-sprite.png") 0 0 no-repeat;
    position: absolute;
    margin-top: 15px;
    margin-left: 16px;
    z-index: 1;
}

.sideFeature {
    border-bottom: solid #FFC500;
    border-right: 38px solid transparent;
    width: 100px;
}

.sideContent p {
    padding: 13px 10px 13px 0px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    margin-bottom: 0px;
    margin-left: 90px;
}

.promo-content-data {
    margin: 0 18px;
    padding: 15px 0;
    border-top: 1px solid #A1A1A1;
    text-align: center;
}

    .promo-content-data .promo-image-wrapper {
        max-height: 202px;
        overflow: hidden;
    }

    .promo-content-data img {
        border: 1px solid #656565;
        width: 100%;
    }

    .promo-content-data article {
        padding: 10px 15px;
        text-align: left;
        color: #FFFFFF;
        font-size: 14px;
        background-color: #404040;
        word-break: break-all;
    }

.cms-sync-style {
    color: white;
    font-size: 14px;
    word-break: break-all;
}

    .cms-sync-style table thead tr th, .cms-sync-style table tbody tr td {
        border: 1px solid #6d6d6d;
        padding: 5px;
        font-weight: 300;
        font-size: 14px;
        background-color: #404040;
        background-color: rgba(0, 0, 0, 0);
        color: #FFFFFF;
    }

    .cms-sync-style table * {
        background-color: rgba(0, 0, 0, 0);
    }

    .cms-sync-style tbody tr:nth-child(even) {
        background-color: rgba(0, 0, 0, 0);
    }

    .cms-sync-style ol {
        padding-left: 2px;
    }

    .cms-sync-style ul {
        padding-left: 2px;
        list-style-type: circle;
    }

    .cms-sync-style li {
        margin-left: 15px;
    }


/* #region COMMON LAYOUT
======================== */
.add-hr {
    border-bottom: 1px solid #7f7f7f;
    margin-bottom: 24px;
}

.no-padding {
    padding: 0;
}

.text-description {
    color: #FFC500;
}

.text-description-contact {
    color: #CDA02D;
}

.container {
    margin: 50px 0px;
}

.content-container {
    background-color: #111111;
    padding: 0px 15px 30px 15px;
    border: 1px solid #404040;
}

.hidden {
    display: none;
}

.no-margin {
    margin: 0;
}

.row-margin {
    margin-bottom: 15px;
}

.has-error .help-block {
    color: #cc0000;
}

/* #endregion COMMON LAYOUT */


/* #region CONTROLS
=================== */
input[type="text"].dark-control,
input[type="password"].dark-control,
textarea.dark-control,
select.dark-control,
button.dark-control,
input[type="submit"].dark-control,
textarea.dark-control {
    background-color: #2A2A2A;
    border: 1px solid #282828;
    border-radius: 0;
    color: #eaeaea;
}

img.captcha,
input[type="text"].dark-control,
input[type="password"].dark-control,
select.dark-control,
button.dark-control,
input[type="submit"].dark-control {
    height: 28px;
}

select.multiple {
    height: 128px;
}

select.dark-control {
    padding: 0px 8px;
}

select.center-selected {
    text-align-last: center;
}

button.dark-control,
input[type="submit"].dark-control {
    text-align: left;
    padding: 0 10px;
}

.nested-btn {
    border-radius: 0;
    padding: 0px 5px;
}

.btn.dark-control {
    height: 28px;
    background-color: #222222;
    border: 1px solid #282828;
    line-height: inherit;
    padding: 3px 15px;
    border-radius: 0;
}

    .btn.dark-control.active {
        background-color: #FFC500;
        border-color: transparent;
    }

div.required::before {
    color: #FFC500;
    content: "*";
    position: absolute;
    margin-left: -15px;
}

.btn-submit {
    border-radius: 0;
    border-color: #1a3b16;
    color: #1a3b16;
    font-weight: 900;
    background-color: #eaeaea;
    margin-bottom: 0px;
}

    .btn-submit:active,
    .btn-submit:focus {
        color: #1a3b16;
        outline: none;
    }

    .btn-submit:hover {
        border-radius: 0;
        border-color: #1a3b16;
        color: #1a3b16;
        font-weight: 900;
    }

span[class*=fi-].custom {
    background-color: #FFC500;
    border: 1px solid #FFC500;
    border-left: none;
    color: #000000;
    cursor: pointer;
}
span[class*=fi-].custom:hover {
    background-color: #111111;
    border: 1px solid #FFC500;
    border-left: none;
    color: #FFC500;
    cursor: pointer;
}

.input-repeated {
    margin-bottom: 2px;
}

@media screen and (max-width: 64em) {
    .editor-field {
        padding: 0px 30px;
    }
}

.customized-styled-button, .customized-styled-button:hover, .customized-styled-button:active, .customized-styled-button:focus {
    background-color: #FFC500;
    margin: 0px;
    padding: 0.7em;
    min-width: 120px;
}

.default-styled-button{
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    background-color: #FFC500;
    border: 1px solid #FFC500;
    font-weight: bold;
    color: #000000;
    font-size: 14px;
}

.default-styled-button:hover, .default-styled-button:focus {
        background-color: #222222;
        border-color: #FFC500;
        color: #FFC500;
    }

.account-linkbutton {
    display: block;
    width: 70%;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #FFC500;
    font-weight: bold;
    color: #FFC500;
    font-size: 14px;
}

    .account-linkbutton:hover {
        background-color: #FFC500;
        border-color: #fff;
        color: #000000;
    }
/* #endregion CONTROLS */


/* #region INSIDER
================= */
.theme-insider #mid-section a, #mid-section a {
    color: green;
}

    .theme-insider #mid-section a:hover, #mid-section a:hover {
        color: #FFC500;
        text-decoration: none;
    }

.logo {
    cursor: pointer;
}

.category a {
    border-bottom: 3px solid rgba(0,0,0,0);
    transition: all .3s ease-in;
}

    .category a:hover, .category .selected {
        border-bottom: 3px solid #FFC500;
        color: #FFC500;
    }

.main-category {
    background-color: #222222;
}

.sub-category {
    background-color: #333333;
}

.theme-insider .category a, .category a {
    color: #a1a1a1;
    font-size: 16px;
    display: inline-block;
    margin-left: 35px;
}

    .theme-insider .category a:hover {
        color: #ffffff;
    }

.main-category a {
    padding: 17px 0px;
}

.sub-category a {
    padding: 17px 0 17px 0px;
}

a.categoryLabel {
    background-repeat: no-repeat;
    background-position: left center;
}

/*---------------Hot Articles----------------------*/
.hot-articles .row {
    max-width: 100%;
}

.hot-articles .columns, .hot-articles .row {
    padding: 0;
    margin: 0;
    background-color: black;
}

.hot-articles article {
    position: relative;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    height: 170px;
}

    .hot-articles article.hot-article-main {
        height: 170px;
    }

    .hot-articles article img {
        position: absolute;
        top: 0;
        max-width: none;
        height: 100%;
        width: auto;
        opacity: 0;
        transition: opacity 0.5s ease-in;
    }

        .hot-articles article img.loaded {
            opacity: 1;
            -webkit-animation: scale 25s ease-out infinite alternate;
            animation: scale 25s ease-out infinite alternate;
        }

    .hot-articles article .link {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: all .3s;
        background-color: rgba(0,21,43,0.55);
    }

    .hot-articles article:hover img {
        -webkit-transform: scale(1.03);
    }

    .hot-articles article:hover .link {
        background-color: rgba(0,21,43,0.2);
    }

.hot-articles .strip {
    width: 100%;
    position: absolute;
    bottom: 15%;
    pointer-events: none;
    text-align: center;
    margin: 0;
}

    .hot-articles .strip h2 {
        font-size: 17px;
        padding: 0px 15px;
        line-height: 23px;
        color: #f0f0f0;
    }

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1.0);
    }

    100% {
        -webkit-transform: scale(1.2);
    }
}

@keyframes scale {
    0% {
        transform: scale(1.0);
    }

    100% {
        transform: scale(1.2);
    }
}


/*--------Mid Section----------*/

article {
    height: 100%;
}

    article .article-content {
        padding: 15px;
    }

.article-body > .article-content {
    padding: 20px 0 10px 0;
}

.article-body .article-content a {
    font-weight: bold;
}

article .article-content .title {
    margin: 0 0 10px 0;
    font-size: 25px;
    color: green;
    font-weight: bold;
}

.article-wrapper article .article-content h2 {
    margin: 0 0 10px 0;
    font-size: 22px;
    color: #333338;
    font-weight: 600;
}

.article-wrapper .imgHolder {
    max-height: 180px;
    overflow: hidden;
}

article .article-content .subTitle {
    margin: 0 0 10px 0;
    font-size: 20px;
    color: #333338;
    font-weight: 600;
}

article .article-content p {
    color: #525255;
    font-size: 15px;
}

.article-content h1 {
    font-weight: 400;
}

#articles .article-wrapper:hover h2 {
    color: green !important;
}

#articles article:hover img {
    transform: scale(1.02);
}

.author {
    margin-bottom: 10px;
}

#related-articles {
    display: block;
    width: 250px;
    padding: 18px 25px;
    border: solid 1px #ddd;
    margin: 20px 0 10px 10px;
}

    #related-articles ul {
        font-weight: normal;
        list-style-type: disc;
        margin: 10px 0 0 17px;
    }

.socialBar div {
    display: inline-block;
    margin-top: 10px;
}

.socialBar a {
    width: 42px;
    height: 42px;
    margin: 0 10px 10px 0px;
    display: inline-block;
    transition: all .3s;
    opacity: 0.8;
}

    .socialBar a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.article-body {
    color: #525255;
    font-size: 15px;
    background: white;
    margin: 0;
    position: relative;
    padding: 20px 0;
}

    .article-body .socialBar {
        border-bottom: solid 1px rgba(187,187,187,0.41);
        color: #a5a5aa;
        display: block;
    }

.article-image {
    overflow: hidden;
    max-height: 18em;
}

    .article-image img {
        width: 100%;
    }

#sidePanelCategory li {
    list-style-type: none;
}

.is-accordion-submenu-parent > a::after {
    border: 8px inset;
    border-color: #FFC500 transparent transparent transparent;
}

#sidePanelCategory nav a {
    position: relative;
    display: block;
    padding: 8px 23px 8px 8px;
    margin: 0;
    border-left: 6px solid transparent;
    color: #a1a1a1;
}

    #sidePanelCategory nav a:hover {
        background-color: #404040;
        background-color: rgba(64,64,64,0.8);
        border-left-color: #FFC500;
        color: #fff;
    }

    #sidePanelCategory nav a.selected, #sidePanelCategory nav a.active {
        border-left-color: #FFC500;
        background-color: #404040;
    }

.submenu li {
    background-color: #323232;
    border-left: 1px solid #FFC500;
}

.anonymous .submenu li {
    background-color: #31296A;
    border-left: unset;
}

@media(min-width: 22.5em) {
    .hot-articles article img {
        width: 100%;
        height: auto;
    }
}


@media(min-width: 40em) {
    .hot-articles article.hot-article-main {
        height: 340px;
    }

    .hot-articles article img {
        height: 100%;
        width: auto;
    }

    .hot-articles .article-sub .strip h2 {
        font-size: 18px;
        line-height: 23px;
    }

    .hot-articles .hot-article-main .strip h2 {
        font-size: 25px;
        line-height: 35px;
    }

    #mid-section .article-wrapper {
        height: 450px;
    }

    #articles .article-wrapper .gradient {
        position: absolute;
        bottom: 0;
        height: 60px;
        width: 100%;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #eee 100%);
    }

    article .article-content .title {
        font-size: 30px;
    }

    article .article-content .subTitle {
        font-size: 22px;
    }

    article .article-content p {
        font-size: 17px;
    }
}

@media (min-width: 45.5em) {
    .hot-articles .article-sub > img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 64em) {
    .hot-articles .article-sub > img {
        width: auto;
        height: 100%;
    }

    .hot-articles .article-sub .strip h2 {
        font-size: 17px;
        line-height: 23px;
    }

    .hot-articles .hot-article-main .strip h2 {
        font-size: 36px;
        line-height: 42px;
        padding: 0 30px;
    }

    .theme-insider .category a, .category a {
        margin-left: 50px;
    }
}

@media (min-width: 89.25em) {
    .hot-articles .hot-article-main > img {
        width: 100%;
        height: auto;
    }

    .hot-articles .article-sub > img {
        width: 100%;
        height: auto;
    }

    .hot-articles .article-sub .strip h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .hot-articles .hot-article-main .strip h2 {
        font-size: 45px;
        line-height: 58px;
    }
}


/* #endregion FOOTER */


/* #region MEDIA
================= */
.customized-content-container {
    min-height: 283px;
}

.customized-pull-right {
    float: right !important;
}

.customized-div-pull-right {
    text-align: right !important;
}

.list-wrapper {
    display: inline-block;
    min-width: 210px;
}

.customized-row {
    margin-bottom: 20px;
}

.customized-dropdown {
    font-size: 12px;
    max-width: 160px;
}

.customized-text {
    font-size: 12px;
    display: inline-block;
}

.customized-no-records {
    font-weight: bold;
    color: #FF0000;
    text-align: center;
}

.customized-total-label {
    margin-top: 20px;
}

.customized-hyperlink,
.customized-hyperlink:hover,
.customized-hyperlink:focus {
    font-size: 12px;
    cursor: pointer;
    padding-right: 0px;
    padding-bottom: 20px;
}

.customized-first-div {
    background-color: #4A4A4A;
    padding-left: 10px;
}

.customized-second-div {
    background-color: #2A2A2A;
    padding: 15px 10px 15px 15px;
}

.customized-image-responsive {
    display: block;
    width: auto;
    max-height: 500px;
    border: 1px solid #4A4A4A;
}

.customized-pagination {
    background-color: #2A2A2A;
    display: table;
    min-width: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0px;
    
}

    .customized-pagination li {
        display: inline-block;
    }

    .customized-pagination > li > a,
    .customized-pagination > li > span {
        color: #000000;
        text-align: center;
        font-size: 0.875rem;
    }

    .customized-pagination > li:first-child > a,
    .customized-pagination > li:first-child > span {
        margin-left: 0;
    }

    .customized-pagination > li > a:hover,
    .customized-pagination > li > span:hover,
    .customized-pagination > li > a:focus,
    .customized-pagination > li > span:focus {
        z-index: 2;
        color: #000000;
        background-color: #FFC500;
        border-color: #FFC500;
    }

    .customized-pagination > .active > a,
    .customized-pagination > .active > span,
    .customized-pagination > .active > a:hover,
    .customized-pagination > .active > span:hover,
    .customized-pagination > .active > a:focus,
    .customized-pagination > .active > span:focus {
        z-index: 3;
        color: #000000;
        background-color: #FFC500;
        border-color: #FFC500;
        cursor: default;
    }

    .customized-pagination > .disabled {
        padding: 0px;
    }

        .customized-pagination > .disabled > span,
        .customized-pagination > .disabled > span:hover,
        .customized-pagination > .disabled > span:focus,
        .customized-pagination > .disabled > a,
        .customized-pagination > .disabled > a:hover,
        .customized-pagination > .disabled > a:focus {
            color: #CACACA;
            background-color: #2A2A2A;
            border-color: #282828;
            cursor: default;
        }

@media screen and (min-width: 40em) {
    .customized-div-pull-right {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .customized-dropdown {
        max-width: 160px;
    }
}

/* #endregion MEDIA */

/* #region MEDIA LANDING PAGE
================= */

.media-landingpage-img {
    display: block;
    width: auto;
    max-height: 250px;
    border: 1px solid #4A4A4A;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* #endregion MEDIA */

/* #region MEDIA LANDING PAGE
================= */

#MediaLandingPageWrapper > span > a > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto !important;
}

/* #endregion MEDIA LANDING PAGE */

/* #region TEXT LINK
================= */

.customized-text-link-wrapper {
    padding: 20px 0px 0px 0px;
}

.customized-text-link-alignment {
    text-align: left;
}

.customized-textbox-wrapper {
    margin-top: 10px;
}

@media screen and (max-width: 40em) {
    .customized-text-link-alignment {
        text-align: center;
    }

    .customized-textbox-no-padding {
        padding: 0px;
    }
}

/* #endregion TEXT LINK */


/* #region DATEPICKER
================= */

.datepicker.datepicker-dropdown.dropdown-menu,
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    background-color: #2A2A2A;
    border-radius: 0;
}

.datepicker td.active.day,
.datepicker td.active.year,
.datepicker td span.active {
    background-color: #FFC500;
}

.datepicker tbody,
.datepicker tfoot,
.datepicker thead {
    border: none;
}

.datepicker td.day.disabled {
    color: #999999;
}

/* #endregion TEXT LINK */

/* #region Landing Page */

.homepage-text {
    font-size: 55px;
    line-height: 85px;
    font-weight: bold;
    color: #FFF;
}

.button.expanded {
    background: #FFC500;
}

/* #endregion Landing Page */

/* #region Withdrawal, PendingPayout Page */

.modal {
    background: #424242;
    padding: 30px 50px 30px 50px;
}

.datePicker {
    background: #222222;
}

.add-hr-payout {
    border-bottom: 2px solid #FFC500;
    background: #000;
    padding: 10px;
    font-size: 18px;
}

.text-payout {
    margin-top: 30px;
}

.payout-title {
    font-size: 22px;
    color: #FFC500;
}

.agreement {
    padding: 0px 30px 30px 30px;
}

/* #endregion Withdrawal, PendingPayout Page */

/*region Update Bank Details*/
.customized-textarea-control {
    resize: none !important;
    overflow: hidden !important;
    font-size: 14px !important;
    min-height: 100px !important;
}
/* #endregion Update Bank Details */

/* Make it a own-marquee */
.own-marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    background-color: #252525;
}

.own-marquee div {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    -webkit-animation: own-marquee 60s linear infinite;
    animation: own-marquee 60s linear infinite;
}
.own-marquee div:hover {
    animation-play-state: paused;
}
.own-marquee div span {
    margin-left: 1em;
    margin-right: 1em;
    cursor:pointer;
    color: #C7C8CA;
    font-weight:700;
}

/* Make it move */
@keyframes own-marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes own-marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
} 

.country-select {
    position: relative;
    display: inline-block
}

    .country-select * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    /*updated css*/
    .country-select .flag {
        width: 25px;
        height: 15px;
        background: url("/Affiliate/Assets/img/Common/selectedflags.png");
    }
    /*-------*/
    .country-select .hide {
        display: none
    }

    .country-select .v-hide {
        visibility: hidden
    }

    .country-select input {
        position: relative;
        z-index: 0;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 44px
    }

        .country-select input[disabled] + .flag-dropdown:hover {
            cursor: default
        }

            .country-select input[disabled] + .flag-dropdown:hover .selected-flag {
                background-color: transparent
            }

    .country-select .flag-dropdown {
        position: absolute;
        top: 0;
        bottom: 0
    }

        .country-select .flag-dropdown:hover {
            cursor: pointer
        }

            .country-select .flag-dropdown:hover .selected-flag {
                background-color: #000;
                /* @alternate */ background-color: rgba(0, 0, 0, 0.05)
            }

    .country-select .selected-flag {
        z-index: 1;
        position: relative;
        width: 38px;
        height: 100%;
        padding: 0;
    }

@media screen and (min-width: 546px) {
	.country-select .selected-flag {
		padding: 0 0 0 8px
	}
}

        .country-select .selected-flag .flag {
            position: absolute;
            top: 50%;
            margin-top: -5px
        }

@media screen and (min-width: 64em) {
    .anonymous .country-select .selected-flag .flag {
        transform: scale(1.5);
    }
}

.country-select .selected-flag .arrow {
	position: relative;
	top: 50%;
	margin-top: -2px;
	left: 25px;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #FFC500;
}

@media screen and (min-width: 64em) {
    .anonymous .country-select .selected-flag .arrow {
        left: 35px;
        transform: translateY(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #BBB2D6;
    }
}

.country-select .selected-flag .arrow.up {
	border-top: none;
	border-bottom: 4px solid #FFC500;
}

.anonymous .country-select .selected-flag .arrow.up {
    border-bottom: 4px solid #BBB2D6;
}

.country-select .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #202020;
    border: 1px solid #ccc;
    width: 430px;
    max-height: 200px;
    overflow-y: scroll
}

.anonymous .country-select .country-list {
    background-color: #31296A;
    max-height: unset;
}

.country-select .country-list .flag {
    display: inline-block;
    margin-right: 6px
}

.country-select .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.country-select .country-list .country {
    line-height:11px;
    padding: 7px 10px
}

    .country-select .country-list .country .dial-code {
        color: #999
    }

    .country-select .country-list .country.highlight {
        background-color:#FFC500;
        /* @alternate */ /*background-color:rgba(0, 0, 0, 0.05)*/
    }

.country-select .country-list .country-name {
    margin-right: 6px
}

.anonymous .country-select .country-list .country {
	line-height:unset;
}

	.anonymous .country-select .country-list .country.highlight {
		background-color: unset;
	}

		.anonymous .country-select .country-list .country.highlight span {
			color: #F47B20 !important;
		}

.country-select.inside .flag-dropdown {
    padding: 1px
}

.country-select.inside input[type="text"],
.country-select.inside input[type="tel"] {
    padding-left: 44px;
    margin-left: 0
}

.country-select.outside input[type="text"],
.country-select.outside input[type="tel"] {
    border: none;
    margin-left: 38px
}

.country-select .my {
    background-position: -50px 0px;
}

.country-select .id {
    background-position: -25px 0px;
}

.country-select .th {
    background-position: -25px -15px;
}

.country-select .sg {
    background-position: 0px -15px;
}
/*.country-select .cn{
	background-position:0 0
}
.country-select .th{
	background-position:-25px 0
}*/

/*.country-select .zw{
	background-position:0 0
}
.country-select .zm{
	background-position:-16px 0
}
.country-select .za{
	background-position:0 -11px
}
.country-select .yt{
	background-position:-16px -11px
}
.country-select .ye{
	background-position:-32px 0
}
.country-select .ws{
	background-position:-32px -11px
}
.country-select .wf{
	background-position:0 -22px
}
.country-select .vu{
	background-position:-32px -22px
}
.country-select .vn{
	background-position:0 -33px
}
.country-select .vi{
	background-position:-16px -33px
}
.country-select .vg{
	background-position:-32px -33px
}
.country-select .ve{
	background-position:-48px 0
}
.country-select .vc{
	background-position:-48px -11px
}
.country-select .va{
	background-position:-48px -22px
}
.country-select .uz{
	background-position:-48px -33px
}
.country-select .uy{
	background-position:0 -44px
}
.country-select .us{
	background-position:-16px -44px
}
.country-select .um{
	background-position:-16px -44px
}
.country-select .ug{
	background-position:-32px -44px
}
.country-select .ua{
	background-position:-48px -44px
}
.country-select .tz{
	background-position:-64px 0
}
.country-select .tw{
	background-position:-64px -11px
}
.country-select .tv{
	background-position:-64px -22px
}
.country-select .tt{
	background-position:-64px -33px
}
.country-select .tr{
	background-position:-64px -44px
}
.country-select .to{
	background-position:0 -55px
}
.country-select .tn{
	background-position:-16px -55px
}
.country-select .tm{
	background-position:-32px -55px
}
.country-select .tl{
	background-position:-48px -55px
}
.country-select .tk{
	background-position:-64px -55px
}
.country-select .tj{
	background-position:0 -66px
}
.country-select .th{
	background-position:-16px -66px
}
.country-select .tg{
	background-position:-32px -66px
}
.country-select .tf{
	background-position:-48px -66px
}
.country-select .td{
	background-position:-64px -66px
}
.country-select .tc{
	background-position:-80px 0
}
.country-select .sz{
	background-position:-80px -11px
}
.country-select .sy{
	background-position:-80px -22px
}
.country-select .sx{
	background-position:-80px -33px
}
.country-select .sv{
	background-position:-80px -44px
}
.country-select .st{
	background-position:-80px -55px
}
.country-select .ss{
	background-position:-80px -66px
}
.country-select .sr{
	background-position:0 -77px
}
.country-select .so{
	background-position:-16px -77px
}
.country-select .sn{
	background-position:-32px -77px
}
.country-select .sm{
	background-position:-48px -77px
}
.country-select .sl{
	background-position:-64px -77px
}
.country-select .sk{
	background-position:-80px -77px
}
.country-select .si{
	background-position:-96px 0
}
.country-select .sh{
	background-position:-96px -11px
}
.country-select .sg{
	background-position:-96px -22px
}
.country-select .se{
	background-position:-96px -33px
}
.country-select .sd{
	background-position:-96px -44px
}
.country-select .sc{
	background-position:-96px -66px
}
.country-select .sb{
	background-position:-96px -77px
}
.country-select .sa{
	background-position:0 -88px
}
.country-select .rw{
	background-position:-16px -88px
}
.country-select .ru{
	background-position:-32px -88px
}
.country-select .rs{
	background-position:-48px -88px
}
.country-select .ro{
	background-position:-64px -88px
}
.country-select .qa{
	background-position:-80px -88px
}
.country-select .py{
	background-position:-96px -88px
}
.country-select .pw{
	background-position:0 -99px
}
.country-select .pt{
	background-position:-16px -99px
}
.country-select .ps{
	background-position:-32px -99px
}
.country-select .pr{
	background-position:-48px -99px
}
.country-select .pn{
	background-position:-64px -99px
}
.country-select .pm{
	background-position:-80px -99px
}
.country-select .pl{
	background-position:-96px -99px
}
.country-select .pk{
	background-position:-112px 0
}
.country-select .ph{
	background-position:-112px -11px
}
.country-select .pg{
	background-position:-112px -22px
}
.country-select .pf{
	background-position:-112px -33px
}
.country-select .pe{
	background-position:-112px -44px
}
.country-select .pa{
	background-position:-112px -55px
}
.country-select .om{
	background-position:-112px -66px
}
.country-select .nz{
	background-position:-112px -77px
}
.country-select .nu{
	background-position:-112px -88px
}
.country-select .nr{
	background-position:-112px -99px
}
.country-select .no{
	background-position:0 -110px
}
.country-select .bv{
	background-position:0 -110px
}
.country-select .sj{
	background-position:0 -110px
}
.country-select .nl{
	background-position:-16px -110px
}
.country-select .ni{
	background-position:-32px -110px
}
.country-select .ng{
	background-position:-48px -110px
}
.country-select .nf{
	background-position:-64px -110px
}
.country-select .ne{
	background-position:-80px -110px
}
.country-select .nc{
	background-position:-96px -110px
}
.country-select .na{
	background-position:-112px -110px
}
.country-select .mz{
	background-position:-128px 0
}
.country-select .my{
	background-position:-128px -11px
}
.country-select .mx{
	background-position:-128px -22px
}
.country-select .mw{
	background-position:-128px -33px
}
.country-select .mv{
	background-position:-128px -44px
}
.country-select .mu{
	background-position:-128px -55px
}
.country-select .mt{
	background-position:-128px -66px
}
.country-select .ms{
	background-position:-128px -77px
}
.country-select .mr{
	background-position:-128px -88px
}
.country-select .mq{
	background-position:-128px -99px
}
.country-select .mp{
	background-position:-128px -110px
}
.country-select .mo{
	background-position:0 -121px
}
.country-select .mn{
	background-position:-16px -121px
}
.country-select .mm{
	background-position:-32px -121px
}
.country-select .ml{
	background-position:-48px -121px
}
.country-select .mk{
	background-position:-64px -121px
}
.country-select .mh{
	background-position:-80px -121px
}
.country-select .mg{
	background-position:-96px -121px
}
.country-select .me{
	background-position:0 -132px;
	height:12px
}
.country-select .md{
	background-position:-112px -121px
}
.country-select .mc{
	background-position:-128px -121px
}
.country-select .ma{
	background-position:-16px -132px
}
.country-select .ly{
	background-position:-32px -132px
}
.country-select .lv{
	background-position:-48px -132px
}
.country-select .lu{
	background-position:-64px -132px
}
.country-select .lt{
	background-position:-80px -132px
}
.country-select .ls{
	background-position:-96px -132px
}
.country-select .lr{
	background-position:-112px -132px
}
.country-select .lk{
	background-position:-128px -132px
}
.country-select .li{
	background-position:-144px 0
}
.country-select .lc{
	background-position:-144px -11px
}
.country-select .lb{
	background-position:-144px -22px
}
.country-select .la{
	background-position:-144px -33px
}
.country-select .kz{
	background-position:-144px -44px
}
.country-select .ky{
	background-position:-144px -55px
}
.country-select .kw{
	background-position:-144px -66px
}
.country-select .kr{
	background-position:-144px -77px
}
.country-select .kp{
	background-position:-144px -88px
}
.country-select .kn{
	background-position:-144px -99px
}
.country-select .km{
	background-position:-144px -110px
}
.country-select .ki{
	background-position:-144px -121px
}
.country-select .kh{
	background-position:-144px -132px
}
.country-select .kg{
	background-position:0 -144px
}
.country-select .ke{
	background-position:-16px -144px
}
.country-select .jp{
	background-position:-32px -144px
}
.country-select .jo{
	background-position:-48px -144px
}
.country-select .jm{
	background-position:-64px -144px
}
.country-select .je{
	background-position:-80px -144px
}
.country-select .it{
	background-position:-96px -144px
}
.country-select .is{
	background-position:-112px -144px
}
.country-select .ir{
	background-position:-128px -144px
}
.country-select .iq{
	background-position:-144px -144px
}
.country-select .io{
	background-position:-160px 0
}
.country-select .in{
	background-position:-160px -11px
}
.country-select .im{
	background-position:-160px -22px;
	height:9px
}
.country-select .il{
	background-position:-160px -31px
}
.country-select .ie{
	background-position:-160px -42px
}
.country-select .id{
	background-position:-160px -53px
}
.country-select .hu{
	background-position:-160px -64px
}
.country-select .ht{
	background-position:-160px -75px
}
.country-select .hr{
	background-position:-160px -86px
}
.country-select .hn{
	background-position:-160px -97px
}
.country-select .hk{
	background-position:-160px -108px
}
.country-select .gy{
	background-position:-160px -119px
}
.country-select .gw{
	background-position:-160px -130px
}
.country-select .gu{
	background-position:-160px -141px
}
.country-select .gt{
	background-position:0 -155px
}
.country-select .gs{
	background-position:-16px -155px
}
.country-select .gr{
	background-position:-32px -155px
}
.country-select .gq{
	background-position:-48px -155px
}
.country-select .gp{
	background-position:-64px -155px
}
.country-select .gn{
	background-position:-80px -155px
}
.country-select .gm{
	background-position:-96px -155px
}
.country-select .gl{
	background-position:-112px -155px
}
.country-select .gi{
	background-position:-128px -155px
}
.country-select .gh{
	background-position:-144px -155px
}
.country-select .gg{
	background-position:-160px -155px
}
.country-select .ge{
	background-position:-176px 0
}
.country-select .gd{
	background-position:-176px -11px
}
.country-select .gb{
	background-position:-176px -22px
}
.country-select .ga{
	background-position:-176px -33px
}
.country-select .fr{
	background-position:-176px -44px
}
.country-select .gf{
	background-position:-176px -44px
}
.country-select .re{
	background-position:-176px -44px
}
.country-select .mf{
	background-position:-176px -44px
}
.country-select .bl{
	background-position:-176px -44px
}
.country-select .fo{
	background-position:-176px -55px
}
.country-select .fm{
	background-position:-176px -66px
}
.country-select .fk{
	background-position:-176px -77px
}
.country-select .fj{
	background-position:-176px -88px
}
.country-select .fi{
	background-position:-176px -99px
}
.country-select .eu{
	background-position:-176px -121px
}
.country-select .et{
	background-position:-176px -132px
}
.country-select .es{
	background-position:-176px -143px
}
.country-select .er{
	background-position:-176px -154px
}
.country-select .eh{
	background-position:-16px -166px
}
.country-select .eg{
	background-position:-32px -166px
}
.country-select .ee{
	background-position:-48px -166px
}
.country-select .ec{
	background-position:-64px -166px
}
.country-select .dz{
	background-position:-80px -166px
}
.country-select .do{
	background-position:-96px -166px
}
.country-select .dm{
	background-position:-112px -166px
}
.country-select .dk{
	background-position:-128px -166px
}
.country-select .dj{
	background-position:-144px -166px
}
.country-select .de{
	background-position:-160px -166px
}
.country-select .cz{
	background-position:-176px -166px
}
.country-select .cy{
	background-position:0 -177px
}
.country-select .cx{
	background-position:-16px -177px
}
.country-select .cw{
	background-position:-32px -177px
}
.country-select .cv{
	background-position:-48px -177px
}
.country-select .cu{
	background-position:-64px -177px
}
.country-select .cs{
	background-position:-80px -177px
}
.country-select .cr{
	background-position:-96px -177px
}
.country-select .co{
	background-position:-112px -177px
}
.country-select .cn{
	background-position:-128px -177px
}
.country-select .cm{
	background-position:-144px -177px
}
.country-select .cl{
	background-position:-160px -177px
}
.country-select .ck{
	background-position:-176px -177px
}
.country-select .ci{
	background-position:-192px 0
}
.country-select .cg{
	background-position:-192px -11px
}
.country-select .cf{
	background-position:-192px -22px
}
.country-select .cd{
	background-position:-192px -33px
}
.country-select .cc{
	background-position:-192px -44px
}
.country-select .ca{
	background-position:-192px -66px
}
.country-select .bz{
	background-position:-192px -77px
}
.country-select .by{
	background-position:-192px -88px
}
.country-select .bw{
	background-position:-192px -99px
}
.country-select .bt{
	background-position:-192px -110px
}
.country-select .bs{
	background-position:-192px -121px
}
.country-select .br{
	background-position:-192px -132px
}
.country-select .bq{
	background-position:-192px -143px
}
.country-select .bo{
	background-position:-192px -154px
}
.country-select .bn{
	background-position:-192px -165px
}
.country-select .bm{
	background-position:-192px -176px
}
.country-select .bj{
	background-position:0 -188px
}
.country-select .bi{
	background-position:-16px -188px
}
.country-select .bh{
	background-position:-32px -188px
}
.country-select .bg{
	background-position:-48px -188px
}
.country-select .bf{
	background-position:-64px -188px
}
.country-select .be{
	background-position:-80px -188px
}
.country-select .bd{
	background-position:-96px -188px
}
.country-select .bb{
	background-position:-112px -188px
}
.country-select .ba{
	background-position:-128px -188px
}
.country-select .az{
	background-position:-144px -188px
}
.country-select .ax{
	background-position:-160px -188px
}
.country-select .aw{
	background-position:-176px -188px
}
.country-select .au{
	background-position:-192px -188px
}
.country-select .hm{
	background-position:-192px -188px
}
.country-select .at{
	background-position:-208px 0
}
.country-select .as{
	background-position:-208px -11px
}
.country-select .ar{
	background-position:-208px -22px
}
.country-select .ao{
	background-position:-208px -33px
}
.country-select .an{
	background-position:-208px -44px
}
.country-select .am{
	background-position:-208px -55px
}
.country-select .al{
	background-position:-208px -66px
}
.country-select .ai{
	background-position:-208px -77px
}
.country-select .ag{
	background-position:-208px -88px
}
.country-select .af{
	background-position:-208px -99px
}
.country-select .ae{
	background-position:-208px -110px
}
.country-select .ad{
	background-position:-208px -121px
}
.country-select .np{
	background-position:-208px -132px
}
.country-select .ch{
	background-position:-208px -143px
}*/