html {
    scroll-behavior: smooth;
}

.page-container {
    margin-top: 15px !important;
}

.margin-top-o {
    margin-top: 0 !important;
}

.margin-top-ten {
    margin-top: 10px !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.barra-vermelha {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    left: 0;
    text-align: center;
    background: #B20000;
    color: #fff;
}

.barra {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    left: 0;
    text-align: center;
    font-size: 11px;
    margin-top: 8px;
    color: #777;
}

.cripten-select {
    height: 46px;
}

.tarifa {
    background: #eee !important;
    color: #333;
    text-align: center;
}

.barra-azul {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    left: 0;
    text-align: center;
    background: #4D4DFF;
    color: #fff;
}

.barra-verde {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    left: 0;
    text-align: center;
    background: #339359;
    color: #fff;
}

.font-size-1-1 {
    font-size: 1.1em;
}

ul:not(.style), ul:not(.style) li {
    list-style: none;
}

ul.group {
    margin: 0 0 -20px 0 !important;
    padding: 0 !important;
}

ul.group li {
    margin: 25px 0 25px 0 !important;
}

ul.top-20 {
    float: right;
    margin: 0;
}

ul.top-20 li {
    float: left;
}

ul.top-20 li p {
    margin: 0;
}

ul.top-20 li:nth-of-type( n+2 )::before,
ul.top-20:nth-child(1) li:nth-of-type(1)::before {
    content: "|";
    float: left;
    color: #FFF;
    margin-right: 13px;
}

#coupons_li{
    position: absolute;
    left: 0;
}

#coupons_li::before{
    content: "";
}

#coupons_li p a img {
    margin-right: 5px;
}

#coupons_li p a {
    color: white;
    text-decoration-line: underline;
}

#coupons_li p a:hover {
    color: #e1e1e1;
    text-decoration-line: underline;
}

#balance-values{
    position: relative;
}

.coupon-mobile{
    display:none !important;
}

.coupon-desktop{
    display: block;
}

.coupon-title{
    color: #32bc5b;
    font-size: 26px;
}

.coupon-subtitle{
    /*color: #324ebc;*/
    color: #6c6c6c;
    font-size: 18px;

}

.coupon-subtitle, .coupon-title, .coupon-active, .coupon-inactive{
    margin-bottom: 10px;
}

.coupon-active{
    color: #32bc5b;
}


.coupon-active span:first-child{
    color: #32bc5b;
}

.coupon-active span:last-child, .coupon-inactive span:last-child{
    font-size: 11px;
}

.coupon-row{
    display: flex;
    align-content: center;
    justify-content: center;
    border-bottom: 2px solid #dbdbdb;
    padding: 20px 0;
    font-size: 14px;
    color: #777;
    font-weight: 600;
}

.coupon-link{
    margin-top: 10px !important;
    /*font-weight: 300;*/
}

.coupon-center{
    display: flex;
    align-content: center;
    justify-content: center;
    margin: auto 0;
}

.coupon-balance{
    text-align: center;
    font-size: 40px !important;
}

.coupon-image{
    position: relative;
    width: 100%;
    max-width: 200px;
}

.coupon-image img{
    width: 100%;
    border-radius: 25px !important;
}

.coupon-qty{
    position: absolute;
    left: 13px;
    bottom: -6px;
    width: 15px;
    height: 15px;
    font-size: 10px;
    text-align: center;
    background-color: #2cb200;
    color: #FFF;
    border-radius: 20px !important;
}

.image-inactive {
    position: absolute;
    z-index: 8888;
    height: 100%;
    width: 100%;
    border-radius: 25px !important;
    background-color: rgba(0, 0, 0, 0.66);
    display: flex;
    align-content: center;
    justify-content: center;
}

.image-inactive div{
    z-index: 9999;
    color: #FFF;
    text-align: center;
    margin: auto 0;
    font-weight: 900;
    font-size: 24px;
}

.mobile-inverted{
    display: flex;
    flex-direction: row-reverse;
}

ul.top-20:nth-child(1) li:nth-of-type(1)::before {
    padding-left: 5px;
}

.text-balance {
    float: left;
}

.border {
    border: 1px solid #EFEFEF;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 320px;
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
}

/* Top Header */
body.text-shadow {
    text-shadow: 1px 1px 0 #51805D;
}

#panel {
    max-width: 1600px;
    /* max-height: 835px; */
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
    transform: translateX(0) !important;
}

.logo {
    background: url("../img/logo-vcreditos-white.png") no-repeat;
    float: left;
}

.logo-vip {
    background: url("../img/logo-vcreditos-vip.png") no-repeat;
    float: left;
}

.top-links {
    margin-bottom: 0;
    padding: 1.5rem 0;
}
.top-links--bordered > li {
    border-right: 1px solid #737c83;
}
.top-links--bordered > li:last-child {
    border-right: none;
}

.top-links > li {
    padding: 0 1rem;
}
.top-links >  li,
.top-links >  li > a {
    color: #59636c;
    font-size: 1.3rem;
}

.top-links > li > span {
    font-weight: 600;
}

.top-links > li > i {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-right: 0.25rem;
    margin-top: 0.1rem;
    text-align: center;
    width: 1.25em;
}
    .top-links > li > .ci-chat {
        vertical-align: middle;
    }

.top-links > li:last-child {
    padding-right: 0;
}

.top-links > li > a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.ws-container > a{
    position: fixed;
    bottom: 90px;
    right: 0.5em;
    width: 60px;
    height: 60px;
    background: rgb(50, 186, 90);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
    text-decoration: none;
    z-index:1;
}

.ws-container a > i{
    color: #FFF;
    font-size: 32px;
    position: relative;
    bottom: 2px;
    left: 1px;
    margin-right: 0;
}

ul.group li {
    float: left;
}

span.box {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid #fff;
    float: left;
    height: 190px;
    padding: 20px 0;
    position: relative;
    width: 190px;
}

span.box span.balance {
    float: left;
    margin: 15px 0 20px 0;
    width: 100%;
}

span.box span.balance span.value {
    background: #FFF;
    float: left;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    text-shadow: none;
    width: 130px;
}

span.box span.balance span.value.green {
    color: #56A369;
}

span.box span.balance span.value.purple {
    color: #837CBA;
}

span.box span.currency {
    color: #FFF;
    float: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 10px;
}

span.box:hover {
    background: rgba(0, 0, 0, 0.15);
}

span.box i.fa , span.box .ci {
    color: #FFF;
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 0 20px;
    display: inline-block;
}

span.box span.title {
    color: #FFF;
    clear: both;
    display: block;
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 0 20px;
    bottom: 17px;
    left: 0;
    position: absolute;
}

/* Crown icon */
.fa-crown {
    position: relative;
    top: -1px;
}

/* Home clube v+ box */
.clube-v-box .box {
    background-color: #FFF;
}
    .clube-v-box > a:hover > .box {
        background-color: #E5E5E5;
    }
    .clube-v-box .box > i,
    .clube-v-box .box > .title {
        color: #35bc78;
    }
    .clube-v-box .vip > i,
    .clube-v-box .vip > .title{
        color: #fdc61c;
    }

.saldo {
    float: left;
    font-size: 24px;
    font-weight: 500 !important;
    line-height: 50px;
    min-width: 200px;
    text-align: center;
    padding: 0 15px;
}

.saldo, .eWallet .item {
    /*
     background: #efefef;
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
     background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 47%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(47%,#ffffff));
     background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 47%);
     background: -o-linear-gradient(top,  #efefef 0%,#ffffff 47%);
     background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 47%);
     background: linear-gradient(to bottom,  #efefef 0%,#ffffff 47%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );*/
    border: 1px solid #CCCCCC;
}

.saldo small {
    font-size: 17px;
    font-weight: 400;
}

.eWallet, .eBank {
    clear: both;
    display: inline-block;
    /* padding: 15px 0; */
    width: 100%;
}

.eBank {
    margin-top: 1px;
}

.eWallet .item {
    display: block;
    margin: 0 auto;
    padding: 15px;
    width: 33.3333333%;
}

.cash-out-cont .radio, .transfers-cont .radio{
    display: none;
}

.eWallet.big {
    /* padding: 15px; */
}

.eWallet.big .item {
    border-right: 0;
    display: block;
    float: left;
}

.eWallet.big .item:last-of-type {
    border-right: 1px solid #CCC;
}

.eWallet .item input, .eWallet .item span {
    margin-top: 10px;
}

.eWallet .item div {
    float: left;
}

.eWallet .item div.bank {
    margin-left: 5px;
}

.eWallet.no-img .item span input {
    float: left;
}

.eWallet.no-img .item input, .eWallet .item span {
    margin: 0 !important;
}

.eWallet .item img {
    margin-right: 5px;
}

.eWallet .item small {
    clear: both;
    display: inline-block;
    margin-top: 15px;
    line-height: 100%;
    width: 100%;
}

.eWallet .item strong {
    line-height: 100%;
}

.eBank.big {
    display: block;
    float: left;
    margin-top: -1px;
    padding: 0;
}

.eBank.big:first-of-type {
    margin: 0 !important;
}

/*.eBank .item {border-left: 1px solid #CCC !important;}*/

.eBank label.bonus-item .bank {
    color: #F7B119;
    font-weight: bold !important;
}

.eBank label.bonus-item .bonus-percent {
    right: 2px;
    position: absolute;
}

.eBank.big label {
    margin-bottom: 0!important;
    width: 100%;
}

.eBank label > * {
    display: block;
    margin: 0 auto;
}

.eBank label img {
    margin-top: 12px;
}

.eBank label .bank {
    line-height: 100%;
    margin-top: 5px;
    margin-bottom: 12px;
    text-align: center;
}

.eBank label .mini {
    font-size: 11px;
    margin-top: 8px;
    text-align: center;
    color: #777;
}

.eBank.big label .bank {
    text-align: center;
}

.eBank .col-md-12 label {
    border-left: 1px solid #CCC !important;
}

.eBank label .number-convert,
.eBank label .product-exchange {
    display: inline-block;
    margin-left: 5px;
}

.panel-heading {
    padding: 15px;
}

.panel-heading a {
    display: block;
}

.panel-heading h3 {
    font-size: 26px;
    font-weight: 400 !important;
}

td.default {
    background-color: #fff !important;
}

.panel-heading.success {
    background: #32bc5b;
}

.panel-heading.success h3,
.panel-heading.blue h3 {
    color: #FFF;
}

.panel-heading.blue {
    background: #4b8df8;
}

p.success, p.scheduled {
    font-size: 15px;
    line-height: 24px;
    margin: 0;
}

strong.title,
strong.success,
strong.scheduled {
    font-size: 18px;
    display: block;
}

strong.title {
    margin-bottom: 15px;
}

strong.success,
strong.scheduled {
    margin-top: 10px;
}

strong.success {
    color: #32bc5b;
}

strong.scheduled {
    color: #4b8df8;
}

.font-size-big {
    font-size: 18px !important;
}

.font-size-medium {
    font-size: 16px;
}

.font-size-small {
    font-size: 14px;
}

