.block-table.payments-table {
    background-color: var(--c-off-white);
    margin-bottom:20px;
    /* color: var(--c-black-e); */
}

.block-table {
    width: 100%;
    border-radius: var(--r-20);
}



.block-table-row {
    width: 100%;
    align-items:center;
    text-align:center;
    justify-content:center;
}


.block-table-row.block-table-header {
    /* font-weight: bold; */
    /* font-size: 16px; */
    padding:16px 0px;
    height: 4.1vw;
    /* background-color: #B2B2B2; */
    border-top-left-radius: var(--r-20);
    border-top-right-radius: var(--r-20);
    background-color:var(--c-accent-color)
}
.payments-table .block-table-body {
    /* font-size: 14px; */
    color:var(--c-text-dark-e)
}
.payments-table .block-table-cell {
    width: 20%;
    text-align:center;
    
}
.mobile .payments-table .block-table-cell  {
    width:100%;
}
.payments-table .block-table-header .block-table-cell .block-table-text {
    max-width: 60%;
    
}
.payments-table .block-table-cell .block-table-text {
    
    text-align: center;
}


#root .payments-table .block-table-cell > app-widget-host {
    display:flex;
    justify-content:center;
    align-items: center;
}
.block-table-body .block-table-cell > app-widget-host {
    padding:10px;
}
.mobile .block-table-body .block-table-cell:not(:first-of-type) > app-widget-host {
    padding-top:0px
}


.desktop .block-table-body:nth-child(odd) {
    background-color: var(--c-dark-blue-10)
}
.mobile .block-table-group-row:nth-child(even) .block-table-body:last-of-type:not(:first-of-type) {
     background-color: var(--c-dark-blue-10)
}
.mobile .block-table-group-row:nth-child(odd) .block-table-body:first-of-type:not(:last-of-type) {
     background-color: var(--c-dark-blue-10)
}
.payments-table .block-table-image {
    width: 80%;
    height: 3vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% auto;
    margin-bottom: 4%;
    max-height:35px;
    max-width:180px;
}
.mobile .payments-table .block-table-image {
    width:100%;
    height:8vw;
    
}
.payments-table.payments-table-withdrawal .block-table-cell.payment-fees > app-widget-host{
   
    flex-direction:row;
    align-items:center;
    position:relative;
}
.withdraw-info.ui-overlaypanel {
   transform:translate(-24px) !important;
   max-width:250px;
   width:100%;
   background-color:#D9D9D9;
   border-radius:8px;
   border:0;
   box-shadow:unset;
   font-size:10px
}
.mobile .withdraw-info.ui-overlaypanel {
    transform:translate(-14px) !important;
}
.withdraw-info.ui-overlaypanel .ui-overlaypanel-content {
    padding:12px;
}
.desktop .withdraw-info.ui-overlaypanel:after, 
.desktop .withdraw-info.ui-overlaypanel:before {
    
    left:2em;
    right:unset
}
.withdraw-info.ui-overlaypanel:after, 
.withdraw-info.ui-overlaypanel:before {
    border-bottom-color:#D9D9D9;
    right:unset;
    left:1em
    
}
.payments-table.payments-table-withdrawal .block-table-cell.payment-fees .info-button {
    /* position:absolute; */
    left:50%;
    top:50%;
    /* transform:translate(calc(100% + 20px), calc(-50% - 5px)); */
    height:14px;
}
.payments-table .visa .block-table-image, .payments-table .visa .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/visa-logo-new.svg);
     background-size: auto 80%;
}

.payments-table .mastercard .block-table-image, .payments-table .mastercard .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/master-logo-new.svg);
    background-size: auto 100%;
}

.payments-table .mastercard-maestro .block-table-image, .payments-table .mastercard-maestro .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/master-card-maestro.svg);
    background-size: auto 100%;
}

.payments-table .neteller .block-table-image, .payments-table .neteller .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/Neteller-logo-new.svg)
}

.payments-table .skrill .block-table-image, .payments-table .skrill .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/skrill-logo-new.svg);
    background-size: auto 80%;
}

.payments-table .revolut .block-table-image, .payments-table .revolut .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/revolut_black.svg);
    
}

.payments-table .okto-cash .block-table-image, .payments-table .okto-cash .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/oktocash.png)
}

.payments-table .bank-transfer .block-table-image, .payments-table .bank-transfer .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/bank-transfer.svg);
    background-size: auto 80%
}
.payments-table .paysafecard .block-table-image, .payments-table .paysafecard .payment-accordion-image {
    background-image: url(/v1.022/r/images/site/icons/paysafecard.svg)
}
#root .payments-table .bank-transfer .payment-accordion-image {
    background-size: auto 70%
}


.active-withdraw-info .payment-accordion app-block.payment-accordion-cell.value > app-widget-host .info-button {
    pointer-events:none;
}
.desktop .account-payments-menu {
    /* margin-top:2%; */
    /* margin-bottom:1%; */
    padding:unset;
    margin-bottom: 20px;
}
.account-payments-menu {
    padding-bottom:15px;
}
.account-payments-menu ul {
    border-radius:10px;
    overflow:hidden;
}
.account-payments-menu ul li {
    flex:1;
    min-height:37px;
    /* background-color:#974914; */
}
.account-payments-menu ul li:not(:last-child) {
    margin-right:10px;
}
.desktop .account-payments-menu ul li {
     /* height:2vw; */
}
.desktop .account-payments-menu ul li a {
     /* font-size:18px; */
}
.desktop .account-payments-menu ul li:hover a,
.desktop .account-payments-menu ul li a:hover span{
   
}
#root .account-payments-menu ul li a {
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    font:var(--t-small-text-bold);
    min-height:40px;
    border-radius:var(--r-10);
    color:var(--c-accent-color);
    border:1px solid var(--c-accent-color)
   
}
#root .account-payments-menu ul li a.active {
  background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}

.account-payment-methods .main-content {
    margin-left:8vw;
    margin-right:3vw;
}
.mobile .payments-menu {
    margin-top:20px;
}
.payments-menu .payments-menu-item {
    flex:1;
    margin-bottom:20px;
}
.payments-menu .payments-menu-item:not(:last-child) {
    margin-right:10px
}
.payments-menu .payments-menu-item div {
    display:flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:10px;
    border-radius:var(--r-10);
    border:1px solid var(--c-accent-color);
    color:var(--c-accent-color);
    font:var(--t-small-text-bold);
}
.payments-table,
.deposits-note{
    display:none;
}
#root:not(.show-withdraw-table) .payments-table-deposit,
#root.show-withdraw-table .payments-table-withdrawal{
    display:flex;
}
#root:not(.show-withdraw-table) .payments-menu .payments-menu-item.deposits div,
#root.show-withdraw-table .payments-menu .payments-menu-item.withdrawals div{
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e)
}
#root:not(.show-withdraw-table) .deposits-note:not(.withdrawals-note),
#root.show-withdraw-table .deposits-note.withdrawals-note{
    display:block
}