#root .user-page .content{
    background-color:var(--c-white-e);
}
#root .user-content {
    max-width:720px;
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    padding:24px;

}
#root .user-content app-block.username {
    padding:0 0 10px 0 ;
     font-size:1.8rem;
     color: var(--c-primary-c);
}
#root .user-account-top .username {
    margin-right:auto
}
#root .balance-details .row{
    padding:10px;
    justify-content:space-between;
    align-items:center;
    min-height:45px;
    background-color:var(--c-white);
    margin-bottom:1px 
}
#root .mobile .balance-details .row {
    flex-wrap:wrap;
    justify-content:flex-start
}
#root .mobile .balance-details {
    margin-bottom:5px;
}
#root .balance-details .row .label {
    font-size:1.1rem;
    white-space:normal;
    color: var(--c-primary-c);
}
#root .balance-details .row .value {
    margin-left:auto;
    font-weight:bold;
    font-size:1.2rem
}
#root .balance-details .row.row-rollover .value {
    display:flex;
}
#root .user-content .logout button{
    width:100%;
    margin:unset;
    /* margin-top:5px; */
    font-size:1.14rem;
    /* background-color:#800000; */
}
#root .mobile .user-content .logout button {
    margin-top:5px;
    border-radius:5px;
    background-color:var(--c-primary);
    border:1px solid var(--c-shade-b)
}
#root .left-user-account-menu {
    padding:0px 20px;
    display:flex;
    flex-direction:column;
    background-color:var(--c-primary-c);
    color:var(--c-white);

}

#root .left-user-account-menu .left-user-account-menu-item {
    min-height:56px;
    display:flex;
    align-items:center;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}
#root .left-user-account-menu .left-user-account-menu-item div {
    padding-left:30px
}
#root .left-user-account-menu .left-user-account-menu-item:not(:last-child){
    border-bottom:1px solid var(--c-tint)
}
.user-menu-overview {
    background-image: url(/v1.001/r/images/site/icons/overview-icon.png);
}

.user-menu-profile {
    background-image: url(/v1.001/r/images/site/icons/profile-icon.png);
}

.user-menu-responsible {
    background-image: url(/v1.001/r/images/site/icons/responsible-icon.png);
}

.user-menu-statement {
    background-image: url(/v1.001/r/images/site/icons/statement-icon.png);
}

.user-menu-bet-history {
    background-image: url(/v1.001/r/images/site/icons/history-icon.png);
}

.user-menu-transactions {
    background-image: url(/v1.001/r/images/site/icons/transactions-icon.png);
}

.user-menu-messages {
    background-image: url(/v1.001/r/images/site/icons/message-icon.png);
}

.user-menu-settings {
    background-image: url(/v1.001/r/images/site/icons/settings-icon.png);
}
#root .user-menu {
    background-color:var(--c-primary);
    color:var(--c-white)
}
#root  .menu-list {
    display:flex;
    flex-direction:column;
}

#root .menu-list .menu-list-item {
    min-height:45px;
    height:45px;
    display:flex;
    align-items:center;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-bottom:1px solid var(--c-tint);
}
#root .menu-list .menu-list-item .logout {
    width:100%;
    height:100%;
}
#root .menu-list .menu-list-item .logout button {
    width:100%;
    height:100%;
    text-align:left;
    padding:0px;
    padding-left:40px;
}
#root .menu-list .menu-list-item .label div{
   padding-left:40px;
}