.option-title {
    clear: both;
    color: #F7B119;
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.valor {
    clear: both;
    color: #666666;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
}

.valor small {
    font-size: 15px;
    font-weight: 300;
}

.valor span {
    float: left;
    margin: 0 !important;
}

.nav.nav-tabs {
    margin: 0;
}

.nav.nav-tabs li.active a {
    /*background: #F5F5F5;*/
}

.nav.nav-tabs a {
    padding: 10px;
}

.tab-content {
    /*background: #F5F5F5;*/
    padding-top: 15px;
}

.tab-content .tab-pane {
    padding: 0 15px 15px 15px;
}

.tab-content .tab-pane.active {
    /*background: #F5F5F5;*/
}

.tab-content .tab-pane label, .container-content .label-input {
    clear: both;
    line-height: 46px;
    margin: 0 15px 0 0;
}

.tab-content .tab-pane label, .container-content .break-line {
    line-height: 17px;
    margin-top: 5px;
}

.tab-content .tab-pane input, .container-content .input {
    margin: 0 0 15px 0;
}

.tab-content .tab-pane input:last-of-type, .container-content .input:last-of-type {
    margin: 0;
}

.container-content {
    background: #F5F5F5;
    display: inline-block;
    line-height: 200%;
    padding: 15px;
    width: 100%;
}

.modal-content-title {
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.pass-dialog .modal-content,
.pass-dialog .modal-dialog {
    /*width: 390px !important;*/
}

.pass-dialog .modal-content input {
    display: block;
    float: none;
    margin: 0 auto !important; /*width: 200px !important;*/
}

.modal.popup .modal-dialog,
.modal.popup .modal-dialog .modal-content {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0;
    /*width: 640px;*/
}

.modal-header-no-border {
    border: 0;
}

.modal-header.modal-header-no-border a {
    color: #FFF !important;
}

/* */
.disponivel {
    color: #73AB76;
}

label.disponivel {
    color: #5A9C5D !important;
}

.liberacao {
    color: #FFA74F;
}

.bonus {
    color: #9B85BC;
}

.disabled {
    color: #CCC;
}

.blue {
    color: #2867CE;
}

.green {
    color: #5A9C5D;
}

.red {
    color: #D81F1F;
}

.gray {
    color: #666666;
}

.yellow {
    color: #c49f47;
}

.font-yellow-lemon {
    color: #F7CA18;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.btn-xl {
    font-size: 20px;
    line-height: 65px !important;
    padding: 0 20px;
    text-align: left;
    width: 215px;
    white-space: normal;
}

.btn-xl i {
    float: right;
    font-size: 35px;
    line-height: 65px !important;
}

.btn-xl i.fa-lock {
    font-size: 30px;
}

.padding-bt {
    padding-bottom: 20px;
}

.padding-zero {
    padding: 0;
}

.margin-t {
    margin-top: 15px;
}

.margin-t-b {
    margin-top: 20px;
}

.margin-r {
    margin-right: 10px;
}

.margin-l {
    margin-left: 15px;
}

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

.margin-b-b {
    margin-bottom: 20px;
}

.margin-top {
    margin-top: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}

label.radio {
    cursor: pointer;
}

.radio-inline {
    padding-left: 0;
    overflow: hidden;
}

.arrow-big-transfer-btw-vcreditos-bookmaker, .arrow-big-transfer-btw-bookmaker-vcreditos {
    font-size: 2em;
    margin: 0 .3em;
    line-height: 30px;
    vertical-align: middle;
}

.padding-top-5 {
    padding-top: 5px;
}

.align-items-start {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.currency-label {
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    color: #555;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    pointer-events: none;
    font-size: 14px;
    font-weight: normal;
}

.list-group-item {
    clear: both;
}

.list-group-item label {
    float: left;
    padding: 30px 20px;
    margin: 0;
    width: 100%;
}

.list-group-item label input {
    margin: 5px 0 0 -5px !important;
}

.list-group-item .row {
    margin: 0;
}

.text-align-left {
    text-align: left;
}

.text-align-left input[type="text"] {
    float: left;
    width: 100% !important;
}

.text-align-left .form-group {
    display: inline-block;
    width: 100%;
}

.big-item-radio-block {
    line-height: 180%;
    text-align: center;
}

.big-item-radio-block i {
    display: inline;
    margin: 0 5px;
}

.info.tooltips {
    text-decoration: underline;
    cursor: help;
}

.new-item,
.disable-item,
.strike-item,
.disable-item-only {
    position: relative;
}

.disable-item:before,
.disable-item-only:before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.disable-item:after,
.strike-item:after,
.new-item:after {
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    height: 58px;
    width: 58px;
    z-index: 2;
}

.disable-item:after {
    background: url("../img/breve-tag-big.png") no-repeat;
}

.new-item:after {
    background: url("../img/breve-tag-big-y.png") no-repeat;
}

.strike-item:after {
    background: url("../img/greve-tag-big.png") no-repeat;
}

.out-of-stock {
    z-index: 999;
    position:absolute;
    top:0;
    right: 0;
    max-width: 100px;
}

.out-of-stock-big {
    padding-right:15px;
    width: 80% !important;
}

.unavailable {
    background: #28b779;
    color: #FFF;
    font-size: 12px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 37px;
    width: 100%;
    z-index: 9999;
}

/* VSOCIO PLUS */
.vsocio-plus-area .vsocio-plus-area-logo {
    background: url("../img/vsocioplus-mini-logo.png") no-repeat;
    height: 66px;
    margin: 0 auto 10px auto;
    width: 92px;
}

.vsocio-plus-area form {
    float: left;
    width: 100%;
}

.vsocio-plus-area .merchants-area button {
    background: #397ABB;
    border: 0;
    bottom: -22px;
    color: #FFF;
    left: 55%;
    line-height: 44px;
    margin-left: -149px;
    padding: 0 20px;
    position: absolute;
}

.vsocio-plus-area .merchants-area .login-text {
    bottom: -55px;
    font-size: 13px;
    line-height: 120%;
    position: absolute;
    right: 0;
}

.vsocio-plus-area .merchants-area .login-text a {
    color: #389A5F;
}

.vsocio-plus-area .merchants-area .item {
    float: left;
    padding: 20px;
    position: relative;
    width: 157px;
    height: 227px;
}

.vsocio-plus-area .merchants-area .item input {
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2);
    color: #6C6C6C;
    display: block;
    font-size: 13px;
    margin: 10px auto 0 0;
    max-width: 117px;
    padding: 5px;
    text-align: center;
}

.vsocio-plus-area .merchants-area .item .bonus {
    background: url("../img/bonus-tag.png") no-repeat;
    height: 55px;
    left: 50%;
    margin-left: -27.5px;
    position: absolute;
    top: -65px;
    width: 55px;
}

.vsocio-plus-area .merchants-area .item .bonus.two-percent {
    background-position: -0px -0px;
}

.vsocio-plus-area .merchants-area .item .bonus.three-percent {
    background-position: -55px -0px;
}

.vsocio-plus-area .merchants-area .item a {
    display: block;
    margin: 0 auto;
    max-width: 117px;
}

.vsocio-plus-area .merchants-area .item a:hover {
    text-decoration: none;
}

.vsocio-plus-area .merchants-area .item p {
    color: #6C6C6C;
    font-size: 11px;
    line-height: 12px;
    margin: 5px auto 0 0;
    max-width: 117px;
    text-align: center;
}

.vsocio-plus-area .merchants-area .item p span {
    color: #389B5F;
    font-weight: 700;
}

.vsocio-plus-area .merchants-area .item p span.o-account,
.vsocio-plus-area .merchants-area .item p a.o-account {
    color: #fff;
    display: block;
    font-size: 9px;
    margin-top: 10px;
    text-transform: uppercase;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo {
    background: url("../img/comerciantes-logo-sprite.png") no-repeat;
    display: block;
    height: 41px;
    margin: 0 auto;
    position: relative;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo .tag-soon {
    background: url("../img/breve-tag.png") no-repeat;
    height: 42px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 42px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.bet365,
.vsocio-plus-area .merchants-area .item .merchant-area-logo.bet9,
.vsocio-plus-area .merchants-area .item .merchant-area-logo.betmotion {
    width: 116px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.betboo,
.vsocio-plus-area .merchants-area .item .merchant-area-logo.sportingbet {
    width: 117px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.betboo {
    background-position: -117px -41px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.sportingbet {
    background-position: -232px -0px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.bet9 {
    background-position: -350px -0px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.bet365 {
    background-position: -0px -0px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.betmotion {
    background-position: -116px -0px;
}

.vsocio-plus-area .merchants-area .item .merchant-area-logo.playbonds {
    background-position: -234px -41px;
    width: 115px;
}

/**/
.info-account {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.info-account .item {
    background: rgba(0, 0, 0, 0.2);
    float: left;
    padding: 5px;
    text-align: right;
}

.info-account .item .title {
    color: #FFF;
    display: block;
    text-transform: uppercase;
}

.info-account .item .content {
    color: #FFF;
    font-size: 30px;
}

/* 1/4 */
.info-account.one-fourth .item {
    width: 22%;
}

.info-account.one-fourth .item:nth-of-type(2) {
    margin: 0 2% 0 4%;
}

.info-account.one-fourth .item:nth-of-type(3) {
    margin: 0 4% 0 2%;
}

/* 1/3 */
.info-account.one-third .item {
    width: 29.333%;
}

.info-account.one-third .item:nth-of-type(2) {
    margin: 0 6%;
}

.small-loader-image > img {
    width: 10px;
}

.account-bank-draw-each {
    cursor: pointer;
}

.banks-account-check-icon {
    font-size: 24px;
    color: #fafafa !important;
    margin-top: 11px;
}

.banks-account-checked-icon {
    font-size: 24px;
    color: #26c281 !important;
    margin-top: 10px;
}

.change-bank-button, .change-casa-button{
    display:none;
    font-size:16px;
    margin-bottom:15px;
}

.change-bank-button:hover, .change-casa-button:hover{
    cursor:pointer;
    text-decoration: none;
}

.lightbulb {
    font-size: 24px;
    float: left;
    margin-top: 5px;
    color: #f7ca18 !important;
}

.text-blue-ebonyclay {
    color: #22313f !important;
    font-size: 16px;
}

.modal-content i:not(.no-extra-style) {
    float: left;
    color: #3FB06C;
    font-size: 50px;
}

.modal-content i.close-icon {
    position: absolute;
    right: 4px;
    color: #666666;
    font-size: 30px;
    padding-bottom: 10px;
}

.modal-content a.cancel-button {
    color: #868686;
    float: right;
    font-size: 13px;
    line-height: 120%;
}

.modal-content span.title {
    margin-top: 10px;
    width: 100%;
}

.modal-content span.title,
.bg-new-account form span.title {
    clear: both;
    color: #3FB06C;
    float: left;
    font-size: 21px;
    line-height: 120%;
}

.uppercase {
    text-transform: uppercase;
}

.margin-top-35 {
    margin-top: 35px;
}

.soft-red {
    background: #ffe6e6;
    border: solid;
    border-color: #ffcccc;
}

.soft-yellow {
    background: #fffae6;
    border: solid;
    border-color: #fff5de;
}

.soft-blue {
    background: #F2F2F2;
}

.padding-15 {
    padding: 15px;
}

.padding-sides-15 {
    padding: 0 15px 0 15px;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-top-10 {
    padding-top: 10px;
}

.bg-orange {
    background-image: none !important;
    background-color: #FF9800 !important;
    border-color: #FF9800 !important;
    color: #fff !important;
}

.vcreditos-logo-transfer {
    height: 24px;
    margin: 3px 0;
}

.merchant-logo-transfer {
    height: 30px;
}

.panel-default, .panel-default > .panel-heading {
    border-color: transparent;
}

.bonus-tag-1-percent {
    background: url("../img/bonus-tag-1-percent.png");
    width: 67px;
    height: 68px;
    float: left;
    margin-left: 23px;
    margin-bottom: 10px;
}

.bonus-tag-2-percent {
    background: url("../img/bonus-tag-2-percent.png");
    width: 67px;
    height: 68px;
    float: left;
    margin-left: 23px;
    margin-bottom: 10px;
}

.bonus-tag-3-percent {
    background: url("../img/bonus-tag-3-percent.png");
    width: 67px;
    height: 68px;
    float: left;
    margin-left: 23px;
    margin-bottom: 10px;
}

.bonus-tag-4-percent {
    background: url("../img/bonus-tag-4-percent.png");
    width: 67px;
    height: 68px;
    float: left;
    margin-left: 23px;
    margin-bottom: 10px;
}

.bonus-tag-5-percent {
    background: url("../img/bonus-tag-5-percent.png");
    width: 67px;
    height: 68px;
    float: left;
    margin-left: 23px;
    margin-bottom: 10px;
}

.percent-affiliations {
    float: left;
    width: 120px;
}

.bookmakers-affiliations {
    float: left;
    margin-top: 13px;
}

.action-affiliations {
    float: left;
    margin-top: 13px;
}

.action-affiliations a {
    margin-top: 3px;
}

.action-affiliations input {
    float: left;
    width: 100%;
    padding: 10px;
}

.btn-affiliations {
    float: right;
    margin-top: 15px;
}

.blockUI.blockOverlay {
    opacity: 0.6 !important;
}

.va-middle {
    vertical-align: middle !important;
}

.va-middle td, .va-middle th {
    vertical-align: middle !important;
}

.popup-promos {
    position: relative;
}

.popup-promos .link {
    position: absolute;
    width: 29%;
    height: 28%;
}

.popup-promos .bumbet {
    top: 18%;
    left: 5.4%;
}

.popup-promos .bet9 {
    top: 18%;
    left: 35.4%;
}

.popup-promos .betmotion {
    top: 18%;
    left: 65.5%;
}

.popup-promos .playbonds {
    top: 47.3%;
    left: 5.4%;
}

.popup-promos .bet365 {
    top: 47.3%;
    left: 35.4%;
}

.popup-promos .socio {
    top: 47.3%;
    left: 65.5%;
}

table.historic td {
    height: 38px;
}

.cursor-help {
    cursor: help;
}

.cursor-pointer {
    cursor: pointer;
}

.page-boxed .page-container {
    border: none!important;
}

ul.page-sidebar-menu > li > a {
    padding: 13px 5px;

}
    ul.page-sidebar-menu > li > a i {
        display: inline-block;
        width: 36px;
        text-align: center;
        vertical-align: text-top;
        margin: 0;
        color: #666 !important;
        font-size: 18px;
        line-height: 18px;
    }

ul.page-sidebar-menu > li.active > a {
    background-color: #FCEA51;
}

/* Submenu */
.page-sidebar-menu > li ul li > a {
    color: #000;
    padding-left: 4.5rem;
}
.page-sidebar-menu > li ul li.active > a {
    background-color: #f3f3f3;
}

ul.group li a{
    text-decoration: none;
}

.ci.ci-v {
    transform: scale(.9);
}

.img-promo img {
    max-width: 300px;
}

/* Slideout */
body {
    width: 100%;
    height: 100%;
}

.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.show-on-mobile, .show-on-sm {
    display: none;
}

/* Sócio V+ */
.vsocio-plus-area {

}
    .vsocio-plus-area > .vsocio-plus-area__header {
        margin-bottom: 3em;
    }

    .vsocio-plus-area > .subtitle {
        font-size: 14px;
        margin: 2em 0 2em 2em;
    }

    /* SocioV steps */
    .sociov-steps {

    }
        .sociov-steps .sociov-steps-item {
            border: 1px solid #e2e2e2;
            margin-top: 1em;
            padding: 1.6em .8em .8em;
            position: relative;
            text-align: center;
        }
            .sociov-steps .sociov-steps-item > .sociov-steps-number {
                background-color: #FFF;
                border: 1px solid #e2e2e2;
                -webkit-border-radius: 50% !important;
                -moz-border-radius: 50% !important;
                border-radius: 50% !important;
                color: #32bc5b;
                font-size: 18px;
                font-weight: 600;
                height: 40px;
                left: 50%;
                line-height: 40px;
                margin-left: -20px;
                position: absolute;
                top: -20px;
                width: 40px;
            }

            .sociov-steps .sociov-steps-item > p {
                color: #59636c;
                margin-bottom: 0;
            }

    /* Merchant list */
    #v-merchants-affiliations {
        margin-bottom: 0;
    }
        #v-merchants-affiliations > li {
            border-bottom: 1px solid #e2e2e2;
        }
            #v-merchants-affiliations > li:last-child {
                border-bottom: 0;
            }

.twitter-typeahead {
    width: 100%;
    display: table !important;
}

.twitter-typeahead .form-control {
    margin: 0 !important;
}

.tt-hint,
.tt-input {
    font-size: 14px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff !important;
}

.tt-hint[disabled] {
    background-color: #fff !important;
}


.tt-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 100%;
    overflow-y: auto;
    max-height: 250px;
}

.tt-menu h3 {
    margin: 5px 0;
    padding: 6px 12px;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}

.modal-open .tt-menu {
    z-index: 10055 !important;
}

.tt-suggestion {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 16px;
}

.tt-suggestion:hover {
    cursor: pointer;
    background: #eee;
}

.tt-suggestion p {
    margin: 0;
}

.full-width {
    width: 100%;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
    font-family: 'Proxima Nova Alt';
    src: url('../fonts/proxima-nova-alt/ProximaNovaAltBold-webfont.ttf')  format('ttf');
}

#counter
{
    position: absolute;
    top: 50%;
    text-align: center;
    height: 100px;
    font-weight: 700;
    width: 60%;
    margin-left: 17.4%;
    font-size: 1em;
    line-height: 1em;
    margin-top: 50px;
}

#counter.modal-right
{
    width: 39%;
    margin-left: 45%;
}

.dhm
{
    margin-top: 0px;
    color: #fff;
    font-family: 'Open Sans' , Sans-Serif;
    font-size: 1.5rem;
    font-weight: 300;
}

.tempo {
    font-family: 'Open Sans' , Sans-Serif;
    font-size: 1em;
    margin-bottom: 1em;
    font-weight: 500;
    padding: 0;
}

#counter.modal-right .tempo
{
    opacity: 0.8;
    font-size: 0.85em;
}

.days, .hours, .minutes{
    font-size: 4em;
    line-height: 1em;
}

.dhm {
    margin-top: 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    font-weight: 500;
}

/**
 *
 */
.button-container {
    margin: 4rem 0;
}
    .button-container__center, .button-container__left, .button-container__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .button-container__left {
        -webkit-box-pack: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
    }
    .button-container__right {
        -webkit-box-pack: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end;
    }
    .button-container__left a, .button-container__right a{
        min-width: 220px;
    }

    .button-container__left a, .button-container__right a{
        min-width: 220px;
    }

    .button-container__left a, .button-container__right a{
        min-width: 220px;
    }

    @media (max-width: 767px){
        .button-container__left, .button-container__right{
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
    }

/**
 * Form filter
 */
.table-filter {
    margin-bottom: 2rem;
}
    .table-filter label {
        font-weight: 600;
    }

/**
 * Dark table theme
 */
.table-dark {
    border: 1px solid #909090;
}
    .table-dark > thead > tr > th {
        color: #666666;
        font-weight: 400;
        line-height: 1 !important;
        padding: 1.5rem 1rem;
    }

    .table-dark > thead > tr > th,
    .table-dark > tbody > .row-table:nth-child(even) > td {
        background-color: #e1e1e1;
    }

    .table-dark > tbody > tr > td {
        border: none;
        padding: 1.5rem 1rem;
    }
        .table-dark > tbody > tr > td:last-child,
        .table-dark > thead > tr > th:last-child {
            border-right: 1px solid #909090;
        }

    .table-dark .list-group > li {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom-color: #f2f2f2;
        font-size: 1.2rem;
        margin-bottom: 0;
    }

/**
 * Home
 */
.clube-v__home-prizes > img {
    max-width: 100%;
    width: auto;
    height: auto;
}

/**
 * Become Socio V+
 */
.clube-v__become-container > .clube-v__title {
    font-size: 3rem;
    margin-bottom: 3.5rem;
    margin-top: 2rem;
}

/**
 * Steps
 */
.clube-v__steps {
    margin: 2rem 0;
}
    .clube-v__steps > .col-md-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }
        .clube-v__steps > .col-md-4 > .clube-v__steps-number {
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            border: 0.4rem solid #F7B119;
            border-radius: 50% !important;
            color: #F7B119;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-size: 7rem;
            font-weight: 800 !important;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            line-height: 1 !important;
            max-height: 8.9rem;
            max-width: 8.9rem;
            min-height: 8.9rem;
            min-width: 8.9rem;
        }

        .clube-v__steps > .col-md-4 > .clube-v__steps-description {
            border-top: 0.4rem solid #F7B119;
            color: #666666;
            text-align: left;
            font-size: 1.6rem;
            margin-top: 4.25rem;
            padding: 1rem 10% 0 1rem;
            width: 100%;
        }
            .clube-v__steps > .col-md-4:nth-child(3) > .clube-v__steps-description {
                border-top: none;
            }

/**
 * Product detail
 */
.clube-v__help-text {
    margin-bottom: 3rem;
}
    .clube-v__help-text p {
        color: #000000;
        font-size: 1.45rem;
        line-height: 1 !important;
        margin: 0;
    }

/* Detail */
.clube-v__product--detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.clube-v__product--detail .clube-v__product-image {
    height: auto;
    max-width: 100%;
}

.clube-v__product--detail .clube-v__product-info {
    padding: 2rem 0 0 2rem;
    width: 100%;
}
    .clube-v__product--detail .clube-v__product-info > h1 {
        font-size: 1.9rem;
        font-weight: 400 !important;
        margin: 0;
    }

    #clube-v > .clube-v__product--detail .clube-v__product-info > h2 {
        color: #28b779;
        font-size: 3rem;
        font-weight: 700 !important;
        margin: 1.5rem 0 3.5rem;
        max-width: none;
        text-align: left;
    }

    #clube-v > .clube-v__product--detail .clube-v__product-info > p {
        margin-bottom: 1.5rem;
    }

    #clube-v .clube-v__product--detail .clube-v__product-info > .btn {
        min-width: 18rem;
        padding-left: 4rem;
        padding-right: 4rem;
        text-align: center;
    }
        #clube-v .clube-v__product--detail .clube-v__product-info > .btn--disabled {
            background-color: #b2b2b2;
            color: #FFF;
        }

/* Description */
.clube-v__product--description h3 {
    font-size: 1.9rem;
    font-weight: 400 !important;
    margin-bottom: 2rem;
    margin-top: 5rem;
}

.clube-v__product--description p {
    font-size: 1.3rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
}

/**
 * Box
 */
/* General styles */
.clube-v__box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
}
.black-background{
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background: #00000091;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 45px 10px;
}

.black-background.green{
    background: #0c3a06c2;
}

.clube-v__product-box-container .clube-v__box .black-background .padlock{
    width: 50px !important;
    margin-bottom: 10px;
}

.black-background p{
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

/* Clube V products box */
.clube-v__product-box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .clube-v__product-box-container > .col-md-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
        .clube-v__product-box-container > .col-md-3 > .clube-v__box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

.clube-v__product-box-container .clube-v__box {
    display: block;
    position: relative;
}
    .clube-v__product-box-container .clube-v__box:link,
    .clube-v__product-box-container .clube-v__box:hover,
    .clube-v__product-box-container .clube-v__box:active {
        text-decoration: none;
    }

    .clube-v__product-box-container .clube-v__box img {
        height: auto !important;
        width: 100% !important;
    }

    .clube-v__product-box-container .clube-v__box .clube-v__box--description {
        color: #333;
        font-size: 1.3rem;
        line-height: 2rem !important;
        margin: 0;
        padding: 1.5rem 2rem;
    }

    .clube-v__product-box-container .clube-v__box .clube-v__box--description-highlight {
        color: #28b779;
        display: block;
        font-size: 1.8rem;
        font-weight: 700 !important;
        padding: 0 2rem 1.5rem;
    }

    .clube-v__product-box-container .clube-v__box img,
    .clube-v__product-box-container .clube-v__box .clube-v__box--description,
    .clube-v__product-box-container .clube-v__box .clube-v__box--description-highlight {
        -webkit-transition: opacity 300ms ease;
        transition: opacity 300ms ease;
    }

    #clube-v .clube-v__product-box-container .clube-v__box > .btn {
        font-size: 1.3rem;
        font-weight: 700 !important;
        left: 50%;
        max-width: 85% !important;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        padding: 1.5rem 1rem !important;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 1px) perspective(1px);
        transform: translate3d(-50%, -50%, 1px) perspective(1px);
        width: 100% !important;
        -webkit-transition: background-color 300ms ease, opacity 300ms ease-in !important;
        transition: background-color 300ms ease, opacity 300ms ease-in !important;
    }

    .clube-v__product-box-container .clube-v__box:hover img,
    .clube-v__product-box-container .clube-v__box:hover .clube-v__box--description,
    .clube-v__product-box-container .clube-v__box:hover .clube-v__box--description-highlight {
        opacity: 0.35;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    }

    .clube-v__product-box-container .clube-v__box__off:hover img,
    .clube-v__product-box-container .clube-v__box__off:hover .clube-v__box--description,
    .clube-v__product-box-container .clube-v__box__off:hover .clube-v__box--description-highlight {
        opacity: 1 !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .clube-v__box__off:hover{
        cursor: default !important;
    }

    #clube-v .clube-v__product-box-container .clube-v__box:hover > .btn {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-backface-visibility: hidden;
    }

    .clients-groups-continers-icons{
        display: flex; align-items: center; justify-content: center; padding-top: 10px;
    }

    .black-background .clients-groups-continers-icons img{
        width: 40px!important;
        margin-right: 10px;
    }

    .clients-groups-continers-icons img:last-child{
        margin-right: 0;
    }

/* Clube V partner box */
.clube-v__product-box-container .clube-v__box,
.clube-v__partner-box-container .clube-v__box {
    margin-bottom: 3rem;
}

.clube-v__partner-box-container .clube-v__box {
    padding: 1.5rem;
}

/* Status */
.clube-v__partner-box-container .clube-v__box > .clube-v__box-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 2px;
    min-height: 1.2rem;
}
    .clube-v__partner-box-container .clube-v__box > .clube-v__box-status > span {
        border-radius: 25rem !important;
        color: #FFF;
        font-size: 0.7rem;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-transform: uppercase;
        padding: 0.25rem 0.5rem;
    }

/* Header */
.clube-v__partner-box-container .clube-v__box > .clube-v__box-header {
    height: 53px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
    .clube-v__partner-box-container .clube-v__box > .clube-v__box-header > .box-header__badge,
    .eBank .bonus-percent > .box-header__badge {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #F7B119;
        border-radius: 50% !important;
        color: #FFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 0.85rem;
        font-weight: 700 !important;
        height: 5.3rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1;
        min-height: 5.3rem;
        min-width: 5.3rem;
        width: 5.3rem;
    }
        .clube-v__partner-box-container .clube-v__box > .clube-v__box-header > .box-header__badge > span,
        .eBank .bonus-percent > .box-header__badge > span  {
            font-size: 2.215rem;
            font-style: italic;
            font-weight: 800 !important;
            line-height: 1.8rem;
            margin-bottom: 0.25rem;
        }


    .clube-v__partner-box-container .clube-v__box > .clube-v__box-header > .box-header__img-link {
        margin: auto;
    }

        .clube-v__partner-box-container .clube-v__box > .clube-v__box-header > .box-header__img-link > img {
            height: 52px;
            width: auto;
        }

.bg-black { background-color: #000000!important; }

/* Description */
.clube-v__partner-box-container .clube-v__box > .clube-v__box--description {
    font-size: 1.1rem;
    line-height: 1.4rem;
    margin: 1.5rem 0;
    min-height: 4.5rem;
    text-align: left;
}
    .clube-v__partner-box-container .clube-v__box > .clube-v__box--description > span {
        color: #fea901;
        display: block;
    }

/* Button */
#clube-v .clube-v__partner-box-container .clube-v__box > .btn {
    color: #FFF;
    font-size: 1.25rem;
    padding: 1.5rem 1rem !important;
    text-align: center;
    text-transform: uppercase;
    width: 100% !important;
}

/* Button status */
#clube-v .clube-v__partner-box-container .clube-v__box > .btn,
.clube-v__partner-box-container .clube-v__box > .clube-v__box-status > span {
    background-color: #31bb5a;
}

#clube-v .clube-v__partner-box-container .box--status-waiting > .btn,
#clube-v .clube-v__partner-box-container .box--status-waiting > .btn:hover,
#clube-v .clube-v__partner-box-container .box--status-waiting > .btn:active,
.clube-v__partner-box-container .box--status-waiting > .clube-v__box-status > span {
    background-color: #666 !important;
    pointer-events: none;
}

#clube-v .clube-v__partner-box-container .box--status-refused > .btn,
#clube-v .clube-v__partner-box-container .box--status-refused > .btn:hover,
#clube-v .clube-v__partner-box-container .box--status-refused > .btn:active {
    background-color: #ffaa00 !important;
}

.clube-v__partner-box-container .box--status-refused > .clube-v__box-status > span {
    background-color: #d61f27;
}

/* Clube V points box */
.clube-v__points-box-container > .col-md-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .clube-v__points-box-container > .col-md-6 > .clube-v__box {
        max-width: 30rem;
        padding: 3.5rem 5rem;
        width: 100%;
    }

    /* Clube V box content */
    .clube-v__points-box-container > .col-md-6 > .clube-v__box > .clube-v__box-title {
        font-size: 1.6rem;
        font-weight: 700 !important;
        text-align: center;
        text-transform: uppercase;
    }

    .clube-v__points-box-container > .col-md-6 > .clube-v__box > .clube-v__box-promo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.1rem;
        margin: 2rem 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
        .clube-v__points-box-container > .col-md-6 > .clube-v__box > .clube-v__box-promo > span {
            font-size: 6.3rem;
            font-weight: 700 !important;
            margin: 0 0.5rem;
        }

    .clube-v__points-box-container > .col-md-6 > .clube-v__box > .clube-v__box-title,
    .clube-v__points-box-container > .col-md-6 > .clube-v__box > .clube-v__box-promo {
        line-height: 1;
    }

    .clube-v__points-box-container > .col-md-6 > .clube-v__box > .clube-v__box--description {
        font-size: 1.6rem;
        line-height: 2rem !important;
        margin: 0 auto;
        max-width: 150px;
        text-align: left;
    }

/* Clube V box styles */
.clube-v__points-box-container > .col-md-6:first-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
    .clube-v__points-box-container > .col-md-6:first-child > .clube-v__box {
        background-color: #FFF;
        color: #333;
    }
        .clube-v__points-box-container > .col-md-6:first-child > .clube-v__box > .clube-v__box-title,
        .clube-v__points-box-container > .col-md-6:first-child > .clube-v__box > .clube-v__box-promo > span {
            color: #28b779;
        }

    .clube-v__points-box-container > .col-md-6:last-child  > .clube-v__box {
        background-color: #32bc5b;
    }
        .clube-v__points-box-container > .col-md-6:last-child  > .clube-v__box,
        .clube-v__points-box-container > .col-md-6:last-child > .clube-v__box > .clube-v__box-promo > span {
            color: #FFF;
        }

/**
 * Balance
 */
.balance-negative {
    color: #b72828;
}

.balance-positive {
    color: #28b779;
}

/**
 * Extracts
 */
.clube-v__extract {
    margin-bottom: 2rem;
}
    .clube-v__extract > .col-md-12 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.clube-v__extract-column--half-width {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 33.333%;
    padding-right: 1.5rem;
}
    .clube-v__extract-column--half-width:last-child {
        padding-right: 0;
    }

.clube-v__level-title,
.clube-v__extract-column__title {
    color: #32bc5b;
}

.clube-v__level-title,
.clube-v__extract-column__title {
    font-size: 2rem;
}

.clube-v__extract-column__content {
    color: #666666;
    font-size: 2.6rem;
    font-weight: 600 !important;
}

/* Chart */
.clube-v__extract-chart {
    margin-bottom: 3.5rem;
}
    .clube-v__extract-chart .clube-v__box {
        padding: 1.5rem;
    }

/**
 * Level
 */
.clube-v__level {
    margin-bottom: 3rem;
    }
    .clube-v__level > .col-md-12 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.clube-v__level-title,
.clube-v__extract-column__title {
    margin-right: 1rem;
}

.clube-v__level-name {
    color: #666666;
    font-size: 1.6rem;
    font-weight: 600 !important;
    margin-right: 1.5rem;
}
    .clube-v__level-name:last-child {
        margin-left: 1.5rem;
        margin-right: 0;
    }

.clube-v__level-progressbar {
    background-color: #CCC;
    height: 1.5rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}
    .clube-v__level-progressbar > .clube-v__level-bar {
        background-color: #28b779;
        bottom: 0;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .clube-v__level-progressbar,
    .clube-v__level-progressbar > .clube-v__level-bar {
        border-radius: 2.5rem !important;
    }

    .clube-v__level-progressbar > .clube-v__level-next {
        color: #000;
        font-size: 1rem;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    .clube-v__level-progressbar > .clube-v__level-bar,
    .clube-v__level-progressbar > .clube-v__level-next {
        position: absolute;
    }

    .clube-v__level-name,
    .clube-v__level-title,
    .clube-v__level-progressbar,
    .clube-v__level-progressbar > .clube-v__level-bar,
    .clube-v__level-progressbar > .clube-v__level-next,
    .clube-v__extract-column__title,
    .clube-v__extract-column__content {
        line-height: 1 !important;
    }

/**
 * Footer message
 */
.footer__contact {
    margin: 2rem 0;
}
    .footer__contact > .col-md-12 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 8rem;
    }
        .footer__contact > .col-md-12 > p {
            color: #666666;
            font-size: 1.8rem;
            line-height: 2.5rem !important;
            margin-bottom: 0;
        }

        .footer__contact > .col-md-12 > .btn-outline {
            background-color: #FFF !important;
            border: 0.2rem solid #32bc5b;
            color: #32bc5b;
            font-size: 1.5rem;
            font-weight: 700 !important;
            line-height: 1 !important;
            margin-left: 3rem !important;
            padding: 2rem 4.5rem !important;
            text-transform: uppercase;
            white-space: nowrap;
        }

.table ul.list-group {
    margin-bottom: 0;
}

/**
 * Section title
 */
.section-title {
    color: #666666;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px;
}
    .section-title--margin {
        margin-top: 20px;
    }

@media screen and (max-width: 767px) {
    .section-title {
        font-size: 18px;
        margin: 0 0 10px;
    }
    .section-title--margin {
        margin-top: 10px;
    }
}

/**
 * Bank list
 */
#pix-info{
    display: none;
}

.bank-list > .row {
    display: flex;
    flex-wrap: wrap;
}

    .bank-list > .row a:hover{
        cursor: pointer;
    }

    .bank-list__item {
        margin-bottom: 15px;
        transition: opacity 300ms ease;
    }

    .bank-list__item[class*="disabled_by_limits"] {
        filter: grayscale(100%);
        opacity: 0.3;
    }

    .deposit .bank-list__item:nth-last-child(-n+3) {
            margin-bottom: 0;
    }

        .bank-list__item > label {
            align-items: center;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            display: flex;
            margin: 0;
            padding: 10px;
            position: relative;
        }
            /** Image **/
            .bank-list__item > label > img {
                margin-right: 10px;
            }

            /** Radio input **/
            .bank-list__item > label > .radio,
            .bank-list__item > label > input[type=radio] {
                display: none;
            }

            /** Bank info **/
            .bank-list__item > label > .bank-list__info {
                width: 100%;
            }
                .bank-list__item > label > .bank-list__info > span {
                    display: block;
                }

                .bank-list__item > label > .bank-list__info > .bank-list__tax {
                    color: #6d6d6d;
                    font-size: 10px;
                }

            /** Currency badge **/
            .bank-list__item > label > .bank-list__currency {
                background-color: #888888;
                color: #FFF;
                font-size: 12px;
                line-height: 1;
                min-width: 38px;
                padding: 3px 5px;
                position: absolute;
                right: 0;
                text-align: center;
                text-transform: uppercase;
                top: 10px;
            }

.table.new-style {
    font-size: 14px;
}

.table.new-style th {
    background-color: #efefef;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
    padding: 14px 8px;
}

.table.new-style td {
    padding: 12px 8px;
    border: none;
    border-bottom: 1px solid #f6f6f6;
}

.table.new-style tr:hover > td {
    background-color: #F6F6F6;
}

/**
* HISTORIC TABLE STYLES
**/

.historic-line{
    width: 100%;
    display: flex;
    min-height: 45px;
    align-items: center;
    border-bottom: 0.5px solid #f9f5f5;
    font-size: 14px;
    position: relative;
}

.historic-line:nth-child(1){
    background-color: #efefef;
    cursor: default;
}

.historic-line-exclamation{
    background-color: #ffeded;
}

.historic-line-exclamation:hover{
    background-color: #fde0e0;
}

.historic-line-link, .historc-line-observation{
    background-color: #fdfdfd;
}

.historic-line-link:hover, .historic-line-observation:hover{
    background-color:#f1f1f1;
    cursor: pointer;
}

.historic-line-observation .historic-observation{
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: white;
    padding: 10px;
    max-width: 80%;
    right:0;
    z-index: 1;
  }

.historic-column span, .agents-historic-column span{
    font-size: 11px;
    margin-left:8px;
}

.historic-column em, .agents-historic-column em{
    font-weight: 400;
}

.historic-column, .agents-historic-column{
    align-items: center;
    height: 70%;
    justify-content: center;
    width: 26%;
    text-align: center;
    display: flex;
}
    .historic-column:nth-child(1){
        min-width: 130px;
    }
    .historic-column:nth-child(2){
        padding: 0 5px;
        min-width: 130px;
    }
    .historic-column:nth-child(3){
        min-width: 150px;
    }
    .historic-column:nth-child(4){
        width: 120px;
    }
    .historic-column:nth-child(5){
        min-width: 120px;
    }
    .historic-column:nth-child(6){
        max-width: 60px;
    }

    .agents-historic-column:nth-child(1){
        max-width: 60px;
    }
    .agents-historic-column:nth-child(3){
        padding: 0 5px;
        min-width: 130px;
    }
    .agents-historic-column:nth-child(5){
        width: 120px;
    }
    .agents-historic-column:nth-child(6){
        width: 120px;
    }

.historic-icon{
    width: 25px;
    margin-right: 10px;
}

.historic-boleto-btn{
    background-color: white;
    box-sizing:border-box;
    color: #646464;
    font-size: 21px;
    padding: 2px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.historic-boleto-btn:hover{
    background-color: #f1f0f0;
    border:none;
    color: black;
}

.historic-cancel-btn{
    color: red;
    font-size: 14px;
    float: right;
    margin-top: 25px;
    width: fit-content;
    text-decoration: none;
    text-align: right;
}

.historic-cancel-btn:hover, .historic-cancel-btn:active, .historic-cancel-btn:focus {
    color: red;
}

@media only screen and (max-width: 500px){
    .historic-column, .agents-historic-column{
        min-width: unset !important;
        width: 40% !important;
    }
    .historic-column:nth-child(1){
        max-width: 130px !important;
    }
    .historic-column:nth-child(5){
        max-width: 70px !important;
    }
    .agents-historic-column:nth-child(2){
        max-width: 130px !important;
    }
    .agents-historic-column:nth-child(6){
        max-width: 70px !important;
    }
    .historic-cancel-btn{
        width: 100%;
        text-align: center;
        font-size: 16px;
    }
}

@media only screen and (max-width: 400px) {
    .historic-column:nth-child(1){
        max-width: 110px !important;
    }
    .agents-historic-column:nth-child(1){
        max-width: 55px;
    }
}

@media only screen and (max-width: 320px) {
    .historic-column:nth-child(1){
        max-width: 88px !important;
    }
    .agents-historic-column:nth-child(1){
        max-width: 47px;
    }
}

/* Historic V+ Products adaptation */

.historic-product:nth-child(1),
.historic-product:nth-child(3),
.historic-product:nth-child(6)
{
    width: 100px !important;
    min-width: unset !important;
    max-width: unset !important;
}

.historic-product:nth-child(5){
    width: 50px !important;
    min-width: unset !important;
}

.historic-product:nth-child(2){
    width: 160px !important;
}
.historic-product:nth-child(2){
    width: 45% !important;
}

/** END HISTORIC TABLE STYLES **/

@media screen and (max-width: 767px) {
    .bank-list.has-selected > .row > .bank-list__item:not(.bank-list__item--selected) {
        display: none;
    }
}

/**
 * Form step 2
 */
#form-step-2 > .row > div:first-child {
    margin-bottom: 10px;
}

#form-step-2 .input-group > input,
#form-step-2 .input-group > .currency-information {
    border-color: #888888;
}

#form-step-2 .input-group > .currency-information {
    background-color: #888888;
    color: #FFF;
}

