@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root{
  --font:"Inter", sans-serif;
  --headingCR:#475467;
  --iconCR:#667085;
  --labelCR:#1D2939;
  --darkCR:#101828;

  --whiteBackground : #ffffff; /* USE FOR LIGHT THEME */
  --lightTextBlack : 0 , 0 , 0; 
  --lightTextDark : #101828;
  --lightBorder : #E4E7EC;
  --innerCardBg : #F2F4F7;
  

}


body{font-family: "Inter", sans-serif!important;}
::-webkit-scrollbar {background-color: transparent; width: 8px; height: 8px; box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.1);  border-radius: 10px; }
::-webkit-scrollbar-thumb {background-color: transparent;}
:hover::-webkit-scrollbar-thumb {background-color:var(--theme-primary); border-radius: 10px;}
p{font-size: 0.875rem;}
img{max-width: 100%;}
hr{border-color:rgba(0, 0, 0, 0.07)!important;}
.color-primary-900{color: var(--theme-primary-900)!important;}
/* animation for cancelled popup */
.swal2-animate-error-icon {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}
.bg-none{background: none!important;}
.box-shadow{box-shadow: none!important;}
/* ***** */
.blink_me {animation: blinker 0.8s linear infinite;}
@keyframes blinker { 100%{opacity: 0;}}
a, .cursor-pointer{ cursor: pointer;}
.cursor-default{cursor:default!important;}
.bg-none{background: none!important;}
.bg-none.border-0{border: none!important;}
.btn{border-radius: 8px; line-height: 1.375rem; padding: 8px 16px;}
.btn-icon{padding: 0;}
.btn .fa-2x{font-size: 1.5rem;}
.flex-auto{flex: auto;}
.custom-btn{font:500 0.875rem/1rem var(--font); color: #000!important; height: 40px;}
.form-control{padding: 8px 16px;}
.titleText{ position: absolute; left: 5em; top:-2.25rem; z-index: 1111; font-size: 1.125rem;}
.titleText .badge{position: relative; top:-2px}
.breadcrumb{padding: 0.25rem 0.5rem; margin-bottom: 0.4rem;}
.breadcrumb-arrow li a{ height: 2.4em!important; cursor: pointer; background: #868e96;}
.breadcrumb-arrow li a:hover{ color: #fff;}
.bg-success-600{color: white!important;}
.secTttle{font: 600 0.875rem / 1.25rem var(--font); color: var(--darkCR); margin: 0;}
.secsubTttle{font-size: 0.875rem; font-weight: 300; line-height: 1.25rem; color:rgba(var(--lightTextBlack), .8);}
.customSelect{width: 180px; position: relative;}
.customSelect .form-control{color: var(--labelCR);}
.backBtn{font:600 0.75rem/1rem var(--font)!important; color: var(--iconCR)!important; padding: 0.4rem 0; height: 40px; display: flex; align-items: center;}
.backBtn i{font-size: 1.125rem; line-height: 1.125rem; width: 20px; height: 20px; font-weight: bold;}
.backBtn.backbtnTab{font:400 0.75rem/1rem var(--font)!important}
.text-decoration-underline{text-decoration: underline!important;}
/* .customSelect:after{content: '\f078'; font:600 0.75rem/0.75rem 'Font Awesome 5 Pro'; display: flex; justify-content: center; align-items: center; color:var(--iconCR); position: absolute; z-index: 9;  right: 0.75rem; width: 20px; height: 1.25rem; background: #fff; top:0.625rem } */
.custom-control{display: flex; align-items: center; margin: 0 0 0.313rem;}
.custom-control-label{font:500 0.75rem/1.125rem var(--font); color: var(--labelCR);}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{background: #fff!important;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background: var(--theme-primary) none; width: 6px; height: 6px; border-radius: 10px; top: 0.45rem; left: -1.25rem;}
.badge-success{background: #d1fadf; color: #039855; border: 1px solid #B6F0C9;}
.badge-danger{background: #fee4e2; color: #d92d20; border: 1px solid #FEC9C3;}
.badge-warning{background: #fff2d6; color: #ffc241; border: 1px solid #FDDCAB;}
.badge-secondary{background: #F2F4F7; color: #475467; border: 1px solid #E4E7EC;}
.badge-primary{background: var(--theme-primary); color: var(--theme-light); border: 1px solid var(--theme-primary);}
button:disabled{opacity: 0.7;}
.badge{font:500 0.75rem/0.875rem var(--font)}
.badge-width{width: 70px; text-align: center;}
.badge-width-long{width: 94px; text-align: center;}
.badge-width-xl{width: 104px; text-align: center;}
.tableBtn{border-radius: 8px!important; padding:6px 16px; margin: -0.75rem 0; font-size: 0.75rem; font-weight: 600; line-height: 1rem; min-height: 28px;}
.tableBtn.btn-outline-dark{background: #F9FAFB; border-color: #E4E7EC; color: #344054;}
.tableBtn.btn-outline-success{background: #ECFDFF; border-color: #A5F0FC; color: #0E7090;}
.tableBtn i{display: none;}

.langSelect .flag-icon{ width: 20px; height: 20px; border-radius: 20px; margin-right: 5px; display: inline-block; background-size: 100%;}
.flag-icon-us{background: url(../images/flag/en.png);}
.flag-icon-fr{background: url(../images/flag/french.png);}
.flag-icon-portugal{background: url(../images/flag/portugal.png);}
.flag-icon-es{background: url(../images/flag/es.png);}
.flag-icon-ind{background: url(../images/flag/ind.png);}
.flag-icon-tr{background: url(../images/flag/turkish.png);}
.flag-icon-ru{background: url(../images/flag/russia.png);}
.flag-icon-ar{background: url(../images/flag/arabic.png);}
.flag-icon-cmn{background: url(../images/flag/mandarin.png);}
.flag-icon-sr{background: url(../images/flag/serbia.png);}
.flag-icon-hu{background: url(../images/flag/hungarian.png);}
.flag-icon-ro{background: url(../images/flag/romanian.png);}
.flag-icon-tz{background: url(../images/flag/sw.png);}
.flag-icon-it{background: url(../images/flag/italy.png);}

.switchBox .custom-switch{top:-0.625rem;}
.modal-content{border-radius: 1rem; overflow: hidden;}
.modal-header{border-radius: 0.75rem 0.75rem 0 0;}
.modal-body{background: #F9FAFB; padding: 1.5rem;}
.modal-body .form-control{height: 48px; border-radius: 8px; display: flex; align-items: center;}
.form-input-group-btn {height: 48px;}
.modal-body .eyeIC2 {bottom: 1rem;}
.modal-footer{background: #F9FAFB; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem 1rem; border-radius: 0 0 14px 14px;}
.modal-footer .btn{font-size: 0.875rem; line-height: 1.375rem;}
.modal-body .srchBox .form-control{height: 48px!important;}
.modal-body .modalFilterStyle .form-control{height: 40px;}
/* .modal-body .btn{min-height: 48px;} */
.modal-body .srchBox .srchClose {top:0.5rem}
.modal-body .multiselect-dropdown .dropdown-btn{ min-height: 48px; display: flex!important; align-items: center; border-radius: 8px!important; border-color: var(--lightBorder) !important; background: var(--whiteBackground);}
.modal-body .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{right: 0!important; top: 0!important;}
.modal-body .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{font-size: 23px !important; color: rgba(var(--lightTextBlack), .8) !important; font-weight: normal;}
.modal-footer .btn-secondary{background: rgba(var(--theme-rgb-primary), 0.1) !important; border-color: rgba(var(--theme-rgb-primary), 0.1) !important; color: var(--theme-primary) !important;}
.input-group-text{border-radius: 8px;}
.input-group .form-control{border-radius: 0 8px 8px 0!important;}
.shortcut-menu  .menu-item, label.menu-open-button{border-radius: 50%; }
.shortcut-menu .btn{line-height: 2.625rem;}
.js-modal-adminfilter .modal-content{overflow: inherit;}
/* .shortcut-menu  .menu-item, label.menu-open-button i{color: var(--theme-primary) !important;} */
/* .arrowTB { font-size: 20px;  width: 44px;}
.arrowTB{ left: 50%; transform: translateX(-50%); top: 6px;}
 .arrowTB span{ background: var(--theme-primary); color: #fff; width: 25px; text-align: center; line-height: 20px;   height: 25px; border-radius: 30px;}  */
.loaderBG {display: flex; position: fixed; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index:999999; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center;}
app-validation-message, app-register-admin .errorMa, .errorMessage{position: absolute;line-height: 0.75rem; font-size: 0.75rem; padding-top: 0.25rem;}
.loader-new {width: 60px; height: 60px; border: 5px dotted var(--theme-primary); border-style: solid solid dotted dotted; border-radius: 50%; display: inline-block; position: relative; box-sizing: border-box; animation: rotation 2s linear infinite;}
.loader-new::after {content: ''; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px dotted #fff; border-style: solid solid dotted; width: 30px; height: 30px; border-radius: 50%; animation: rotationBack 1s linear infinite; transform-origin: center center;}    
@keyframes rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
} 
@keyframes rotationBack {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
} 
.ck.ck-balloon-panel {
  z-index: 10054 !important;
}
.form-group{ margin-bottom: 1.6rem!important;}
.eyeIC{ position: absolute; right: 0.313rem; top: 0.9375rem; font-size: 1.375rem; z-index: 9; cursor: pointer;}
.eyeIC2{ position: absolute; right: 0.5rem; bottom: 0.625rem; font-size: 1rem; z-index: 9; cursor: pointer;}
.loginlogo{ display: flex; justify-content: center; align-items: center; height: 60px;}
.loginlogo img{ height: 100%; max-width: 100%; object-fit: contain;}

.positive-value, .valid, .sucessColor, .positive, .tgreen, .ngreen, .text-green{color: green!important;}
.pth-value, .errorMa, .invalidMessage, .validation-message, .errorMessage, .errorColor, .negativeValue, .negative, .pth-value, .tred, .nred, .validation-message, .text-red{color: red!important;}
.text-danger {color: #ff0000!important;}
.border-danger{border-color: #ff0000!important;}
.btn-danger{background: #ff0000!important;}
.btn-outline-danger{color: #ff0000!important; border-color: #ff0000!important;}
.btn-outline-danger:hover{background: #ff0000!important; color: #fff!important;}
.validation-message{font-size: 0.75rem;}
.flexBox{ display: flex; align-items: center; flex-wrap: wrap;}
.loginBG{background-size:cover!important; background-repeat: no-repeat!important;}
.loginAD {background:#000 url(../../assets/images/textureBG.jpg); height: 100vh; width: 87.7%; float: right; display: flex; justify-content: center; align-items: center;} 
.loginAD .logHead{ border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0.625rem 1.25rem; margin: 0 0 1.875rem;}
.loginAD .logHead h1{color: #fff; font-size: 2rem; font-weight: 600;}
.loginAD .logHead p{color: #fff; font-size: 1.1rem; margin: 0;}
.loginAD label{color: #fff; font-size: 1.2rem; font-weight: 600; padding: 0 0 0.313rem 0.9375rem;}
.loginAD form{width: 65%;}
.loginAD .form-control{background: none!important; border: none; height: 65px; font-size: 1.2rem; color: #fff!important; border-radius: 40px; position: relative; padding: 0 50px 0 65px;}
.loginAD .userInput::before{content: '\f007'; font-family: 'Font Awesome 5 Pro'; color:#fff; font-size: 1.375rem; position: absolute; left: 1.875rem;}
.loginAD .passInput::before{content: '\f023'; font-family: 'Font Awesome 5 Pro'; color:#fff; font-size: 1.375rem; position: absolute; left: 1.875rem;}
.loginAD .input-group{background: #525252; border-radius: 40px; display: flex; align-items: center; overflow: hidden;}
.loginAD input::placeholder{ color: #fff; opacity: inherit;}
.loginAD .eyeIC {top:1.25rem; right: 0.9375rem;}
.loginAD .btn{padding: 1.25rem 0;}
.loginAD .btn-pills{ border-radius: 40px;}
.loginAD app-validation-message, .loginAD app-register-admin .errorMa, .loginAD .errorMessage{bottom: -0.9375rem; left: 1.25rem;}
.page-logo img{ width: auto; max-width: 100%; height: 35px;}
.page-sidebar{ height: 100%;}
.mod-skin-light .page-logo{ background: #000!important;}
.completer-holder input{ height: calc(1.47em + 1rem + 2px);
  padding: 0.5rem 0.875rem;
  padding-left: 0.875rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.47;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #E5E5E5;
    border-left-color: rgb(229, 229, 229);
    border-left-style: solid;
    border-left-width: 1px;
  border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}
  .close-icon{ position: absolute; right: 1.1875rem; top: 0.75rem; background: #fff; cursor: pointer;}
  .completer-dropdown{max-height: 500px!important; max-width: 190px!important; overflow-y: scroll; overflow-x: hidden;}
  ng2-completer  .completer-row{border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0!important; width: 100%!important;}
  ng2-completer .completer-selected-row{background-color: #f8f9fa!important; color: var(--theme-primary-900)!important;}
  ng2-completer  .completer-dropdown{max-width: 100%!important;}
  ng2-completer  .completer-dropdown .completer-title{font-size: 0.75rem;}
  
  .blRow .h-30{ height: 25px; display:inline-block;}
  /* For table style */
 .table-responsive{border: 1px solid rgba(0, 0, 0, 0.1)!important; border-radius: 8px; background: #fff; outline: none!important;} 
 .table{margin: 0; color: #667085;}
 .table thead{position: sticky; top: 0; z-index: 99; border-radius: 20px 20px 0 0; }
 .table thead th { padding:8px 40px 8px 16px!important; background:#F2F4F7!important; color: #344054!important; height: 40px!important; border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important; box-sizing: border-box!important; font:500 0.75rem/1.5rem var(--font)!important;}
 .table thead th.action{ padding:8px 16px!important;}
 .table thead th.action::before{display: none;}
 .table th, .table td{ vertical-align:middle; font-weight: 400; border: none!important; border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important; color: #667085;}
 .table > tbody > tr > *{ border-bottom: 1px solid #E4E7EC; border-top: 0 !important; }
 thead tr th{ vertical-align: middle;}
 thead tr th:first-child{ padding-left: 1.7rem;}
 tbody tr td:first-child{ padding-left: 1.7rem;}
 tbody tr:last-child { overflow: hidden;}
 tbody tr:last-child td{border-bottom: none!important;}
 table.table-bordered.dataTable { border-radius: 8px;}
.table thead, .table thead:active { color: #475467 !important; box-shadow: inherit; background-color: var(--innerCardBg) !important;}
.table tbody td { background: #fff; padding: 8px 16px !important; height: 48px; box-sizing: border-box; font:400 0.75rem/1rem var(--font)!important; }
.table.blsTable tbody td{padding: 4px 16px!important; height: auto!important;}
/* table.dataTable.table-sm .sorting:before{content: '\f063'; top: 0; bottom: 0; right: 1.2rem!important; height: 100%; display: flex; align-items: center; font-size: 0.625rem; font-weight: bold;}
table.dataTable.table-sm .sorting_asc:before{ content: '\f063'; opacity: inherit;}
table.dataTable.table-sm .sorting_desc:before{content: '\f062'; opacity: inherit;} */
/* exp 1 */

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before{opacity: inherit!important; content:''!important}
table.dataTable.table-sm .sorting:before, .ngx-datatable .sort-btn::after {content: ''; top: 14px; bottom: 0; right: 1.2rem!important; height: 100%; display: flex; align-items: center; width: 12px; height: 12px; background: url('../../assets/images/sort-icon.png') no-repeat center center; background-size: 100%; opacity: inherit!important;}
table.dataTable.table-sm .sorting_asc:before, .ngx-datatable .sort-btn.datatable-icon-up::after{ background: url('../../assets/images/sort-icon-up.png') no-repeat center center; background-size: 100%;}
table.dataTable.table-sm .sorting_desc:before, .ngx-datatable .sort-btn.datatable-icon-down::after{ background: url('../../assets/images/sort-icon-dwon.png') no-repeat center center; background-size: 100%;}

/* .ngx-datatable .sort-btn::after {content: ''; top: 14px; bottom: 0; right: 1.2rem!important; height: 100%; display: flex; align-items: center; width: 12px; height: 12px; background: url('../../assets/images/sort-icon.png') no-repeat center center; background-size: 100%; opacity: inherit!important;}
.ngx-datatable .sort-btn.datatable-icon-up::after{background: url('../../assets/images/sort-icon-up.png') no-repeat center center; background-size: 100%;}
.ngx-datatable .sort-btn.datatable-icon-down::after{ background: url('../../assets/images/sort-icon-dwon.png') no-repeat center center; background-size: 100%;} */

/* exp 2 */
/* table.dataTable.table-sm .sorting:before{content: ''; top: 13px; bottom: 0; right: 1.2rem!important; height: 100%; display: flex; align-items: center; width: 15px; height: 15px; background: url('../../assets/images/sort-icon2.png') no-repeat center center; background-size: 100%; opacity: inherit!important;}
table.dataTable.table-sm .sorting_asc:before{ background: url('../../assets/images/sort-icon-up2.png') no-repeat center center; background-size: 100%;}
table.dataTable.table-sm .sorting_desc:before{ background: url('../../assets/images/sort-icon-dwon2.png') no-repeat center center; background-size: 100%;} */

/* exp 3 */
/* table.dataTable.table-sm .sorting:before{content: ''; top: 13px; bottom: 0; right: 1.2rem!important; height: 100%; display: flex; align-items: center; width: 15px; height: 15px; background: url('../../assets/images/sort-icon3.png') no-repeat center center; background-size: 100%; opacity: inherit!important;}
table.dataTable.table-sm .sorting_asc:before{ background: url('../../assets/images/sort-icon-up3.png') no-repeat center center; background-size: 100%;}
table.dataTable.table-sm .sorting_desc:before{ background: url('../../assets/images/sort-icon-dwon3.png') no-repeat center center; background-size: 100%;} */

@media(max-width: 991px){
  table.dataTable.table-sm .sorting:before, .ngx-datatable .sort-btn::after{top: 11px;}
}
.action:before{display: none!important;}
.tableSortingIconIpad .dataTable.table-sm .sorting:before{max-height: 40px;}
  table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after{top:0; bottom: 0; height: 100%; display: none; align-items: center;}
 .tbIcon{width: 40px; text-align: center; display: inline-block; font-size: 1rem;}
  .tableScroll{ height: calc(100dvh - 262px);}
 .tableScroll thead{ position: sticky; top: 0; z-index: 99;}
 .tableScroll tfoot{position: sticky; bottom: 0; left: 0; z-index: 99;}
 .tableScroll tfoot tr{left: 0 !important; position: sticky !important;}
 /* .tableScroll tfoot{ height: 60px;} */
 .tableScroll tfoot tr td { padding-left: 0.625rem; height: 60px;}
 .tableHeight{height: calc(100dvh - 123px);} 
 /* table.dataTable > thead > tr > th, table.dataTable > thead > tr > td{border-bottom: none!important;} */
 .sNoAction-CellFixed tr th:first-child{width: 80px!important; }
 .sNoAction-CellFixed tr th:last-child{width: 80px!important;}

 .userNameAction-CellFixed tr th:first-child{width: 180px!important;}
 .userNameAction-CellFixed tr th:last-child{width: 80px!important;}

 .userIdAction-CellFixed tr th:first-child{width: 120px!important;}
 .userIdAction-CellFixed tr th:last-child{width: 80px!important;}

.userIdAction-CellFixed-modal tr th:first-child{width: 120px!important;}
.userIdAction-CellFixed-modal tr th:last-child{width: 150px!important;}

.userIdPercentage-modal tr th:first-child{width: 120px!important;}
.userIdPercentage-modal tr th:last-child{width: 230px!important;}

 .filterOneLine {height: calc(100dvh - 12.438rem);}
 .filterTwoLine {height: calc(100dvh - 15.188rem);}
 .tableHeight-withSrch{height: calc(100dvh - 12.6rem);}
 .tableHeight-balanceReport{height: calc(100dvh - 13.6rem);}
 .tableHeight-bReportWithPage{height: calc(100dvh - 19.2rem);}
 .tableHeight-bReportnoPage{height: calc(100dvh - 5.6rem);}
 .tableHeight-withDate{height: calc(100dvh - 13rem);}
 .promotion-tableHeight, .tableHeight-addBtn{height: calc(100dvh - 12.6rem);}
 .tableHeight-withTabs{height: calc(100dvh - 7.188rem);}
 .tableHeight-Logs{height: calc(100dvh - 13.438rem);}
 .tableHeight-DB-cat{height: calc(100dvh - 10.125rem);}
 .tableHeight-withoutFilter{height: calc(100dvh - 12.6rem);}
 .tableHeight-noPagination{height: calc(100dvh - 9.688rem)!important;}
 .tableHeight-withDate-noPagination{height: calc(100dvh - 9.688rem)!important;}
 .tableHeight-noDate-noPagination{height: calc(100dvh - 6.25rem);}
 .tableHeight-tran{height: calc(100dvh - 14.1rem);} 
 .transactions-tableHeight{height: calc(100dvh - 17.1rem);}
 .scrollRow{height: calc(100dvh - 7.5rem);}
 .profileHeight{min-height: calc(100dvh - 4.5rem);}
 .modalTableHeight { height: calc(100dvh - 14.375rem);}
 .modalTableHeightWithSrch { height: calc(100dvh - 17.813rem);}
 .tableHeight-withTabFillter{height:calc(100dvh - 16.25rem) ;}
 .tableHeight-withBls{height:calc(100dvh - 25.75rem);}
 .tableHeight-notBls{height:calc(100dvh - 18.063rem);}
 .tableHeight-betHist{height:calc(100dvh - 21.563rem);}
 .withShow-fillter  .tableHeight-withSrch{height: calc(100dvh - 20.5rem);}
 .withFillerScroll{height: calc(100dvh - 14.5rem);}
 .reportBYdown{height: calc(100dvh - 16.8rem);}
 .reportBYmarket{height: calc(100dvh - 15rem);}
 .withFillerOrPagination{height: calc(100dvh - 17.60rem);}
 .tableWithCard{height: calc(100dvh - 23.3rem);}
 .affiliateWithCard{height: calc(100dvh - 23rem);}
 .langTableHeight{height: calc(100dvh - 9rem);}
 .playerNotification{height: calc(100dvh - 17.6rem);}
 .tournamentsTable{height: calc(100dvh - 24.3rem);}
 /* .dataTables_empty{ height: 710px; background: #fff; color: var(--theme-secondary);} */
.rewardWheelTable{height: calc(100dvh - 29.2rem);}
 .tableHeightReportMarket { height: calc(100dvh - 15rem);}


 
.fixedTableFooter{position: sticky; left: 0;   bottom: 0;  display: flex; gap: 0.5rem;  align-items: center;   width: 100%;  max-width: 100%;  box-sizing: border-box;  padding: 1rem;       background-color: var(--whiteBackground); border-top: 1px solid var(--lightBorder);   z-index: 9;  margin-top: auto;  font-size: 0.75rem;} 
 tbody tr td.dataTables_empty{color: var(--theme-secondary); left: 50% !important; top: 50% !important; transform: translatex(-50%) translateY(-50%); position:absolute !important; border: 0 !important; box-shadow: none; font: 600 1rem/1.625rem var(--font)!important; z-index: 0;}
 .dataTablesEmpty{border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 8px; background: #fff; outline: none !important; min-height: 315px;}
 .dataTablesEmpty span.mob-Empty::after{top: inherit; content: '';}
 .dataTablesEmpty .mob-Empty span{top: 50%; font:600 1rem/2.2rem var(--font)!important; position: absolute;}
 .dataTablesEmpty.border-0{border: none!important;}
 .rewardDistData{top: 6rem!important;}
 .tableScroll:hover .leftArrow, .tableScroll:hover .rightArrow{ opacity: 9;}
 .leftArrow, .rightArrow{ transition: all 0.9s;  opacity: 0; width: 1.5%; height: calc(100vh - 435px) ; position: absolute; top: 55px; border-radius: 5px; border: 0; left: 1.2rem; z-index: 9; background: rgba(0, 0, 0, 0.3);  }
 .leftArrow .fal{ position: sticky; top: 3.125rem;}
 .rightArrow{ right: 1.2rem; left: inherit;} 
 .imgThumb{ width: 30px; height: 20px; overflow: hidden; display: block;}
 .imgThumb img{max-width: 100%; height: 20px; object-fit: contain; opacity: 0.5;}
 app-pagination{ position: sticky; bottom: 0; z-index: 99;}
 pagination-template{background: #fff; padding: 0.5rem 0.625rem 0!important; justify-content: flex-end; border-top: 1px solid #E5E5E5;}
 pagination-template .current .page-item .page-link{background: var(--theme-primary)!important; color: #fff;}
 pagination-template  .page-link{cursor: pointer;}
 .tournamentsTable {height: calc(100dvh - 24.3rem);}
 /* End table style */

 /* NGX Data Table */
.table-banking{height: calc(100dvh - 13.6rem);}
.ngx-datatable{ margin: 0!important;}
ngx-datatable .datatable-header-inner {background: #F2F4F7 !important; color: #344054 !important;}
.lg-normal{line-height: normal;}
ngx-datatable datatable-header-cell{padding: 8px 40px 8px 16px!important;  background: #F2F4F7 !important;  color: #344054 !important;  height: 40px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;  box-sizing: border-box !important;  font:500 0.75rem/1.5rem var(--font)!important;}
ngx-datatable datatable-body-cell{background: #fff; padding: 8px 16px !important; height: 48px!important; box-sizing: border-box; font: 400 0.75rem / 1rem var(--font) !important;}
datatable-pager .pager li a{padding: 0.313rem 0.625rem; border-radius: 3px;}
.ngx-datatable datatable-pager.datatable-pager ul.pager li.active a{color: var(--theme-primary); background-color: rgba(var(--theme-rgb-primary), 0.1) !important;}
ngx-datatable .empty-row{ width: 100%; height: 100% !important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  position: relative;
  font: 600 1rem / 2.2rem var(--font); color: var(--lightTextDark);  text-transform: capitalize; padding-top: 7rem !important; z-index: 2;}
/* ngx-datatable .empty-row::before{content: '\f05a'; font-family: 'Font Awesome 5 Pro'; font-size: 80px; color: var(--theme-secondary); position: absolute; top: 40%; transform: translate(0 , -53%);} */
ngx-datatable .empty-row::before{    width: 22.5rem; height: 22.5rem; content: ''; background: url(../../assets/images/no_data_pie.png) no-repeat; background-size: 100%; display: block;  position: absolute; top: 50%; transform: translate(0, -50%);  z-index: -1;}
.arrowDown{transform: rotate(90deg);}
.leftDown{width: 12px; transition: all 0.3s; font-weight: 700; color: #000; display: inline-flex; justify-content: center; align-items: center;}
app-view-bets{display: flex; justify-self: center;}

.ngx-datatable .sort-btn {margin: -0.1rem 0 0 .5rem;}
/* .ngx-datatable .sort-btn::after {content: '\f063'; top: 0;bottom: 0;font-size: 0.625rem;font-weight: bold; opacity: .3;font-family: 'Font Awesome 5 Pro';}
.ngx-datatable .sort-btn.datatable-icon-up::after{content: '\f062'; opacity: 1;}
.ngx-datatable .sort-btn.datatable-icon-down::after{content: '\f063'; opacity: 1;} */
.ngx-datatable .datatable-icon-up::before, .ngx-datatable .datatable-icon-down::before,
.ngx-datatable .noSortingIcon .sort-btn::after{display: none;}
/* NGX End Table */
#pay-log-model .ngx-datatable.scroll-horz .datatable-body{height: calc(100vh - 290px)!important;}
 .withSearch{ display: block;}
 .withSearch li{ display: inline-block;}
 /* .withSearch li:last-child{ display: inline-flex; float: right;} */
 .inMobile-xxl{width: 3000px!important;}
 .inMobile-xl{width: 2100px!important;}
 .filedsRow{ margin: 0 0 16px;}
 .modalDisable{z-index: 111;}
 .modalDisable .modal{ z-index: 111;}
  .modalDisable .filterTab{z-index: 0;} 
 .w-150{ width: 150%!important;}
 .height-22{height: 30px!important; margin: -0.313rem 0;}
 .editCol a{font-size: 1rem;}
 .text-truncate-xxl {max-width: 350px;}
 .kycCheckBox{height: calc(100vh - 85px);}
 .kycCheckBox ul{display: flex;  margin:0; padding: 0; list-style-type: none; gap: 1rem;}

 .kycCheckBox .supportingText {color: var(--headingCR); font-size: 0.875rem; display: block; padding: 1rem 0 0;}
 .kycCheckBox ul li{flex-grow: 1;  padding: 1.75rem 1.5rem; border-radius: 0.75rem;  cursor: pointer;  border: 1px solid #E4E7EC; box-shadow: 0 0 0 1px #e4e7ec59;}
 .kycCheckBox span.iconBox {border: 1px solid #E4E7EC; width: 2.5rem;height: 2.5rem; border-radius: .5rem; margin-right: .5rem; color: var(--iconCR); font-size: 1.3rem;}
  .kycCheckBox ul li .custom-control {margin-bottom: 1rem;}
 .kycCheckBox .custom-control-label{ cursor: pointer; font-size: 1rem;}
 .kycCheckBox h4{font-weight: 600; color: var(--darkCR); font-size: 1rem;}
.kycCheckBox ul li.border-primary {box-shadow: 0 0 0 1px var(--theme-primary);}
 
 
.emptyBox{width: 30px; text-align: left; display: inline-block; font-size: 1rem;}
.deleteIcon{width: auto;}
 .kycStatus .panel-tag{ font-size: 1.5rem;}
 .kycStatus ul { margin-bottom: 2.5rem;}
 .kycStatus ul li{width: 28%;}
 .kycCheckBox.kycStatus li { width: 24%; padding: 2rem 1rem;}
 .searchBar, .withGlobalSrc .ngxSearchWidth.srchBox .completer-holder input {width: 180px;}
 .withGlobalSrc .srchBox input[type="search"]::-webkit-search-cancel-button{opacity: 0;}
 .upledeimg{ max-width: 155px;background: #000; max-height: 105px}
 .dataTables_empty{color: #ccc!important;}
 .table-responsive{position: relative; display: flex; flex-direction: column;}
 .dataTables_empty .mob-Empty{font: 600 1rem/2.2rem var(--font); color: var(--darkCR); text-transform: capitalize; display:flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 0; position: relative;}
 .emptyImg{width: 360px; position: absolute;}
 span.mob-Empty::after {position: absolute; text-wrap: nowrap; top: 4.4rem; content: " No Records To Display"; font: 600 1rem / 2.2rem var(--font); color: var(--darkCR); text-transform: capitalize;}
 .segment-modal-table{width: 7000px!important;}
 .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo .iconLogo, .mod-skin-dark:not(.mod-skin-light) .page-logo .iconLogo, .desktop:not(.mod-skin-light) .page-logo .iconLogo{display: none;}
.nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .bigLogo{display: none;}
.nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .iconLogo{display: block;}
#create-Segments .height-area{height: 48px;}
#create-Templates .flexBox{gap:0 0.9375rem;}
#create-Templates .flexBox .form-group{width: 32%;}
#create-Templates .flexBox .form-group:last-child{width: 100%;}
.chart-filters{position: relative; margin: 0 0 1rem;}
.chart-legend{position: relative; top:-60px}
.chart-legend .legend-title-text{display: none!important;}
.chart-legend .legend-labels{background: none!important; padding: 0!important;}
.chart-legend .legend-label-color{width: 27px!important; height: 13px!important; border-radius: 10px!important; margin: 1px 0 0 0;}
.chart-legend .legend-label-text{font:500 0.875rem/1.25rem var(--font); color:var(--darkCR);}
.thumbImg img{height: 80px; object-fit: contain;}
.viewBT{position: absolute; top:0.625rem; left: 1.375rem; font-size: 0.875rem;}
.viewDetails{clear: both;}
.viewDetails ul{list-style: none; margin: 0; padding: 0; border: 1px solid rgba(0,0,0,0.1);}
.viewDetails li{width: 100%; padding: 0.625rem; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex;}
.viewDetails li:last-child{border-bottom: none;}
.viewDetails li .bTitle{width: 35%; text-transform: capitalize;}
.viewDetails li .bValue{width: 64%; word-break: break-all;}
.srchBox{display: flex; align-items: center; position: relative; }
.srchBox .form-controlt{padding: 0.5rem 2.4rem 0.5rem 0.875rem; width: 352px;}
.withGlobalSrc .srchBox .completer-holder input{width: 220px; padding: 0.5rem 2.4rem 0.5rem 0.875rem;}
.perPages{display: flex; align-items: center; gap: 0 0.9375rem;}
.perPages .customSelect{width: 75px;}
.perPages .customSelect .form-control{font-weight: 600; color: #000;}
.colGroup{display: flex!important;}
.colGroup .customSelect{width: auto;}
.colGroup .customSelect .form-control{font-weight: 400;}
.srchClose{position: absolute; right: 0.5rem; top: 0.406rem; border: none; background: none; font-size: 1rem; opacity: 0.4;}
.srchClose i{color: var(--iconCR);}
.togFilter{width: 95%; margin:0 0.9375rem;}
.arrowBox{width: 50px; margin: 0 0.9375rem 0 0;}
.mobileMd, .mobileSm{width: 100%!important;}
.copyt:active::after {content: "Copied"; width: 100%; height: 100%; position: absolute; left: -3.125rem; right: 0; font-size: 0.625rem; top: 3px;}
.copyt {cursor: pointer; position: relative; font-size: 1rem;}
/* .customTabs{ margin: 0 0 1rem;} */
/* .customTabs {margin: 0 -2rem 0; padding: 16px 32px 16px;}
.customTabs .nav-item{ margin: 0 0.25rem 0 0;}
.customTabs .nav-link{ border: none; border-radius: 8px; font: 500 1rem/1.5rem var(--font)!important; color: var(--labelCR); background: #fff; padding: 8px 16px;}
.customTabs .nav-link.active{background: rgba(var(--theme-rgb-primary), 0.1)!important; color: var(--theme-primary)!important; font-weight: 600!important;} */
.customTabs {padding: 4px!important; margin: 1rem 0; border-radius: 12px; background: #F2F4F7;}
.customTabs .nav-link{ border: none; border-radius: 8px; font: 400 0.75rem/1rem var(--font)!important; color: var(--labelCR); background:none; padding: 8px 16px;}
.customTabs .nav-link.active{background: #fff!important; color: var(--darkCR)!important; box-shadow: 0 0 3px rgba(0, 0, 0, 0.04); font-weight: 600!important; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.05);}
.customTabs .backBtn{padding: 0.4rem 0; border: none; background: none!important; position: absolute; top: 0.575rem; left:0; color: var(--iconCR); font-weight: 600!important; display: flex; align-items: center;}
.customTabs .backBtn i{font-size: 1.125rem; width: 23px; height: auto; font-weight: bold; line-height: 1.25rem;}
.tab-styling .customTabs{padding: 16px 22px; margin-top: 3.125rem;}
.filterTab{ margin: 2.625rem 0 0;}
.filterTab .customTabs{margin: 0; padding: 0!important; border: 1px solid rgba(var(--lightTextBlack), .1); display: inline-flex; border-radius: 8px;     background: var(--whiteBackground) !important;}
.filterTab .customTabs .nav-item{ margin: 0; border-left: 1px solid rgba(0,0,0,0.1);}
.filterTab .customTabs .nav-item:first-child{border-left: none !important;}
.filterTab .customTabs .nav-link{background: none!important;}
.filterTab .customTabs .nav-link.active{border-radius: 0; color: #000!important; background: none!important; box-shadow: none!important;}
.filterTab .filedsRow{margin: 1.25rem 0 1rem;}
.proBtnRow{margin: 0 -1rem!important;}
.accessRow{margin:3.745rem 0 0;}
.noBackBtn .tab-styling .customTabs{margin: 16px 0;}
.noBackBtn .profileRow{margin: 3.8rem 0 0 0!important;}
.withBackBtn .tableHeight-notBls{height: calc(100dvh - 19.9rem);}
.withBackBtn .tableHeight-betHist {height: calc(100dvh - 23.6rem);}
.withBackBtn .tableHeight-withDate {height: calc(100dvh - 14.7rem);}
.withBackBtn .tableHeight-Logs {height: calc(100dvh - 15.1rem);}
.header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu{border-radius: 1rem;}
.dropdown-header.rounded-top{border-radius: 16px 16px 0 0!important;}
.dropdown-header .btn-icon{display: inline-flex; justify-content: center; align-items: center;}
.dropdown-header .btn-icon i{font-size: 1.375rem;}
.dropdown-item .fal.fa-sign-out{font-size: 1.125rem;}
.dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after{font-size: 1.125rem;}
.langDisplay{float: right;margin-right: 1rem;}
/* ======= KAILASH CSS START ======= */

.calendar-table .table-condensed thead tr th:first-child, .calendar-table .table-condensed thead tr th:last-child{box-shadow: none;}
.calendar-table .table-condensed thead tr th:first-child, .calendar-table .table-condensed  tbody tr td:first-child{padding-left: inherit;}
#change-status input[type="password"] {padding-right: 1.8rem;}
#change-status .modal-body .d-flex.justify-content-center .btn.btn-lg,
#withdraw-status .modal-body .d-flex.justify-content-center .btn.btn-lg {min-width: 100px;}
nav.shortcut-menu   .menu-item, label.menu-open-button{padding: 0 !important;}


/* =========== Affiliate Sign-Up START =========== */
/* AFFILIATE SIGN UP CSS START */
.admin-affiliate-signup .loginAD {background: #fff;}
.admin-affiliate-signup .loginAD .logHead h1{color:var(--darkCR)}
.admin-affiliate-signup .loginAD label{font-size: 0.875rem; margin-bottom: 0; color: var(--darkCR); padding-left: 0;} 
.admin-affiliate-signup .loginAD .form-control {border: 1px solid #E4E7EC; border-radius: .5rem;  height: 3rem;}
.admin-affiliate-signup .loginAD .form-control {border: 1px solid #E4E7EC; border-radius: .5rem; height: 3rem; font-size: 0.875rem; color: #667085 !important;  font-weight: 400; padding: 0 2.8rem;}
.admin-affiliate-signup .loginAD .form-control::placeholder{ color: #667085 !important;}
.admin-affiliate-signup .loginAD form{padding: 0 2rem;}
.admin-affiliate-signup .eyeIC2 {bottom: 1rem; width: 20px; color: #667085;}
.admin-affiliate-signup .leftsideIcon.eyeIC2 {left: 1rem; right: auto;}
.admin-affiliate-signup .btn.btn-primary {border-radius: .5rem;  font-size: 1rem;  padding: .8rem 0; margin-top: .8rem;}
.admin-affiliate-signup .loginAD .form-control.leftNoIcon{padding-left: 1rem;}
.admin-affiliate-signup .loginlogo { background: #000; height: 64px; border-radius: 1.5rem; padding: 0.75rem 1.875rem; max-width: 180px; margin: 4rem auto 0;}
.admin-affiliate-signup app-validation-message, .admin-affiliate-signup .errorMessage,  .admin-affiliate-signup .errorMa {left:0;} 
.affilatefooterText {padding: 1rem 0rem; font-size: 0.875rem;  font-weight: 600;}



.affiliate-Lang {position: absolute; right:2rem; top:1.5rem;}
.affiliate-Lang .dropdown-menu {left: auto; right: 0; padding: 0; margin-top: 0; min-width: 12rem;}
.affiliate-Lang a {font-weight: 600; font-size: 0.875rem;}
.affiliate-Lang .dropdown-menu.show {display: inline-block !important;}
.affiliate-Lang .dropdown-menu .dropdown-item {padding: 0.5rem 0.75rem;  border-bottom: 1px solid var(--lightBorder); font-weight: 600;}
.adminLang.dropdown.affiliate-Lang .dropdown-toggle {color: #fff;}
.affiliate-Lang .dropdown-menu a:last-child {border-bottom: 0;}

.affiliate-Lang .dropdown-toggle {min-width: 122px; text-align: right;}
/* =========== Affiliate Sign-Up END =========== */

/* ======== BANNER PAGE CSS START =========== */
.uploadBannerMain .card {margin-top: 1rem;}
.uploadStyle {width: 3rem; margin-bottom: 0.75rem; height: 3rem;background: #F2F4F7; border: 0.375rem solid #F9FAFB; border-radius: 50%; font-size: 1.2rem !important;}
.fontweight600{font-weight: 600;}
.uploadRowStyle .card .card-body {padding: 1.5rem; font: 0.875rem / 1.25rem var(--font);}
.uploadRowStyle .card, .uploadBannerMain .card {border: 1px solid var(--lightBorder);  border-radius: .5rem;}
.uploadRowStyle h6 {color: rgba(var(--lightTextBlack), 1); font: 600 0.875rem / 1.25rem var(--font);}
.uploadRowStyle p {color: rgba(var(--lightTextBlack), .8); font: 0.875rem / 1.25rem var(--font);}
.uploadBannerMain .cardTitle{color: var(--lightTextDark) !important; font: 600 0.875rem / 1.25rem var(--font) !important;}
.uploadBannerMain .card-body > .d-flex{margin-bottom: 1rem;}
.uploadBannerMain .card-body > h6 {color: var(--lightTextDark) !important; font: 600 0.875rem / 1.25rem var(--font) !important; margin-bottom: 1rem;}
/* .uploadBannerMain .row h6 {color: #344054; font: 500 0.875rem / 1.25rem var(--font);} */
.uploadBannerMain .imagediv {height: 7.5rem; overflow: hidden; border-radius: .5rem;  position: relative;}
.uploadBannerMain .img-fluid {height: 100%; width: 100%; object-fit: cover;}
.uploadBannerMain .gx-padding {padding: 0 .5rem;}
.uploadBannerMain{padding: 0 .25rem;}
.uploadBannerMain .card-body h6 {color: rgba(var(--lightTextBlack), .8); font: 500 0.875rem / 1.25rem var(--font);}
/* ======== BANNER PAGE CSS END =========== */


.newBankingModal .btn-tab-group > .nav {border:0.063rem solid var(--lightBorder); border-radius: 2.5rem;}
.newBankingModal .btn-tab-group > .nav .nav-link {display: inline-block; padding: 0.688rem 1rem; min-width: 6.75rem;  text-align: center; font-weight: bold; border-radius: 2.5rem;  color: rgba(var(--lightTextBlack), .6);}
.newBankingModal .btn-tab-group > .nav .nav-link.active { border: 0.063rem solid var(--theme-primary); color: var(--theme-primary);}
.newBankingModal .blanceText {font: 700 2rem / 1rem var(--font) !important;}
.newBankingModal .blanceText span {font: 700 1.125rem / 0.875rem var(--font);}
.blanceText .eyeIC2{bottom: 1rem;}
.banking-inputfields::placeholder {font-size: 0.75rem;}
.newBankingModal .srchBox .banking-inputfields{width: 100% !important;}
.newBankingModal .maincurrecytext{position: absolute; right: 0; font-weight: 600;}
.exlIcon{font-size: 1rem;}

.table10data {height: calc(100dvh - 24rem);}
/* skeleton */
.skeletonLoader { position: relative;  overflow: hidden; height: 0.875rem;  background: #e0e0e0;    border-radius: 1rem;}
.skeletonLoader::after {content: "";  position: absolute;  top: 0;  left: -100%;  height: 100%;   width: 100%;   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); animation: skeletonLoader 1.5s infinite;}
.skeletonLoader.loaderTitle {width: 60%; }
.loaderNumber.loaderNumber{width: 25%;}
.skeletonLoader.circle-box {width: 1.25rem;  height: 1.25rem;  margin: 0 0 0 0.5rem;}
.insignt-styling .panel-container {min-height: 5.75rem;}
@keyframes skeletonLoader {100% { left: 100%;}}
.insight-date-filter .custom_date {min-width: 14rem;}
/* .insight-date-filter {margin-top: -1.5rem !important;} */
.withCreate{margin: 0!important; left: 0;}

.att-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.188rem .625rem;border-radius:1.25rem;font-size:.688rem;font-weight:600;white-space:nowrap}
.att-promo{background:#f5f3ff;color:#7c3aed;border:.063rem solid #ddd6fe}.att-vip{background:#fffbeb;color:#92400e;border:.063rem solid #fde68a}
.att-wheel{background:#ecfeff;color:#0e7490;border:.063rem solid #a5f3fc}
.att-none{background:#f3f4f6;color:#6b7280;border:.063rem solid #e2e6ea}

/* ******* CREATE BONUS CSS START ******** */


/* ── Attachment section ── */
.bonusMain { margin-top: 2.5rem;}
.bonusMain .attach-section{background:var(--whiteBackground);border:.094rem solid #c7d2fe;border-radius:.625rem;margin-bottom:1rem}
.bonusMain .edit-header{border-color:#e2e6ea}
.bonusMain .attach-top{background:linear-gradient(135deg,#f0f4ff,#fff);padding:.875rem 1.125rem;border-bottom:.063rem solid #e2e6ea;     border-radius: .625rem .625rem 0 0;}
.bonusMain .attach-label{font-size:.625rem;font-weight:700;letter-spacing:.125rem;text-transform:uppercase;color:#3b5bdb;margin-bottom:.25rem}
.bonusMain .attach-title{font-size:.875rem;font-weight:700;color:rgba(var(--lightTextBlack), .8)}
.bonusMain .attach-sub{font-size:.75rem;color:#6b7280;margin-top:.125rem}
.bonusMain .attach-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;padding:.875rem 1rem}
.bonusMain .ac{border:.094rem solid var(--lightBorder);border-radius:.5rem;padding:.813rem .75rem;cursor:pointer;transition:all .15s;background:#fafafa;position:relative}
.bonusMain .ac:hover{border-color:#d0d5dd;background:#fff}
.bonusMain .ac-check{position:absolute;top:.563rem;right:.563rem;width:1.063rem;height:1.063rem;border-radius:50%;border:.094rem solid #d0d5dd;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700}
.bonusMain .ac-icon{font-size:1.25rem;margin-bottom:.438rem}
.bonusMain .ac-name{    font: 700 .813rem / 1rem var(--font);margin-bottom:.188rem;color:rgba(var(--lightTextBlack), .8)}
.bonusMain .ac-desc{color:#6b7280;  font: 400 .688rem / 1rem var(--font);}
.bonusMain label {font: 500 0.75rem / 1.25rem var(--font);  color: var(--labelCR);}
/* Selected states */

.bonusMain .sel-promo{border-color:#7c3aed!important;background:#f5f3ff!important}
.bonusMain .sel-promo .ac-check{background:#7c3aed;border-color:#7c3aed;color:#fff}
.bonusMain .sel-vip{border-color:#d97706!important;background:#fffbeb!important}
.bonusMain .sel-vip .ac-check{background:#d97706;border-color:#d97706;color:#fff}
.bonusMain .sel-wheel{border-color:#0891b2!important;background:#ecfeff!important}
.bonusMain .sel-wheel .ac-check{background:#0891b2;border-color:#0891b2;color:#fff}
.bonusMain .ctx-strip{padding:0 1rem .875rem}
.bonusMain .ctx-callout{display:flex;align-items:flex-start;gap:.5rem;padding:.563rem .813rem;border-radius:.438rem;border:1px solid;font-size:.75rem;line-height:1.5}
.bonusMain .ctx-promo{background:#f5f3ff;border-color:#ddd6fe;color:#4c1d95}
.bonusMain .ctx-vip{background:#fffbeb;border-color:#fde68a;color:#78350f}
.bonusMain .ctx-wheel{background:#ecfeff;border-color:#a5f3fc;color:#0c4a6e}
.bonusMain .btype-row{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem; background: var(--whiteBackground); border: .063rem solid var(--lightBorder);  border-radius: 0 0 .625rem .625rem;}
.bonusMain .btype-label{font-size:.688rem;font-weight:600;color:#6b7280;white-space:nowrap}
.bonusMain .btype-select{max-width:16.25rem}
.bonusMain .btype-hint{font-size:.688rem;color:#6b7280}
.bonusMain .fcard{background:var(--whiteBackground);border:.063rem solid var(--lightBorder);border-radius:.625rem;margin-bottom:.875rem;display:none /* overflow:hidden;*/}
.bonusMain .fcard.fcard-vis{display:block}
.bonusMain .fcard-hdr{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.125rem; background: var(--whiteBackground); border: .063rem solid var(--lightBorder); border-top-left-radius: .625rem;  border-top-right-radius: .625rem;}
.bonusMain .fcard-icon{font-size:1rem}
.bonusMain .fcard-title{font-size:.813rem;font-weight:600;color:rgba(var(--lightTextBlack), .8)}
.bonusMain .fcard-body{padding:1.125rem}
.bonusMain  .form-footer{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;padding:1rem 0 .5rem;border-top:.063rem solid var(--lightBorder);margin-top:.25rem}
.bonusMain .att-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.188rem .625rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;white-space:nowrap}
.bonusMain .att-promo{background:#f5f3ff;color:#7c3aed;border:.063rem solid #ddd6fe}
.bonusMain .att-vip{background:#fffbeb;color:#92400e;border:.063rem solid #fde68a}
.bonusMain .att-wheel{background:#ecfeff;color:#0e7490;border:.063rem solid #a5f3fc}
.bonusMain .att-none{background:#f3f4f6;color:#6b7280;border:.063rem solid #e2e6ea}
.bonusMain .btype-row .btype-label {font: 500 0.75rem / 1.25rem var(--font);  color: var(--labelCR);}

/* ── NO DEPOSIT Bonus styles ── */
.att-nd{background:#ecfdf5;color:#065f46;border:.063rem solid #a7f3d0}
.bonusMain .att-nd{background:#ecfdf5;color:#065f46;border:.063rem solid #a7f3d0}

/* NO_DEPOSIT banner in create form */
.bonusMain .nd-type-banner{display:flex;align-items:center;gap:.875rem;padding:.813rem 1rem;background:linear-gradient(135deg,#ecfdf5,#f0fdf9);border:1.5px solid #a7f3d0;border-radius:.563rem;margin-bottom:.875rem}
.bonusMain .nd-type-icon{width:2.5rem;height:2.5rem;border-radius:.625rem;background:#059669;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 .125rem .5rem rgba(5,150,105,.3)}
.bonusMain .nd-type-title{font:700 .813rem/1rem var(--font);color:#065f46;margin-bottom:.125rem}
.bonusMain .nd-type-sub{font:400 .688rem/1.45 var(--font);color:#047857}
.bonusMain .nd-free-pill{margin-left:auto;background:#059669;color:#fff;font:800 .688rem/1rem var(--font);padding:.25rem .75rem;border-radius:1.25rem;letter-spacing:.03rem;flex-shrink:0;box-shadow:0 .125rem .375rem rgba(5,150,105,.35)}

/* NO_DEPOSIT row tint in list table */
.nd-bonus-row{background:linear-gradient(90deg,rgba(5,150,105,.04) 0%,transparent 40%)!important}
.nd-bonus-row:hover{background:linear-gradient(90deg,rgba(5,150,105,.08) 0%,#fafbfc 40%)!important}

/* FREE chip next to bonus name */
.free-chip{display:inline-flex;align-items:center;padding:.125rem .438rem;border-radius:.25rem;font:800 .625rem/1rem var(--font);background:#059669;color:#fff;letter-spacing:.03rem;vertical-align:middle}

/* NO_DEPOSIT badge in bonus type column */
.nd-badge{background:#ecfdf5!important;color:#065f46!important;border:.063rem solid #a7f3d0!important;font-size:.688rem!important;font-weight:700!important}

/* ******* CREATE BONUS CSS END ******** */



.langTableHeight tr th:nth-child(2), .langTableHeight tr td:nth-child(2){text-align: right;padding-right: 3rem !important;}
.langTableHeight tr td:nth-child(2) span.d-flex{justify-content: flex-end;}
@media(max-width:1680px){
  
  .kycStatus ul li{font-size: 0.875rem;}
  .kyc-no-data .kycCheckBox{width: 100%;}
   .loginAD .logHead h1{font-size: 1.6rem;}
  .loginAD .logHead p{font-size: 1rem;}
  .loginAD label{font-size: 1rem;}
  .loginAD form{width: 70%;}
  .loginAD .form-control{height: 50px; font-size: 1rem;}
  .loginAD .userInput::before{font-size: 1.125rem;}
  .loginAD .passInput::before{font-size: 1.125rem;}
  .loginAD .eyeIC {top:0.9375rem}
  .loginAD .btn{padding: 0.75rem 0;}
  .inDesktopLg{width: 1500px !important;}
  /* .chartHeight .inMobile { width: 665px !important;} */
  .affilatefooterText {font-size: 0.75rem; padding: 1rem 1rem;}

}
@media(max-width:1680px){
  /* .emptyImg{margin: -26% auto;} */
  /* .dataTables_empty .mob-Empty{font-size: 1.125rem;} */
  /* ngx-datatable .empty-row{font-size: 1.125rem;} */
  ngx-datatable .empty-row::before{width: 20rem; height: 20rem;}
  .srchBox .form-control{width: 280px;}
  .emptyImg {width: 320px;}
  span.mob-Empty::after {top: 4.2rem;}
  
}

@media(max-width:1600px){
  .admin-affiliate-signup .loginlogo {margin: 3rem auto 0;}
  .admin-affiliate-signup .loginAD .form-control { height: 2.5rem;}
  .admin-affiliate-signup .eyeIC2 {bottom: .8rem;}
  .admin-affiliate-signup .loginAD .form-control {height: 2.5rem;   font-size: 0.75rem;}
  .admin-affiliate-signup .loginAD label {font-size: 0.75rem;}
  .admin-affiliate-signup .btn.btn-primary {padding: .6rem 0; margin-top: .6rem;}
  .table10data {height: calc(100dvh - 15rem);}
}

@media(max-width:1534px){
  span.mob-Empty::after {top: 3.2rem;}
  .uploadBannerMain .imagediv { height: 7rem;}
  .uploadStyle {margin-bottom: 0.5rem;}
  .kycCheckBox ul li {padding: 1.6rem 1.2rem;}
  .table10data {height: calc(100dvh - 12.75rem);}
}
@media (max-width:1460px) {
  .inDesktopMd { width: 1400px !important;}
  .text-truncate-xxl {max-width: 270px;}
  .loginAD{width: 100%;}
  .loginAD form{width: 75%;}
  .srchBox .form-control{width: 230px;}
  .emptyImg{width: 220px; /*margin: -22% auto; display: block;*/}
  .primary-nav{height: calc(100dvh - 65px);}
  .primary-nav .nav-menu:first-of-type{margin-bottom: 0!important;}
  span.mob-Empty::after {top: 3.6rem;}
  ngx-datatable .empty-row::before {width: 13.75rem; height: 13.75rem;}
  ngx-datatable .empty-row {padding-top: 5.5rem !important;}
  
}
@media (max-width:1399px) {
  .table-banking{height: calc(100dvh - 14rem);}
  .kycStatus ul li{width: 45%;}
  /* .ngx-datatable .datatable-footer .datatable-pager { flex:1 1 60% !important;} */
  app-player-account-details .tableHeight-noPagination{height: auto;}
  .chart-legend{position: relative; top:-75px}
  #change-status .modal-body .d-flex.justify-content-center .btn.btn-lg,
  #withdraw-status .modal-body .d-flex.justify-content-center .btn.btn-lg {min-width: 86px;}
  .admin-affiliate-signup .loginlogo {margin: 2rem auto 0;  height: 52px; max-width: 166px;}
  .playerNotification{height: calc(100dvh - 18.6rem);}
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after{top: 0.4rem}
  div.mobileDummy div.dummyHead{min-height: 2.25rem;}
   .playerNotification{height: calc(100dvh - 18.6rem);}
}
@media (max-width:1299px) {
  .withSearch .nav-link{padding: 0.5rem 0.6rem!important; font-size: 0.75rem!important;}
  .uploadBannerMain .imagediv {height: 6rem;}
  .blanceText .eyeIC2{bottom: 0.875rem;}

}
@media (max-width:1199px) {
  .kycStatus ul li{width: 100%;}
  .theme-step-form .width-lg { min-width: 33%;}
  .d-none-screen-1200{display: none !important;}
  .kycCheckBox .supportingText {padding: 0.875rem 0 0;}
  .uploadBannerMain .imagediv {height: 5rem;}
  .uploadBannerMain .card-body > .d-flex {margin-bottom: 0.75rem;}
  .table10data {height: calc(100dvh - 22rem);}
}
/* .panel .panel-container .panel-content{ padding: 16px!important}  */
.singleselect .multiselect-dropdown .dropdown-btn {border-color: #E4E7EC !important; border-radius: .5rem !important;}
@media(min-width:1200px){
  .selectMinWidthScreen1200{min-width: 200px;}
}
@media (min-width: 992px){
  .selectPickerWidth991{min-width: 175px;}
  .modalDisable .modal-content{background: none;}
  .modalDisable .menu-item{ display: none;}
   .modalDisable .fade{opacity: inherit!important; }
   .modalDisable .modal{ display: block!important; position: inherit!important; overflow: inherit!important;}
   .modalDisable .modal-dialog-right{ position: inherit; right: inherit; left: inherit; top: inherit;}
   .modalDisable .modal-content{ box-shadow: none; min-height: auto;}
   .modalDisable .modal-header{ display: none;}
   .modalDisable .modal-md{ max-width: 100%; width: 100%;}
   .modalDisable .modal.fade .modal-dialog-right{ transform: inherit;}
   .page-content{padding: 16px;}
    /* .page-header{ padding: 0 1rem;}
    .page-content{padding: .5rem 1rem 0.5rem;}
    .page-content .panel{ margin-bottom: 0;}*/
    .panel-content.pb-0{padding-bottom: 0!important;}
    
    .panel-hdr{ background: none!important; font:600 0.875rem/1.25rem var(--font); color: var(--darkCR);}
    .panel-hdr span{font:400 0.75rem/1rem var(--font);}
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > sidebar-profile li a {
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 0;
      padding-right: 0;}
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > sidebar-profile li > a > .nav-link-text{
      display: none;
      position: absolute;
      text-align: left;
      background: transparent;
      padding-left: 1.375rem;
      color: #fff;
      top: 0;
      left: 5.6875rem;
      height: 100%;
      width: 13.75rem;
      font-weight: 500;
      margin-top: -1.563rem;
    }
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > sidebar-profile li > a > [class*='fa-'], .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > sidebar-profile li > a > .ni{ font-size: 1.2375rem;}
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > sidebar-profile li:hover a .nav-link-text{ display: flex; overflow:hidden; animation: animateFadeInLeft 0.5s; -webkit-animation: animateFadeInLeft 0.5s;}
    /* .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before{display: none;} */
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a span.nav-link-text.whiteCR{color: #fff!important;} 
    .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active > a:before {color: #24b3a4!important;}
    
 
  }

  @media(max-width:1299px){
    .inMobile-lg { width: 1600px !important;}
    .inMobile {width: 1150px !important;}
    .inMobileMD{width: 1300px !important;}
    .inDesktopMd { width: 1400px !important;}
    .desktopXl{width: 1400px !important;}
    .accessMobileTable {width: 900px !important;}
    /* .panel .panel-container .panel-content{padding: 1rem;} */
    .langTableHeight .accessMobileTable {width: 100% !important;}
  }

@media(max-width:990px){
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after{left: -1.35rem;}
    #create-Templates .flexBox .form-group{width: 31%;}
  .bonusMain { margin-top: 3.5rem;}
    .modalDisable{z-index: inherit;}
  .mob-gap-1{gap: 0 0.375rem!important;}
  /* .arrowTB{display: block;} */
  .accordionRow{position: fixed; z-index: 999999; right: 0; top: 0; height: 100vh; width: 280px; background: #fff;}
  .titleText{ left: 5.5em; font-size: 1rem;}
  .addmam{ display: none;}
  .font-8{ font-size: 0.5rem;}
  .table{ font-size: 0.7rem;}
  .table th, .table td{ padding: 0.4rem;}
  thead tr th{ padding-top:0.75rem!important;  padding-bottom:0.75rem!important;}
  .leftArrow, .rightArrow{ display: none;}
  /* .table-sm thead th{ padding: 5px 40px 5px 10px!important;} */
  tbody tr td:first-child{padding-left: 0.625rem;}
  .breadcrumb{flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
  .header-btn[data-class='mobile-nav-on']{ width: 2.75rem;} 
  .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after{ width: 2rem; height: 2rem; top: 1.1rem; z-index: -1; left: 0.5rem;}
  .header-icon:not(.btn) > [class*='fa-']{font-size:1.2rem!important; line-height: 1rem;} 
  /* .page-wrapper .page-content{ padding:0.3rem 0.9rem!important;} */
  /* .panel .panel-container .panel-content{ padding: 0.5rem;} */
  .withSearch{display: flex; flex-wrap: wrap; padding: 0 0 0.5rem; gap:0.313rem 0; position: relative; left: -1rem; margin: 0 0 1rem!important;}
  /* .withSearch .nav-link{border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 3px!important; font-size: 0.75rem!important; margin: 3px; padding: 0.4rem 0.5rem!important;}
  .withSearch .nav-link.active{ border: 1px solid var(--theme-primary-900)!important; background: var(--theme-primary-900)!important; color: #fff!important;}*/
  /* .withSearch li:last-child{ display: none;}  */
  .withCreate{margin: 0!important; left: 0;}
  .filterControl .accMobDate.mt-0{margin-top: 0!important; margin-bottom: 1rem!important;}
  .playerNotification{height: calc(100dvh - 19.6rem);}
  .mob-50{ width: 100%;}
  .dateMob{ width: 100%;}
  .inMobile{width: 900px!important;}
  .inMobile-md{width: 1200px!important;}
  .inMobile-lg{width: 1500px!important;}
  .inMobile-xl{width: 2000px!important;}
  .modalDisable .modal{ z-index: 2050;}
  .blRow .w-100{ width: 49.2%!important;}
  /* .blRow .w-100:last-child{ width: 100%!important;} */
  .blRow .fw-500{ font-size: 1.125rem;}
  .kycCheckBox{ /*box-shadow: none; padding: 0 0 2rem; width: 100%; margin: 1rem 0 0;*/ height: auto;}
  .inDesktopMd { width: 1200px !important;}
  .border-none-lg{border: 0px !important;}
  .mobViewFilter {gap: 0 0.9375rem;}
  .mobViewFilter .mob-50{width: 47%;}
  .searchBar{width: 100%;}
  .tab-styling ul.nav{padding: 0 0 0.313rem;}
  .mobileSm{width: 767px!important;}
  .mobileMd{width: 990px!important;}
  .tableHeightReportMarket {height:calc(100dvh - 10.5rem);}
 .page-wrapper .page-content .breadcrumb > li.breadcrumb-item {max-width: 92px; min-width:92px;}
 .blanceText .eyeIC2{bottom: 0.75rem;}
.insight-date-filter .custom_date {min-width: 16rem;}
div.mobileDummy div.dummyHead{min-height: 3rem;}

}

@media(max-width:767px){
  .table10data {height: calc(100dvh - 27rem);}
  .accessMobileTable {width: 100% !important;}
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after{top:0.375rem}
  .page-wrapper .page-header{padding: 0 0.9rem!important;}
  .modal-body{padding: 0.8rem;}
  .daterangepicker{ height: 320px; overflow: auto;}
  /* .mob-Empty{ width: 300px; float: left; font-size: 20px;} */
  .blRow .l-h-n,  .errorMa, .validation-message{ font-size: 0.75rem;}
  app-validation-message, app-register-admin .errorMa{line-height: 0.75rem;}
  .blRow .fw-500{ font-size: 0.875rem;}
  /* .arrowTB{ top:-14px} */
  .tableScroll{ height: calc(100dvh - 12.5rem);}
  ngx-datatable .empty-row::before{top: 35%; width: 130px; transform: translate(0 , -35%);}
  .emptyImg{width: 130px;}
  .text-truncate-xxl {max-width: 250px;}
  .kycCheckBox .custom-control-label{font-size: 0.875rem;}
  .kycStatus .custom-control-label{font-size: 0.75rem; padding-top: 3px;}
  /* .titleText{ left: 4.5em;} */
  .loginAD form{width: 85%;}
  .chart-filters{top: 0.9375rem;}
  .chart-legend{top:0; margin-bottom: 0;}
  /* .chart-legend .horizontal-legend li{display: block!important;} */
  /* .page-wrapper .page-content{padding: 0.9rem!important;} */
  .sNoAction-CellFixed tr th:last-child{width: 80px!important;}
  .userNameAction-CellFixed tr th:last-child{width: 80px!important;}
  .userIdAction-CellFixed tr th:last-child{width: 80px!important;}
 .userIdAction-CellFixed-modal tr th:last-child{width: 80px!important;}
 .kycCheckBox ul{flex-wrap: wrap; justify-content: center;}
 .kycCheckBox ul li {flex-grow: inherit; width: 48%;}
 .uploadBannerMain .imagediv {height: 7.5rem;}
 .uploadRowStyle .card .card-body {padding: 1rem;}
 .uploadStyle {width: 2.5rem;height: 2.5rem;    font-size: 1rem !important;}
 .inMobile-sm{width: 767px!important;}
 /* .inMobile-md{width: 100%!important;} */
 .inMobile-lg{width: 100%!important;}
 .inMobile-xl{width: 100%!important;}
 .inDesktopLg{width: 100%!important;}
/* DOWNLINE PAGE CSS FOR MOBILE */
  .withGlobalSrc.downlineMobileStyle {width: 100%;}
  .withGlobalSrc.downlineMobileStyle .dt-buttons {width: auto; text-align: left !important;}
   /* DOWNLINE PAGE CSS FOR MOBILE END */
 .bonusMain .attach-cards { grid-template-columns: 1fr; }
 .bonusMain .btype-select { max-width: 100%; }
.fixedTableFooter {font-size: 0.875rem; color:#666666}
  .playerNotification{height: calc(100dvh - 20.6rem);}
 
 
}
@media (max-width: 576px){
  .campaign_dashboard .radio-box .custom-radio .custom-control-input:checked ~ .custom-control-label::after {left: -1.3rem;}
  .insight-date-filter {margin-top: .5rem !important;}
  .completer-holder input{ width: 130px;}
  .sm100 .completer-holder input{ width: 100%;}
  .nav.nav-tabs.mobTab .nav-item .nav-link { font-size: 0.75rem !important; padding: 0.5rem 0.3rem;}
  datatable-pager .pager li a { padding: 3px 0.438rem; }
  .modal-md {margin: 0 auto;}
  /* .searchBar { width: 156px;} */
  .searchBar { width: 100%;}
  #create-Templates .flexBox .form-group{width: 100%;}
  .mob-50{margin: 0 0 1rem!important;}
  .mob-100{width: 100%!important;}
  .uploadBannerMain .imagediv {height: 6rem;}
  .uploadBannerMain .card .col-6{padding: 0 .5rem;}
  .insight-date-filter .custom_date {min-width: 14.5rem;}
}

@media(max-width:575px){
  /* full width for mobile */
  .page-wrapper.admin-affiliate-signup{overflow: auto;}
  .admin-affiliate-signup .mobile-pl-0 {padding-left: 0;}
  .admin-affiliate-signup {overflow: auto;}
  .admin-affiliate-signup .loginAD {height: auto;padding: 5rem 0 2.5rem; min-height: 100dvh;}
  .affilatefooterText {font-size: 0.875rem;  position: relative !important;  padding: 1.5rem 1rem 0;}
  .admin-affiliate-signup .loginAD .logHead h1 {margin-bottom: 0;}
}
@media(max-width:480px){
  .titleText .badge {top: 5px; white-space: nowrap; max-width: 66px; overflow: hidden; text-overflow: ellipsis;}
  .ifDateApplyBtn input.form-control { max-width: 135px;}
  .uploadBannerMain .imagediv {height: 5rem;}
  .uploadRowStyle .card .card-body {font: 0.75rem / 1.25rem var(--font);}
  .withGlobalSrc.downlineMobileStyle .srchBox > .form-control {width: 155px !important;}
  .withGlobalSrc.downlineMobileStyle .dt-buttons .form-control {max-width: 91px;}
  header.page-header .headBtn {margin-right: .25rem !important;}
  .page-header .depositDrop.mr-2 {margin-right: 0 !important;}
 .lang-swahili .playerListSwahiliLang .srchBox .form-control {width: 140px !important;}
 .lang-swahili .playerListSwahiliLang .btn.btn-primary {padding: 0.375rem .5rem;}
 .lang-swahili .ifDateApplyBtn input.form-control {max-width: 110px;}

}

@media(max-width:400px){
  .lang-swahili .pgr-report-btn{width: 9.25rem;}
  .withGlobalSrc.downlineMobileStyle .srchBox > .form-control {width: 132px !important;}
  .titleText.titleTextTwoLine {display: flex; align-items: flex-start;}
  .titleText.titleTextTwoLine .badge {top: 0;}
  .titleText.titleTextTwoLine .titleTextspan {display: inline-block; line-height: 1rem;   max-width: 6.2rem;}
  .lang-swahili .titleText.titleTextTwoLine .titleTextspan.betListText{max-width: 8.2rem;}
}



@media (max-width:380px){
  /* .kycCheckBox ul li{width: 100%;} */
  .kycCheckBox { padding: 0 0 0.5rem;}
  .kycStatus .panel-tag {margin-bottom: 2rem !important;}
  .titleText .badge { max-width: 49px;}
  .titleText {left: 56px;}
  .uploadRowStyle .card .card-body{padding: 1rem .75rem;}
  .withGlobalSrc.downlineMobileStyle .btn {padding: 0.375rem .6rem;}
}

@media(max-width:356px){
.withGlobalSrc.downlineMobileStyle .srchBox > .form-control {width: 95px !important;}
.titleText.titleTextTwoLine .titleTextspan {max-width: 5.75rem;}
}

 /* ======== ADMIN CHANGES CSS START ======== */
 @media(max-width:992px){ 
/* .page-wrapper .page-content{ padding:0.3rem 0.9rem!important;} */
.lang-swahili .modal-content .customTabs {overflow-x: auto;  flex-wrap: nowrap;  white-space: nowrap;}
.lang-swahili .swLangSpaceTop{margin-top: 1rem;}
.bonusMain .balancInfo .balinfoText { white-space: normal;  width: 18rem;  max-width: inherit;}
.loginAD .eyeIC {top: 1.25rem;}

}
.filter_by_page input[type=number] {width: 110px;}
.multipleSelection{ position: relative; z-index: 991;}
.multipleSelection .form-control {
  z-index: 2; cursor: default; text-align: left;
}
/* .selectBox .form-control::after {
  position: absolute;  right: 8px; content: "\f078";
    top: 50%;  font-family: 'Font Awesome 5 Pro';
    font-weight: bold; color: #000;font-size: 10px;
    transform: translateY(-50%);
} */
#checkBoxesgt label input[type="checkbox"], #checkBoxes label input[type="checkbox"] {margin-right: 0;}
#checkBoxesgt label, #checkBoxes label { margin-bottom: 0;  display: flex; padding: 0.625rem 1rem 0.625rem 0.9375rem; color: #344054; font-size: 0.75rem; font-weight: 400; cursor: pointer; position: relative; border-bottom: 1px solid rgba(0,0,0,0.1); }
#checkBoxesgt label:last-child, #checkBoxes label:last-child {margin-bottom: 0;}
#checkBoxesgt, #checkBoxes{ width: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; position: absolute; border: 1px solid #E4E7EC; border-radius: 8px; max-height: 288px; display: none;}
#checkBoxes, #checkBoxesgt { margin-top: 0.375rem; }
#checkBoxes label input, #checkBoxesgt label input[type="checkbox"] { margin-right: 0; position: absolute; right: 0.9375rem; top: 50%; transform: translateY(-50%); cursor: pointer; }
#checkBoxes label:focus, #checkBoxesgt label:focus { background-color: #F9FAFB; }
#checkBoxes label input[type=checkbox]:before, #checkBoxesgt label input[type=checkbox]:before  { content: ''; position: absolute; right: 0; top: -2px; width: 20px; height: 20px; background-color: #fff; }
#checkBoxes label input[type=checkbox]:checked:after, #checkBoxesgt label input[type=checkbox]:checked:after { content: ''; position: absolute; right: 0; top: -2px; width: 20px; height: 20px; background: url(../images/check-circle.svg) no-repeat top center; }
#checkBoxes label input:checked ~ span, #checkBoxesgt label input:checked ~ span  { color: #101828; font-weight: 600; }

app-admin-login *:-webkit-autofill, app-admin-login *:-webkit-autofill:hover, app-admin-login *:-webkit-autofill:focus, app-admin-login *:-webkit-autofill:active {
  transition: all 5000s ease-in-out 0s;  -webkit-background-clip: text;  -webkit-box-shadow: none !important; -webkit-text-fill-color: #fff!important;  
}
app-admin-login input:-webkit-autofill {-webkit-text-fill-color: #fff!important;}
table.dataTable {margin-bottom: 0px !important;}
app-admin-login { width: 100%; position: fixed;  z-index: 999999; left: 0;  height: 100%;} 
.user-text-area .ck { height: 130px;}
.word-break {word-break: break-all;}

.panel-hdr {min-height: 2.6rem;}

/* ==== CHANGE CSS START ===== */
header.page-header{height: 3rem;}
.nav-menu li.active:not(.open) > a:before {display: none;}
.dropdown-width{width: 21.875rem !important;}
.table-sm tbody td {padding: 0.25rem 0.625rem;}  
.dataTables_empty .mob-Empty * {font-size: 2.4em;}
 
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {--moz-appearance: textfield; --webkit-appearance: none;}
.nav-function-hidden:not(.nav-function-top) .page-sidebar{z-index: 9999;}

/* NGX TABLE DESIGN START */

body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open {padding-right: 0px !important;}  /* OPEN MODAL ENTIRE PAGE MOVE IN */
.theme-step-form li::after {width: 100%; position: absolute;left: 0; content: ""; background: #ddd; height: 2px; top: 66%;}
.theme-step-form li.active::after {background: var(--theme-primary);}
.theme-step-form a {z-index: 1;}
.theme-step-form li.active{color:  var(--theme-primary);}
.mb-0{margin-bottom: 0 !important;} /* custom select to dropdown icon css */
/* .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {right: -0.6875rem !important;} */
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
    top: 23%!important; content: "\f107"!important; font-family: 'Font Awesome 5 Pro'; color: #777!important; border: 0px!important; font-size: 1.4rem;font-weight: normal!important;
}

.tab-styling ul.nav {white-space: nowrap; overflow-x: auto;}
.blankPageHeight {height: calc(100vh - 101px);}
.tableScroll .badge.border.text-danger.border-danger, .tableScroll .badge.border.border-success.text-success {
  /* width: 60px;  */
  text-transform: uppercase;}
.idText{font-size: 1.125rem;}
/* ======= PROFILE TAB MENU CSS START ========= */
.sidebar-positionAllPg {top:48px; margin: 16px 0 0 16px; width: 100%; z-index: 112!important;}
.sideBarMenuAllPg {padding-top: 2.813rem !important;}
.modalSearchSticky{z-index: 991;}
/* ======= PROFILE TAB MENU CSS END ========= */
.list-style ul{list-style: circle; margin: 0 0 0 1.2rem; padding: 0;}



/* ======= vipin css ========= */
header.page-header .btn{padding: 6px 16px;}
header.page-header .header-btn{width: 32px!important; height: 32px!important; padding: 0 !important;}
header.page-header .dropdown-icon-menu > ul > li .btn{width: 32px!important; height: 32px!important;}
header.page-header .header-btn i { display: none; }
header.page-header .header-btn { margin-right: 0 !important; width: 40px; height: 40px; border-color: #E4E7EC; border-radius: 8px; box-shadow: inherit !important; background: url(../images/humburger-icon.svg) no-repeat center !important; }
header.page-header .headBtn{width: 32px; height: 32px; cursor: pointer; min-width: inherit!important; border:1px solid #E4E7EC; border-radius: 8px; box-shadow: inherit !important; line-height: 0; display: flex!important; justify-content: center; align-items: center;}
header.page-header .headBtn i{font-size:1rem!important;}
header.page-header .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after{display: none;}
.page-logo .page-logo-link{width: 80%;}
app-side-nav .page-sidebar .page-logo img  { height: 38px; object-fit: contain; }
app-side-nav .page-sidebar .page-logo { height: 64px; }
app-side-nav .page-sidebar, app-side-nav .page-sidebar .page-logo { width: 15rem; max-width: 15rem; }
header.page-header { padding: 0 1.25rem; height: 4rem; }
.titleText { font-size: 1rem; font-weight: 700; color: #101828; left: 3.9em; top: -2.700rem; letter-spacing: 0; }
.page-header .btn { margin-right: 0.625rem !important;  font-size: 0.875rem; font-weight: 600 !important; border-radius: 8px;}
/* .page-header .btn:hover { color:#191F29; } */
.page-header .btn strong { font-weight: 600 !important;}
.fa-plus { font-weight: 600 !important; border: 2px solid #fff; width: 16px; height: 16px; border-radius: 50%; font-size: 8px; line-height: 12px; display: inline-flex; justify-content: center; align-items: center; position: relative; top: -1.8px; margin: 0 0.5rem 0 0;}
.page-header .header-icon i { color: #667085 !important; }
.page-header .header-icon:not(.btn) { min-width: 3rem;}
.header-icon:not(.btn) > [class*='fa-']:first-child{font-size: 1.25rem;}
.page-sidebar .nav-menu li a { padding: 0.69rem 1rem; font-weight: 600 !important; box-shadow: inherit !important; }



header.page-header { border-color: #E4E7EC; }
app-side-nav .nav-menu li b.collapse-sign { color: #98A2B3; font-size: 1.1rem; }
app-side-nav .nav-menu li { margin-bottom: 0.5rem; }
.page-sidebar .js-list-filter .nav-menu { padding: 0 1rem; }
.nav-function-minify .page-sidebar .js-list-filter .nav-menu { padding: 0; }
/* app-side-nav .nav-menu li a:hover, app-side-nav .page-sidebar .nav-menu li ul li.active a, app-side-nav .nav-menu li.open > a { background-color: #F9FAFB; } */
app-side-nav .page-sidebar .nav-menu li ul { margin-top: 0.5rem; padding: 0; background-color: transparent !important; }
app-side-nav .page-sidebar .nav-menu li ul li { margin-bottom: 0; }
.page-sidebar .nav-menu li ul li a { padding: 0.69rem 3rem; font-weight: 500 !important; }
.page-sidebar .nav-menu li.active ul li > a { font-weight: 600 !important; }
.panel-container .border-left { border-color: #E4E7EC !important; }
.withGlobalSrc .srchBox .completer-holder input{padding-right: .5rem;}
.srchBox .form-control, .withGlobalSrc .srchBox .completer-holder input { padding-left: 38px; padding-right: 32px; font:500 0.875rem/1rem var(--font)!important;}
.col-form-label, .form-label{font:500 0.75rem/1.25rem var(--font); color: var(--labelCR);}
.form-control, .srchBox .form-control, .multiselect-dropdown .dropdown-btn { height: 40px; border-radius: 8px; font-size: 0.75rem; font-weight: 400; border-color: #E4E7EC!important; background-color: #fff !important; border-radius: 8px!important; align-content: center; }
.multiselect-dropdown .dropdown-btn{padding: 6px 16px!important;}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{height: 48px!important;}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{font-size: 22px; line-height: 22px!important; color: #667085!important; font-weight: normal!important;}
.form-control.search-icon:focus { border-color: #E4E7EC; background-image: url(../images/search-icon.svg); background-repeat: no-repeat; background-position: 93% center; }
.form-control::-webkit-input-placeholder { color: #667085; }
.form-control::-moz-placeholder { color: #667085; }
.form-control:-ms-input-placeholder { color: #667085; }
.form-control:-moz-placeholder { color: #667085; }
/* .form-control::placeholder{opacity: inherit; color: #000;} */
.srchBox:before { content: ''; position: absolute; left: 0.75rem; width: 18px; height: 18px; background: url(../images/search-icon.svg) no-repeat left center; background-size: cover; z-index: 1;}
.form-control.calender-icon:focus { border-color: #E4E7EC; background-image: url(../images/search-icon.svg); background-repeat: no-repeat; background-position: 93% center; }
.form-control.select-arrow { appearance: none; background: url(../images/select-arrow.svg) center no-repeat ; background-position: 100%; padding-right: 30px;}
.form-control.select-arrow:focus { border-color: #E4E7EC; }
/* .select-arrow-{background-position: 80%!important;} */
.form-control.search-icon, .form-control.calender-icon { padding-right: 35px; }
.srchBox .srchClose { right: 0.5rem; font-size: 1.25rem; }
/* .panel-container .tableScroll thead, .panel-container .tableScroll thead:active { color: #475467 !important; box-shadow: inherit; background-color: #F9FAFB !important; }
.panel-container .table-striped tbody tr:nth-of-type(2n+1), .panel-container .table-striped tbody tr:nth-of-type(odd), .panel-container .table-striped tbody tr { background-color: #fff; }
.panel-container .table-sm tbody td { padding: 0.75rem !important; height: 48px; box-sizing: border-box; } */
/* .panel-container table.table-bordered.dataTable th, .panel-container table.table-bordered.dataTable td { border-left-width: 0; border-right-width: 0; position: relative; } */
/* table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * { border-bottom: 1px solid #E4E7EC; border-top: 0 !important; }
.panel-container  .table-sm thead th { padding: 10px 40px 10px 0.75rem; height: 40px; box-sizing: border-box; } */
.panel-container table.dataTable.table-sm .sorting span, .panel-container table.dataTable.table-sm .sorting_asc:before, .panel-container table.dataTable.table-sm .sorting_desc span { position: relative; }
.panel-container table.dataTable.table-sm .sorting span:after { content: "\f063"; position: absolute; right: 0; font-size: 0.75rem; font-weight: 600; color: #667085; font-family: 'Font Awesome 5 Pro'; }
.panel-container table.dataTable.table-sm .sorting.sorting_desc span:after { content: "\f062"; }
.reset-btn { min-width: 106px; height: 40px; border-radius: 8px; color:#fff; font-weight: 600; font-size: 0.875rem; border-color: #8F59C4; background:
  #8F59C4; }
.reset-btn:hover { color: #fff; border-color: #4679cc; background-color: #4679cc; }
header.page-header .dropdown-icon-menu ul { width: auto; height: auto; }
header.page-header .dropdown-icon-menu > ul > li .btn { padding: 0 !important; margin-right: 0 !important; color: #344054; display: inline-flex; align-items: center; justify-content: center; }
header.page-header .nav-function-hidden:not(.nav-function-top) .page-header [data-class="nav-function-hidden"] { border-color: #E4E7EC !important; }
.nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper { padding-left: 14.875rem; }
.nav-menu li.open > ul { display: block !important; }
.arrowTB {background: #fff; margin-left: 0 !important; padding: 0 16px 0 48px!important; width: 103px; height: 40px; border-color: #d0d5dd!important; font-weight: 600; font-size: 0.875rem; color: #000!important; border-radius: 8px; display: inline-flex; align-items: center; position: relative; box-shadow: 0 0 4px 4px #F4EBFF;}
.arrowTB:before { content: ''; position: absolute; left: 16px; width: 20px; height: 20px; transition: all 0.2s ease-in-out; background: url(../images/filters-icon.svg) no-repeat left center; }
.arrowTB:hover {background: none; box-shadow: 0 0 4px 4px #F4EBFF; color: #fff!important;}
.arrowTB:focus{box-shadow: none!important;}
.arrowTB.collapsed{box-shadow: none; background: #fff;}

.arrowTB:hover:before,  .arrowTB:active:before { background: url(../images/filters-icon-hover.svg) no-repeat left center; }
/* table.table-bordered.dataTable th { padding-right: 20px; font-weight: 500; font-size: 0.75rem; color: #475467; box-shadow: inherit !important; border-color: #E4E7EC; background-color: #f9fafc; }
table.table-bordered.dataTable td { font-size: 0.875rem; color: #475467; font-weight: 400; box-shadow: inherit !important; }
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting:after { display: none; }
table.dataTable.table-sm .sorting span { padding-right: 21px !important; white-space: nowrap; text-align: left !important; display: inline-block !important; } */
.mod-skin-light:not(.mod-skin-dark) .page-content-wrapper { background-color: #F9FAFB; }
.panel-container table.table-bordered.dataTable td span.border { min-width: 64px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 500; color: #B42318 !important; border-radius: 16px; text-transform: none !important; border: 0 !important; background-color: #FEE4E2; }
.panel-container table.table-bordered.dataTable td span.border-success { color:#027A48 !important; background-color: #D1FADF; }
.dataTable td span .btn-secondary { margin: 0 1rem 0 0 !important; padding: 2px; color: #475467; font-size: 1rem; border-color: transparent; border-radius: 0 !important; background-color: transparent; box-shadow: none!important; outline: none!important; line-height: inherit; width: auto!important; height: auto!important;}
.dataTable td span .btn-secondary:last-child{margin: 0!important;}
.dataTable td span .btn-secondary.payout-btn { margin-right: 0 !important; padding: 0.063rem 0.844rem !important; font-size: .7rem !important; line-height: 1.5; border-radius: .25rem !important; color: #fff !important; background-color: #6c757d !important; border-color: #6c757d !important; }
.dataTable td span .btn-secondary.payout-btn:focus, .dataTable td span .btn-secondary.payout-btn:active { color: #fff !important; border-color: #545b62 !important; background-color: #5a6268 !important; border: 1px solid #545b62 !important; border-radius: .25rem !important; }
.dataTable td span .btn-secondary.payout-btn:hover { background-color: #5a6268 !important;
 border-color: #545b62 !important; }
.dataTable td span .btn-secondary:focus, .dataTable td span .btn-secondary:active { box-shadow: inherit !important; outline: none !important; border: 0; border-radius: 0 !important; color: #475467 !important; background-color: transparent !important; }
.table-bordered th, .table-bordered td { border-color: #E4E7EC; }
pagination-template { padding: 14px 16px!important; min-height: 64px; margin: 0 -2rem; border-color: #E4E7EC; justify-content: center; position: relative; }
/* pagination-template:before, pagination-template:after { content: ''; position: absolute; top: 0; width: 500px; height: 100%; border-top: 1px solid #E4E7EC; background-color: #fff; }
pagination-template:before { left: -12.5rem; }
pagination-template:after { right: -500px; } */
pagination-template .paginate_button, pagination-template .page-item-next { position: absolute; }
pagination-template .paginate_button a, pagination-template .page-item-next a { height: 36px; border: 1px solid #D0D5DD !important; background: transparent !important; border-radius: 8px !important;color: #344054; font-weight: 600; font-size: 0.875rem; }
pagination-template .paginate_button a i, pagination-template .page-item-next a i { font-weight: 600; }
pagination-template .previous a i { margin-right: 0.625rem; }
pagination-template .next a i { margin-left: 0.438rem; }
pagination-template .previous { left: 2rem; }
pagination-template .next { right: 2rem; }
pagination-template .current .paginate_button.page-item { position: relative; }
pagination-template .current .page-item .page-link { border: 0 !important; }
.pagination .page-link { padding: 0.5rem 0.9rem 0.5rem 1.1rem; display: inline-block; }
.panel-container .panel-content .card { box-shadow: inherit; border: 0; background-color: transparent; height: 100%;}
.ngx-datatable .datatable-footer .datatable-pager{flex: 1 1 100% !important;  text-align: center !important;}
.pagination li .page-link, .ngx-datatable .datatable-footer .datatable-pager .pager li a { margin: 0; padding: 0; width: 36px; height: 36px; font-size: 0.875rem; font-weight: 500; display: inline-flex  !important; align-items: center; color: #667085; border-radius: 8px; justify-content: center; }
.pagination li .page-link:hover, pagination-template .current .page-item .page-link { color: var(--theme-primary); background-color: rgba(var(--theme-rgb-primary), 0.1)!important; }
.page-content th, .page-content td { white-space: nowrap; }
/* .page-content .dataTables_wrapper { width: 800px; margin: 0 auto;  } */
.table-hover tbody tr:hover { box-shadow: inherit !important; }
.panel-container .card .card-body { padding: 0 !important; }
app-affiliate-campaign-by-admin .panel-container .table-sm tbody tr td:first-child, app-live-bet-list .panel-container table.table-bordered.dataTable tr td:first-child { padding: 0.75rem 1.25rem !important; }
app-live-bet-list .page-content .dataTables_wrapper, app-admin-bet-list .page-content .dataTables_wrapper { width: 100%; }
app-live-bet-list .srchClose { right: 0.25rem; top: 3.5px; }
.panel-container .table-sm tbody td.dataTables_empty { height: auto; position: absolute !important; font-size: 2rem; }
.panel-container .table-sm tbody td.dataTables_empty:after { display: none !important; }
.tableHeight-tran { border-radius: 8px; }
/* app-player-account-details .page-content .tab-content .panel { border: 1px solid #E4E7EC; } */
/* app-player-account-details .page-content .panel { border: 1px solid #E4E7EC !important; box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08) !important; background-color: #fff !important; } */
.page-wrapper { overflow: hidden; }
.dropdown-icon-menu > ul { visibility: hidden; }
.dropdown-icon-menu:hover > ul { visibility: visible; }

.panel-container table.table-bordered.dataTable th:first-child { width: 180px !important; border-top-left-radius: 8px; }
.panel-container table.table-bordered.dataTable th:last-child { width: 160px !important; border-top-right-radius: 8px; }

app-affiliate-campaign-by-admin .panel-container table.table-bordered.dataTable th:first-child, app-live-bet-list .panel-container table.table-bordered.dataTable th:first-child, app-admin-bet-list .panel-container table.table-bordered.dataTable th:first-child { width: 70px !important; }

.table-height { border-radius: 8px; }
.panel-container table.table-bordered.dataTable td .badge { border-radius: 16px; }
.profileRow{margin: 5.625rem 0 0 0;}
.profileRow h2{font: 600 0.875rem/1.25rem var(--font); color: var(--darkCR);}
.profileRow h2 span{font-weight: 400;}
.profileRow .form-control, .multiselect-dropdown .dropdown-btn{height: 48px;}
.profileRow .eyeIC2{bottom: 1rem;}
.filterControl .form-control{height: 40px;}
.body-hidden { overflow: hidden; }
.lineRow{border-color: rgba(0, 0, 0, 0.1)!important; border-style: solid; border-width: 1px; margin: 0.625rem 0 1.875rem;}
.PanelRow .panel {min-height: 6.6rem;}
.PanelRow.williambetPanel .panel {min-height: 8.125rem;}
.blanceText{font: 700 2.5rem/3rem var(--font); color: var(--darkCR); margin: 0; position: relative;}
.blanceText small{width: 100%; display: flex; align-items: center; margin: 0; font: 600 0.875rem/1.5rem var(--font);}
.blanceText span{font: 700 2rem/2rem var(--font);}

.statsText{font: 600 0.875rem/1.25rem var(--font);}
.statsText small{font: 500 0.75rem/1.25rem var(--font); color: #000;}
.statsText span{font: 600 0.875rem/1.25rem var(--font)!important;}
.insight-date-filter .custom_date .form-control {height: 40px;}

@media screen and (min-width: 1099px) {

.table-height {  
  max-width: 100%;
  overflow: auto scroll; 
  height: calc(100vh - 220px);
  background-color: #fff;
}

table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

tr td:first-child,
tr th:first-child {
  position: sticky !important;
  z-index: 2;
  left: 0px;
  background-color: white;
  box-shadow: 4px 0px 6px 0px rgba(0, 0, 0, 0.05);
}

tr td:last-child,
tr th:last-child {
  position: sticky !important;
  z-index: 4;
  right: 0px;
  background-color: white;
  box-shadow: -4px 0px 6px 0px rgba(0, 0, 0, 0.05);
}

tr th {
  position: sticky !important;
  background-color: white;
  z-index: 3;
  top: 0px;
}

tr th:first-child {
  position: sticky !important;
  background-color: white;
  z-index: 4;
  top: 0px;
}

tr th:last-child() {
  position: sticky !important;
  background-color: white;
  z-index: 4;
  top: 0px;
}

.panel-container table.table-bordered.dataTable th:first-child:after, .panel-container table.table-bordered.dataTable tr td:first-child:after, .panel-container table.table-bordered.dataTable th:last-child:after, .panel-container table.table-bordered.dataTable tr td:last-child:after { position: absolute;
  top: 0; bottom: 0; width: 0.625rem; height: 100%; transition: box-shadow 0.3s; content: ""; pointer-events: none; right: 0 !important; display: block; box-shadow: inset 7px 0 8px -8px rgba(0, 0, 0, 0.1);
 }

 .panel-container table.table-bordered.dataTable th:last-child:after, .panel-container table.table-bordered.dataTable tr td:last-child:after { left: 0px !important; right: auto !important; }
 .panel-container table.table-bordered.dataTable th:first-child:after,  .panel-container table.table-bordered.dataTable th:last-child:after  {
  display: block !important; box-shadow: inset 7px 0 8px -8px rgba(0, 0, 0, 0.3); }
 app-affiliate-campaign-by-admin .panel-container table.table-bordered.dataTable th:first-child:after, app-affiliate-campaign-by-admin .panel-container table.table-bordered.dataTable th:last-child:after { box-shadow: inset 7px 0 8px -8px rgba(0, 0, 0, 0.1); }

 app-affiliate-payout-report .panel-container table.table-bordered.dataTable th:first-child:after, app-affiliate-payout-report .panel-container table.table-bordered.dataTable th:last-child:after, app-transactions .panel-container table.table-bordered.dataTable th:first-child:after, app-transactions .panel-container table.table-bordered.dataTable th:last-child:after { box-shadow: inset 7px 0 8px -8px rgba(0, 0, 0, 0.1); }

 app-affiliate-payout-report .table-height, app-transactions .table-height { height: calc(100vh - 160px); }

}
.page-sidebar .primary-nav .nav-menu > li > a{font-size: 0.75rem;}
.nav-menu li a{font-size: 0.75rem;}
.essentData h5{font:500 0.75rem/1rem var(--font); margin: 0;}
.dropdown-icon-menu > ul{margin-top: -2.2rem; padding: 2.50rem 0.25rem 0.313rem;}
.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover{color: #fff!important;}
.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before{color: #fff!important;}
.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul{background: #fff!important;}
.nav-function-minify:not(.nav-function-top) .nav-menu li > ul li > a{color: #475467;}
.nav-function-minify:not(.nav-function-top) .nav-menu li > ul li.active > a{color: var(--theme-primary)!important;}
.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text{color: #000!important;}
.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before{top: -0.375rem; left: -0.375rem; font-size: 3rem;}
@media(min-width:991px) and (max-width:1200px){
  .blRow small {font-size: 0.8125rem;}
  .blRow span {font-size: 1rem;}
  .inMobile-xl {width: 325% !important;}
  .kyc-no-data .kycCheckBox ul li { width: 47%;}
}

@media(min-width:992px) and (max-width:1199px){
  .insignt-styling .col-lg-3:nth-child(4n) .balancInfo .balinfoText::after {left: 80%;transform: translateX(-80%);}
  .insignt-styling .col-lg-3:nth-child(4n) .balancInfo .balinfoText {transform: translateX(-74%) translateY(-4px); left: 0;}
}

@media(max-width:991px) and (min-width:768px){
  #create-Segments .modal-xl {max-width: 720px;}
  .PanelRow.williambetPanel .panel .blanceText small{font-size: 0.75rem;}
}

@media(max-width:991px) and (min-width:576px){
  #site-form-modal .modal-dialog.modal-xl, .maxWidthInheritScreen991 .modal-dialog{max-width: inherit;}

}




.result-area img {max-width: 100%;}
.editorHeight{height: 150px;}
@media(max-width:340px){
  .paginate_button a.page-link {padding: 0.4rem 0.6rem;}
  .uploadBannerMain .imagediv {height: 4rem;}
}

/* ======== KYC CSS UPDATED ========= */


@media(max-width:1700px){.kycCheckBox.kycStatus li {width: 31%;}}

@media(max-width:1440px){
  /* #checkBoxesgt label, #checkBoxes label{padding:2px 0px 2px 6px;}
  #checkBoxesgt label input[type="checkbox"], #checkBoxes label input[type="checkbox"] {margin-right: 5px;} */

  /* .panel-container table.dataTable { width: 1400px !important; }
  .panel-container table.dataTable.three_column { width: 100% !important; } */

}

@media(max-width:1200px){
  /* .kycCheckBox ul li h4 i.fal {font-size: 2rem;  margin-right: 0.625rem !important;} */
  .kycCheckBox .custom-control-label { font-size: 0.875rem;}
  .tab-styling .nav-link {padding: 0.4rem 0.5rem;}
  .kyc-no-data .kycCheckBox ul li {margin: 2% 1%; width: 23%;}
  .blanceText span{font: 700 1.3rem/2rem var(--font);}
}
@media(max-width:1399px){.kycCheckBox.kycStatus li {width: 48%;}}
@media(max-width:990px){
  /* .emptyImg {margin: -32% auto;} */
  span.mob-Empty::after {top: 4rem;}
  .titleText{font-size: 1rem;}
}
@media(max-width:767px){
  .bonusMain .btype-row { flex-direction: column;   align-items: flex-start;    }
  .insignt-styling .panel.mb-3 {margin-bottom: 0 !important;}
  .blRow .w-100{ width: 48.5%!important;}  
  .segment-modal-table { width: 6700px;}
  .panel {margin-bottom: 0 !important;}
  .panel.mb-3{margin-bottom: 1rem!important;}
  .filter_by_page > input {width: 60px;}
  .kycCheckBox.kycStatus { padding: 0 1rem 1rem !important;}
  .nav-menu li.opens a .collapse-sign {transform: rotate(180deg); -webkit-transform: rotate(180deg);} /* CODE FOR IPHONE MENU ISSUES */  
  .kyc-no-data .kycCheckBox {  margin-top: 0;}
  .sidebar-positionAllPg { width: 94%;}
  .tab-styling .nav-link {padding: 0.4rem 0.7rem;}
  .pagination .page-link{line-height: 2rem;}
  .pagination .paginate_button.previous a, .pagination .paginate_button.next a{font-size: 0;}
  .pagination .paginate_button a i{font-size: 0.875rem; line-height: 1rem; margin: 2px 0 0;}
  .pagination li .page-link{width: 30px;}
  .emptyImg{width: 280px;/* margin: -42% auto;*/}
  /* .dataTables_empty .mob-Empty{font-size: 0.875rem;} */
  tbody tr td.dataTables_empty{background: none; transform: translate(0, -50%)!important; left: 0!important; right: 0!important;}
  .titleText {left: 52px; font-size: 0.875rem;}
  .page-header .header-icon:not(.btn){min-width: auto}
  ngx-datatable .empty-row::before {width: 17.5rem; height: 17.5rem;}
  ngx-datatable .empty-row {padding-top: 4rem !important;}
  .campaign_dashboard .filedsRow .multipleSelection { z-index: inherit;}
}
@media(max-width:576px){.kycCheckBox ul li, .kycCheckBox.kycStatus li {width: 100%;}} 


/* ==== PROFILE ANIMATION START ===== */
.dot-flashing {width: 10px; height:10px; border-radius:5px; animation: dot-flashing 1s infinite linear alternate; animation-delay: 0.5s;}
.dot-flashing::before, .dot-flashing::after{
left: -0.9375rem; width: 10px; height: 10px;  border-radius: 5px; background-color: var(--theme-primary);  animation: dot-flashing 1s infinite alternate;
content: ""; display: inline-block; position: absolute;  top: 0;
}
.dot-flashing::before {animation-delay: 0s;}
.dot-flashing::after {left: 0.9375rem; animation-delay: 1s;}


@keyframes dot-flashing {
  0% {background-color: var(--theme-primary);}
  50%, 100% {background: rgba(0, 0, 0, 0.1);}
}
/* KYC CSS UPDATED END */
.back_arrow {cursor: pointer;  color: var(--theme-primary);  font-weight: bold;   margin-right: 0.125rem;}
.border-or-text::after { width: 100%; position: absolute; top: 0.5625rem; left: 0; background: rgba(0,0,0,0.1); content: ""; height: 1px; z-index: 1;}
.filefile {background: #f1f1f1; height: 37px; z-index: 1;}
.filefile::after { content: "+ Attach Screenshot"; position: absolute; top: 0.5rem; left: 0.875rem; font-weight: 500;z-index: -1;}
.filefile input { opacity: 0;}
.upload-btns { right: 0;}
.filedisables::after { opacity: .5;}
.disabled { pointer-events: none;}
.z-index-2 { z-index: 2;}
.last20Data{height: 100%; min-height: 26rem;}
.last10Data{height: 100%; min-height: 32.7rem;}

.pie-label{font-size: 1rem!important;}
.chartHeight.line-charts{/*height: calc(100vh - 400px)*/ height: 400px;}
.chartHeight .ngx-charts{margin: 0 0 0 -2.5rem;}
.chartHeight .timeline{display: none!important;}
.dailySpinsChart{ margin-left: 2.5rem;}
.affiliateChart .ngx-charts{margin: 0;}
.fs-xxxl{font-size: 2rem;}
.fsXl{font-size: 1.375rem;}
/* .chart-filters {top: -30px;} */
.groupBox{position: relative;}
.groupBox::after{width: 1px; height: 50%; background: rgba(0, 0, 0, 0.04); content: ''; position: absolute; right: -0.313rem; top:25%}
.noAfter::after{display: none;}
.urlText{text-overflow: ellipsis; width: 150px; white-space: nowrap; overflow: hidden; display: inline-block; }
.panel{border-radius: 12px; box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.1);}
.mobflex-auto{flex: inherit;}
.withGlobalSrc{display: flex; gap: 0 0.5rem;}
.usdAmount{line-height: 0.875rem; position: absolute; bottom: -0.75rem;right: 0.5rem; background-color: #fff;}

.suggestions {position: absolute; z-index: 999; top: 100%; left: 0; right: 0; border-top: none; background: white; max-height: 288px; overflow-y: auto; box-shadow: inset 0 0 1px #000;}
.suggestion{cursor: pointer; padding: 0.5rem 1rem; border-bottom: 1px solid rgba(0,0,0,0.1); font: 500 0.875rem/1rem var(--font)!important; width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;}
.suggestion:last-child{border-bottom: none;}
.suggestion:hover {background-color: #f0f0f0;}
.highlight {font-weight: bold; color: var(--theme-primary)!important;}
.multiselect-dropdown .dropdown-btn .selected-item{border-radius: 0.317rem!important; font-size: 0.75rem; line-height: 1rem; padding: 0.125rem 0.313rem!important;}
@media(max-width:1600px){
  .multiselect-dropdown .dropdown-btn .selected-item{margin-right: 2px!important;}
  .campaign_dashboard .blanceText small{font: 600 0.75rem / 1.5rem var(--font);}
  .campaign_dashboard .blanceText > span {font: 700 1.063rem / 2rem var(--font);}
}
@media(max-width:1400px){
  /* .chartHeight.line-charts{height: 300px;} */
  .srchBox .form-control{width: 200px!important;}
  .last20Data {min-height: 20rem;}
}

@media(max-width:1200px){
  .charts-main h5 { font-size: 0.75rem;}
  /* .table thead th, .table tbody td{padding: 0.781rem 1rem 0.781rem 0.5rem!important;} */
   tr td:last-child, tr th:last-child {position: sticky !important; box-shadow: -4px 0px 6px 0px rgba(0, 0, 0, 0.05); z-index: 4; right: -0.031rem;}
  .dataTable td span .btn-secondary{margin: 0 1rem 0 0!important;}
  .ped12{ padding: 0 0.75rem;}
  .drp-calendar .calendar-table td:last-child, .drp-calendar .calendar-table th:last-child { position: inherit; box-shadow: none; right: inherit;}
}
@media(max-width:990px){
  .page-header .header-icon:not(.btn){min-width: auto;}
  .page-wrapper .page-header{padding: 0 0.9rem;}
  .page-wrapper .page-content{padding: 16px;}
  .page-header .btn strong{padding-right: 0;}
  .srchBox .form-control{width: 150px!important; padding: 0.5rem 0.8rem 0.5rem 2.2rem;}
  .withFillerScroll{height: calc(100dvh - 12.5rem);}
  .js-modal-adminfilter .collapse{padding: 0 1rem; margin: 0!important;}
  .customTabs .nav-item{margin: 0 0.25rem 0 0;}
  .filedsRow .flexBox {padding: 0;}
  .mob-50{max-width: 100%; flex: 0 0 100%; padding: 0; margin: 0 0 1rem;}
  .dateCell{width: 75%;}
  .tableScroll tfoot{background: #fff; bottom: -2px;}
  .srchBox .form-control{width: 185px!important;}
  .withGlobalSrc .srchBox .completer-holder input{width: 185px;}
  .srch100Mob{width: 100%;}
  .srch100Mob .form-control{width: 100%!important;}
  .perPages{gap: 0 0.5rem;}
  /* .customTabs{margin: 0 -1rem;} */
  .sidebar-positionAllPg{margin: 1rem 1rem 0; width: 91.6%;}
  .noBackBtn .tab-styling .customTabs{margin: 1rem 0;}
  .noBackBtn .profileRow{margin: 4rem 0 0!important;}
  .proBtnRow {margin: 0 -0.75rem!important;}
  .profileRow{margin: 5rem 0 0 0;}
  .customTabs .backBtn{top:0.625rem; left: -0.5rem;}
  .filterControl .mlr{margin: 0 1rem!important; flex: auto!important;}
  .filterControl .accMobDate{margin:1rem 1rem 0!important; flex: auto!important;} 
  .filterControl .accMobDate form{flex: auto;} 
  .mobBetHis{padding: 3.125rem 0 0!important;}
  .mobBetHis .arrowTB {position: relative; left: 0.75rem;}
  .filterTab{margin: 0;}
  /* .filterTab .customTabs .nav-link{font: 500 0.75rem/1.25rem var(--font)!important;} */
  .perPages{display: none;}
  .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after{left: -0.5rem;}
  header.page-header .btn{padding: 5.4px 8px;}
  .page-header .btn strong .fal{margin: 0;}
  .fa-plus {margin: 0; top:-0.5px}
  .lang-swahili .swahliLangW-100{width: 100%;}
  
}
@media(max-width:767px){
  .PanelRow .panel{margin-bottom: 1rem !important;}
  .ngx-charts{height: 430px;}
  .chartHeight.line-charts{height: auto;}
  .charts-main h5 { font-size: 0.875rem;}
  .chartHeight .ngx-charts{margin: 0 0 0 -1.875rem;}
  .chart-legend .horizontal-legend li{display: inline-block!important;}
  table.dataTable.table-sm .sorting:before{right: 0.3rem!important;}
  .profileRow{margin: 6.5rem 0 0 0;}
  
  .lineRow{margin: 2.5rem 0 1.875rem;}
  .blanceText small{font: 600 0.75rem/1.25rem var(--font);}
  .blanceText{font: 700 1rem/1.25rem var(--font);}
  .mobBetHis{padding: 65px 0 0!important;}
  .withBackBtn .tableHeight-betHist{height: calc(100dvh - 297px);}
  .last20Data {min-height: 24rem;}
  .srchBox .form-control.mobile-width-100 {width: 100% !important;}
}
@media (min-width: 576px){
  #create-Segments .modal-dialog{max-width: 92%;}
  .groupBox .form-group{width: 50%!important;}
  .groupBox  .flex-grow-1{flex-grow:inherit!important}
  .titleText{left: 70px;}
}

@media(max-width:360px){
  .blanceText span{font: 700 1.2rem/2rem var(--font);}
  .srchBox .form-control{width: 144px!important;}
}
@media (min-width: 992px){
  #create-Segments .modal-dialog{max-width: 800px;}

}
.hidecalanderOnNavigate {
  display: none !important;
}

/* ===== NO RECORDS FOUNDS START ===== */
@media(max-width:1399px){
  /* .page-header .header-icon:not(.btn){min-width: 2rem;} */
  .form-control, .srchBox .form-control{font-weight: 400; height: 38px;}
  .arrowTB, .perPages .customSelect .form-control{height: 36px;}
  .pagination li .page-link{width: 32px; height: 32px;}
  pagination-template .paginate_button a, pagination-template .page-item-next a{height: 32px;}
  /* .withFillerScroll{height: calc(100dvh - 225px);} */
}

@media(max-width:1340px) and (min-width:992px){
  .reduceInputMdScren .searchBar, .reduceInputMdScren input#dateRange {width: 130px !important;}
  .reduceInputMdScren .flexBox .form-control {width: 120px;}
  .reduceInputMdScren .flexBox .multipleSelection button.form-control {white-space: nowrap; padding-left: 0.438rem;}
}

@media(max-width:1200px) and (min-width:992px){
  .w-100Screen1200-992 {width: 100%; max-width: 100%; flex: 0 0 100%;}
  .justify-content-end-1200-992{-webkit-box-pack: end !important; -ms-flex-pack: end !important;  justify-content: flex-end !important;}
  .justify-content-start-1200-992{-webkit-box-pack: start !important; -ms-flex-pack: start !important;  justify-content: flex-start !important;}
  .mtTab1rem{margin-top: 1rem;}
}
/* ===== NO RECORDS FOUNDS END ===== */


/* For light Theme */
.mod-skin-light:not(.mod-skin-dark) app-side-nav .nav-menu li a:hover, .mod-skin-light:not(.mod-skin-dark) app-side-nav .page-sidebar .nav-menu li ul li.active a, .mod-skin-light:not(.mod-skin-dark) app-side-nav .nav-menu li.open > a { background-color: #F9FAFB; }
.mod-skin-light:not(.mod-skin-dark) .page-sidebar .nav-menu li a{color: #475467 !important;}
.mod-skin-light:not(.mod-skin-dark) .page-sidebar .nav-menu li a i { color: #475467 !important; }

/* End light Theme */

/* For dark Theme */
.mod-skin-dark:not(.mod-skin-light) .page-header .header-icon i{color: #fff!important;}
.mod-skin-dark:not(.mod-skin-light) header.page-header .header-btn{filter: brightness(10);}
.mod-skin-dark:not(.mod-skin-light) .nav-menu li.active > a{color: #fff!important;}
.mod-skin-dark:not(.mod-skin-light) app-side-nav .nav-menu li a:hover{background: rgba(0, 0, 0, 0.1);}
.mod-skin-dark:not(.mod-skin-light) .nav-menu li a > [class*='fa-'], .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > .ni{color: var(--theme-primary-300)!important;}
.mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu a{color: #fff; filter: brightness(10);}
.mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu > ul > li .btn:hover{filter: brightness(2);}
.mod-skin-dark:not(.mod-skin-light) .titleText, .mod-skin-dark:not(.mod-skin-light) .secTttle{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .charts-main .panel .card{background: none;}
.mod-skin-dark:not(.mod-skin-light) .col-form-label, .mod-skin-dark:not(.mod-skin-light) .form-label, .mod-skin-dark:not(.mod-skin-light) .custom-control-label{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .form-control, .mod-skin-dark:not(.mod-skin-light) .custom-file-label{color: #ffffff!important; background-color: rgba(0, 0, 0, 0.15)!important; border-color: rgba(0, 0, 0, 0.35)!important;}
.mod-skin-dark:not(.mod-skin-light) .table-responsive{background: #26272b;}
.mod-skin-dark:not(.mod-skin-light) tr th:first-child, .mod-skin-dark:not(.mod-skin-light) tr th:last-child, .mod-skin-dark:not(.mod-skin-light) tr td:first-child, .mod-skin-dark:not(.mod-skin-light) tr td:last-child{background-color: #26272b!important;}
.mod-skin-dark:not(.mod-skin-light) tr td:first-child, .mod-skin-dark:not(.mod-skin-light) tr th:first-child{box-shadow: 4px 0px 6px 0px rgba(255, 255, 255, 0.1);}
.mod-skin-dark:not(.mod-skin-light) tr td:last-child, .mod-skin-dark:not(.mod-skin-light) tr th:last-child{box-shadow:-4px 0px 6px 0px rgba(255, 255, 255, 0.1)}
.mod-skin-dark:not(.mod-skin-light) .table th, .table td{border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important;}
.mod-skin-dark:not(.mod-skin-light) .table thead th{background: #303136!important; color: #fff!important;}
.mod-skin-dark:not(.mod-skin-light) .table tbody td{background: #26272b!important;}
.mod-skin-dark:not(.mod-skin-light) pagination-template{background: #303136!important; border-color: rgba(255, 255, 255, 0.2)!important; }
.mod-skin-dark:not(.mod-skin-light) pagination-template .page-link{background:none!important;}
.mod-skin-dark:not(.mod-skin-light) pagination-template .current .page-link{background:#26272b!important;}
.mod-skin-dark:not(.mod-skin-light) .dataTable td span .btn-secondary{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .page-sidebar .nav-menu li a{color: #fff!important;}
.mod-skin-dark:not(.mod-skin-light) .arrowTB{color: #fff!important; background: transparent;}
.mod-skin-dark:not(.mod-skin-light) .arrowTB:before{filter: brightness(10);}
.mod-skin-dark:not(.mod-skin-light) .modal-body, .mod-skin-dark:not(.mod-skin-light) .modal-footer{background: #383b40!important;}
.mod-skin-dark:not(.mod-skin-light) .srchBox .srchClose{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .dataTables_empty{box-shadow: none!important;}
.mod-skin-dark:not(.mod-skin-light) .dataTables_empty .mob-Empty{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .js-modal-adminfilter .modal-content{box-shadow: none!important; background: none!important;}
.mod-skin-dark:not(.mod-skin-light) .profileRow h2, .mod-skin-dark:not(.mod-skin-light) .blanceText{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .customTabs .nav-link{background: transparent; /*background: rgba(255, 255, 255, 0.06);*/ color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .table-condensed tr th{background: none!important;}
.mod-skin-dark:not(.mod-skin-light) .table-condensed thead tr th:first-child, .mod-skin-dark:not(.mod-skin-light)  .table-condensed tbody tr td:first-child{padding-left: 0!important;}
.mod-skin-dark:not(.mod-skin-light) .filterTab .customTabs{border: 1px solid rgba(255,255,255,0.2);}
.mod-skin-dark:not(.mod-skin-light) .filterTab .customTabs .nav-item{border-left: 1px solid rgba(255,255,255,0.2);}
.mod-skin-dark:not(.mod-skin-light) .filterTab .customTabs .nav-link{color:rgba(255,255,255,0.5)!important;}
.mod-skin-dark:not(.mod-skin-light) .filterTab .customTabs .nav-link.active{color: #fff!important;}
.mod-skin-dark:not(.mod-skin-light) .custom-control-label::before{background-color: rgba(var(--theme-rgb-primary));}
.mod-skin-dark:not(.mod-skin-light) .chart-legend .legend-label-text{color: #fff;}
.mod-skin-dark:not(.mod-skin-light) ngx-charts-chart text{color: #fff!important;}


.mod-skin-dark:not(.mod-skin-light) span.mob-Empty::after {color: #fff;}
.mod-skin-dark:not(.mod-skin-light) .customTabs{background: #434549;}
.mod-skin-dark:not(.mod-skin-light) .singleselect .multiselect-dropdown .dropdown-btn {background-color: rgba(0, 0, 0, 0.15) !important; border-color: rgba(0, 0, 0, 0.35) !important;}
.mod-skin-dark:not(.mod-skin-light) input.completer-input {color: #ffffff !important; background-color: rgba(0, 0, 0, 0.15) !important;  border-color: rgba(0, 0, 0, 0.35) !important;}
.mod-skin-dark:not(.mod-skin-light) ngx-datatable datatable-header-cell{ background: #303136 !important; color: #fff !important;}
.mod-skin-dark:not(.mod-skin-light) ngx-datatable datatable-body-cell{ background: #26272b !important;}
/* EXPORT BUTTON CSS */
.shortcut-menu.exportIocnPosition {bottom: 2.2rem; right: 5.6rem;}
@media (max-width:992px) {
  .mod-skin-dark:not(.mod-skin-light) .js-modal-adminfilter .modal-content{box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25)!important; background: #383b40!important;} 
  .mod-skin-dark:not(.mod-skin-light) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text{color: #fff!important;}
  aside.page-sidebar {z-index: 9991 !important;}
  .mod-skin-dark:not(.mod-skin-light) .filterTab .customTabs .nav-link.active{color: #000!important;}
}
/* End dark Theme */



@media (max-width:1399px){
  .PanelRow.williambetPanel .panel {min-height: 7.688rem;}
  .PanelRow .panel {min-height: 6rem;}
  .shortcut-menu.exportIocnPosition {right: 6.2rem;}
  html{ font-size: 14px;}
  .fs-xxxl{font-size: 1.75rem;}
  .btn{padding: 6px 8px;}
  .btn-icon{padding: 0;}
  .shortcut-menu .btn{line-height: 3.125rem; padding: 0;}
  .table thead th{height: 32px!important;}
  .table tbody td{height: 36px!important;}
  .tableSortingIconIpad .dataTable.table-sm .sorting:before {max-height: 38px;}
  .form-control, .srchBox .form-control, .modal-body .modalFilterStyle .form-control{height: 36px;}
  .modal-body .form-control{height: 40px;}
  .form-input-group-btn {height: 40px;}
  .newBankingModal .modal-body .srchBox .form-control {height: 40px !important;}
  .modal-body .multiselect-dropdown .dropdown-btn{min-height: 40px;}
  .modal-body .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{height: 30px !important;}
  
  .tableHeight-withSrch {height: calc(100dvh - 14rem);}
  .tableHeight-addBtn{height: calc(100dvh - 12.8rem);}
  .promotion-tableHeight{height: calc(100dvh - 14.1rem);}
  pagination-template{min-height: 56px; padding: 12px 16px!important;}
  .tableHeight-tran{height: calc(100dvh - 14.5rem);}
  .transactions-tableHeight{height: calc(100dvh - 17.8rem);}
  .tableHeight-withBls{height:calc(100dvh - 25.60rem);}
  .withFillerScroll{height: calc(100dvh - 15rem);}
  .withFillerOrPagination{height: calc(100dvh - 18.3rem);}
  .withBackBtn .tableHeight-notBls{height: calc(100dvh - 20.6rem);}
  .withBackBtn .tableHeight-betHist {height: calc(100dvh - 23.6rem);}
  .withBackBtn .tableHeight-withDate {height: calc(100dvh - 15.2rem);}
  .withBackBtn .tableHeight-withDate {height: calc(100dvh - 15.2rem);}
  .withBackBtn .tableHeight-Logs {height: calc(100dvh - 16.375rem);}
  
  .accessRow {margin: 70px 0 0;}
  .modal-body .btn{min-height: auto;}
  .profileRow{margin: 6rem 0 0 0;}
  .profileRow .form-control{height: 40px;}
  .blanceText{font:700 1.75rem/2.25rem var(--font)}
  .sidebar-positionAllPg {top:48px; margin: 8px 0 0 16px;}
  .tab-styling .customTabs{padding: 16px 12px;}
  .customSelect{width: 160px;}
  .campaign_dashboard .legend-labels { overflow-x: auto !important;}
  .insight-date-filter .custom_date .form-control { height: 36px;}
}
@media(max-width:1099px){
  /* .srchBox .srchClose { right: 0;} */
  .w90{min-width: 90px;}
  
  .firstLast-NotFixed-Mobile tr td:last-child, .firstLast-NotFixed-Mobile tr th:last-child{position: inherit!important; box-shadow: inherit!important;}
  .firstLast-NotFixed-Mobile tr td.dataTables_empty{position: absolute!important;}
}

@media(max-width:990px){
  .btn{padding: 6px 8px;}
  .mobBtn{padding: 5.4px 8px; height: 32px;}
  .dataTable td span .btn-secondary{font-size: 1rem;}
  .modalTableHeight .table thead th{padding: 8px 16px!important;}
  .modal-body .form-control{height: 36px;}
  .form-input-group-btn {height: 36px;}
  .newBankingModal .modal-body .srchBox .form-control {height: 36px !important;}
  .modal-body .multiselect-dropdown .dropdown-btn{min-height: 36px;}
  .modal-body .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{height: 28px !important;}
  .tableBtn{padding: 6px 8px!important;}
  .tableBtn i{display: block;}
  .tableBtn .btnText{display: none;}
  .tableHeight-tran{height: calc(100dvh - 14.5rem);}
  .transactions-tableHeight{height: calc(100dvh - 14.6rem);}
  .tableHeight-withBls {height: calc(100dvh - 26.9rem);}
  .tableHeight-withDate {height: calc(100dvh - 13.2rem);}
  .tableHeight-addBtn {height: calc(100dvh - 13.6rem);}
  .tableHeight-noFilter {height: calc(100dvh - 13.6rem);}
  .tableHeight-withSrch {height: calc(100dvh - 13rem);}
  .tableHeight-withoutFilter{height: calc(100dvh - 12.8rem);}
  .profileRow .filterControl .mob-50{width: auto!important;}
  .profileRow .filterControl .accMobDate{ margin: 0.2rem 1rem 1rem 0!important;}
  .withBackBtn .tableHeight-betHist {height: calc(100dvh - 17.9rem);}
  .withBackBtn .tableHeight-notBls {height: calc(100dvh - 20.8rem);}
  .chart-filters .tranBox {width: 50%;   margin-bottom: 0.4rem;}
  .chartFilterRow {border-top: 1px solid #eaeaea; padding-top: .8rem; margin-top: -0.6rem;}
  .completer-dropdown{max-height: 300px !important;}
  .withFillerOrPagination{height: calc(100dvh - 12.8rem);}
  .withFillerOrPagination.IfLoadMoreTable {height: calc(100dvh - 14.8rem);}
  .tableHeight-withBls{height: calc(100dvh - 30.4rem);}
  .withBackBtn .IfLoadMoreBtn.tableHeight-betHist {height: calc(100dvh - 19rem);}
   .tableHeight-withSrch.payoutTableHeight{height: calc(100dvh - 14.25rem);}
   .filterTwoLine.affiliateTableHeight {height: calc(100dvh - 16.5rem);}
  /* BET HISTORY FILTER CSS START */
.filterTab .customTabs {border-radius: 0.75rem; border: 0; padding:.286rem !important;}
.filterTab .customTabs .nav-item {border: 0;}
.filterTab .customTabs .nav-link { padding: 0.5rem 0.6rem !important;border-radius: .5rem !important;}
.filterTab .customTabs .nav-link.active {background: #fff !important; box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.05) !important;}
  /* BET HISTORY FILTER CSS END */
 app-tournament-analytics .filterTwoLine{height: calc(100dvh - 16.7rem);}

}
@media(max-width:767px){
  .withBackBtn .IfLoadMoreBtn.tableHeight-betHist { height: calc(100dvh - 22rem);}
  .campaing-search {margin-top: 1rem;}
  .PanelRow.williambetPanel .panel {min-height: 7.2rem;}
  .newBankingModal .panel{margin-bottom: 1rem !important;}
  .chartFilterRow{margin-top: 1.1rem;}
  .tableWithCard {height: calc(100dvh - 30.2rem);}
  .shortcut-menu.exportIocnPosition {right: 1rem; bottom: 1.6rem; display: none;}
  .mobflex-auto{flex: auto;}
  .mobSrch .srchBox{width: 100%;}
  .mobSrch .srchBox .form-control{width: 100%!important;}
  .mobSrch .srchBox form{flex: auto;}
  .sidebar-positionAllPg{margin: 8px 0 0 16px;}
  .blanceText{font: 700 1.25rem/2.25rem var(--font);}
  .statsText{font: 600 1rem/1.25rem var(--font);}
  .customTabs{margin: 0;}
  .profileRow{margin: 7rem 0 0 0;}
  .profileRow .filterControl .mob-50{width: 100%!important;}
  .profileRow .filterControl .accMobDate{ margin: 1rem 1rem 1rem!important;}
  .PanelRow .panel {min-height: 5.8rem;}
  .table-banking {height: calc(100dvh - 16rem);}
  .reportBYdown{height: calc(100dvh - 12rem)}
  .essentials-box .fsXl{font-size: 1rem;}
  .modal-body .form-group{margin-bottom: 0.75rem!important;}
  app-validation-message, app-register-admin .errorMa, .errorMessage{position: inherit;}
  .modal-body .eyeIC2{bottom: inherit; top:2.3rem}
  .input-group .eyeIC2{bottom: inherit; top:0.8rem}
  .daterangepicker .ranges{float: none; width: 100%;}
  .daterangepicker .ranges ul{display: flex; flex-wrap: wrap; justify-content: center; gap: 0.2rem; width: auto;}
  .daterangepicker .ranges li{padding: 0.5rem; text-align: center;}
  .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{border-radius: 5px;}
}

.uploadMenuIcon .upledeimg {max-width: 23px; max-height: 23px; background: none; margin: -5px 0 0 6px;} 
.lineHeightInherit{line-height: inherit;}
.cryptoIconBethistotry{width: 20px; margin-left: 0.5rem;}
.add-user-admin input[type="password"] {padding-right: 2.5rem;}
.listOverflowYHidden .dropdown-list {overflow-y: hidden; padding-bottom: 1rem;}
.pr-40{padding-right: 1.4rem;}
.segmentFixedWidth {width: 220px;}
.modalTableHeight thead tr th {padding-right: 16px !important;}
.emptyBox.copyt:active::after {left: -.6rem; top: 12px;} 
.calendar-table .table-condensed thead tr th.prev.available {padding-left: 0.3rem;}
.selectcolumnWidth{min-width: 200px;}
table tfoot tr td {background: #fff;}
.currencyMinWidth{min-width: 78px;}

.campaign_dashboard .overSelect {position: absolute; left: 0;  right: 0;  top: 0;  bottom: 0;}
.campaign_dashboard .affilaiteIndex1 {order: -2;}
.campaign_dashboard .affilaiteIndex2 {order: -1;} 
.campaign_dashboard .blanceText .percentage {font: 600 0.875rem / 1.5rem var(--font);  padding-left: .25rem;}
.campaign_dashboard .suggestions{display: none;}
.campaign_dashboard .innerSerach {position: relative;  padding: .5rem .5rem 0.25rem;}
.campaign_dashboard  .innerSerach .fal {position: absolute; top: 1.25rem;  right: 1.5rem;  cursor: pointer;}
.campaign_dashboard .picker-container {width: 100%; border: 0.0625rem solid #E4E7EC; border-radius: 0.375rem; text-align: center; position: absolute;  background: #fff;  z-index: 9;}   
.campaign_dashboard .picker-header {display: flex;justify-content: space-between; padding: 0.5rem;   font-weight: bold; background: #f7f7f7; border-bottom: 0.0625rem solid #ccc; }
.campaign_dashboard .picker-header button {background: none;border: none; font-size: 1rem;    cursor: pointer;}
.campaign_dashboard .picker-body {display: grid; grid-template-columns: repeat(4, 1fr);  gap: 0.375rem;  padding: 0.625rem;}
.campaign_dashboard .month {padding: 0.375rem; cursor: pointer;  border-radius: 0.25rem; color: #000; }
.campaign_dashboard .month:hover {background: #ffd274;}
.campaign_dashboard .month.selected {background: #1976d2;  color: white;  font-weight: bold;}
.campaing-search label {white-space: nowrap;  padding-right: .5rem;}
.campaing-search {display: flex; align-items: center; width: 16rem;  margin-bottom: 1rem;}

.campaign_dashboard .balancInfo{margin: 0 0 0 0.5rem;}
.chartLoaderHeight .form-control {width: 12rem;}
.campaign_dashboard .line-charts {height: calc(100dvh - 16rem);}     
.campaign_dashboard canvas {width: 100% ;  height: 100% ;}
.campaign-report-table{height: calc(100dvh - 16rem);}  
.chartLoaderHeight{min-height: calc(100dvh - 25rem);}
.campaign_dashboard .blanceText {font: 700 2.5rem / 1.5rem var(--font);}
.campaign_dashboard .blanceText > span {font: 700 1.25rem / 2rem var(--font);}
.campaign_dashboard .month.disabled {opacity: .5;}
.selectStatus .customSelect{width: 7rem;}
.campaign_dashboard .cardLoader{min-height: 25rem;}
.campaign_dashboard .innerSerach .form-control {padding-right: 2rem;}


.customLoader {position: absolute;left: 50%;  top: 50%; transform: translateX(-50%) translateY(-50%); width: 3.75rem;  height: 3.75rem;  margin-left: -2rem;}
.customLoader .dot {position: absolute; top: 50%;   left: 50%; width: 0.625rem;  height: 0.625rem;   margin: -0.313rem;   background:#000;   border-radius: 50%;   opacity: 0;   transform-origin: 1.875rem 0;  animation: fadeLoader 1.2s linear infinite;}
.customLoader .dot:nth-child(1)  { transform: rotate(0deg);   animation-delay: 0s; }
.customLoader .dot:nth-child(2)  { transform: rotate(45deg);  animation-delay: 0.15s; }
.customLoader .dot:nth-child(3)  { transform: rotate(90deg);  animation-delay: 0.3s; }
.customLoader .dot:nth-child(4)  { transform: rotate(135deg); animation-delay: 0.45s; }
.customLoader .dot:nth-child(5)  { transform: rotate(180deg); animation-delay: 0.6s; }
.customLoader .dot:nth-child(6)  { transform: rotate(225deg); animation-delay: 0.75s; }
.customLoader .dot:nth-child(7)  { transform: rotate(270deg); animation-delay: 0.9s; }
.customLoader .dot:nth-child(8)  { transform: rotate(315deg); animation-delay: 1.05s; }
.lang-swahili .changeLangBtn {min-width: 8.5rem;}
.lang-swahili #status-logs-modal .userIdAction-CellFixed-modal tr th:first-child {white-space: nowrap;}

    @keyframes fadeLoader {
      0%, 100% { opacity: 0.2; }
      50% { opacity: 1; }
    }


@media(min-width:1280px){
  .page-sidebar .page-logo{min-height: 65px;}
  .page-sidebar .primary-nav.js-list-filter {height: calc(100dvh - 65px); overflow-y: auto;}
  .campaign_dashboard .accordion .col-lg-3 {flex: 0 0 20%;  max-width: 20%; padding-right: .5rem !important;}
  .campaign_dashboard .cardLoader{min-height: 16rem;}
  .insignt-styling .col-lg-3:nth-child(5n) .balancInfo .balinfoText::after {left: 80%;transform: translateX(-80%);}
.insignt-styling .col-lg-3:nth-child(5n) .balancInfo .balinfoText {transform: translateX(-74%) translateY(-4px); left: 0;}
}

.mandatoryField {color: #ff0000; font-weight: bold;}
.not-allowed {cursor: not-allowed!important;}

.balanceReport-temp{display: none;}
.balancInfo{display: inline-block; margin: 0 0 0 1rem; position: relative; cursor: pointer;}
.balancInfo i{font-size: 0.75rem; width: 1.125rem; height: 1.125rem; border: 1px solid rgba(var(--lightTextBlack), 1); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.balancInfo i svg{width:4px;}
.balancInfo i svg path {fill: rgba(var(--lightTextBlack), 1);}
.balancInfo:hover .balinfoText{visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0);}
.balancInfo .balinfoText{font-size: 0.75rem; font-weight: 400; visibility: hidden; opacity: 0; width: max-content; background-color: #F2F4F7; color: #000; text-align: center; padding: 0.5rem 1rem; border-radius: 0.625rem;
  position: absolute; bottom: 165%; left: 50%; transform: translateX(-50%) translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; z-index: 9999; white-space: nowrap; box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.1); border: 1px solid #e0e0e0;}
.balancInfo .balinfoText:after{content: ""; position: absolute;  top: 100%; left: 50%; transform: translateX(-50%); border-width: 10px; border-style: solid; border-color: #e7e7e7 transparent transparent transparent;}
.deleteBannerIcon {font-size: 1rem; padding: 0.125rem 0.125rem 0 0.125rem;}
.williambetPanel .balancInfo .balinfoText{font-size: 0.60rem;}
.sportICON{height: 20px; margin-right: 0.5rem;}
.preview-modal .modal-body textarea {height: 8rem;}
/* .preview-modal .btn{display: inline-block; min-width: auto; width: auto;} */
#create-Campaigns .btn {width: auto; display: inline-block;  min-width: auto !important;  padding: 0.5rem 1.125rem;}
.insignt-styling .balancInfo .balinfoText {white-space: inherit; max-width: 16rem; line-height: normal;}

.balinfoText.bottom_tolltip {top: auto; bottom: -4.25rem;  white-space: nowrap;  max-width: 23rem;  text-wrap: auto;}
.balancInfo .bottom_tolltip.balinfoText:after { top: -36%; transform: translateX(-50%) rotate(180deg);}

.xpCardTooltip .balinfoText { max-width: 17.5rem;   white-space: normal;}
.tooltip-text-limit .balinfoText {max-width: 34rem;  white-space: normal;}

@media(max-width:1199px){
  .williambetPanel .balancInfo .balinfoText.left-50:after {left: 88%;}
  .williambetPanel .balancInfo .left-50 {left: -75px;}
  .chartLoaderHeight .col-lg-7, .chartLoaderHeight .col-lg-5{flex: 0 0 100%;  max-width: 100%;}
  .chartLoaderHeight .col-lg-7{border-bottom: 0.1875rem solid #eaeaea; margin-bottom: 2.5rem;}
  .campaign_dashboard .accordion .col-lg-3 {padding-right: .5rem !important;}
  .campaign_dashboard .insignt-styling .blanceText small {font: 600 0.70rem / 1.5rem var(--font);}
}

@media(max-width:992px){
  .campaign_dashboard .cardLoader{min-height: 35rem; margin-bottom: 1rem !important;}
  .campaign_dashboard .balancInfo .balinfoText.left-50 {left: 10%; transform: translateX(-10%);}
  .campaign_dashboard .balancInfo .balinfoText.left-50:after {left: 20%;}
  .campaign_dashboard .balancInfo .balinfoText.left-50 {left: 16%; transform: translateX(-16%);}
  .campaign_dashboard .balancInfo .balinfoText {max-width: 12rem; white-space: normal; line-height: normal; left: auto !important;}
  .bonusMain  .balancInfo .balinfoText { white-space: normal;  width: 18rem; max-width: inherit;}
}

@media(max-width:767px){
  .campaign_dashboard .balancInfo .balinfoText.left-50 {left: 30%; transform: translateX(-30%);}
  .campaign_dashboard .balancInfo .balinfoText.left-50:after {left: 34%;}
  .campaign_dashboard .chart-legend{top: -1.5rem !important;}
  .chartLoaderHeight {min-height: calc(100dvh - 10rem);}
  .campaign_dashboard .line-charts {height: auto !important;}
  .chartLoaderHeight .col-lg-7 {padding-bottom: 1rem;}
  .tooltip-text-limit .balinfoText {max-width: 25rem; margin-left: 5.5rem;}
  .tooltip-text-limit .balinfoText::after{margin-left: -5.5rem;}
}

@media(max-width:480px){
  .balancInfo .left-50{ left: -85px!important;}
  .balancInfo .balinfoText.left-50:after{left: 88%;}
  .williambetPanel .balancInfo .left-50 {left: -94px !important;}
  .williambetPanel .balancInfo .balinfoText {font-size: 0.75rem;}
  .campaign_dashboard .titleText span {display: inline-block;  max-width: 12rem;  margin-top: -.25rem;}
  .campaign_dashboard .panel .panel-container .panel-content {padding: .75rem !important;}
  .campaign_dashboard .blanceText .percentage {padding-left: 0.125rem; font-size: .75rem;}
 .campaign_dashboard .blanceText small{flex-wrap: wrap;}
}
.firstLast-NotFixed tr td:last-child, .firstLast-NotFixed tr th:last-child{position: inherit!important; box-shadow: inherit!important;}
/* For Exchange Style */
:root{
  --white-color:#fff;
  --darkBG:#101828; 

}
.refress h4{color: #fff;}
.exchangeWrap .centerWrap{padding:0}
.exchangeWrap .col-12.mt-theme{padding-left: 0;}
.back{background: #8ec5fe; position: relative;}
.lay{background: #ffa0d0; position: relative;}
.gray{background: #d8d8d8;}
.suspended{position: absolute; width: 100%; margin: 0!important; font: 500 1rem/1rem var(--font)!important;  background: rgba(0, 0, 0, 0.4); color: var(--white-color); border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center; }
.suspendedFull{width: 33%!important;}
.suspendedBack{width: 50%!important; left: 0;}
.suspendedLay{width: 50%!important; right: 0;}
.eventMain{width: 70%; padding: 0 1rem; height: calc(100dvh - 6rem); overflow-x: auto; background: #fff; border-radius: 0.5rem;}
.eventMain::-webkit-scrollbar-track {background:#ececec; border-radius: 1rem;}
.eventMain ::-webkit-scrollbar-thumb {background: var(--secondary); border-radius: 1rem;}
.backRow{background: var(--darkBG); padding: 0.563rem 0.75rem; margin: 0 -1rem;}
.backTab{padding:0 0.5rem; background: none; border: none; color: var(--white-color); display: flex; gap: 0 0.5rem; align-items: center; cursor: pointer; margin-right: 1rem; font-family: var(--font)!important;}
.backTab .fa{font-size: 1.8rem; margin-top: -0.165rem;}
.marketFlex{background: #fff;}
.marketFlex .eventMain{width: 70%;}
.inPlayTab{background: #fff; margin: 0 -1rem; min-height: 36px;box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1;}
.inPlayTab ul{display: flex; justify-content: space-between; align-items: center; padding: 0.313rem 0 0;}
.inPlayTab li{padding: 0 1rem; width: 33%; position: relative;}
.inPlayTab li::before{ content: ''; top:0.25rem; left: 0; position: absolute; width: 1px; height: 30px; background: rgba(0,0,0,0.2); display: block;}
.inPlayTab li:first-child::before{display: none;}
.inPlayTab li .inTab{ padding: 0.675rem 0; display: block; text-align: center; font:400 1.125rem/1.125rem var(--font); text-transform: capitalize; text-decoration: none; border-bottom: 0.313rem solid transparent; color:rgba(0,0,0,0.8);}
.inPlayTab li .active{ border-bottom: 3px solid rgba(0,0,0,0.8); background: none; font-weight: 600;}

.inplay-container{margin: 0 0.313rem;}
.sportscardRow{margin: 1.25rem 0 0;}
.sportscardRow .sportHeading{ display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0.5rem 0.625rem; border-radius: 0.675rem 0.675rem 0 0; background:var(--darkBG); color: var(--white-color); font: 600 1rem/1rem var(--font); position: relative;}
.sportscardRow .sportHeading::before{height: 10px; width: 12px; position: absolute; content: ''; background:var(--darkBG); display: block; bottom: -0.625rem; left: 0;}
.sportscardRow .sportHeading::after{height: 11px; width: 20px; content: ''; background: #fff; position: absolute; bottom: -11px; left: 0; content: ''; border-radius: 0.625rem 0 0;}
.sportscardRow .hide-BFAF::before, .sportscardRow .hide-BFAF::after{display: none;}
.sportscardRow .sportHeading .sportName{margin-right: 0.625rem;}
.sportscardRow .sportHeading .sportIcon svg{ width: 15px; height: 15px; fill: #fff;}
.sportscardRow .sportHeading .sportIcon img{ width: 15px; height: 15px;}
.sportscardRow .sportHeading .Kabaddi img{filter: invert(1);}
.sportscardRow .sportHeading .sportIcon i{width: 15px; height: 15px; color: #fff;}
.sportscardRow .sportHeading .sportIcon i.fa-info{border: 1px solid #fff; border-radius: 1rem; text-align: center; line-height: 1rem; font-size: 0.625rem;}
.sportscardRow .sportHeading .icBox{display: flex; align-items: center; gap: 0 0.5rem;}
.sportscardRow .sportHeading .downline_action{width: 20px; height: 20px; display: inline-flex;}
.sportscardRow .sportHeading .downline_action svg{ height: 20px; fill: #fff;}
.sportscardRow .withtabs .sportHeading{ min-height:1.75rem; padding: 0.375rem 0.5rem;}
.sportscardRow .withtabs .sportHeading:before, .sportscardRow .withtabs .sportHeading:after{display: none;}
.sportscardRow .fancyaTabs{ display: inline-block; width:100%; min-height: 40px; padding: 0.375rem 0.5rem 0.875rem; border-radius: 0 0.625rem 0 0; background:var(--darkBG); color: var(--white-color); font: 600 0.75rem/1.625rem var(--font); text-transform: uppercase;}
.sportscardRow .fancyaTabs ul{ display:flex; gap:0.625rem; list-style: none; margin: 0; padding: 0;}
.sportscardRow .fancyaTabs li{list-style: none;}
.sportscardRow .fancyaTabs li a{font:700 0.75rem/0.75rem var(--font); color: var(--white-color); border:1px solid rgba(255,255,255,0.3); padding:0 0.625rem; border-radius: 0.375rem; text-decoration:none; position: relative;}
.sportscardRow .fancyaTabs li.active{background: none;}
.sportscardRow .fancyaTabs li.active a{background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.1);}
.sportscardRow .marketData{ background: #fff; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); border-radius: 0.625rem;  
  /* position: relative; top:-0.625rem; z-index: 1; */
}
.fancyRow .marketData{position: relative; top:-0.625rem; z-index: 1;}
.fancyRow .backlayHead .minMax{width: 59%!important; gap: 0 1rem;}
.fancyRow .oddMin{width: 10%; margin: 0 0.5rem;}
.fancyRow .oddMin span{display: block; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: rgba(0, 0, 0, 0.5);}
.fancyRow .starIconCol{margin-right: 0.5rem;}
.sportscardRow .matchList{border-bottom: 1px solid rgba(0,0,0,0.2); padding: 0.5rem; display: flex; justify-content: space-between; gap: 0 0.5rem;}
.sportscardRow .matchDetail{display: block;}
.sportscardRow .matchList .tab-pane{width: 100%;}
.sportscardRow div.matchList:last-child{border-bottom: none;}
.sportscardRow .teamNameRow{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 60%;}
.sportscardRow .teamNameRow .nameCol{width: 75%;}
.sportscardRow .teamNameRow .nameCol .vsName{font:500 1rem/1.25rem var(--font); margin: 0; cursor: pointer; position: relative; }
.sportscardRow .teamNameRow .nameCol .vs{margin: 0 0.5rem; color: #000;}
.sportscardRow .teamNameRow .nameCol .datetime{font:500 0.625rem/0.75rem var(--font)}
.sportscardRow .teamNameRow .datetime{width: 100%;}
.sportscardRow .teamNameRow .iconsRow{width: 22%; display: flex; justify-content: flex-end; align-items: center; gap: 0 0.313rem;}
.sportscardRow .teamNameRow .iconsRow .iconLive svg{width: 1.563rem; fill: #ff2929;}
.sportscardRow .teamNameRow .iconsRow .playNow .fa{font-size: 1.25rem; color:#3aa740;}
.sportscardRow .teamNameRow .iconsRow .iconPin svg{width: 1rem; fill: #b2b2b2;}
.sportscardRow .teamNameRow .iconsRow .pinactive svg{fill: #2c2c2c!important;}
.sportscardRow .teamNameRow .iconsRow .playBtn{font-size: 0.625rem; padding:0.313rem; border-radius: 0.5rem; display: flex; align-items: center; gap:0 0.313rem;}
.sportscardRow .teamNameRow .iconsRow .playBtn span{padding: 0.125rem 0 0;}
.sportscardRow .teamNameRow .iconsRow .playBtn .fa{font-size: 1rem;}
.sportscardRow .pinBox .iconPin{font-size: 1.125rem; transform: rotate(45deg); width: 1.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.sportscardRow .pinedIcon{opacity: 0.5;}
.sportscardRow .pinactive{opacity:inherit;}
.sportscardRow .oddsRow{display: flex; gap:0 0.313rem; position: relative; width: 50%; margin: 0;}
.sportscardRow .oddsRow li{width: 18%; height: 2.625rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; text-align: center; font:700 0.875rem/1rem var(--font); cursor: pointer;}
.sportscardRow .backlayHead{display: flex; justify-content: space-between; align-items: center; padding:0.313rem 0.625rem;}
.sportscardRow .backlayHead .minMax{width: 59%; font-size: 0.75rem; font-weight: 500; color: rgba(0, 0, 0, 0.5); min-height: 1.625rem; display: flex; align-items: center; gap: 0 0.5rem;}
.sportscardRow .backlayHead .backlayText{width: 40%; display: flex; justify-content: center; align-items: center; min-height: 1.625rem;}
.sportscardRow .backlayHead .backlayText span{width: 48%; text-align: center; font:700 0.875rem/0.875rem var(--font); color: #000;}
.sportscardRow .oddsList{display: flex; justify-content: space-between; align-items: center; border-top: 1.5px solid rgba(0, 0, 0, 0.2); padding:0.313rem 0.625rem}
.sportscardRow .runnerName{width: 59%; min-height: 42px; display: flex; align-items: center; position: relative;}
.sportscardRow .runnerName marquee{height: 12px!important; font-size: 0.675rem; line-height: 0.675rem; position: absolute; bottom: -6px;}
.sportscardRow .runnerName .vsName{font:700 0.875rem/1rem var(--font); margin: 0; color: #000; cursor: pointer; text-decoration: underline; }
.sportscardRow .runnerName .vsName span{display: flex; gap: 0 0.313rem; font-size: 0.75rem; font-weight: 600; margin: 0.188rem 0 0;}
.sportscardRow .runnerOdds{width: 40%; display: flex; justify-content: center; margin: 0; padding: 0;}
.sportscardRow .runnerOdds li{width: 48%; min-height: 2.625rem; flex-direction: column; cursor: pointer; color: #000; }
.sportscardRow .runnerOdds li small{font-weight: 700; color: rgba(0, 0, 0, 0.5);}
.sportscardRow .cashout-button{font:700 0.75rem/0.75rem var(--font); border: none; color: var(--white-color); background: #39b44a; padding:0.313rem 0.5rem; border-radius: 0.313rem;  margin: -0.625rem 0 0;}
.sportscardRow .cashout-button:disabled{opacity: inherit; background: #cbcbcb;}
.sportscardRow .mpIcon{font-size: 1.5rem; line-height: 1.5rem; margin-left: 0.5rem; cursor: pointer;}
.sportscardRow .starIconCol{display: flex; align-items: center;}
.sportscardRow .btnbook{padding:0.2rem 0.5rem; color: #fff; border-radius: 0.313rem; font-size: 0.75rem; margin-left: 0.5rem;}
.sportscardRow .backlayHead .fancyYesNo{ justify-content: flex-end; width: 25%; gap: 0 0.313rem;}
.sportscardRow .backlayHead .fancyYesNo span{width: 25%!important; text-align: center;}
.sportscardRow .backlayHead .backlayText span{ width: 50%; }
.sportscardRow .fancyList{border-top: 1.5px solid rgba(0, 0, 0, 0.2);}
.sportscardRow .fancyList .oddsList{border-top: none;}
.sportscardRow .fancyList .runnerName{ justify-content:space-between; gap:0.625rem; position:relative; opacity:0}
.sportscardRow .fancyList .oddMin{opacity: 0;}
.sportscardRow .fancyList div.fancyOdds:first-child .runnerName{opacity:inherit}
.sportscardRow .fancyList div.fancyOdds:first-child .oddMin{opacity: inherit;}
.sportscardRow .fancyList .runnerName .vsName{width:50%;}
.sportscardRow .fancyList .runnerName marquee{position:absolute; bottom:-0.375rem}
.sportscardRow .fancyList .runnerOdds{justify-content: flex-end; width: 25%;}
.sportscardRow .fancyList .runnerOdds li{min-height:2.625rem; width: 25%;}
.sportscardRow .fancyList .suspended{height:2.625rem!important; width: 52%;}
.sportscardRow .fancyList .suspended p{margin: 0;}
.sportscardRow .fancyList .spSmall{font-size: 0.6rem!important;}
.sportscardRow .fancyList .luckyNum .suspended{width: 100%; font-size: 0.6rem!important;}
.sportscardRow .spSmall{font:500 0.75rem/0.75rem var(--font)!important}
.sportscardRow .runPoint{display:flex; gap:0.313rem; flex-wrap:wrap;min-height: 1.625rem; margin: 0; padding: 0; list-style: none;flex: 0 0 auto;}
.sportscardRow .runPoint li{font:500 0.675rem/1.425rem var(--font); color: rgba(0, 0, 0, 0.5); padding:0.2rem 0.313rem 0; border-radius:0.375rem; border:1px solid rgba(0,0,0,0.2);}
.sportscardRow .luckyNum{flex-wrap:nowrap;}
.sportscardRow .luckyNum .runnerName{justify-content: space-between;}
.sportscardRow .luckyNum .runnerOdds{flex-wrap:wrap; gap:0.313rem; justify-content: flex-end;}
.sportscardRow .luckyNum .runnerOdds li{width:18%;}
.sportscardRow .fancyList .forKhadoMrk li{min-height:2.625rem; width: 51%;}
.sportscardRow .fancyList .oddsList.luckyNum .suspended.spSmall { width: 100%;}
.sportscardRow .fancyList .runnerName {width: 50%;}
.sportscardRow .fancyList .runnerOdds{width: 39%;}
.scoreRow{margin: 0 -1rem;}
.scoreRow .dropdown{margin: 0 0 1rem!important;}
.scoreRow .dropdown .maindroppa{background: var(--secondary); border-radius: 0; color: var(--white-color); border: none; min-height: 44px; font-weight: 600; align-items: center; display: flex; justify-content: space-between; width: 100%;}
.scoreRow .dropdown i.fa-info{border: 1px solid #fff; border-radius: 1rem; text-align: center; line-height: 1rem; font-size: 0.625rem; width: 15px; height: 15px;}
.scoreRow .whiteBox{padding: 0 1rem 1rem!important;}
.scoreRow #sr-widget{width: 100%!important;}
.liveTV { margin: 0.5rem 0;}
.liveTV .btn{width: 100%; background: var(--darkBG); padding: 0.625rem 0.625rem; margin: 0 0 0.5rem; display: flex; justify-content: space-between; align-items: center;}
.liveTV .btn svg{width: 1.25rem; fill: #fff;}
.liveTV .dropdown-toggle::after{display: none;}
.liveTV .hidetv{color: var(--white-color);}
.liveTV .embed-responsive{background: #000;}
.suspended{position: absolute; width: 100%; height:2.625rem; margin: 0!important; background: rgba(0, 0, 0, 0.4); color: #fff!important; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center;}
.suspendedyesback, .suspendedballrung{width: 33%;}
.oddsRow div.suspended{ color: #fff!important;}
.eventDetail .suspended{height:2.625rem}
.empty_message, .noRecords, .empty-cartc{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 4rem 0; font:500 1.25rem/1.625rem var(--font); color: #fff;}
.noRecords h5{color: #000;}
.empty_message img, .noRecords img{width: 7rem; height: 7rem; margin: 0.625rem 0.625rem 1.125rem; object-fit: contain;}

.dummyMarket .sportHeading{width: 80px;  animation: gradient 1s linear infinite; bottom: -0.5rem;
  background: linear-gradient(120deg,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0.2));;
  background-size: 300% 100%;}  
.dummyMarket .sportHeading::before{background: linear-gradient(120deg,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.1),rgba(0,0,0,0.2));}
.dummyMarket h3{height: 12px; border-radius: 0.625rem; margin: 0;}
.dummyMarket i{width: 15px; height: 15px; border-radius: 1rem;}
.dummyMarket .backlayHead .backlayText{gap: 0 1.25rem;}
.dummyEvent .backlayHead .minMax, .backlayHead .backlayText span{height: 12px; border-radius: 0.625rem;}
.dummyMarket .backlayHead .backlayText{gap: 0 1.25rem;}
.dummyEvent .runnerName h3{width: 60%;}
.dummyEvent .scoreRow{min-height: 30px; width: 100%;}

.dummyPM-Row{position: relative; width: 100%;}
.dummyPM-Row .lockRow{position: absolute; display: flex; justify-content: center; gap: 0.313rem 0; align-items: center; flex-direction: column; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.dummyPM-Row .lockRow .toPlay{padding: 0 1.5rem; border-radius: 0.5rem; min-height: 3.125rem; font: 600 1.25rem/1.5rem var(--font); text-transform: uppercase; background:var(--loginBtn); color: var(--white-color); border: none; display: inline-block; cursor: pointer;}
.dummyPM-Row .lockRow .fa{font-size: 1.75rem;}

.premiumDummy{ filter: blur(3.5px);  border-bottom:1.5px solid rgba(0, 0, 0, 0.5);}
.premiumDummy h3{font-size:1rem; color: #000; margin:0.313rem 0.625rem; font-weight: 800;}
.premiumDummy ul{}
.premiumDummy li{border-bottom:1.5px solid rgba(0, 0, 0, 0.2); padding: 0.313rem 0.625rem; display: flex; align-items: center;}
.premiumDummy li h6{width: 68.2%; font: 700 0.875rem/1.125rem var(--font); margin: 0;}
.premiumDummy li h6 span{display: block; margin: 0.188rem 0 0; font-size: 0.75rem;}
.premiumDummy li:last-child{border-bottom: none;}
.premiumDummy li .mthOdd{width: 170px; height: 2.625rem; font: 700 0.875rem/1rem var(--font); border-radius: 0.5rem; background:#8ec5fe; display: flex; align-items: center; justify-content: center;}
.setAmountVal span.pull-right {margin-bottom: 4px;}
.conversionValue{ position: absolute; bottom: -0.625rem; right: 2.7rem; font-size: 0.875rem;}
.premiumRow{margin:0 0 2rem; border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);}
.premiumRow h2{font:700 1.125rem/1rem var(--font); margin:1rem 0 0.5rem 0.625rem;}
.premiumRow .runnerName{opacity: inherit!important;}
.premiumRow .oddMin{opacity: inherit!important;}
.premiumRow .runnerOdds li{width: 33%!important;}
.fancyList.premiumRow .suspended{width: 100%;}

.betSlipBox{position: absolute; top: 5rem; width: 25%; padding:0 0.5rem; right: 1rem; height: calc(100dvh - 6rem); overflow-x: auto; background:#ececec; border-radius: 0.5rem;}
.empty_message{color: #000;}
.betSlipBox .headSlip{display:flex; justify-content:space-between; align-items:center; min-height:3.438rem; background: #fff; position: sticky; top: 0; z-index: 5; margin: 0 -0.5rem;}
.betSlipBox .headSlip .headText{font:600 1.125rem/1.125rem var(--font); width: 60%; padding: 0 1rem; color: #000; text-transform: uppercase;}
.betSlipBox .headSlip .editBtn{width: 35%; min-height: 3.438rem; display: flex; justify-content: space-between; align-items: center; background: rgba(255,255,255,0.8); font:600 1.125rem/1.125rem var(--font); color: #000; text-transform: uppercase; border-radius: 0;}
.betSlipBox .betBox{overflow: hidden; width: 100%; margin: 0.5rem 0 0; background:var(--white-color); border-radius: 0.625rem; box-shadow: 0.313rem 0.313rem 0.313rem rgba(0, 0, 0, 0.2); 
  /* position: sticky; top: 3.4rem; z-index: 9; */
}
.betSlipBox .betBox .slipbtnRow{padding: 0.75rem; margin:0.75rem 0 0;}
.betSlipBox .slipHead{display:flex; justify-content:space-between; align-items:center; padding:0 0.625rem 0 0; min-height:45px; position: relative;}
.betSlipBox .titleBG{min-width:80px; min-height:45px!important; padding:0.625rem; display:flex; justify-content:center; align-items:center;}
.betSlipBox .bg-pink{background: #ffcfe5;}
.betSlipBox .bg-pink .titleBG{background: #ffa0d0;}
.betSlipBox .bg-blue{background:#bcddff;}
.betSlipBox .bg-blue .titleBG{background:#8ec5fe;}
.betSlipBox .slipHead h3{font: 700 0.844rem / 0.875rem var(--font); margin: 0; text-transform: uppercase; }
.betSlipBox .slipHead .runerText{flex:auto; padding: 0 0.625rem; margin-top: -0.75rem; min-height: 22px; display: flex; align-items: center;}
.betSlipBox .slipHead .runerText .mrText{display: block; font-size: 0.625rem; font-weight: 400;}
.betSlipBox .slipHead .runerText:nth-child(3) .runerName, .betSlipBox .slipHead .runerText:nth-child(4) .runerName{font:400 0.625rem/0.625rem var(--font); width: 40%; height: 1rem; position: absolute; left: 90px; bottom: -2px;}

.betSlipBox .slipHead .profitsCol{display:flex; flex-direction:column; justify-content:center; align-items:flex-end; font: 600 0.875rem/1.125rem var(--font);}
.betSlipBox .maxminbet{background:#2c2c2c; min-height:36px; padding:0 0.625rem; display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem}
.betSlipBox .maxminT{font: 600 0.875rem/ 1.125rem var(--font); color:#fff}
.betSlipBox .oddStakeRow{display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem; padding: 0.75rem 0.625rem;}
.betSlipBox .oddCol{display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem; width: 42%;}
.betSlipBox .col-form-label{font:500 1rem/1rem var(--font);}
.betSlipBox .checkRow span{font:500 0.875rem/1rem var(--font);}
.betSlipBox .inputCell{display:flex; justify-content:space-between; align-items:center; gap: 0 0.313rem}
.betSlipBox .inputCell .inputBTN{background: #000; border:none; width: 20px; height: 30px; border-radius: 0.313rem; text-align: center; padding: 0 0.188rem; color: #fff;}
.betSlipBox .form-control{height: 36px; background: none; border-radius: 0.313rem; text-align: center; width: 65%; font-size: 0.875rem; font-weight: 500;}
.betSlipBox .stakeCol{display:flex; justify-content:space-between; align-items:center; gap: 0 0.625rem; width: 50%;}
.betSlipBox .stakeCol .form-control{width: 100%;}
.betSlipBox .stakeCol .dropdown a{font-size: 0.75rem; color: #000;}
.betSlipBox .betPriceVal {padding: 0 0.625rem;}
.betSlipBox .betPriceVal ul{display:flex; justify-content:center; align-items:center; flex-wrap: wrap; gap:0.625rem;}
.betSlipBox .betPriceVal ul li{ border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.313rem; text-align: center; font:600 0.875rem/2.25rem var(--font); width: 22.5%; min-height: 36px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.betSlipBox .betPriceVal ul li:last-child{background: #2c2c2c; color: #fff; text-transform: uppercase;}
.betSlipBox .slipbtnRow{padding: 0.75rem 0.75rem 0; margin: 0.5rem -1rem 0; border-top: 1px solid rgba(0, 0, 0, 0.2); display: flex; justify-content: space-between; align-items: center; gap: 0 0.313rem;}
.betSlipBox .slipbtnRow .cancelCol, .betSlipBox .slipbtnRow .placeBetCol{width: 49%;}
.betSlipBox .slipbtnRow .btn{width: 100%; height: 36px; text-transform: uppercase; font-size: 1rem; font-weight: 600; border-radius: 0.5rem;}
.betSlipBox .slipbtnRow .btn-danger{background: #ff0000; border-color: #ff0000; color: #fff;}
.betSlipBox .slipbtnRow .btn-success{background: #39b44a; border-color: #39b44a; color: #fff;}
.betSlipBox .betDetails{padding: 1rem; top:3.5rem; position: sticky; z-index: 5; width: 100%; background:var(--white-color); border-radius: 0.625rem; box-shadow: 0.313rem 0.313rem 0.313rem rgba(0, 0, 0, 0.2); margin-top: 0.125rem;}
.betSlipBox .betDetails::before{content: '\f0d8'; font: 3rem/1rem FontAwesome; color: #fff; float: right; position: relative; right: 2rem; top: -1.675rem; text-shadow:0 -1px 0 rgba(0,0,0,0.2);}
.betSlipBox .betDetails .inputboxMain{display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem;}
.betSlipBox .betDetails .inputboxMain .form-control{width: 23%; height: 40px; display: flex; justify-content: center; align-items: center; font:500 0.875rem/0.875rem var(--font);}
.betSlipBox .betDetails .acceptRow{justify-content: flex-end; margin: 0.625rem 0;}
.betSlipBox .betDetails .infolakh{position: absolute; top:0.75rem; right: 0; z-index: 1; background: #fff; box-shadow: 0 0 0.313rem rgba(0, 0, 0, 0.1); padding: 0.5rem; border-radius: 0.313rem; width: 5rem; font-size: 0.625rem; font-weight: 400; line-height: 0.875rem;}
.betSlipBox .mcBets{display: flex; justify-content: space-between; align-items: center; padding: 0 0.5rem;}
.betSlipBox .filterMatch{background: rgba(0, 0, 0, 0.1); padding: 0.5rem 1rem; border-radius: 0.5rem; display: flex; justify-content: space-between; align-items: center;}
.betSlipBox .filterMatch .form-control{background: #fff; width: 50%; text-align: left;}
.betSlipBox .betTableData .matchName{font: 600 1rem/ 1.125rem var(--font); color: #000; padding: 0 0.75rem; margin-bottom: 0.5rem;}
.betSlipBox .betTableData .faded-text{ font-size: 0.75rem;}
.betSlipBox .betTableData .faded-text td{padding: 0.313rem 0.75rem;}
.betSlipBox .betTableData .table-responsive{background: none;}
.betSlipBox .betTableData .table-responsive .table td, .table th{padding:0.625rem 0.5rem;}
.betSlipBox .showDet{margin: 1rem 0; display: flex; align-items: center;}
.betSlipBox .showDet .form-control-sm{height: 18px!important;}
.betSlipBox .table{font: 1rem/0.875rem var(--font);}
.acceptRow{ display: flex; align-items: center; padding: 0.5rem 0.625rem; gap: 0 0.75rem; font-size: 0.75rem; font-weight: 600; color: #000;}
.customCheck{display: flex; align-items: center;}
.customCheck input {display: block;opacity: 0; height: 0;}
.customCheck label {position: relative; width: 32px;  height: 16px; display: inline-block; background: #000; border-radius: 30px; cursor: pointer; transition: all 0.3s; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s; margin: 0; }
.customCheck label:after {content: ""; position: absolute; left: 2px; top: 2px; width: 12px; height: 12px; background: #FFF; border-radius: 50%; box-shadow: 1px 0.188rem 0.375rem #000;}
.customCheck input:checked + label {background: #39b44a;}
.customCheck input:checked + label:after {left: auto; right: 2px;}
.acceptRow .acText{flex: auto; line-height: 1rem; background: #ffed95;width: 100%; display: block; padding:0.5rem 0.313rem; text-align: center; margin: 0.313rem 0;}
.betslip-error{background: rgba(255, 0, 0, 0.7); padding: 0.625rem; height: 40px; width: 100%; color: #fff; font: 400 0.75rem/1rem var(--font); display: flex; align-items: center;}
.betSlipBox .selectBox .form-control{width: 100%; text-align: left;}
.betSlipBox .customSelect .select-arrow {width: 100%; text-align: left;}
/* ******** GROUPING CSS START ********* */
.spNorecoard{text-align: center; width: 100%; padding: 1.875rem 0; font: 600 1rem / 1rem var(--font);}
.premium_book_tab .dropdowm-mores {z-index: 2; box-shadow: 0px 0px 0.625rem rgba(0, 0, 0, .2);  padding: 0; min-width: 9rem;  background: #000002;  border-radius: 0 0 0.313rem 0.313rem;  margin-top: 2rem; transform: inherit !important;}
.premium_book_tab .dropdowm-mores a {display: block; font: 600 0.75rem / 0.875rem var(--font);  padding: 0.5rem .5rem;   color: var(--white-color); border-bottom: 1px solid var(--secondary);}
.sportbookTabs > ul{display: flex; gap: 0.25rem 0.313rem;  flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
.premium_book_tab .dropdown.show .dropdown-toggle{color:rgba(255, 255, 255, 1);}
.sportbookTabs ul li a.active {color: rgba(255, 255, 255, 1); background: none;}
.sportbookTabs ul li a {padding:0.125rem .7rem 0.125rem .6rem;  color: rgba(255, 255, 255, .4);  text-transform: uppercase; display: inline-block; position: relative; text-decoration: none;  font: 700 0.75rem / 0.75rem var(--font); border: 0;}
.premium_book_tab {padding:0 0.625rem 0.375rem 0.313rem;  width: 100%; background: var(--darkBG);  border-radius: 0.563rem 0.563rem 0 0;}
.sportbookTabs ul li:last-child a::after{display: none;}
.sportbookTabs ul li a::after {width: 0.063rem; height: 114%; position: absolute; top: -7%; content: ""; background: rgb(255, 255, 255, .4);  right: -0.125rem;}
.premium_book_tab .show .dropdown-backdrop {display: none;}
.premium_book_tab .dropdowm-mores li:last-child a { border-bottom: 0;}
.premium_book_tab .dropdowm-mores a.active { opacity: 1;  background: var(--backRowBG);}
app-player-market .empty_message {display: none;}
app-player-market .sportscardRow .empty_message {display: flex;}

/* ******** GROUPING CSS END ********* */

/* In-Play sprots filter */
.inPlayFilter{clear: both; margin: 1.25rem 0 0.625rem; display: flex; gap: 0 0.75rem; align-items: center; position: relative;}
.inPlayFilter .nav-tabs{border-bottom: none;}
.inPlayFilter .arrow-tabs{font-size: 1rem; line-height: 2rem; height: 100%; padding:0.875rem 0.5rem; color: #000; background: #fff; border: 1px solid rgba(0, 0, 0, .1); position: relative; top: -0.313rem; cursor: pointer; }
.inPlayFilter .arrow-left{left: 0; border-radius: 5px 0 0 5px;}
.inPlayFilter .arrow-right{right: 0; border-radius: 0 5px 5px 0;}
.inPlayFilter ul{ display: flex; margin:0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;  white-space: nowrap; flex-wrap: nowrap; gap:0.5rem; padding-bottom: 0.313rem; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; scroll-snap-type:x mandatory;}
.inPlayFilter ul::-webkit-scrollbar{height: 2px; display: none;}
.inPlayFilter li a{display: flex; cursor: pointer; align-items: center; gap: 0.313rem; font-size: 0.75rem; padding:0.5rem 0.875rem; font-weight: 600; text-transform: uppercase; color: #000; border: 1px solid rgba(0, 0, 0, .1); cursor: pointer; border-radius: 5rem;}
.inPlayFilter li a:hover{background: none; border: 1px solid var(--secondary);}
.inPlayFilter .active{border: 1px solid var(--secondary); background: none;}
.inPlayFilter .inSportsIcon{width: 1.25rem;}
.inPlayFilter .inSportsIcon img{max-width: 100%; height: 1.25rem; filter: invert(); }
.inPlayFilter img.cricket, .inPlayFilter img.tennis, .inPlayFilter img.kabaddi{filter: inherit;}
.inPlayFilter img.kabaddi{height: 1.2rem!important;}
.dummyNav {width: 100%; min-height: 64px; align-items: center;}
.dummyNav li{width: 100px; height: 0.625rem; border-radius: 0.625rem; position: relative; background: #ccc; overflow: hidden; margin: 0 0.625rem;}
.dummyNav li:after{position: absolute; top: 0; display: block; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #e1dfdf73, #e1dfdf 50%, #e1dfdf73); transform: translateX(-100%); animation: eventListTxtLoad 1s infinite; will-change: transform;}
/* End In-Play sprots filter */
.custom-file{height: 48px; border-radius: 8px; justify-content: space-between;}

/* ***** TELEGRAM CHANGES ***** */
.show-image-div .chooseBtn {border-radius: .25rem;  padding: 0.25rem 0.375rem;  background: #e4e7ec;  margin-right: .5rem;}
.show-image-div .fa-times {position: absolute;  right: .75rem;  cursor: pointer; font-size: 1rem;}
.modal-body .large-text-area.form-control {height: 5rem;}


.custom-file .inputfite{width: 70%;}
.dateSel{width: auto; flex: auto;}
.large-text-area.form-control {height: 5rem;}
@media(max-width:1699px){
    .betSlipBox{width: 24.5%;}
}
@media(max-width:1499px){
    .exchangeWrap .centerWrap{padding-left: 15px; padding-right: 15px;}
       .betSlipBox{width: 24%;}
    .xpCardTooltip .balinfoText {font-size: 0.625rem; max-width: 14.5rem;}   

}
@media(max-width:1366px){
  html{font-size: 14px;}
  .betSlipBox{width: 23.5%; }
  .balancInfo .bottom_tolltip.balinfoText:after {top: -40%;}
  .custom-file{height: 40px;}
}
@media(max-width:990px){
  html{font-size: 12px;}
  .betSlip-icon{ font-size: 18px; line-height: 3.5rem!important;}
  .exchangeWrap .centerWrap{padding-left: 0; padding-right: 0;}
  .eventMain{width: 100%; overflow-x: hidden; border-radius: 0; height: auto; padding: 0; background: none;}
  .betSlipBox{width: 96%; top: inherit; right: inherit; position: inherit; height: auto; margin: 0 auto 1rem;}
  .sportscardRow .matchList{flex-wrap: wrap;}
  .sportscardRow .teamNameRow{width: 100%;}
  .sportscardRow .oddsRow{width: 100%; margin: 0.5rem 0 0;}
  .sportscardRow .pinBox{display: none;}
  .sportscardRow .runnerName{width: 58%;}
  .sportscardRow .runnerOdds{width: 40%;}
  .sportscardRow .runnerOdds li{display: none;}
  .sportscardRow .runnerOdds .mobOdd{display: flex;}
  .sportscardRow .fancyList .runnerOdds li{width: 48%;}
  .sportscardRow .backlayHead .fancyYesNo{width: 40%;}
  .sportscardRow .fancyList .runnerOdds{width: 40%;}
  .sportscardRow .fancyList div.fancyOdds .oddMin{display: none;}
  .sportscardRow .backlayHead .oddMin{display: none;}
  .sportscardRow .backlayHead .fancyYesNo span{width: 48%!important;}
  .sportscardRow .backlayHead .fancyYesNo{padding-right: 0;}
  .sportscardRow .fancyList .suspended{width: 100%;}
  .sportscardRow .fancyList .runnerOdds li.khadoOdd{width: 100%;}
  .balancInfo .bottom_tolltip.balinfoText:after {top: -50%;}
    .custom-file{height: 36px;}
}
@media(max-width:640px){
  .sportscardRow .runPoint{flex: auto;}
}
/* End Exchange Style */
.coinResult{display: flex; justify-content: center; flex-wrap: wrap; padding: 1.875rem 1rem; gap: 0.625rem; }
.coinResult img{height: 5rem !important; filter: grayscale(1);}
.coinResult img.win-Coin{filter: grayscale(0);}
.cT-Result .modal-body{height: auto!important;}
.coinModal.modal-dialog-centered {margin: auto;  min-height: 100dvh;}
.clickableText{color: #2196F3 !important;}
.clickableText:hover{color: #0a6ebd !important;}
.cLevelBox{padding: 1rem; border-radius: 0.75rem; align-content: center; font:700 2.5rem/3.5rem var(--font); color: var(--theme-fusion-900); background: #F2F4F7; display: flex; flex-direction: column; align-items: center;}
.cLevelBox small{font: 300 0.875rem/1rem var(--font); color: var(--theme-fusion-900);}
.backNextBtn{padding: 14px 16px !important; min-height: 64px; margin: 0 -1rem; border-top:1px solid var(--lightBorder); background: var(--whiteBackground); display: flex; gap: 0.5rem; justify-content: space-between; position: relative;}
.nextBtnCell{display: flex; justify-content: flex-end; gap: 0.5rem; flex: auto;}
.vipSecBox{height: calc(100dvh - 14rem); overflow: auto;}
.pointXP{height: calc(100dvh - 13rem); overflow: auto;}
.createLevel {list-style: none; counter-reset: item 0; background: none !important; padding: 0!important; align-items: center; margin:1rem 0!important; position: relative;}
.createLevel .backBtn{position: relative!important; padding: 0 16px 0 0; top: inherit; background: #F9FAFB!important; z-index: 1;}
.createLevel li.vipTab {counter-increment: item 1; position: relative; margin-right: 3rem;}

.createLevel li.vipTab::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -48px; width: 40px; height: 1px; background: #D0D5DD; z-index: -1;}
.createLevel li.vipTab:first-child::before { display: none !important; }
.createLevel li.vipTab .nav-link{padding: 10px 16px 10px 32px; background: #F9FAFB;}
.createLevel li.vipTab .nav-link.active{box-shadow: none; background: #e7edf6!important; color: var(--white-color);}
.createLevel .nav-link.active{box-shadow: none; background: #e7edf6!important; color: var(--lightTextDark) !important;}
.createLevel li.vipTab::after {content: counter(item) ' '; position: absolute; top: 50%; transform: translateY(-50%); left: 0.5rem; width: 1.125rem; height: 1.125rem; border-radius: 50%; border: 1px solid var(--secondary); align-content: center; color: var(--secondary);font:700 0.75rem/1rem var(--font); text-align: center;}
.createLevel li.active::after{background: var(--theme-primary); color: var(--white-color); border-color: var(--theme-primary);}
.createLevel li.checked::after{content: "\f00c"; font-family: 'Font Awesome 5 Pro'; background: var(--theme-success); color: var(--white-color); border-color: var(--theme-light);}
.createLevel li.checked .nav-link{color: var(--theme-success);}
.upgradRow{position: absolute; top: 4.5rem; width: 100%; z-index: 1;}
.upgradList .upgradText{display: flex; justify-content: space-between;padding: 0.5rem; border-radius: 0.5rem;}
.upgradList {margin: 0 -0.5rem;}
.upgradList .upgradText:hover{background: #F2F4F7; cursor: pointer;}
.upgradList .upgradText:last-child{margin-bottom: 0;}


.xpCard{background: var(--innerCardBg) !important; border-radius: 0.75rem; position: relative; padding: 1rem 1rem 0; height: auto!important;}
.xpCard .deleteBtn{position: absolute; right: 0; top: 2rem; box-shadow: none!important; font-size: 1rem;}
.vipSecBox .addBtn{padding: 0; color: var(--theme-primary)!important; box-shadow: none!important;}

.viewListScroll{height: calc(100dvh - 23rem); overflow: auto;}
.viewLevel{background: #F2F4F7; border-radius: 0.75rem; border: none; box-shadow: none;}
.section-title{margin: 0 0 0.5rem; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 0.5rem 0.313rem; font-weight: 700;}
.viewLevel .detail-row{display: flex; justify-content: space-between; margin-bottom: 0.313rem; gap: 0 2rem;}
.viewLevel .detail-row:last-child{margin-bottom: 0;}
.viewLevel .detail-row .label{font-weight: 600;}
.viewLevel .detail-row .value{font-weight: 400;}
.viewLevel .cardTitle{font-weight: 500; opacity: 0.7; color: var(--theme-fusion-50); margin-bottom: 0.313rem;}

.levelListRow{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding:3rem 2.5em 2.5rem 2.5rem; border-radius: 0.75rem; background: var(--whiteBackground); border: 2px dashed rgba(0, 0, 0, .1); height: 100%; position: relative;}
.levelListRow .levelBox{ flex: 0 0 100%; padding:5rem 2rem 2rem; margin: 2rem 0 0; border: 1px solid #fff; border-radius: 1rem; display: block; text-align: center; position: relative; background: var(--darkBG);}
.levelListRow .levelBox .levelIcon{ position: absolute; top: -45px; margin: 0 auto; display: block; left: 0; right: 0;}
.levelListRow .levelBox .levelIcon img{width: 80px;}
.levelListRow .levelBox h3{font: 300 1rem/1.5rem var(--font); color: var(--white-color); margin: 0 0 0.5rem;}
.levelListRow .levelBox .decText{color: rgba(255,255,255,0.6); font: 300 0.875rem/1.375rem var(--font); padding-right: 0.5rem; height: 4rem; overflow: auto;}
.levelListRow .levelBox .decText::-webkit-scrollbar-thumb {background-color: var(--theme-primary); border-radius: 0.5rem;}
.levelListRow .levelBox .xpbtn{/*background: var(--secondary);*/ background: rgba(0, 0, 0, .5); color: var(--white-color); display: block; font-size: 1rem; padding: 0.625rem; text-align: center; margin: 1rem 0 0; border-radius: 0.5rem;}
#view-level-modal .preBtn {cursor: inherit; box-shadow:none}
.levelListRow .border-blue{border-color: #588FFF;}
.levelListRow .border-pink{border-color: #E23E97;}
.levelListRow .border-green{border-color:#97AA15;}
.levelListRow .border-orange{border-color: #FF8268;}
.levelListRow .border-purple{border-color:#8F53D1;}
.levelListRow .border-peach{border-color: #F4A36D;}
.levelListRow .border-lgreen{border-color: #91E0DE;}
.levelListRow .border-skyblue{border-color: #6987E1;}
.levelListRow .border-gGreen{border-color: #8FB437;}
.levelListRow .border-Dorange{border-color: #E55231;}
.levelListRow .preBtn{position: absolute; top: 1rem; left: 1rem; padding:0.313rem 0.5rem;}
.lavelPreviewRow{background: var(--whiteBackground); padding:6rem 1rem; height: auto!important; border:1px solid var(--lightBorder);}
/* 
.infotooltip {position: relative; cursor: pointer;}
.infotooltip::after { font: 400 0.75rem/1rem var(--font); content: attr(data-tooltip); position: absolute; bottom: -150%; left: auto; right: auto; margin: 0 auto; transform: translateX(-50%); background: #333;
  color: #fff; padding: 6px 8px; border-radius: 4px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s;   border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;}
.infotooltip:hover::after {opacity: 1;} */

.infotooltip {position: relative; display: inline-block; cursor: pointer;}
.infotooltip-text {visibility: hidden; position: absolute; bottom: -300%; width: 16rem; left: 35%; transform: translateX(-35%); background-color: #333; color: #fff; padding: 6px 10px;
  border-radius: 4px; font-size: 0.75rem; line-height: 1rem; opacity: 0; transition: opacity 0.2s ease;}
/* Arrow */
.infotooltip-text::after {content: ""; position: absolute; bottom: 100%; left: 35%; transform: translateX(-35%); border-width: 6px; border-style: solid; border-color: transparent transparent  #333 transparent;}
/* Show on hover */
.infotooltip:hover .infotooltip-text {visibility: visible; opacity: 1;}
app-create-vip-level .profileRow, app-create-tournament .profileRow, app-create-reward-wheel .profileRow {margin: 3.5rem 0 0 0;}
app-create-tournament .trn-bonus-detail-grid {flex-wrap: wrap; row-gap: .5rem;}
app-create-vip-level .sidebar-positionAllPg, app-tournament-analytics .sidebar-positionAllPg{width:calc(100dvw - 17.6rem)}
app-create-segments .profileRow {margin: 0; min-height: calc(100dvh - 13rem);}
app-create-segments .profileRow .vipSecBox{height: auto;}
app-create-vip-level .profileRow, app-create-reward-wheel .profileRow {margin: 3.5rem 0 0 0;}
app-create-reward-wheel .sidebar-positionAllPg{width:calc(100dvw - 17.6rem)}
.setUpBtn{align-items: center; display: flex; gap: 0.5rem;}
.setUpBtn i{font-size: 1.25rem;}
.timePerFil{margin-top: 1.5rem;}
.timePerFil .perPages{display: flex!important;}
.timePerFil .customSelect{width: auto;}
@media(max-width:990px){
 .createLevel .backBtn{left: 0;}
 .sidebar-positionAllPg{margin: 0 0 0 1rem;}
 app-create-segments .profileRow{min-height: calc(100dvh - 15rem);}
}
@media(max-width:767px){
  .vipSecBox{height: calc(100dvh - 15.5rem);}
  /* .createLevel li.vipTab::after {top: 0.65rem;} */
  .vipSecBox .form-group{margin-bottom: 1rem!important;}
  .viewListScroll{height: calc(100dvh - 35rem);}
  .infotooltip-text {width: 12rem; z-index: 1; left: 60%; transform: translateX(-60%); padding: 6px; bottom: -375%;}
  .infotooltip-text::after {left: 60%; transform: translateX(-60%);}
  .upgradList {margin: 0 -1rem;}
  .admin-affiliate-signup app-validation-message, .admin-affiliate-signup .errorMa, .admin-affiliate-signup .errorMessage {
    position: absolute;
}
.fixedTableFooter::-webkit-scrollbar {display: none;}
.fixedTableFooter{white-space: nowrap;  overflow-x: auto;}
.xpCardTooltip .balinfoText { max-width: 18rem;}
}

/* Deposit Dropdown for header */
 .transactions-modal-table{width: 2000px!important;}
.depositDrop .form-group{ margin: 0 0 0.5rem!important;}
.depositDrop .viewMore{font-size: 0.875rem; font-weight: 600;}
.depositDrop .bg-secondary{background: #F2F4F7!important;}
.depositDrop .curIcon{width: 1.5rem; height: 1.5rem; display: block; margin-right: 0.5rem;}
.depositDrop .curIcon img{max-width: 100%;}
.depositDrop .qaAddress code{font-size: 0.875rem; overflow-wrap:anywhere;}
.depositDrop .qaAddress .btn-copy{margin-right: 0!important; margin-left: 0.5rem; color: var(--theme-primary-900)!important;}
.depositDrop .qaAddress img{max-width: 100%;}
.depositDrop .qaAddress .qrcode canvas{width: 100%!important; height: 100%!important;}
/* End Deposit Dropdown */

.mobileDummy{background: url(../images/mobileDummy.jpg) no-repeat; display: flex; align-items: flex-end; flex-direction: column; width: 246px; height: 481px; margin: auto; padding: 0 0 1rem;}
.mobileDummy .dummyHead{width: 60%; display: none; align-items: center; gap: 0.5rem; margin:1rem auto 0; color: #fff; min-height: 2rem;}
.mobileDummy .dummyHead .iconLogo{ height: 25px; border-radius: 100%; overflow: hidden; border-radius: 2rem 2rem 0 0;}
.mobileDummy .dummyInner{height: 385px!important; width: 92%; margin:0 auto; padding: 0; overflow: auto; align-content: flex-end;}
.mobileDummy .dummyInner .preViewImg{width: calc(100% - 1rem); margin: 0 .5rem; overflow: hidden;}
.mobileDummy .dummyInner .preViewImg img{max-width: 100%; height: 100%;border: 2px solid #fff; border-radius: 0.5rem; }
.mobileDummy div.form-control{width: calc(100% - 1rem); height: auto; margin: 0 .5rem; border: none; outline: none; display: block; align-content: flex-end; border-radius: 0.25rem; padding:0 .5rem;     display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical;  overflow: hidden; }
.mobiletelegram{background: url(../images/mobiletelegram.jpg) no-repeat;}
.mobilewhatsapp{background: url(../images/mobilewhatsapp.jpg) no-repeat;}
.mobileEmail{background: url(../images/emailDummy.jpg) no-repeat;}
.mobiletelegram .dummyHead, .mobilewhatsapp .dummyHead, .mobileEmail .dummyHead{display: flex;}
.mobileEmail .dummyHead{color: #000;}
.smsDummy{padding: 0 0 3rem;}
.smsDummy .dummyInner{margin: 1rem auto 0; padding: 0;}
.mobiletelegram .btn-primary.btn-block.btn-sm {font-size: .75rem; padding: .2rem 0;  height: auto;}
.mobileDummy.mobiletelegram div.form-control{padding-bottom: 0; padding-top: 0;}


.forAffiliate .page-sidebar{display: none;}
.loadMore-btn{ border: none; border-radius: 0; width: 100%; color: rgba(var(--lightTextBlack), .8) !important;}




/* Vip Revamp */
.vipProgram .card .card-body { padding: 2rem; }
.vipProgram .card{border-radius: 8px;}
.vipProgram .card .cardLabel { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; margin-bottom: 2rem; }
.setUpBox { text-align: center; margin: 1rem auto 2rem; animation: fadeUp 0.6s ease both; } 
.setUpBox .starIcon { width: 4rem; height: 4rem; border-radius: 0.75rem; background: #F3EDFA; border: 1px solid #D7C3EF; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; font-size: 2.25rem; } 
.setUpBox h1 { font-family: 'Sora', sans-serif; font-size: 1.75rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.625rem; letter-spacing: -0.01875rem; } 
.setUpBox p { font-size: 0.875rem;}  
.stepsRow { display: flex; align-items: flex-start; gap: 0; position: relative;} 
.stepBox { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; padding: 0 4rem; animation: fadeUp 0.55s ease both; } 
.stepBox:nth-child(1) { animation-delay: 0.18s; } 
.stepBox:nth-child(2) { animation-delay: 0.30s; } 
.stepBox:nth-child(3) { animation-delay: 0.42s; } 
.stepBox:nth-child(4) { animation-delay: 0.54s; } 
.stepBox:not(:last-child)::after { content: ''; position: absolute; top: 1.875rem; left: calc(50% + 2.25rem); right: calc(-50% + 2.25rem); height: 0.125rem; background: repeating-linear-gradient(to right, #D0D5DD 0, #D0D5DD 0.375rem, transparent 0.375rem, transparent 0.75rem); pointer-events: none; } 
.stepIcon { width: 4rem; height: 4rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-size: 1.875rem; margin-bottom: 1rem; position: relative; z-index: 1; transition: transform 0.25s ease, box-shadow 0.25s ease; font-style: normal;} 
.stepBox:hover .stepIcon { transform: translateY(-0.25rem) scale(1.04); box-shadow: 0 0.625rem 1.75rem rgba(0, 0, 0, 0.12); } 
.stepBox:nth-child(1) .stepIcon { background:#FFF4ED; border:1px solid #FFD6AE; } 
.stepBox:nth-child(2) .stepIcon { background: #FEFBE8; border: 1px solid #FEEE95; } 
.stepBox:nth-child(3) .stepIcon { background: #F4F3FF; border: 1px solid #D9D6FE; } 
.stepBox:nth-child(4) .stepIcon { background: #F0F9FF; border: 1px solid #B9E6FE; } 
.stepTitle {font:700 0.75rem/1rem var(--font); margin-bottom: 0.5rem; color: #101828;} 
.stepDesc { font:400 0.75rem/1rem var(--font);} 
@keyframes fadeUp { from { opacity: 0; transform: translateY(1.125rem); } to { opacity: 1; transform: translateY(0); } } 

.vipSetting{margin: 1rem 0;}
.vipSetting .card{border-radius: 8px; border: 1px solid #FEDF89; background: #FFFCF5;}
.vipSetting .card .card-body{ padding: 2rem 2rem 1rem;}
.vipSetting p{ font-size: 0.875rem;}
.stTitle { display: flex; align-items: center; gap: 0.375rem; font-size: 1rem; font-weight: 700; color: #1a1d2e; margin-bottom: 0.25rem; } 
.stStep { background: #fff; border: 1px solid #E4E7EC; border-radius: 1rem; padding: 0.875rem 1rem; margin-bottom: 0.5rem; } 
.stStep .badge-warning { color: #f97316; margin-bottom: 0.375rem; padding: 0.375rem 0.625rem; border-radius: 1rem; } 
.stStep p{margin: 0;}
.vsfooter { border-top: 1px solid #e5e7eb; padding: 1rem 0; margin: 0 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } 
.vsfooter p { font-size: 0.875rem; color: #6b7280; margin: 0; } 
.vsfooter p strong { color: #1a1d2e; } 

.perkTabBox{position: relative; padding: 2rem; background: var(--whiteBackground); border-radius: 1rem; border: 1px solid var(--lightBorder); text-align: center; margin-bottom: 2rem;}
.perkTabBox:hover, .perkTabBox.active{border: 1px solid var(--theme-primary); background: rgba(var(--theme-rgb-primary), 0.1); cursor: pointer;}

.perkTabBox .stepIcon{margin: 0 auto 1rem; background:#FFF6ED; border:1px solid #FDDCAB; }
.perkTabBox .stepIcon2 { background: #edfcf2; border: 1px solid #aaf0c4; } 
.perkTabBox .stepIcon3 { background: #eef4ff; border: 1px solid #d9d6fe; } 
.liveBtn{border-radius: 30px; border-color: rgba(var(--theme-rgb-primary), 0.2)!important; background: none!important; color: rgba(var(--lightTextBlack), .6) !important; padding: 0.375rem 0.75rem 0.375rem 2rem; position: relative;}
.liveBtn::before {content: ""; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 0.5rem; height: 0.5rem; background: var(--theme-success); border-radius: 50%; animation: pulse 2s infinite;}
.vipTotal h2{font: 700 1.25rem/1.25rem var(--font); color: #000; margin: 0.5rem 0;} 
.vipTotal .vipTXT{font: 400 0.75rem/0.75rem var(--font); color: rgba(0, 0, 0, 0.6);}
.vipTotal .vipNO, .toWagered{display: flex; gap: 0.5rem; align-items: center;}
.vipTotal .vipNO img{height: 20px;}
.toWagered img{height: 15px;}
.vipTotal h2{font: 700 1.25rem/1.25rem var(--font); color: rgba(var(--lightTextBlack), 1); margin: 0.5rem 0;} 
.vipTotal .vipTXT{font: 400 0.75rem/0.75rem var(--font); color: rgba(var(--lightTextBlack), .6);}
.perkCheck { position: absolute;   top: .25rem;  right: .25rem; z-index: 2;}
.perkCheck .custom-control-label::before {border-color: var(--theme-success);}
.perkCheck .custom-checkbox .custom-control-label::before {border-radius: 50%;}
.perkCheck .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--theme-success);  background-color: var(--theme-success);}
.superTable .roundCell{display: flex; justify-content: space-between; align-items: center; font: 500 0.75rem/0.75rem var(--font); color: #000;}
.superTable .roundCell .dateTT{font-weight: 600; color: #000;}
.superTable .winnerCell{display: flex; justify-content: space-between; align-items: center; font: 400 0.75rem/0.75rem var(--font); color: #fff; padding:0.625rem 0.5rem; border-radius: 0.5rem; background:#3c444b; margin: 0.5rem 0;}
.superTable .winnerCell .text-warning{color: #e1cd54; font-weight: 600;}
.lastResult ul{display: flex; flex-wrap: wrap; gap: 0.5rem 0.225rem; padding:0 0.5rem 0.5rem; list-style: none;}
.lastResult li{padding: 0.313rem; display: flex; justify-content: center; align-items: center;}
.paneltyShootGType .teamsGoalMain{justify-content: center;}
.paneltyShootGType .teamsGoalMain ul {padding: 0 10px 0px;  gap: 0 4px; margin: 0;}
.paneltyShootGType .teamsGoalMain {display: flex;  flex-wrap: nowrap;   padding: 0; align-items: center;}
.paneltyShootGType .teamsGoalMain .result-team-a {width: 42%; display: flex;  align-items: center;}
.paneltyShootGType .teamsGoalMain .team-image { width: 35px;}
.paneltyShootGType .teamsGoalMain li { width: auto;  height: auto; background: transparent; color: #000;  flex-direction: column; font-size: 11px; cursor: default;}
.paneltyShootGType .teamsGoalMain .greenDot .goals-status   {background: #5bbb01;}
.paneltyShootGType .teamsGoalMain .emptyDot .goals-status {background: #b9b9b9;}
.paneltyShootGType .teamsGoalMain .goals-status {width: 12px; height: 12px; background: #b9b9b9;border-radius: 50%; position: relative;}
.paneltyShootGType .teamsGoalMain .redDot .goals-status{background: transparent;}
.paneltyShootGType .teamsGoalMain .redDot .goals-status::after {content: "X";  display: inline-block; padding-right: 3px;  vertical-align: middle;   color: #f74356;  font-size: 12px;  font-weight: bold !important; text-transform: uppercase;  position: absolute; left: 1px; top: -3px;}
.paneltyShootGType .teamsGoalMain .team-image img {width: 100%;}
.paneltyShootGType .teamsGoalMain li .goal-fail {color: #f74356; font-size: 14px;} 
.teams-goal-result { width: 16%;background: rgba(0, 0, 0, .6);  border-radius: 8px;  color: #fff;  font-size: 1.125rem;   font-weight: 600; padding: 5px 0px;  text-align: center;}
.paneltyShootGType .teamsGoalMain .result-team-b {justify-content: flex-end;}
.paneltyShootGType .ballByRow ul {margin: 0; background: #fff; border-radius: 0 0 10px 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px; flex-direction: column;  gap: 0;}
.paneltyShootGType .ballByRow ul li {padding: 5px 10px; width: 100%; border: 0;  border-bottom: 1.5px solid rgba(0, 0, 0, 0.2);   border-radius: 0;}
.paneltyShootGType .ballByRow ul .oddsBox .ballOdds {width: 16%;}
.paneltyShootGType .ballByRow ul .oddsBox { width: 50%;}
.paneltyShootGType .ballByRow ul li:last-child { border: 0;}
#ballbyball .modal-title{flex: auto; display: flex; justify-content: center;}
app-ballbyball-result .footermm{justify-content: center!important;}
@media (max-width: 1499px) {
  .stepBox{padding: 0 2rem;} 
 }
 @media(max-width:992px){
  app-create-vip-level .sidebar-positionAllPg, app-create-reward-wheel .sidebar-positionAllPg{width: 100%;}
  .setUpBtn{display: none;}
  .alert{font-size: 1rem;}
 }
 @media(max-width:767px){
  .perkTabBox{padding: 1rem 1rem 0;}
  .perkTabBox p{display: none;}
  .perkCheck {top: 0; right: 0;}
 }
@media (max-width: 640px) { 
.stepsRow{ flex-direction: column; align-items: center; gap: 2rem; } 
.stepBox:not(:last-child)::after { display: none; } 
.stepBox{padding: 0 1rem;}
.vsfooter { flex-direction: column; align-items: flex-start; margin: 0;} 
.panel .panel-container .panel-content.vipTotal{padding: 8px!important;}

  .penaltyShoot-modal .paneltyShootGType .teamsGoalMain .goals-status {width: 10px;  height: 10px;}
  .penaltyShoot-modal .paneltyShootGType .teamsGoalMain ul {padding: 0 4px 0px; gap: 0 0px;}
  .penaltyShoot-modal .paneltyShootGType .teamsGoalMain {padding: 0 0px 6px;}
  .penaltyShoot-modal .modal-dialog {margin: 0 .5rem; min-height: 100dvh;  align-content: center;}
  .penaltyShoot-modal .paneltyShootGType .teamsGoalMain .team-image {width: 26px;}
  .penaltyShoot-modal .teams-goal-result {font-size: 14px;}
 
}
/*End Vip Revamp */
.notDTRow{display: flex; justify-content: space-between; margin-bottom: 0.5rem; gap: 0 0.5rem; width: 100%;}
.dtName{font: 600 0.875rem/1.125rem var(--font); color: #000; flex: 0 0 48%;}
.dtDetail{font: 400 0.875rem/1.125rem var(--font); color: #000; flex: 0 0 48%; text-align: right;}
.preViewBox{border: 2px dashed #98A2B3; background: #F2F4F7; border-radius: 8px; padding: 1rem; display: flex; justify-content: center; align-items: center; position: relative; padding: 5rem 0;}
.preViewBox .badge{position: absolute; top: 1rem; left: 1rem; background:#344054!important; padding: 0.317rem 0.5rem;}
.notiPreview{display: flex; align-items: center; gap: 0.5rem; padding: 1rem; background: #14212B; width: 100%; margin: 0 1rem;}
.notiPreview .preImg{width: 5rem; height: 5rem; border-radius: 1rem;}
.notiPreview .notiDic{color: #fff;}
.notiPreview .notiDic h3{font: 600 1rem/1.5rem var(--font); margin: 0;}
.dltBTN{background: #FECDCA!important; border: none; color: #ff0000!important; font-size: 2rem; width: 64px!important; height: 64px; align-content: center;}
.errorMessageNoPosition app-validation-message {position: inherit;}
.datatable-footer-inner .nxgTablePnl{width: 100%;  height: 100%; display: flex;  align-items: center;  border-top: 1px solid var(--lightBorder);}
.exlBtn{border: none; padding: 0; font-size: 20px; background:none; }
.exlBtn i{color:#00f084;}
app-create-segments .xpCard{background:#fff!important;}
.bsSegment .multiselect-dropdown .item2{max-height: 130px!important;}
.file_preview.image-preview-full-width {margin-top: -6.75rem;}
.file_preview { margin-top: -1.25rem;} 

.combo-footer, .combo-common-info{font-size: 0.75rem;}
@media(max-width:767px){
  .loadMore-btn{position:sticky; left: 0; width: 100dvw;}
  .notDTRow:last-child{margin-bottom: 1.5rem;}
  .file_preview.image-preview-full-width, .file_preview {margin-top: auto;}
}

.vip-level-card-list {display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem;}
.vip-level-card {border: 1px solid #d5dbe8; border-radius: 0.75rem; background: #ffffff; box-shadow: 0 2px 8px rgba(26, 45, 60, 0.08);}
.vip-level-card-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 0.8rem; align-items: center; }
.vip-level-card-cell { display: flex; flex-direction: column; justify-content: center; min-height: 6rem; border-right: 1px solid #E4E7EC;  padding: 0.5rem;}
.level-info {align-items: center; gap: 1rem; flex-direction: row; justify-content: flex-start;}
.level-icon img {width: 4.5rem; height: 4.5rem; object-fit: contain;}
.level-meta {display: flex; flex-direction: column; gap: 0.15rem;}
.level-name {font-size: 1.125rem; font-weight: 700; color: #344054; margin: 0;}
.level-upper { font-size: 0.875rem; color: #667085; }
.vipTitle { font-size: 0.875rem; color: #667085; font-weight: 500;}
.limitValue { font-size: 1.25rem; font-weight: 700; color: #344054; }
.contNO{ font-size: 0.875rem; color: #667085; margin-left: 0.25rem;}
.acTime { font-size: 0.75rem; padding: 0.15rem 0.4rem 0.15rem 1rem; color: #667085; position: relative;}
.acTime::before { content: ''; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #98A2B3; border-radius: 50%; }
.vip-level-card-list .badges { display: flex; gap: 0.35rem; flex-wrap: wrap;}
.vip-level-card-list .badges .badge { padding: 0.25rem 0.6rem; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 0.25rem; width: 90px;}
.bonus-status .badge::before{content: ''; display: block; width: 8px; height: 8px; border-radius: 50%;}
.bonus-status .badge-success::before{background: #039855;}
.bonus-status .badge-danger::before{background: #d92d20;}
.perksCell .badge, .status-pill { border-radius:50px; padding: 0.2rem 0.6rem; font-size: 0.72rem; font-weight: 600;}
.players-count{flex-direction: row; justify-content: space-between; align-items: center;}
.players-count .plValue { font-size: 1.25rem; font-weight: 700; color: #344054;}
.players-count .plValue a{text-decoration: underline!important;}

.actionsCell { display: flex; flex-direction: column; gap: 0.5rem; align-items: center;}
.actionsCell .btn{padding: 0.375rem 0.5rem; font-size: 1rem;}
.no-data { text-align: center; padding: 2.5rem 0; color: #6f7d93;}

.decText {max-height: 120px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; word-break: break-word;}
.activeTourList{display: flex; gap: 1rem; flex-wrap: wrap;}
.activeTourList .panel{ flex: 0 0 calc(25.19% - 1rem);}
.activeVipTotal .panel{ flex: 0 0 calc(25.19% - 1rem)!important;}
.tourFilterBar{margin: 0 0 1rem;}
.tourFilterBar .customTabs{margin: 0;}
.tournament-summary{display: block; padding: 1rem;}
.tournament-summary .levelBox{margin: 0; background:none;}
.tournament-summary .list-group-item{display: flex; justify-content: space-between; padding: 0.5rem 0; border-left: none; border-right: none; gap: 0 5px;}
.tournament-summary .list-group-item span:last-child{ max-width: 80%; white-space: normal; overflow-wrap: anywhere; word-break: break-word; text-align: right;}
.tournament-summary .list-group-item:last-child{border-bottom: none;}
.tournament-summary .list-group-item:first-child{border-top: none;}
.deleteBtnPT{position: absolute; top:0.75rem; right: 0.75rem; color: red!important; font-size: 16px;}
@media (max-width: 991px) {
  .vip-level-card-row { grid-template-columns: 1fr; row-gap: 0.7rem; }
  .actions { justify-content: flex-start; }
  .vip-level-card { padding: 0.65rem 1rem;}
  .vip-level-card-row { display: block; }
  .vip-level-card-cell { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0.35rem 0; min-height: auto; border-right: none; border-bottom: 1px solid #f1f4fb; }
  .vip-level-card-cell:last-child { border-bottom: none; }
}
@media(max-width:767px){  
  .tourFilterBar{margin: 1rem 0;}
  .tourFilterBar .srchBox{ width: 48%;}
  .activeTourList{margin-bottom: 1rem;}
  .activeTourList .panel{ flex: 0 0 calc(50% - 1rem);}
  /* .activeTourList .panel:last-child{flex: 100% !important} */
  .activeVipTotal .panel{ flex: 0 0 calc(51.5% - 1rem)!important;}
  .activeVipTotal .panel:last-child{flex: 0 0 calc(51.5% - 1rem)!important}
  .tourFilterBar .srchBox .form-control{ width: 100%!important;}
  .trn-bonus-detail-grid {flex-direction: column;}
  .trn-bonus-detail-item{flex-direction: row!important; gap:8px; border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 6px;}
  .trn-bonus-detail-item:last-child{border-bottom: none;}
}
@media (max-width: 575px) {
  .activeTourList .panel{ flex: 0 0 calc(51% - 1rem);} 
  .tourFilterBar .srchBox{ width: 44%;}
  .vip-level-card-cell { flex-wrap: wrap; }
}

.mod-skin-dark{
  --whiteBackground : #26272b;
  --lightTextBlack : 255, 255, 255;
  --lightTextDark : #ffffff;
  --lightBorder : #00000059;
  --innerCardBg: #292a2e;
  
}

.mod-skin-dark .createLevel .nav-link.active {box-shadow: none;  background:rgba(0, 0, 0, 0.5) !important;}
.mod-skin-dark .user-text-area .ck {background-color: rgba(0, 0, 0, 0.15) !important;  border-color: rgba(0, 0, 0, 0.35) !important;}
/* .mod-skin-dark .ck.ck-reset_all, .ck.ck-reset_all *{color:#fff  !important;} */
.mod-skin-dark .createLevel .backBtn {background: #37393e !important;}
.mod-skin-dark .bonusMain label{color: #fff;}

.mod-skin-dark .bonusMain .sel-promo, .mod-skin-dark  .bonusMain .ac{    background: rgba(0, 0, 0, 0.3) !important;}
.mod-skin-dark .bonusMain .sel-promo, .mod-skin-dark  .bonusMain .ac:hover{    background: rgba(0, 0, 0, 0.5) !important;}
.mod-skin-dark .bonusMain .spinDisabled::after {  background: rgba(221, 221, 221, .2);}
.mod-skin-dark .bonusMain .attach-section, .mod-skin-dark .bonusMain .attach-top {border-color:var(--lightBorder);}
.mod-skin-dark  .bonusMain .ctx-promo, .mod-skin-dark  .bonusMain .ctx-vip { background: #37393e;  color: #fff;  border-color: var(--lightBorder);}
.mod-skin-dark .bonusMain .attach-top{background: var(--whiteBackground);}
.mod-skin-dark .bonusMain .btype-row { border: 0;  border-top: .063rem solid var(--lightBorder);}
.mod-skin-dark .multiselect-dropdown .dropdown-btn{border-color: rgba(0, 0, 0, 0.35) !important;}
.mod-skin-dark .bonusMain .nd-type-banner{background: #37393e;  border-color: var(--lightBorder);}
/* .mod-skin-dark .ck.ck-reset_all, .ck.ck-reset_all *, .mod-skin-dark .depositDrop .color-black{color:#fff  !important;} */
.mod-skin-dark .createLevel .backBtn {background: #37393e !important;}

.multiselect-dropdown .dropdown-btn{border-radius: 8px!important; padding: 8px 16px!important; border: 1px solid #E4E7EC!important;}
.decText {max-height: 120px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; word-break: break-word;}
.activeTourList{display: flex; gap: 1rem; flex-wrap: wrap;}
.activeTourList .panel{ flex: 0 0 calc(25.19% - 1rem);}
.activeVipTotal .panel{ flex: 0 0 calc(25.19% - 1rem)!important;}
.activeWheelList .panel{ flex: 0 0 calc(33.6% - 1rem)!important;}
.tourFilterBar{margin: 0 0 1rem;}
.tourFilterBar .customTabs{margin: 0;}
.tournament-summary{display: block; padding: 1rem;}
.tournament-summary .levelBox{margin: 0; background:none;}
.tournament-summary .list-group-item{display: flex; justify-content: space-between; padding: 0.5rem 0; border-left: none; border-right: none;}
.tournament-summary .list-group-item:last-child{border-bottom: none;}
.tournament-summary .list-group-item:first-child{border-top: none;}
.mTop-1{top: -0.5rem;}
app-wheel-analytics ngx-charts-legend.chart-legend{margin-top: 1.5rem!important;}
app-reward-wheel .emptyImg {position: inherit;}
.noDateCreate{margin: -2rem 0 0;}
.noDateCreate h4{font:600 1rem/2.2rem var(--font); color: var(--darkCR); text-transform: capitalize; margin: 0;}
.noDateCreate p{font:400 0.75rem/1rem var(--font)}
.wheelRewardBox{height: auto;}
.totalHitsShate{display:flex;flex-direction:column;gap:7px;}
@media (max-width: 1099px) {
  .last10Data{min-height: 29.5rem;}
}
@media (max-width: 991px) {
  .vip-level-card-row { grid-template-columns: 1fr; row-gap: 0.7rem; }
  .actions { justify-content: flex-start; }
  .vip-level-card { padding: 0.65rem 1rem;}
  .vip-level-card-row { display: block; }
  .vip-level-card-cell { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0.35rem 0; min-height: auto; border-right: none; border-bottom: 1px solid #f1f4fb; }
  .vip-level-card-cell:last-child { border-bottom: none; }
  .last10Data{min-height: 33.8rem;}
}
@media(max-width:767px){  
  .tourFilterBar{margin: 1rem 0;}
  .tourFilterBar .srchBox{ width: 48%;}
  .activeTourList{margin-bottom: 1rem;}
  .activeTourList .panel{ flex: 0 0 calc(50% - 1rem);}
  /* .activeTourList .panel:last-child{flex: 100% !important} */
  .activeVipTotal .panel{ flex: 0 0 calc(50% - 0.5rem)!important;}
  /* .activeVipTotal .panel:last-child{flex: 0 0 calc(51.5% - 1rem)!important} */
  .tourFilterBar .srchBox .form-control{ width: 100%!important;}
  
}
@media (max-width: 575px) {
  .activeTourList .panel{ flex: 0 0 calc(51% - 1rem);} 
  .tourFilterBar .srchBox{ width: 44%;}
  .vip-level-card-cell { flex-wrap: wrap; }
}
.alert, p{white-space: normal; overflow-wrap: anywhere; word-break: break-word;}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn{ height: 40px; border: 1px solid #E4E7EC!important; border-radius: 8px!important;}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{right: 2px!important;}
ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{ font-weight: 500!important; font-size: 24px!important; color:#777!important; }