#root .user-page-header {
    display:flex;
    align-items:center;
    color:var(--c-white);
    font-size:1.1rem;
}
#root .content-header .user-page-header {
    margin-left:5px;
}
#root .content-header app-content-block.user-page-header:not(:first-of-type)::before {
    content:"";
    width:8px;
    height:8px;
    display:inline-block;
    background-color:var(--c-white-e);
    border-radius:50%;
    margin-right:5px;
}
#root .user-account-top {
    display:flex;
    justify-content:space-between
}
#root app-message-thread {
    display: block;
    margin-top: 20px;
    padding:8px 0px;
    font-size:1.1rem
}
#root .thread-message-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
#root .thread-message {
    background-color: #d2d1d1;
    line-height: 1.6em;
    margin-top: 20px;
    padding: 16px;
}
#root .message-sender-id {
    font-weight: bold;
}
#root .files-group {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    
}
#root .upload-form .files-group app-label-value {
    width:calc(100% - 24px);
    margin-bottom:0px;
    
}
#root .upload-form .files-group .btn-remove-file {
    padding:0px;
    margin:0px;
    font-size:0px;
    width:24px;
    height:24px;
    background-image:url(/v1.001/r/images/site/icons/Remove_Selection.svg);
    background-position:center;
    background-repeat:no-repeat;
    margin:4px 0px;
}
#root .upload-form .btn-submit {
    width:100%;
    background-color:var(--c-primary)
}
app-personal-details-marketing .field-label {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-align:left;
    padding:0px 5px;
}
.user-top-menu {
    margin-bottom:10px;
}
.user-top-menu li{
    flex:1;
}
.user-top-menu li a {
    height:36px;
    justify-content:center
}
.deposit-method {
    align-items:center;
    padding:5px;
    margin-bottom:5px;
    border:1px solid var(--c-shade);
    position:relative;
    padding-right:29px;
}
.deposit-method::after {
    content:"";
    width:24px;
    height:24px;
    position:absolute;
    right:5px;
    top:50%;
    background-image:url(/v1.003/r/images/site/icons/Arrow_Left.svg);
    transform:translate(0%,-50%) rotate(180deg);
    filter:invert(1)
}
.deposit-method .deposit-info {
    width:100%;
    
}
.deposit-method .deposit-info .info-row {
    flex:1;
    padding:0px 10px;
    justify-content:center;
    align-items:center;
}
.deposit-method .deposit-info.column .info-row {
    justify-content:flex-start;
    align-items:flex-start;
}
.deposit-method .deposit-info .info-row app-content-block:last-child {
    font-weight:bold;
    font-size:1.1em;
}
.deposit-method .deposit-info.column .info-row {
    margin-bottom:5px;
}
.deposit-method .deposit-info.row .info-row .label {
    margin-bottom:5px;
}
.deposit-method .deposit-info.row .info-row:not(:first-of-type) .label {
    text-align:center;
}
.deposit-method .image {
    display:block;
    width:80px;
    height:80px;
    background-color:var(--c-primary);
    border-radius:5px;
}
 .deposit-link div {
    margin-top:5px;
    padding:10px 5px;
    text-align:center;
    border-radius:5px;
    background-color:var(--c-primary-d);
    color:var(--c-white-e)
}
#root .thread-message-wrapper {
    
}
#root .thread-message-header {
    padding:5px 10px;
    background-color:var(--c-shade);
    
}
#root .thread-message {
    margin-top:0px;
    background-color:var(--c-tint-b);
    border:1px solid var(--c-shade)
}
#root .thread-message-header .thread-message-status {
    display:none;
}
#root .operator .thread-message-header .thread-message-sender {
    text-transform:capitalize;
}
#root .operator .thread-message-header .thread-message-sender .message-sender-id {
    text-decoration:underline;
}
app-send-message .form-row {
    flex-wrap:wrap;
}
#root app-send-message form.generic-form .form-row label {
    width:100%;
     background-color:var(--c-shade);
}
#root app-send-message textarea {
    background-color:var(--c-tint-b);
    border:1px solid var(--c-shade);
    font-family:Arial;
}
#root .profile-page-tabs {
    width: 100%;
    margin: 5px 0px;
    color:var(--c-text-dark)
}

#root .tab-content {
    display: none;
}
#root .profile-page-tab {
    padding: 8px 10px;
}