#form-step-2 .list-inline {
    margin: 5px 0 0;
}
    #form-step-2 .list-inline > li > .text-muted {
        color: #929292;
        font-size: 12px;
    }

@media screen and (min-width: 768px) {
    #form-step-2 > .row > div:first-child {
        padding-right: 0;
        margin-bottom: 0;
    }

    #form-step-2 button[type=submit] > i {
        margin-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    #form-step-2 button[type=submit] {
        padding: 10px 15px;
        width: 100%;
    }
}

/* styles for bookmakers customs */
.modal-188bet-token > div > div{
    color: #2A2C2E;
}

.modal-netbet-token > div > div{
    color: #303441;
}

.bonus-percent .token-badge {
    margin-right: 0.8rem;
}

@media only screen and (min-width: 1200px) {
    ul.group li {
        width: 20% !important;
    }

    ul.group li:nth-of-type(5n+0) span.box{
        float: right;
    }

    ul.group li:nth-of-type(5n+2) span.box{
        float: left;
        margin-left: 9px;
    }

    ul.group li:nth-of-type(5n+3) span.box{
        float: none;
        display: block;
        margin: 0 auto;
    }

    ul.group li:nth-of-type(5n+4) span.box{
        float: right;
        margin-right: 9px;
    }
}

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

    ul.group li {
        width: 25% !important;
    }

    ul.group li:nth-of-type(4n+2) span.box{
        float: left;
        margin-left: 9px;
    }

    ul.group li:nth-of-type(4n+3) span.box{
        float: none;
        display: block;
        margin: 0 auto;
    }

    ul.group li:nth-of-type(4n+0) span.box{
        float: right;
        margin-right: 9px;
    }
}

