::-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; overflow: hidden; scrollbar-width: thin; scrollbar-height: thin; scrollbar-color: #272727 #171717; font-size: 14px;}
.embedded .bonus-header-bar {color: #ececec;}
.embedded p{color: rgba(255, 255, 255, 0.60); margin-bottom: 0;}
.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: #61aa00;}
.embedded .btn-primary:hover,.embedded .btn-primary:active,.embedded .btn-primary:focus,.embedded .btn-primary:not(:disabled):not(.disabled):active{background-color: #61aa00; 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 .success-message{align-items: center; padding: 15px 8px; font-size: 12px; background-color: #141517; max-width: 500px; margin: 0 auto;}
.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.bonus{background-color: #1b1c1d;color: #ececec; overflow-y: hidden;}
.embedded .progress{background-color: #2b2b2b;}
.embedded .progress-bar{background-color: #ed1c24;}
.embedded .bonus-header-bar{background-color: #2b2b2b;height: 50px;display: flex;justify-content: center;align-items: center;}
.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;}
@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;}
}
@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;}
}