#root:not(.documents-visible):not(.upload-visible) .profile, #root.documents-visible .documents, #root.upload-visible .upload-document, #root.profile-visible .profile {
    display: flex;
}

#root:not(.documents-visible):not(.upload-visible) .profile-page-tab.profile, #root.profile-visible .profile-page-tab.profile, #root.documents-visible .profile-page-tab.documents, #root.upload-visible .profile-page-tab.upload-document {
    border-bottom: 3px solid var(--c-emphasis)
}
#root .upload-document app-user-documents-upload-v2 {
    width:100%;
}
#root .profile-page-tab div {
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
}
app-custom-widget {
    margin-bottom:8px;
}
app-custom-widget .kyc-status {
    color: var(--c-white-e);
    padding: 5px;
    border-radius: 5px;
}

.kyc-status.kyc-full {
    background-color: var(--c-green);
}

.kyc-status.kyc-none, .kyc-status.kyc-overdue {
    background-color: var(--c-red);
}

.kyc-status.kyc-partial {
    background-color: var(--c-emphasis);
}
#root .user-content .user-page-header {
    margin: 0;
    justify-content: left;
    padding: 16px 0px;
    color: var(--c-black);
    font-size: 1.4em;
    background-color: unset;
    width: 100%;
    font-weight: bold;
}
.content .register-link >div {
    padding:8px 12px;
    margin:0 24px;
    background-color:var(--c-primary);
    color:var(--c-text-light);
    text-align:center
}
.cancel-withdraw button {
    background-color: #6c1515;
}

.voucher-form form {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.voucher-label > div {
    text-align: center;
    padding: 5px;
}

.voucher-form form > div {
    width: 100%;
}

.voucher-form form .form-row {
    padding: 0px;
}

.voucher-form input::placeholder {
    color: var(--c-text-dark)!important
}

.voucher-redeem-block {
    padding: 10px;
    border: 2px solid var(--c-primary);
    margin-top: 15px;
}

.api-form-errors {
    order: 3;
}

#root .voucher-form .form-label {
    display: none;
}

#root .voucher-form button[type="submit"] {
    margin-top: 0px;
}

#root .voucher-form .api-form-wrapper {
    flex: 1;
    width: 100%;
}
.mobile .balance-details app-api-button{
    width:100%;
    order:3
}
.mobile .balance-details app-api-button button {
    margin:0
}
.api-button-wrapper ui-button, #root .api-button-wrapper ui-button button {
    width: 100%;
    display: block;
    max-width: 100%;
}
#root .confirm-api-button-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#root .confirm-api-button-wrapper .api-button-confirm {
    width: 100%;
    text-align: center;
    padding: 5px 0px;
}

#root .confirm-api-button-wrapper ui-button {
    display: block;
    width: calc(50% - 6px);
}

#root .confirm-api-button-wrapper ui-button:first-of-type {
    margin-right: 6px;
}

#root .confirm-api-button-wrapper ui-button button {
    width: 100%;
    border-radius: 5px;
}

#root .confirm-api-button-wrapper .button-confirm-yes {
    background-color: var(--c-green)
}
.desktop app-payment-form .fld-amount .form-element-wrapper{
    max-width:200px;
    min-width:200px;
    width:100%;
    min-height:40px;
}
#root app-payment-form .fld-amount .form-element-wrapper input {
    height:100%;
    min-height:33px;
    max-height:33px;
    padding:0;
}
#root .content app-payment-form form .form-row {
    flex-direction:row!important;
}
#root app-payment-form form .form-row .form-label {
    min-width:unset;
    width:auto
}
#root app-payment-form  ui-button[type="submit"] {
    order:-2
}
#root  app-payment-form  ui-button[type="submit"] button {
    margin-top:0
}
#root  app-payment-form .generic-form {
    flex-direction:row;
    flex-wrap:wrap;
}
#root app-payment-form .generic-form > div:first-child {
    order:-3;
    
}