@media only screen and (max-width: 991px) {
    .container{
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    #panel {
        transform: translateX(0) !important;
    }

    .slideout-menu {
        display: none !important;
    }

    /* Header */
    #header .logo {
        background: url("../img/logo-vcreditos-white.png") no-repeat;
        height: 36px;
        width: 226px;
    }

    #header .logo-vip {
        height: 36px;
    }
}

@media screen and (max-width: 991px) {
    ul.page-sidebar-menu > li > a i {
        font-weight: bold;
        line-height: 24px;
    }

    ul.page-sidebar-menu > li > a,
    ul.page-sidebar-menu > li > a i,
    .page-sidebar-menu > li.active > a {
        font-size: 18px;
    }

    #js-toggle-menu {
        color: #FFF;
    }
    #js-toggle-menu,
    #js-toggle-menu:hover,
    #js-toggle-menu:link,
    #js-toggle-menu:active {
        text-decoration: none;
    }

    #js-toggle-menu > i {
        font-size: 17px;
    }

    .page-sidebar {
        margin: 0;
    }

    #panel:before {
        content: '';
        display: block;
        background-color: rgba(0,0,0,0);
        transition: background-color 0.5s ease-in-out;
    }

    #panel.panel-open:before {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background-color: rgba(0,0,0,.5);
        z-index: 99;
    }

    #menu .mobile-header {
        background-color: #FCEA51;
        overflow: hidden;
        padding: 10px 0;
    }
    #menu .mobile-header > span {
        background: url("../img/logo_cripten_black.svg") no-repeat;
        display: block;
        height: 28px;
        margin: 0 auto;
        width: 153px;
    }

    /* Header */
    .header-container {
        padding: 1.5rem 1.5rem 0;
    }

    #header {
        background-color: rgba(0, 0, 0, 0.15);
        border: 1px solid #FFF;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
        #header .col-md-12 {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
        }

    #header .logo, #header .logo-vip {
        margin-bottom: 1.5rem;
    }

    #header > .settings-container {
        clear: right;
    }
    #header > .settings-container > .user-info {
        margin-bottom: 0 !important;
    }

    #coupons_li{
        position: unset;
    }

    #coupons_li p a img {
        display: none;
    }

    .mobile-inverted{
        display: block;
    }

    .mobile-inverted > div{
        margin: 5px 0;
    }

    #balance-values {
        background: rgba(0, 0, 0, 0.15);
        border: 1px solid #FFF;
        display: -webkit-box;
        display: table-cell;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        margin-top: 15px;
        overflow: hidden;
        padding: 11.25px 22.5px;
        width: 100%;
    }
    #balance-values > ul {
        margin-top: 0;
    }
    #balance-values > ul > li {
        float: none;
        display: block;
        padding-left: 0;
        width: 100%;
    }
    #balance-values > ul > li::before {
        content: none;
    }

    ul.group li span.box .title {
        margin-right: 20px;
    }

    ul.group li {
        width: 33.333% !important;
    }

    span.box {
        clear: none !important;
        width: 90%;
    }

    ul.group li:nth-of-type(3n+4) span.box{
        float: left !important;
        margin: 0 !important;
    }

    ul.group li:nth-of-type(3n+3) span.box{
        float: right;
        margin: 0 !important;
    }

    ul.group li:nth-of-type(3n+2) span.box{
        float: none;
        display: block;
        margin: 0 auto;
    }

    /* Footer contact */
    .footer__contact > .col-md-12 {
        flex-direction: column;
        padding: 0 1.5rem;
    }
        .footer__contact > .col-md-12 > p {
            margin-bottom: 2rem;
            text-align: center;
        }
}

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

    .coupon-row{
        display: block;
    }

    .coupon-mobile{
        display:block !important;
    }

    .coupon-desktop{
        display: none;
    }

    .coupon-info{
        display: block !important;
    }

    .coupon-info .coupon-balance{
        text-align: left;
    }

    .sociov-steps .sociov-steps-item {
        margin: 1em auto 1.5em;
        max-width: 250px;
    }

    .vsocio-plus-area {

    }
    .vsocio-plus-area > .merchants-area {
        padding: 0 15px;
    }

    #v-merchants-affiliations > li {
        margin-bottom: 25px;
        padding: 0 0 25px 0;
        text-align: center;
    }
    #v-merchants-affiliations > li img,
    #v-merchants-affiliations > li .btn-affiliations,
    #v-merchants-affiliations > li .action-affiliations {
        display: inline-block;
        float: none;
    }

    #v-merchants-affiliations > li .btn-affiliations,
    #v-merchants-affiliations > li .action-affiliations {
        line-height: 1em;
        max-width: 200px;
        padding: 15px 10px;
        width: 100%;
    }

    #v-merchants-affiliations > li .action-affiliations {
        margin-bottom: 0px;
    }

    #v-merchants-affiliations > li .btn-affiliations {
        margin-top: 5px;
    }

    .show-on-sm {
        display: inherit;
    }

    #header .logo, #header .logo-vip {
        background-size: 147px;
        height: 23px;
        margin-top: 0;
        width: 147px;
    }

    .clube-v__transfer-text {
        font-size: 1.4rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    /* Home */
    .clube-v__home-prizes {
        background-position: center;
        background-size: 100%;
    }

    /* Points box */
    .clube-v__points-box-container > .col-md-6 > .clube-v__box {
        margin: 0 auto;
    }

    .clube-v__points-box-container > .col-md-6:first-child > .clube-v__box {
        margin-bottom: 3rem;
    }

    /* Bookmakers list */
    .clube-v__partner-box-container > .col-md-4:nth-child(odd) {
        padding-right: 0.75rem;
    }

    .clube-v__partner-box-container > .col-md-4:nth-child(even) {
        padding-left: 0.75rem;
    }

    .clube-v__partner-box-container > .col-md-4:nth-child(2n+1) {
        clear: left;
    }

    /* Clube V steps */
    .clube-v__steps {

    }
        .clube-v__steps > .col-md-4 {
            align-items: center;
            margin-bottom: 2rem;
        }
            .clube-v__steps > .col-md-4:last-child {
                margin-bottom: 0;
            }

            .clube-v__steps > .col-md-4 > .clube-v__steps-number {
                align-items: center;
                border-width: 0.3rem;
                font-size: 5rem;
                min-height: 7rem;
                min-width: 7rem;
                position: relative;
            }
                .clube-v__steps > .col-md-4 > .clube-v__steps-number::before {
                    background-color: #F7B119;
                    bottom: -2.3rem;
                    content: '';
                    height: 2rem;
                    position: absolute;
                    width: 0.3rem;
                }

                .clube-v__steps > .col-md-4:last-child > .clube-v__steps-number::before {
                    content: none;
                }

            .clube-v__steps > .col-md-4 > .clube-v__steps-description {
                border-top: none;
                margin-top: 0;
                text-align: left;
                padding: 0 0 0 1.5rem;
            }
}

