::-webkit-scrollbar{width: 17px;}
::-webkit-scrollbar:horizontal{height: 17px;}
::-webkit-scrollbar-track{background: #171717;}
::-webkit-scrollbar-thumb{background-color: #272727;border-radius: 3px;border: 2px solid #171717;}
.border-top{border-top: 1px solid #383838 !important;} 
textarea,input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body.embedded{margin: 0 auto;scrollbar-width: thin;scrollbar-color: #3e414b #27292f;font-size: 14px;}
body.embedded.transaction.deposit  .container::after, body.embedded.transaction.deposit.js-mobile-layout .alert-success::after{content:'Redeem Voucher';position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px;padding:0 15px;background-color: #2b2b2b;color:#ececec;font-size:16px;}
body.embedded.transaction.withdraw .container::after, body.embedded.transaction #complete-view .voucher-success-completed::after{content:'Create Voucher';position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px;padding:0 15px;background-color: #2b2b2b;color:#ececec;font-size:16px;}
body.embedded .container{min-height: 650px;padding-top: 50px;}
body.embedded:has(.voucher) .container{min-height: 550px;}
.alert{top:55px;}
.embedded img{max-width: 100%;max-height: 50px;margin-bottom: 10px;}
.embedded .navbar .form-inline{width: 100%;}
.embedded .navbar .form-inline .alert{display: flex;flex-grow: 2;}
.embedded .alert-danger{margin: 15px;}
.embedded .btn-primary{order: 3;width: 100%;padding: 12px;border-radius: 4px;margin: 8px 0px;border: 0;text-align: center;color: #ececec !important;background-color: #e40030;}
.embedded .btn-primary:hover,.embedded .btn-primary:active,.embedded .btn-primary:focus,.embedded .btn-primary:not(:disabled):not(.disabled):active{background-color: #f80034;box-shadow: none;}
.embedded .charges-info{text-align: center;font-size: .8em;color: rgba(255, 255, 255, 0.65);}
.embedded .btn-warning{padding: 6px;min-width: 75px;font-size: 12px;} 
.embedded.transaction .success-message{margin-bottom:15px;padding:10px;text-align:center;font-size:1.25em;font-weight:500;background-color:#3aad02;color:#fff;}
.embedded .beingProcessed{padding: 16px;max-width: 500px;margin: 0 auto;}
.embedded .checkmark{height: 22px;width: 22px;border-radius: 22px;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.60);}
.embedded .checkmark:after{content: "";}
.embedded #errorMsg{margin: 16px 0;}
body.embedded.deposit form, body.embedded.withdraw form{padding: 15px 0;}
body.embedded.bonus{background-color: #1b1c1d;color: #ececec;overflow-y: hidden;}
.embedded .instructions-container .fas{margin: 4px;}
.embedded .progress{background-color: #2b2b2b;}
.embedded .progress-bar{background-color: #ed1c24;}
.embedded .bonus-header-bar{position: fixed;top: 0;left: 0;right: 0;z-index:200;display: flex;justify-content: center;align-items: center;background-color: #2b2b2b;color: #ececec;height: 50px;padding: 0 40px;font-size: 16px;}
.embedded #bonus-empty{padding: 20px;}
.embedded .bonus-detail-link{color: #00fcae !important;}
.embedded .bonus-detail-link:hover{color: #00d692 !important;}
.embedded .bonus-detail-table .progress{background-color: #454545;margin-bottom: -15px;}
.embedded .bonus-detail-row-border{border-bottom: 1px solid #3b3b3b;}
.embedded #bonus-table th{white-space: nowrap;font-weight: 600;background-color: #363636;color: #ececec;}
.embedded .bonus-detail-table{margin-bottom: 0;}
.embedded #bonus-table .bonus-transaction-heading{background-color: #454343;}
.embedded .bonus-transaction-table{table-layout: fixed;}
.embedded #bonus-table .bonus-transaction-table{margin-bottom: 1.5rem !important;}
.embedded #bonus-table .bonus-percent{font-size: 0.8rem;color: #ececec;}
.embedded .bonus-list{position: absolute;top: 50px;bottom: 0;left: 0;right: 0;background-color: #000;color: #ececec;overflow-y: auto;}
.embedded .bonus-list A{color: #00fcae !important;}
.embedded .bonus-list A:hover{cursor: pointer;text-decoration: none;color: #00d692 !important;}
.embedded #bonus-table .pagination{justify-content: center;}
.embedded #bonus-table .pagination > li > a,
.embedded #bonus-table .pagination > .disabled > a{background-color: #2e2e2e !important;color: #ececec !important;border: #2e2e2e;}
.embedded #bonus-table .pagination > .disabled > a{color: rgba(255, 255, 255, 0.5) !important;}
.embedded #bonus-table .pagination > li > a:focus,
.embedded #bonus-table .pagination > li > span:focus,
.embedded #bonus-table .pagination > li > a:hover,
.embedded #bonus-table .pagination > li > span:hover{color: #ececec;background-color: #1b1c1d !important;border-color: #1b1c1d !important;}
.embedded #bonus-table .pagination > .active > a{font-weight: bold;color: #ececec;background-color: #1b1c1d !Important;border: solid 1px #1b1c1d !Important;}
.embedded #bonus-table .pagination > .active > a:hover{background-color: #1b1c1d !Important;border: solid 1px #1b1c1d;}
#scroll-top-btn{display: none;position: fixed;bottom: 3rem;right: 2rem;z-index: 99;background-color: #fff;border-radius: 1.5rem;color: #30679F;opacity: 0.7;}
.card .table td{word-break: break-word;}
body.embedded.transaction .btn{width:100%;margin:15px 0;}
body.embedded.transaction #complete-view {text-align: center;}

.alert-success{text-align: center;height: 50px;border-radius: 0;}

@media (max-width: 575px){
.embedded #bonus-table .responsive-row > td::before, .embedded #bonus-table .responsive-row > td > span { padding: 7px 12px;}
.embedded #bonus-table > tbody,.embedded .bonus-transaction-table > tbody{display: table;width: 100%;color: #ececec;}
.embedded #bonus-table .transactionSummaryRow{display: table-row-group;background-color: #2e2e2e;border-top: 3px solid #1b1c1d;}
.embedded .bonus-transaction-row{display: table-row-group;background-color: #202020;border-top: 1px solid #3b3b3b;}
.embedded #bonus-table .transactionSummaryRow > td,
.embedded .bonus-transaction-row > td{display: table-row;border-top: 0 !important;}
.embedded #bonus-table .transactionSummaryRow > td:before,
.embedded .bonus-transaction-row > td:before{color: #ececec;}
.embedded #bonus-table .transactionDetailsRow{background-color: #202020;}
.embedded #bonus-table .transactionDetailsRow td{border-top: 0;color: #ececec;}
.embedded #bonus-table thead{display: none;}
.embedded #bonus-table th,.embedded #bonus-table td{border: 0 !important;}
  
body.embedded.interaccount{background-color:#fafafa;}
body.embedded.transaction .interaccount-success-tr > th{padding-left:1rem;}
body.embedded.transaction .interaccount-success-tr > td{padding-right:1rem;}
}

@media print{body.embedded.transaction .interaccount-success-container > .print-btn,body.embedded.transaction .voucher-success-container .print-btn,.interaccount-success-container > .success-message,.voucher-success-container .success-message,#interaccount-transfer-completed,#voucher-transfer-completed,body.embedded.transaction > .methodsList{display:none;}
body.embedded.transaction .card.interaccount-success,body.embedded.transaction .card.voucher-success{width:25rem;}
.voucher-success-container .voucher-secret{display:table-row;}
}

@media (min-width: 576px){
.embedded #bonus-table th,.embedded #bonus-table td{border-top: 0;border-bottom: 1px solid #000;color: #ececec;}
.embedded #bonus-table > thead > tr > th{border-bottom: 1px solid #ed1c24;}
.embedded #bonus-table thead{color: #ececec;}
.embedded #bonus-table .bonus-transaction-table th,.embedded #bonus-table .bonus-transaction-table td{border-bottom: 1px solid #383838;}
.embedded .bonus-row:nth-child(4n+1){background-color: #2e2e2e;}
.embedded .bonus-row:nth-child(4n+3){background-color: #2b2b2b;}
.embedded .bonus-row:nth-child(2n+2){background-color: #202020;}
#scroll-top-btn{display: none !important;}
.embedded ::-webkit-scrollbar{width: 17px;}
.embedded ::-webkit-scrollbar:horizontal{height: 17px;}
.embedded ::-webkit-scrollbar-track{background: #171717;}
.embedded ::-webkit-scrollbar-thumb{background-color: #272727;border-radius: 3px;border: 2px solid #171717;}
}