@media only screen and (max-width: 700px) {
    ul.group li {
        clear: none !important;
        float: left !important;
        width: 50% !important;
    }

    span.box {
        width: 95%;
    }

    ul.group li:nth-of-type(odd) span.box {
        float: left !important;
    }

    ul.group li:nth-of-type(even) span.box {
        float: right !important;
    }
}

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

    /* Clube V+ Loja */
    .clube-v__product-box-container > .col-xs-4 {
        width: 50%;
    }
    .clube-v__product-box-container > .col-xs-4 > .clube-v__box {
        margin-bottom: 1.7rem;
    }

    .clube-v__product-box-container > .col-xs-4:nth-child(even) {
        padding-left: 0.75rem;
    }

    .clube-v__product-box-container > .col-xs-4:nth-child(odd) {
        padding-right: 0.75rem;
    }

    /**
     * Product detail
     */

    /* Detail */
    .clube-v__product--detail {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .clube-v__product--detail > .clube-v__product-info {
        padding-left: 0;
        text-align: center;
        width: auto;
    }

    #clube-v > .clube-v__product--detail .clube-v__product-info > h2 {
        font-size: 2rem;
        text-align: center;
    }

    .clube-v__product--detail .clube-v__product-image > img {
        height: auto;
        width: 100%;
    }

    /**
     * Product extract
     */
    .clube-v__level-title,
    .clube-v__extract-column__title {
        font-size: 1.2rem;
    }

    .clube-v__extract-column__content {
        font-size: 1.6rem;
    }

    .clube-v__extract > .col-md-12 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .clube-v__extract-column--half-width {
        width: 50%;
    }

    .clube-v__extract-column--half-width:last-child {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }
}

@media only screen and (max-width: 435px) {
    ul.group li,
    .eWallet.big .item {
        width: 50% !important;
    }

    ul.group li span.box {
        float: none !important;
        display: block !important;
        height: 170px !important;
        width: 95% !important;
    }

    ul.group li span.box .balance .value {
        font-size: 18px !important;
        width: 100% !important;
    }

    ul.group li span.box .balance .currency {
        font-size: 16px !important;
        position: absolute;
        top: 15px;
        right: 20px;
    }

    ul.group li span.box .title {
        font-size: 18px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
    }

    .input-xlarge {
        width: 100% !important;
    }

    .eBank label {
        min-width: 110px;
        width: 33.33%;
    }

    .eBank label,
    .eBank label:last-child {
        margin: -1px 0 0 -1px !important;
    }

    #footer .top-bar-footer {
        padding: 20px 0;
    }

    #footer .top-bar-footer .logo {
        display: block;
        float: none;
        margin: 0 auto 15px;
    }

    #footer .top-bar-footer address {
        display: block;
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }

    #footer .content,
    .hide-on-mobile {
        display: none;
    }

    .hide-on-mobile-content {
        padding: 0 !important;
    }

    .hide-on-mobile-content > * {
        display: none;
    }

    .show-on-mobile {
        display: inherit;
    }

    .btn,
    #v-merchants-affiliations .btn-affiliations {
        width: 100%;
    }

    .show_bookmakers_div .eBank .col-md-3 {
        float: left;
        width: 50%;
    }

    .text-blue-ebonyclay {
        font-size: 15px;
        margin: 36px 0 10px;
        padding-left: 25px;
    }

    .text-blue-ebonyclay i {
        font-size: 20px;
        margin-left: -25px;
    }

    .btn-cancel {
        margin-top: 5px;
        padding: 15px 0;
    }

    table.table,
    table.table h5 {
        font-size: 12px;
    }

    .banks-account-img {
        margin: 10px 0;
        width: 20px;
    }

    #balance-values li,
    #balance-values li p {
        width: 100%;
    }

    #balance-values li p {
        text-align: right;
    }

    #balance-values li:before {
        display: none;
    }

    #balance-values {
        padding: 15px;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px 4px;
    }

    table.historic td {
        height: auto !important;
    }

    #counter {
        font-size: 0.6em;
        margin-left: 4%;
        width: 80%;
        margin-top:25px;
    }

    .tempo {
        padding: 0 10px;
        font-size: 1.5em;
        line-height: 1em;
    }

    #counter.modal-right {
        width: 46%;
        margin-left: 35%;
    }

    .days, .hours, .minutes {
        font-size: 3em;
    }

    /* Bookmakers list */
    .clube-v__partner-box-container > .col-md-4 {
       width: 100%;
    }
        .clube-v__partner-box-container > .col-md-4:nth-child(odd) {
            padding-right: 1.5rem;
        }

        .clube-v__partner-box-container > .col-md-4:nth-child(even) {
            padding-left: 1.5rem;
        }
}

@media only screen and (max-width: 380px) {
    ul.group li {
        margin: 20px 0 0 0 !important;
        width: 50% !important;
    }

    ul.group li span.box {
        float: none !important;
        display: block !important;
        padding: 10px 0 !important;
        width: 95% !important;
    }

    .eBank label {
        width: 50%;
    }

    .vcreditos-logo-transfer {
        height: 16px;
        margin: 7px 0;
    }

    #counter.modal-right {
        width: 40%;
    }
}

@media only screen and (max-width: 768px) {
    #counter {
        font-size: 0.8em;
    }

    .flash-payment-method.banco-do-brasil {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .clube-v__product--detail .clube-v__product-image {
        padding: 0;
    }

    .out-of-stock-big {
        padding: 0;
    }

    /* Product box container */
    .clube-v__product-box-container > .col-md-3:nth-child(4n+1) {
        clear: left;
    }
}

.product{
    cursor: pointer;
}


/**
 *  User requirements
 */
.requirements-list__item.clickable {
    cursor: pointer;
}
    .requirements-list__item .requirements-list__item-title {
        align-items: flex-end;
        color: #414141;
        display: flex;
        font-size: 1.6rem;
        font-weight: 600;
        justify-content: center;
        line-height: 2rem;
        margin-bottom: 1rem;
        min-height: 4rem;
        padding: 0 3rem;
        text-align: center;
        vertical-align: bottom;
    }

    .requirements-list__item .requirements-list__item-icon {
        background-color: #F1F1F1;
        padding-bottom: 61.53846153846154%;
        position: relative;
    }
        .requirements-list__item > form {
            border: none;
            padding: 0;
            position: relative;
        }
            .requirements-list__item > form.dropzone.dz-clickable * {
                cursor: pointer;
            }

            .requirements-list__item > form > .dz-default {
                color: rgba(0, 0, 0, 0.5);
                margin: 0;
                padding-bottom: 0.8rem;
            }

        .requirements-list__item.red > form,
        .requirements-list__item.red .dz-preview,
        .requirements-list__item.red .requirements-list__item-icon {background-color: #c60404;}

        .requirements-list__item.green > form,
        .requirements-list__item.green .dz-preview,
        .requirements-list__item.green .requirements-list__item-icon {background-color: #41b65c;}

        .requirements-list__item.yellow > form,
        .requirements-list__item.yellow .dz-preview,
        .requirements-list__item.yellow .requirements-list__item-icon {background-color: #e6c800;}

        .requirements-list__item.gray > form,
        .requirements-list__item.gray .dz-preview,
        .requirements-list__item.gray .requirements-list__item-icon {background-color: #B9B9B9;}

        .requirements-list__item .requirements-list__item-icon > i {
            color: rgba(255, 255, 255, .9);
            font-size: 8rem;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate3d(-50%, -50%, 1px);
            transition: top 300ms ease;
        }
            .requirements-list__item .requirements-list__item-icon.phone > i {
                font-size: 12rem;
            }

        .requirements-list__item > form.file-added .requirements-list__item-icon > i {
            font-size: 4rem;
            top: 19%;
        }

    .requirements-list__item .requirements-list__item-status {
        background-color: #c7c7c7;
        color: #414141;
        font-size: 1.2rem;
        line-height: 2.5rem;
        margin-bottom: .5rem;
        text-align: center;
    }

    .requirements-list__item .dz-message,
    .requirements-list__item .dz-preview {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .requirements-list__item .dz-preview {
        margin: 0;
        padding: 1.5rem;
    }

    .requirements-list__item .dz-image {
        height: 60px !important;
        width: 60px !important;
    }

/**
 * User data accordion
 */
#user-data-accordion > .panel {
    position: relative;
}

    #user-data-accordion > .panel,
    #user-data-accordion > .panel > .panel-heading {
        background-color: #eeeeee;
    }

    .panel > .panel-white {
        background-color: #FFF;
    }

    #user-data-accordion > .panel > .panel-heading {
        padding: 0;
    }

    #user-data-accordion > .panel > .panel-heading > .panel-title > a {
        color: #000000;
        font-size: 1.8rem;
        padding: 1.5rem 1.5rem 1.5rem 5rem;
        position: relative;
        text-decoration: none;
    }
        #user-data-accordion > .panel > .panel-heading > .panel-title > a::after,
        #user-data-accordion > .panel > .panel-heading > .panel-title > a::before {
            background-color: #858586;
            content: '';
            position: absolute;
            z-index: 1;
        }
            #user-data-accordion > .panel > .panel-heading > .panel-title > a::before {
                transform: rotate(90deg);
                transition: transform 300ms ease;
            }

            #user-data-accordion > .panel > .panel-heading > .panel-title > a.collapsed::before {
                transform: rotate(0deg);
            }

        #user-data-accordion > .panel > .panel-heading > .panel-title > a::before {
            height: 1.8rem;
            left: 2.2rem;
            top: 1.55rem;
            width: 0.6rem;
        }

        #user-data-accordion > .panel > .panel-heading > .panel-title > a::after {
            height: 0.6rem;
            left: 1.6rem;
            top: 2.15rem;
            width: 1.8rem;
        }

    #user-data-accordion > .panel .panel-body {
        border-top: none;
    }

#user-data-accordion form h4 {
    margin-top: 0;
    font-size: 1.4rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

#user-data-accordion .form-actions {
    background-color: transparent;
    border-top: none;
    padding: 0;
}

#user-data-accordion .form-actions > button {
    float: right;
}

#deposit-accordion > .panel {
    position: relative;
}

    #deposit-accordion > .panel,
    #deposit-accordion > .panel > .panel-heading {
        background-color: #eeeeee;
    }

    #deposit-accordion > .panel > .panel-heading {
        padding: 0;
    }

    #deposit-accordion > .panel > .panel-heading > .panel-title > a {
        color: #000000;
        font-size: 1.8rem;
        padding: 1.5rem 1.5rem 1.5rem 5rem;
        position: relative;
        text-decoration: none;
    }
        #deposit-accordion > .panel > .panel-heading > .panel-title > a::after,
        #deposit-accordion > .panel > .panel-heading > .panel-title > a::before {
            background-color: #858586;
            content: '';
            position: absolute;
            z-index: 1;
        }
            #deposit-accordion > .panel > .panel-heading > .panel-title > a::before {
                transform: rotate(90deg);
                transition: transform 300ms ease;
            }

            #deposit-accordion > .panel > .panel-heading > .panel-title > a.collapsed::before {
                transform: rotate(0deg);
            }

        #deposit-accordion > .panel > .panel-heading > .panel-title > a::before {
            height: 1.8rem;
            left: 2.2rem;
            top: 1.55rem;
            width: 0.6rem;
        }

        #deposit-accordion > .panel > .panel-heading > .panel-title > a::after {
            height: 0.6rem;
            left: 1.6rem;
            top: 2.15rem;
            width: 1.8rem;
        }

    #deposit-accordion > .panel > .panel-heading > .panel-title > a > .panel-subtitle {
        color: #929292;
        font-size: 1.3rem;
        padding-top: 1rem;
        display: block;
        font-family: 'Source Sans Pro', 'sans-serif';
        font-weight: 400;
    }

    #deposit-accordion > .panel .panel-body {
        border-top: none;
    }

#deposit-accordion form h4 {
    margin-top: 0;
    font-size: 1.4rem;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

#deposit-accordion .form-actions {
    background-color: transparent;
    border-top: none;
    padding: 0;
}

#deposit-accordion .form-actions > button {
    float: right;
}

.bank-selected-item:hover{
    cursor:default !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.hide-accordion-control{
    width: 20px;
    height: 20px;
    background-color: #eeeeee;
    position: absolute;
    top: 14px;
    left: 15px;
    z-index: 2;
    display: none;
}

.review-benefit-change{
    display: none;
}
.review-confirm-benefit{
    display: none;
}
.review-keep-selection{
    margin-right: 10px;
}
.review-pix-out-confirm{
    display:none;
}

@media(max-width: 776px){
    .review-change-selection{
        margin-top: 10px;
    }
}

/* CREDIT CARD */

.credit-card-input{
    font-size: 1.6rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0px;
    padding: 6px 14px;
}

#credit-card-name{
    padding: 6px 0px !important;
}

.credit-card-name, .credit-card-number, .credit-card-date{
    display: block;
    margin: auto;
    font-size: 2rem;
}

.credit-card-name{
    max-width: 310px;
}

input[type="text"].credit-card-name::-webkit-input-placeholder {
    color: #cfcfcf;
    font-size: 20px;
}

.credit-card-number{
    letter-spacing: 2.6px;
    max-width: 310px;
}

input[type="text"].credit-card-number::-webkit-input-placeholder {
    color: #cfcfcf;
}

.credit-card-img{
    width: 40px;
    display: block;
    margin: 0px auto 15px;
}

.credit-card-date{
    letter-spacing: 1.2px;
}

input[type="text"].credit-card-date::-webkit-input-placeholder {
    letter-spacing: 0px;
    color: #cfcfcf;
}

.credit-card-text{
    margin-top:34px;
}

#cc-step-5, .credit-card-text{
    display: none;
}

.credit-card-expired{
    display: none;
    position: relative;
    bottom: 21px;
    left: 19px;
    color: red;
    font-size: 11px;
}

.credit-card-adicionar-button{
    max-width: 235px;
    margin-top: 15px;
    height: 46px;
}

.credit-card-validar-button{
    max-width: 111px;
    margin-top: 15px;
    height: 46px;
}

.credit-card-button, .carteira-button{
    padding: 8px 36px;
}

#carteira-refuse-delete:hover{
    background-color: #dadada;;
}

#modal-card input[type=number]::-webkit-inner-spin-button,
#modal-card input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.credit-card-list > .row {
    display: flex;
    flex-wrap: wrap;
}

    .credit-card-list__item {
        margin-bottom: 15px;
        transition: opacity 300ms ease;
    }
        .credit-card-list__item > label {
            align-items: center;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            display: flex;
            margin: 0;
            padding: 10px;
            position: relative;
        }
        /** Image **/
        .credit-card-list__item > label > img {
            margin-right: 10px;
        }

        /** Radio input **/
        .credit-card-list__item > label > .radio,
        .credit-card-list__item > label > input[type=radio] {
            display: none;
        }

#credit-card-list__link {
    display: none;
    margin-bottom: 10px;
}

 /** Credit Card info **/
 .credit-card-list__item > label > .credit-card-list__info {
    width: 100%;
}
    .credit-card-list__item > label > .credit-card-list__info > span {
        display: block;
    }

    .credit-card-list__item > label > .credit-card-list__info > .credit-card-list__tax {
        color: #6d6d6d;
        font-size: 10px;
        position: relative;
        top: -2px;
    }

     /** Currency badge **/
     .credit-card-list__item > label > .credit-card-list__currency {
        background-color: #888888;
        color: #FFF;
        font-size: 12px;
        line-height: 1;
        min-width: 38px;
        padding: 3px 5px;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        top: 10px;
    }

.credit-card-list__date{
    color: #7b7b7b;
    font-size: 13px;
    position: relative;
    top: -3px;
}

.credit-card-label-title{
    font-family: 'Open Sans', sans-serif;
    display: block;
    margin-bottom: 25px;
    text-align: center;
    font-size: 10px;
    font-weight: 100;
    color: #000000;
}

.credit-card-date-cvv-container{
    max-width:173px;
    display:block;
    margin:auto;
    display: flex;
}

.credit-card-date-container{
    width:62%;
    margin:0px;
}

.credit-card-cvv-container{
    width: 35%;
    margin: 0px;
    position: relative;
    left: 5%;
}

.credit-card-cvv{
    margin-bottom: 0px;
}

.credit-card-review-container{
    position: relative;
    display: block;
    margin: 0;
    height: 164px;
    width: 270px;
    border: 2px solid #e0e0e0;
    border-radius: 10px !important;
}

.credit-card-review-container__img{
    float: right;
    position: relative;
    right: 8px;
    margin-bottom: 5px;
}

.credit-card-review-container__chip{
    float: left;
    margin-left: 21px;
    width: 33px;
}

.credit-card-review-container__data{
    width: 92%;
    margin: auto;
    display: block;
}

.credit-card-review-name{
    padding: 0 !important;
    position: absolute;
    top: 50px;
    text-transform: uppercase;
}

.credit-card-review-label-end-number{
    position: absolute;
    top: 76px;
    font-weight: 500;
    right: 10px;
    padding: 0px !important;
    width: unset !important;
    font-size: 2rem;
    letter-spacing: 2.6px;
}

.credit-card-review-container__date{
    margin-top:20px;
}

.credit-card-review-container__cvv{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.credit-card-review-number{
    font-size: 2rem;
    letter-spacing: 2.6px;
    max-width: 182px;
    max-height: 30px;
    padding: 4px;
    position: absolute;
    top: 75px;
}

.credit-card-review-date{
    position: absolute;
    font-size: 15px;
    bottom: 10px;
}

.credit-card-review-label{
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}

.credit-card-review-cvv{
    display: inline;
    width: 46px;
    height: 23px;
    color: #7c7c7c;
    font-size: 18px;
    position: relative;
    top: 2px;
    text-align: center;
    padding: 2px;
}

.credit-card-band{
    width: 100%;
    background: #000000;
    height: 30px;
    margin-top: 25px;
}

.credit-card-transfers-detail-icon{
    height: 37px;
    margin: -10px 10px -10px 5px;
}

.credit-card-status{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    margin-right: 0px !important;
}

.credit-card-delete{
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    z-index: 9;
}

.credit-card-valid :not(.credit-card-status):not(.credit-card-delete){
    opacity: 0.5;
}

.credit-card-valid-show{
    display:block;
}

.credit-card-valid-container{
    text-align: center;
    margin: auto;
}

.credit-card-valid-container input{
    max-width: 65px;
    margin: auto;
}

.credit-card-valid-container p{
    max-width: 70%;
    margin: auto;
    text-align: center;
    font-size: 15px;
    color: #a9a8a8;
    margin-bottom: 20px;
}

.credit-card-hide-step{
    display: none !important;
}

.cc-delete-confirmation-container, .carteira-delete-confirmation-container{
    width: 100%;
    height: 100%;
    background-color: #ffffffcc;
    position: absolute;
    top: 0;
    display: none;
}

.carteira-delete-confirmation-container{
    left: 0;
    position: fixed;
    z-index: 1;
}

.cc-delete-confirmation, .carteira-delete-confirmation{
    width: 50%;
    margin: auto;
    position: relative;
    top: 50%;
    text-align: center;
    padding: 20px;
    background-color: white;
    box-shadow: 5px 5px 5px #b5b5b5;
}

.carteira-delete-confirmation{
    position:sticky;
    top: 30%;
}

.carteira-delete-confirmation{
    width: 29%;
    box-shadow: 5px 8px 16px #b5b5b5;
}

#delete-bitcoin-account{
    cursor: pointer;
    color: #0d638f;
    text-decoration:underline;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .credit-card-list.has-selected > #credit-card-list__link {
        display: block;
    }

    .footer-environment span {
        display: none;
    }
}

@media screen and (max-width:600px){
    .credit-card-submit-button{
        max-width: 100%;
    }
    .credit-card-list__number{
        font-size: 21px;
    }
    .credit-card-review-container{
        margin: auto;
        width: 100%;
        height: 190px;
    }
    .credit-card-adicionar-button {
        max-width: unset;
    }
    .credit-card-review-container__cvv{
        position: absolute;
        bottom: 11px;
        right: 9px;
        top: unset;
        left: unset;
    }
    .carteira-delete-confirmation {
        width: 80%;
    }
}

/* Ipad Pro */
@media screen and (min-width: 1024px) and (max-width: 1024px){
    .credit-card-list__number{
        font-size: 13px;
    }
    .credit-card-number{
        width: 344px;
        font-size: 3rem;
    }
}

/* Ipad */
@media screen and (min-width: 768px) and (max-width: 990px){
    .credit-card-list__number{
        font-size: 23px;
    }
}

/* Galaxy S5 */
@media screen and (max-width: 360px) and (min-width:321px){
    .credit-card-number {
        font-size: 2rem;
    }
    .credit-card-list__number{
        font-size: 20px;
    }
}

/* Iphone 5/SE */
@media screen and (max-width: 320px){
    .credit-card-number {
        font-size: 1.7rem;
    }
    .credit-card-date {
        font-size: 1.5rem;
    }
    .credit-card-list__number{
        font-size: 16px;
    }
    .change-bank-button, .change-casa-button{
        font-size: 15px;
    }
}

/* END CREDIT CARD */

.btn.green {
    background-color: #32bc5b;
}

.btn.yellow {
    background-color: #F7B119;
}

.has_product .fixed_objetives{
    color: white !important;
    font-weight: bold;
}

.text_white {
    color: whitesmoke !important;
}


@media screen and (min-width: 768px) {
    #modal-phone-verification {
        padding: 2.5em 4.5em 2em;
    }

    #modal-phone-verification .button-close {
        position: absolute;
        right: 1em;
        top: 1.4em;
    }
}

@media screen and (max-width: 768px) {
    #modal-phone-verification .code-input {
        margin-top: 20px;
    }

    .verification-container > .icon-container > img{
        width: 70px;
    }
    .verification-container.verification-alert > .icon-container > img{
        width: unset;
        height: 100%;
    }
}

@media screen and (max-width:360px){
    .verification-container > .information-container > p{
        font-size: 1rem;
    }
}

#modal-phone-verification .send-icon {
    font-size: 1em;
}

#phone-verify-content p{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}

#phone-verify-content p span{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}

.phone-validation-btn-pending{
    padding: 1px 9px;
}

.phone-verification-status, .phone-verification-options{
    font-family: 'Open Sans', sans-serif;
    font-weight: 100 !important;
    padding-left: 15px;
    color: #000000;
}

.phone-verification-options{
    color: blue;
    text-decoration: underline;
}

.phone-verification-btn{
    background: unset;
}

.phone-verification-principal{
    color: green;
}

/************* GAMES *****************/

.clube-v__product--detail .game-info > h1{
    font-size: 4rem !important;
    color: #7a7a7a;
    font-weight: 100 !important;
}

.clube-v__product--detail .game-info > p{
    color: #8d8c8c;
    font-size: 1.8rem;
    margin-top: 20px;
    font-weight: 300;
    line-height: 1.5;
}

.numbers-container{
    width: 82%;
    margin: auto;
}

.select-container{
    float: left;
    margin: 0px;
    width: 33%;
}

.game_select_numbers{
    border: 2px solid green;
    z-index: 999;
    padding: 0px 0px 3px 0px;
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 50px !important;
    font-size: 2.2rem;
    font-weight: 100;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] { -moz-appearance:textfield; }

.clube-v__product--description p{
    margin-top: 20px;
    margin-bottom:20px;
    text-align: left;
    margin-left: 15px;
    font-size: 2rem;
}

.ball{
    width: 45px;
    height: 45px;
    position: absolute;
    border: 2px solid #008e2a;
    top: 0px;
    border-radius: 50px !important;
    left: 12px;
}

.ball-confirmation{
    margin: 15px;
    width: 24vw;
    height: 24vw;
    border: 2px solid #008e2a;
    border-radius: 50px !important;
    float: left;
}

.ball-container{
    width:unset;
}

.numbers-title{
    text-align: left;
    margin-top: 50px;
}

.numbers-confirmation{
    position: relative;
    left: 22px;
    top: 11px;
    font-size: 43px;
}

.clube-v__product--detail .game-info > .game-points{
    color:#000000;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 25px;
}

.confirmation-title{
    font-weight: 100;
    font-size: 7vw;
    text-align: center;
    line-height: 1.2;
}

.confirmation-text{
    font-size: 1.6rem;
    text-align: center;
    color: grey;
    margin-bottom: 40px;
}

.btn-center{
    display: block;
    margin: auto !important;
    margin-top: 35px !important;
}

@media screen and (min-width:680px){
    .game-info{
        margin-top:0px;
    }
    .clube-v__product--detail .game-info > p{
        max-width:90%;
    }

    .ball-confirmation{
        width: 50px;
        height: 50px;
    }

    .numbers-confirmation {
        position: relative;
        left: 13px;
        top: 8px;
        font-size:20px;
    }

    .confirmation-message{
        font-weight: 300;
        font-size: 2rem;
    }

    .confirmation-pontos{
        font-size: 1.4rem;
        color: #32bc5b !important;
    }

    .ball-container{
        width:50%;
        margin-bottom: 30px;
    }

    .numbers-container{
        width:100%;
    }

    .select-container{
        width: 13%;
    }

    .confirmation-title{
        font-size: 1.3vw;
        text-align: left;
    }

    .confirmation-text{
        text-align: left;
    }
}

@media screen and (min-width:720px){
    .select-container{
        width: 11%;
    }
}

@media screen and (min-width:992px){
    .select-container{
        width: 14%;
    }
}


/************* GAMES *****************/

/*  KYC CPF VERIFICATION STYLES */

#cpf-verification-container{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #000000;
    height: 100%;
    left:0;
    position:fixed;
    overflow-y: hidden;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
}

#cpf-verification-container > h2{
    position: absolute;
    font-size: 13px;
    margin: 0px;
    top:0;
    height: 30px;
    padding-top: 8px;
    color: #FFF;
}

.modal-title-icon{
    width: 100px;
}

.button-close{
    position: absolute;
    right: 15px;
}

.modal-cpf-title{
    font-size: 14px;
    margin-top: 3px;
}

.modal-cpf-dialog{
    min-height: 420px;
    background-color: #000000;
}

#modal-subtitle{
    font-size: 40px;
}

.modal-waiting{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-waiting p{
    margin-top: 10px;
    color: #FFF;
}

#cpf-steps-instructions{
    font-weight: 300;
    line-height: 1.5;
    top: -15px;
    font-size: 14px;
    color: #7b7b7b;
}

#modal-result-message{
    font-weight: 300;
    line-height: 2;
    font-size: 14px;
    color: #7b7b7b;
}

#cpf-steps{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40px;
    font-size: 52px;
    color: #FFF;
    opacity: 0.7;
    z-index: 9;
    padding-left: 25px;
    padding-right: 25px;
}

#cpf-steps p{
    font-size: 20px;
    line-height: 30px;
}

#cpf-steps p span{
    font-size: 16px;
}

#cpf-steps h3{
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 30px;
}

#cpf-steps h4{
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 100;
    margin: 0;
    font-size: 30px;
}

#cpf-steps h5{
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 100;
    margin: 0;
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 18px;
}

#cpf-steps h6{
    font-size: 14px;
    font-weight: 100;
    margin-top:30%;
}

#cpf-steps > img{
    position: relative;
    top: 8px;
    width: 70px;
}

#cpf-steps > .cpf-validation-status{
    font-size: 15px;
    margin: auto;
    text-align: center;
    max-width: 75%;
    line-height: 35px;
    margin-bottom: 0px;
}

#cpf-steps > p > .cpf-validation-icon-message{
    position:relative;
    font-size: 12px;
    top: -2px;
    margin-right: 20px;
}

#cpf-steps > p > .cpf-instructions{
    display: block;
    max-width: 80%;
    margin: auto;
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
}

#cpf-steps p.api-message{

}

#pre_take_buttons, #final_buttons{
    display: none;
}

#pre_take_buttons, #post_take_buttons, #final_buttons{
    position: absolute;
    bottom: 40px;
    display: flex;
    justify-content: center;
    height: 70px;
    width: 100%;
    z-index: 9;
}

.cpf-action-button{
    display: none;
}

#button-next, #button-action{
    float: right;
}

.cpf-result-container{
    position: absolute;
    top: 80px;
}

#cpf-spinner{
    width: 100px;
    display:none;
    position: relative;
    top: 50%;
    z-index:999999;
}

.cpf-spinner-end{
    width: 80px !important;
    top: 65% !important;
}

.spinner-background{
    background: #0000008f;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    z-index: 9999;
}

.spinner-container{
    position: absolute;
    left: 50%;
    z-index: 999999;
    top: 47%;
}

.spinner-container p{
    position: relative;
    left: -50%;
    color: #FFF;
    font-size: 12px;
    text-align: center;
}

.register-spinner{
    position: relative;
    left: -50%;
    width: 70px;
    margin: auto;
    display: block;
}

.button-close-cpf-verify{
    z-index: 99999;
    top: 15px;
    right: 7px;
}

.my_video_style{
    position: relative;
}

#button-change-camera{
    display:none;
}

#modal-cpf-verification{
    display:flex;
    justify-content: center;
    background-color: #00000054;
    z-index: 9;
    min-height: 90px;
    padding: 0 15px 10px;
}

#modal-cpf-verification > .button-close{
    z-index: 9;
    right: 0;
    top: 15px;
}

#modal-cpf-verification > h2{
    z-index: 99;
    position: absolute;
    font-size: 13px;
    margin-top: 15px;
    font-weight: 600!important;
    color: #FFF;
}

.validation-button{
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 145px;
}

.close-icon{
    width: 15px;
    right: 10px;
    position: absolute;
    z-index: 999;
}

.close-icon:hover{
    cursor:pointer;
}

.cpf-confirmation-msg-img{
    height:20px;
    margin-left:20px;
    margin-right:5px
}

.cpf-confirmation-msg-img:first-child{
    margin-left:0px;
}

.twelve-points-star-badge {
    display:inline-block;
    position: relative;
    text-align: center;
    margin: 8px;
    z-index:1;
}
.twelve-points-star-badge,
.twelve-points-star-badge:before,
.twelve-points-star-badge:after {
    background: #FFF;
    color: #666;
    left: 0;
    width: 40px;
    height: 40px;
}
.twelve-points-star-badge:before,
.twelve-points-star-badge:after {
    content: "";
    position:absolute;
    top: 0;
    z-index:-1;
}
.twelve-points-star-badge:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
}
.twelve-points-star-badge:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
}

.twelve-points-star-badge.red,
.twelve-points-star-badge.red:before,
.twelve-points-star-badge.red:after {
    background: #B63840;
    color: #FFF;
}

.twelve-points-star-badge.grey,
.twelve-points-star-badge.grey:before,
.twelve-points-star-badge.grey:after {
    background: #666;
    color: #FFF;
}

.twelve-points-star-badge.grey-light,
.twelve-points-star-badge.grey-light:before,
.twelve-points-star-badge.grey-light:after {
    background: #CCC;
    color: #FFF;
}

.twelve-points-star-badge + .twelve-points-star-badge.shadow {
    position: absolute;
    z-index: 0;
    top: 2px;
    left: 2px;
}

.twelve-points-star-badge > .content {
    overflow: hidden;
    height: 56px;
    font-size: 0.7em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin: -8px;
}
.twelve-points-star-badge > .content > .amount {
    text-transform: uppercase;
    color: #32bc5b;
    font-weight: bold;
    font-size: 1.3em;
}

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

    .validation-button{
        max-width:94%;
    }
/*
    .btn img{
        width: 75px;
    } */

    .modal-cpf-dialog{
        min-height: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
    }

    #my_camera{
        display: flex;
        justify-content: center;
    }

    .my_video_style{
        width: 100% !important;
    }

    #cpf-verify{
        width: 100%;
    }

    #cpf-steps h5{
        margin-top:40px;
        margin-bottom:5px;
    }

    #cpf-steps h6{
        margin-top:70%;
    }

    #cpf-steps > img{
        top: 30px;
        width: 96px;
    }

    #cpf-steps > .cpf-validation-status{
        font-size: 20px;
        margin-bottom: 30px;
    }

    #cpf-steps > p > .cpf-instructions{
        margin-top:20px;
    }

    #image-header{
        display:none;
        position: absolute;
        z-index: 9999;
        color: #FFF;
    }

    #button-take-photo > p{
        display: none;
    }

    #my_photo_booth{
        position: relative;
    }

    .title-icon{
        width: 42px;
        margin-bottom: 5px;
    }

    #cpf-spinner{
        top: 50px;
        left: 0px;
    }

    .cpf-spinner-end{
        width: 100px !important;
    }

    #cpf-steps p{
        line-height: 24px;
        margin-top: 0px;
    }

    #steps-instructions{
        position: relative;
        color: #000000;
        max-width: 80%;
        font-weight: 600;
        margin: auto;
    }

    .action-button{
        height: 80px;
        padding: 0;
    }

    /* .action-button img{
        position: absolute;
        width: 38px;
        margin: 0px;
    } */

    .action-button p{
        font-weight: 300;
        top: 61px;
        color: #464646;
        font-size: 16px;
        position: relative;
    }

    #button-other-photo, #button-end, #button-change-camera{
        width: 40px;
        height: 40px;
        margin: 0px;
        padding: 0px;
        right: 40px;
        bottom: 8px;
        position: absolute;
    }

    #button-other-photo > img, #button-end > img, #button-change-camera > img{
        width: 45px;
        transform: unset;
        opacity: 0.5;
    }

    #button-next, #button-action{
        position: relative;
        top: 5px;
        display: flex;
        justify-content: center;
    }

    #my_camera{
        position: relative;
    }

    .image-final{
        margin-top: 25%;
    }
}

@media screen and (max-width: 375px) and (min-width: 375px){
    #cpf-spinner {
        top: 50px;
    }
}

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

    #steps-instructions {
        top: 97px;
        line-height: 1.3;
    }

    #cpf-steps p{
        font-size: 18px;
    }
}

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

    #modal-cpf-verification > h2 {
        font-size: 11px;
    }

    #cpf-steps-instructions {
        top: 88px;
        line-height: 1.3;
    }

    #cpf-steps h6{
        margin-top:70%;
    }
}

.footer-environment{
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #e7505a;
    color: white;
    text-align: center;
    z-index: 1001;
    font-family: "Calibri", sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: -100px;
}

.error-limit-info{
    display: flex;
    align-items: center;
    padding: 15px 45px 15px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    background-color: #d2efe1;
    border-color: #9acfb6;
}

.error-limit-info[class*="limit-reached"] {
    background-color: #f2dede;
    border-color: #cda0a0;
    align-items: unset;
}

.warning-limit-info{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.warning-limit-info p{
    text-align: justify;
}

.warning-limit-info > h5{
    margin:0;
}

.have-limit{
    max-height: 43px;
    transition: max-height 0.5s;
}

.error-limit-info i{
    font-size: 18px;
    transition: transform 0.5s;
}

.error-limit-info *{
    color: #666;
}

.limit-reached *{
    color: #a94442;
}

.limit-reached .hide-on-limit-reached{
    display: none;
}

.hide-on-limit-available{
    display: none;
}

.limit-reached .hide-on-limit-available{
    display: block;
}

.limit-paragraph{
    display: flex;
    flex-direction: column;
}

.limit-paragraph div{
    padding-left: 12px;
    margin-top: 10px;
}

.limit-paragraph .limit-title{
    margin-top: 0px;
}

.limit-paragraph div p{
    margin: 0;
    line-height: 1.3;
}

.limit-paragraph div:first-child{
    margin: 0;
}

.limit-paragraph div > span{
    font-size: 12px;
}

.limit-button{
    position: absolute;
    right: 30px;
}

/*STAMP STYLES*/

.stamp-container{
    display: flex;
    align-items: center;
}
.stamp-title{
    position: relative;
}
.stamp-data-box{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
}
.stamp-data-box h3{
    font-size: 16px;
    margin: 0;
    font-weight: 500 !important;
    color: #464646;
}
.stamp-data-box .stamp-date{
    font-size: 12px;
    margin: 7px 0 15px 0;
    color: #4e4e4e;
}
.stamp-data-box .stamp-objetives-container{
    display: flex;
    align-items: center;
}
.stamp-data-box .stamp-objetives-container > p{
    text-align: right;
    margin: 0 5px 0 0;
    line-height: 16px;
    color: grey;
}
.stamp-data-box .stamp-objetives-container .stamp-objetive-img{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stamp-data-box .stamp-objetives-container .stamp-objetive-img .shadow{
    width: 40px;
    height: 40px;
    background: conic-gradient(transparent 0%, #00000061 0);
    border-radius: 50% !important;
    position: absolute;
    z-index: 2;
}
.stamp-data-box .stamp-objetives-container .stamp-objetive-img img{
    width: 40px;
    position: absolute;
 }
.stamp-data-box .stamp-objetives-container .stamp-objetive-numbers{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 50px;
    padding-bottom: 5px;
}
.stamp-data-box .stamp-objetives-container .stamp-objetive-numbers p{
    font-size: 8px;
    color: #4e4e4e;
    margin-bottom: 0;
}
.stamp-data-box .stamp-objetives-container .stamp-objetive-numbers div{
    display: flex;
    line-height: 22px;
    font-size: 28px;
    font-weight: 300;
}
.stamp-conditions-box{
    display: flex;
    flex-direction: column;
}
.stamp-conditions-box div{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.stamp-conditions-box h3{
    font-weight: bold !important;
    font-size: 18px;
    color: #2a6496;
    margin: 0 10px 0 0;
    display: inline;
}
.stamp-conditions-box img{
    width: 80px;
}
.stamp-conditions-box .highlight{
    font-size: 16px;
    font-weight: bold;
}
.stamp-img-box{
    display: flex;
    justify-content: center;
}

.stamp-img-box > div img{
    width: 140px;
}

.fixed-stamp{
    display: none !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 4px;
    top: 4px;
}
.fixed-stamp img{
    width: 30px;
    height: 30px;
    margin-bottom: 0 !important;
}

.fixed-stamp p{
    color: grey;
    font-size: 10px;
}

.fixed-stamp .shadow{
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    position: absolute;
    z-index: 2;
}

.stamp-notification{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -5px;
    height: 20px;
    width: 20px;
    border-radius: 10px !important;
    background-color: #c30000;
    color: white;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 2px;
}

.stamp-notification-container{
    display: flex;
    align-items:center;
}

.stamp-notification-new{
    border-radius: 10px !important;
    background-color: #c30000;
    color: white;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    padding: 2px 10px 4px;
    display: block;
    margin-left: 10px;
    animation-name: notification-animation;
    animation-duration: 1s;
}

@keyframes notification-animation{
    0%{
        transform: scale(0);
    }
    80%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}

/*END STAMP STYLES*/

@media (max-width: 480px){
    .have-limit{
        max-height: 56px;
    }

    .limit-button{
        right: 20px;
    }
    #cpf-steps > .cpf-validation-status{
        max-width: 100%;
    }
    .stamp-container{
        display: block;
    }
    .stamp-data-box{
        padding: 0!important;
        flex-direction: row;
        align-items: center;
    }
    .stamp-conditions-box{
        margin-top: 15px;
        padding: 0!important;
    }
    .stamp-conditions-box div{
        flex-direction: column;
        margin-bottom: 15px;
    }
    .stamp-conditions-box img{
        width: 120px;
        margin-top: 7px;
    }
    .stamp-img-box{
        padding: 0!important;
    }
    .stamp-data-box .stamp-date{
        margin: 2px 0 0 0;
    }
    .stamp-title{
        flex-grow: 2;
    }
    .stamp-notification{
        top: 3px;
        right: 3px;
    }
    .btn-cripten-thin {
        padding: 1.2rem 0!important;
        font-size: 1.5rem!important;
    }
}

@media (max-width: 320px){
    .limit-paragraph div p {
        font-size: 11.4px;
    }
}
.flex{ display:flex }
.flex.center{ align-items:center }
.no-margin, .margin-zero, .margin-0 {  margin: 0 !important; }

.disabled_input_club_v {
    pointer-events: none;
    opacity: 0.4;
}

.margin-top-0  { margin-top: 0 !important; }
.margin-top-5  { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }

.margin-bottom-0  { margin-bottom: 0 !important; }
.margin-bottom-5  { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }

.margin-left-0  { margin-left: 0 !important; }
.margin-left-5  { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }

.margin-right-0  { margin-right: 0 !important; }
.margin-right-5  { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }

.no-padding, .padding-zero, .padding-0 {  padding: 0 !important; }

.padding-top-0  { padding-top: 0 !important; }
.padding-top-5  { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }

.padding-bottom-0  { padding-bottom: 0 !important; }
.padding-bottom-5  { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }

.padding-left-0  { padding-left: 0 !important; }
.padding-left-5  { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-25 { padding-left: 25px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-left-35 { padding-left: 35px !important; }
.padding-left-40 { padding-left: 40px !important; }
.padding-left-45 { padding-left: 45px !important; }
.padding-left-50 { padding-left: 50px !important; }

.padding-right-0  { padding-right: 0 !important; }
.padding-right-5  { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-25 { padding-right: 25px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-right-35 { padding-right: 35px !important; }
.padding-right-40 { padding-right: 40px !important; }
.padding-right-45 { padding-right: 45px !important; }
.padding-right-50 { padding-right: 50px !important; }

.margin-left-neg-15 { margin-left: -15px !important}
.margin-right-neg-15 { margin-right: -15px !important}

.expiration_points_div {
    clear: both;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.text-yellow{
    color: #eff700;
}

.d-none{
    display: none !important;
}

/* ----------------------------------*/
/*        NEW VCREDITOS UX UI        */

/* user index and user groups */
 .mobile-header {
     display: flex !important;
     height: 80px;
     background-color: #FCEA51;
     overflow: hidden;
     padding: 10px 0;
 }

.mobile-header > span {
    background: url("../img/logo_cripten_black.svg") no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    height: 28px;
    margin: auto;
    width: 153px;
}

.flexbox {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.flexitem {
    display: flex;
    justify-content: center;
    height: 100%;
    flex-grow: 1;
    flex-direction: column;
}

.flexup {
    width: 100px;
    justify-content: flex-start !important;
}

#header-new {
    width: 100%;
}

.flexdown {
    align-items: center;
    justify-content: flex-end;
}

.flexup-logo {
    align-items: flex-start;
    justify-content: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .left-md {
        justify-content: center !important;
    }

    .flexdown {
        align-items: flex-start;
    }
}

@media (min-width: 1200px) {
    .left-lg {
        justify-content: center !important;
    }

    .flexdown {
        align-items: flex-start;
    }
}

#menu-panel > div, #user-info > div {
    background-color: #F5F5F5FF;
    transition: opacity 0.5s;
    font-size: 18px;
}

.z-index-999{
    z-index: 999 !important;
}

.opacity-active{
    opacity: 1 !important;
}

.background-show{
    z-index: 998 !important;
}

.arrow-rotate{
    rotate: 180deg x;
}

#background-menu{
    background-color: rgba(12,12,12,0.69);
    opacity: 0;
    transition: 0.5s;
    z-index: -998;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0
}

@media (max-width: 991px) {
    #user-info{
        right: 0;
    }

    #menu-panel {
        left: 0;
    }
}

.client-status-section{
    color: #878788;
    font-size: 16px;
}

.client-status-section .bold{
    color: #000000 !important;
    font-weight: 600;
}

.client-status-section .green-text{
    color: #009E56 !important;
}

.client-status-section .red-text{
    color: #E10B18 !important;
}

.client-status-section > div > ul li{
    list-style: disc;
}

.client-status-section > div > ul li > ul li{
    list-style: none;
}

.client-status-section > div > ul li > ul li::before {
    content: "\2022";
    color: #009E56;
    font-weight: bold;
    margin-right: 5px;
}

.client-status-section .btn-green {
    text-align: center;
    background-color: #3FB65B;
    color: #FFF;
    padding: 5px 25px;
    font-weight: bold;
    border: none;
    text-decoration: none;
}
.client-status-section .btn-green:hover {
    background-color: #369F4FFF;
}

.client-status-section .a-green {
    color: #009E56;
}

.client-status-section .a-green:hover {
    color: #369F4FFF;
}

body.modal-open {
    overflow: hidden;
}

/* user index and user groups */

/*      END NEW VCREDITOS UX UI      */
/* ----------------------------------*/

/* CRIPTEN NEW DESIGN */

/* Home */

.btn-cripten-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: #FCEA51;
    color: #000;
    font-weight: 600;
    font-size: 1.875rem;
    padding: 1rem 0;
    border-radius: 9999px;
    text-decoration: none;
    cursor: pointer;
    flex: 1;
    transition: filter 0.3s ease;
}

.btn-cripten-primary:disabled,
.btn-cripten-primary[data-enabled="false"] {
    background-color: #4d4d4d;
    color: #A6A6A6;
    cursor: not-allowed;
}

.btn-cripten-primary:hover:not(:disabled):not([data-enabled="false"]),
.btn-cripten-primary:focus:not(:disabled):not([data-enabled="false"]) {
    color: #000;
    text-decoration: none;
    filter: brightness(1.15);
    box-shadow: 0 0 5px 1px rgba(252, 234, 81, 0.5);
}

.btn-cripten-thin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background-color: #FCEA51;
    color: #000;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 0.8rem 0;
    border-radius: 9999px;
    text-decoration: none;
    flex: 1;
    transition: all 0.3s ease;
    cursor: pointer;
    width: 100%;
}

.btn-cripten-thin:disabled {
    background-color: #3E3E3E;
    cursor: default;
}

.copy-attention {
    animation: highlight-glow 2s ease-in-out infinite;
}

/* CRIPTEN TOOLTIP — envolver el elemento con .cripten-tooltip-wrap (position:relative ya
   incluido) y agregar un <span class="cripten-tooltip"> adentro con el texto. Por default
   aparece arriba, alineado a la derecha del elemento; agregar variantes de posición acá
   si hace falta otra orientación más adelante. */
.cripten-tooltip-wrap {
    position: relative;
}

.cripten-tooltip {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    background-color: #292929;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 30;
}

.cripten-tooltip-wrap:hover .cripten-tooltip {
    opacity: 1;
}

/* Animación de check verde con rebote elástico — usar junto con la clase .email-check-bounce-in */
.email-check-bounce-in {
    animation: emailCheckBounceIn 1.3s forwards;
}

@keyframes emailCheckBounceIn {
    /* crece con desaceleración exponencial hasta el tamaño máximo (velocidad ~0 al llegar),
       se mantiene ahí ~100ms y baja al tamaño final acelerando de a poco (exponencial inversa) */
    0% { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
    54% { transform: scale(1.3); opacity: 1; animation-timing-function: linear; }
    62% { transform: scale(1.3); animation-timing-function: cubic-bezier(0.7, 0, 0.84, 0); }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes highlight-glow {
    0%   { box-shadow: 0 0 0 0 rgba(252, 234, 81, 0.8); }
    70%  { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.btn-cripten-thin:hover:not(:disabled),
.btn-cripten-thin:focus:not(:disabled) {
    color: #000;
    text-decoration: none;
    filter: brightness(1.15);
    box-shadow: 0 0 5px 1px rgba(252, 234, 81, 0.5);
}

.btn-cripten-thin.copied,
.btn-cripten-thin.copied:hover,
.btn-cripten-thin.copied:focus {
    filter: none !important;
    box-shadow: none !important;
    animation: none !important;
}

.btn-cripten-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: transparent;
    color: #FCEA51;
    font-weight: 600;
    font-size: 1.875rem;
    padding: 1rem 0;
    border-radius: 9999px;
    border: 1px solid #FCEA51;
    text-decoration: none;
    flex: 1;
    transition: border-color 0.3s ease, filter 0.3s ease;
}

.btn-cripten-secondary:hover,
.btn-cripten-secondary:focus {
    color: #FCEA51;
    text-decoration: none;
    box-shadow: 0 0 5px 1px rgba(252, 234, 81, 0.5);
}

.btn-cripten-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: transparent;
    color: #FCEA51;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 0.5rem 2rem;
    border-radius: 9999px;
    border: 1px solid #FCEA51;
    text-decoration: none;
}

.btn-cripten-filter.active {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: #FCEA51;
    color: black;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 0.5rem 2rem;
    border-radius: 9999px;
    border: 1px solid #FCEA51;
    text-decoration: none;
}

.btn-cripten-filter:hover,
.btn-cripten-filter:focus {
    text-decoration: none;
    box-shadow: 0 0 5px 1px rgba(252, 234, 81, 0.5);
}

/* Swap de balances */
#balance-primary, #balance-secondary {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#balance-primary.balance-swapping {
    opacity: 0;
    transform: translateY(15px);
}

#balance-secondary.balance-swapping {
    opacity: 0;
    transform: translateY(-15px);
}

#btn-swap-balance img {
    transition: transform 0.3s ease;
}

#btn-swap-balance:hover img {
    transform: scale(1.3);
}

/* Rotación al hacer swap */
#btn-swap-balance.swapped img {
    transform: rotate(180deg);
}

#btn-swap-balance.swapped:hover img {
    transform: rotate(180deg) scale(1.2);
}

#user-menu-panel {
    transform: translateX(110%);
}
#user-menu-panel.open {
    transform: translateX(0);
}

.dashboard-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .dashboard-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "balance movements"
            "promos  promos";
        gap: 1.5rem;
        align-items: stretch;
    }
    .dashboard-balance   { grid-area: balance; display: flex; }
    .dashboard-movements { grid-area: movements; display: flex; }
    .dashboard-promos    { grid-area: promos; }
}

@media (max-width: 639px) {
    .dashboard-balance   { order: 1; }
    .dashboard-promos    { order: 2; }
    .dashboard-movements { order: 3; }

    #js-sidebar {
        display: flex !important;
        position: fixed;
        inset: 0;
        width: 83%;
        height: 100% !important;
        margin: 0;
        border-radius: 0;
        z-index: 997;
        transform: translateX(-110%);
        transition: transform 0.3s ease;
        padding-bottom: 2.5rem;
    }

    #js-sidebar.show-mobile {
        transform: translateX(0);
    }

    #js-sidebar.show-mobile .sidebar-close-btn {
        display: flex;
    }
}

.promos-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.promos-container::-webkit-scrollbar { display: none; }

.promo-item {
    flex: 0 0 85%;
    scroll-snap-align: center;
}

@media (min-width: 640px) {
    .promos-container {
        overflow-x: visible;
        scroll-snap-type: none;
    }
    .promo-item {
        flex: 1;
    }
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.show-desktop, .show-desktop-flex, .show-desktop-big {
    display: none !important;
}

.show-mobile {
    display: flex;
}

.close-menu {
    position: absolute;
    right: 20px;
}

@media (min-width: 640px) {
    .show-desktop {
        display: block !important;
    }
    .show-desktop-flex {
        display: flex !important;
    }
    .show-mobile, .close-menu {
        display: none !important;
    }
}

@media (min-width: 1536px) {
    .show-desktop-big {
        display: block;
    }
}

#amount-input::placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.grid-transition {
    display: grid;
    transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
}

.gift-bounce-entry {
    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.custom-scrollbar-none::-webkit-scrollbar {
    display: none;
}
.custom-scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.howto-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #2E2E2E rgba(255, 255, 255, 0.5);
}
.howto-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.howto-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
}
.howto-scrollbar::-webkit-scrollbar-thumb {
    background: #2E2E2E;
    border-radius: 6px;
}

#address-city-select,
#address-city-select option,
#address-state-select,
#address-state-select option {
    background-color: #292929 !important;
    color: #ffffff !important;
}

.justify-safe-center {
    justify-content: safe center !important;
}
@media (min-width: 640px) {
    .sm\:justify-safe-center {
        justify-content: safe center !important;
    }
}