@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
--primary-gradient: linear-gradient(136deg, #256eb5 0%, #1966b1 100%);
--primary-color: #1966b1;
--secondary-color: #4785c1;
--text-color: #212121;
--border-grey: #D7D7D7;
--body-bg: #EFEFEF;
--lightgreen :#46BCAA;
--red :red;
}

/******** New Css ********/

/* General css */
*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:not([class*=fa-]){font-family: 'Kanit', sans-serif !important;}
*:not([class*=fa-])::first-letter{text-transform: uppercase;}
body { font-family: 'Kanit', sans-serif; font-size: 14px; line-height: 1.2; font-weight: 400; background-color: var(--body-bg);-webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: var(--text-color);}
p{font-size: 14px; margin: 0 0 15px;}
strong, b{font-weight: 600;}
img{max-width: 100%;}
h1, h2, h3, h4, h5, h6{margin: 0 0 30px; font-weight: 600;}
h1{font-size: 42px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 26px; margin: 0 0 20px;}
h5{font-size: 20px; margin: 0 0 18px;}
h6{font-size: 14px; margin: 0 0 16px;}
a:not(.btn, .btn-filter){text-decoration: underline; color: var(--text-color);}
a:not(.btn, .btn-filter):hover{color: var(--primary-color); text-underline-offset: 2px;}
label{margin: 0 0 3px; display: block; font-size: 14px; color: var(--text-color); font-weight: 400;text-transform: capitalize;}
.form-control, input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], input[type=file], select { width: 100%; padding: 5px 15px; margin: 0 0 16px; display: inline-block; border: 1px solid var(--border-grey); border-radius: 5px; font-size: 14px; color: var(--text-color); height: 36px; outline: 0; line-height: 1;background-color: #fff; font-family: 'Kanit', sans-serif;}
input[type=checkbox], input[type=radio] { accent-color: var(--primary-color);}
button, .btn{ background: var(--primary-gradient); color: #fff; padding: 14px 20px; border: none; cursor: pointer; font-size: 14px; font-weight: 600; display: inline-block; border-radius: 5px; line-height: 1.2;margin: 8px 0; text-transform: capitalize; text-decoration: none;}
button:hover, .btn:hover { background: var(--primary-color); color: #fff; }
.red{color: var(--red);}
.green{color: var(--lightgreen);}
.theme-bg{background: var(--primary-color);}
.theme-text{color: var(--primary-color);}
a{cursor: pointer;}

/* Modal css */
.modal-open { overflow: hidden }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; padding: 60px 0; }
.modal-dialog { position: relative; width: 94%; margin: 0 auto; pointer-events: none }
.modal.fade .modal-dialog { transition: transform .3s ease-out;}
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; border-radius: .5rem; outline: 0 }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 }
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop.show { opacity: .5 }
.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 0.6rem 1rem; border-radius:0.5rem 0.5rem 0 0;background: var(--primary-gradient);}
.modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto }
.modal-title { margin-bottom: 0; line-height: 1.5; color: #fff; font-size: 22px; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem }
.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) }
.modal-footer>*.btn { height: 30px; width: 30px; padding: 0; font-size: 28px; border-radius: 30px;display: inline-flex; line-height: 0; padding: 12px 0; justify-content: center; background: #fff; color: var(--primary-color); outline: 0;}
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }
.modal-content .modal-footer { position: absolute; right: -14px; top: -24px; padding: 0; border: 0; }
.modal-content .btn-submit { min-width: 150px; float: right; font-size: 18px; padding: 10px 20px; text-transform: capitalize;}
.modal form .row .col { flex: 1; }
.modal form .row:not(.hide){ display: flex !important; gap: 15px; }
.hide{display: none !important;}

@media (min-width:576px) {
.modal-dialog { max-width: 500px; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); }
.align-top-popup .modal-dialog { top: 0%; transform: none; }
.modal-dialog-scrollable { height: calc(100% - 3.5rem) }
.modal-dialog-centered { min-height: calc(100% - 3.5rem) }
.modal-sm { max-width: 300px }
}

@media (max-height:750px) {
.modal-dialog{transform: none; top: 0;}
}


/* custom select */
.wrapper-dropdown { position: relative; display: inline-block; max-width: 483px; border-radius: 5px; background: var(--primary-gradient); text-align: left; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 200px; padding: 5px; }
.scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; }
.wrapper-dropdown .arrow { margin-left: 10px; margin-right: 5px; float: right; rotate: 180deg; }
.wrapper-dropdown .selected-display { margin-left: 15px; white-space: pre; margin-top: 3px; display: inline-block; }
.wrapper-dropdown svg { transition: all 0.3s; }
.wrapper-dropdown::before { position: absolute; top: 50%; right: 16px; margin-top: -2px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #fff transparent; }
.wrapper-dropdown .rotated { transform: rotate(-180deg); }
.wrapper-dropdown .dropdown { transition: 0.3s; position: absolute; top: 110%; right: 0; left: 0; margin: 0; padding: 0; list-style: none; z-index: 99; border-radius: 5px; box-shadow: inherit; background: inherit; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; visibility: hidden; }
.wrapper-dropdown .dropdown li { padding: 0 15px; line-height: 35px; overflow: hidden; }
.wrapper-dropdown .dropdown li:last-child { border-bottom: none; }
.dropdown { padding: 0.5rem; }
.wrapper-dropdown .dropdown li:hover { background-color: var(--secondary-color); }
.wrapper-dropdown.active .dropdown { opacity: 1; visibility: visible;}

/* Accordian css */
.fade:not(.show) { opacity: 0 }
.collapse:not(.show) { display: none }
.collapsing { height: 0; overflow: hidden; transition: height .35s ease }
.accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; background-color: transparent; border: 1px solid rgba(0, 0, 0, .125); border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease }
@media (prefers-reduced-motion:reduce) {
.accordion-button { transition: none }
}
.accordion-button.collapsed { border-bottom-width: 0 }
.accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(180deg) }
.accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.accordion-button::after { transition: none }
}
.accordion-button:hover { z-index: 2 }
.accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) }
.accordion-header { margin-bottom: 0 }
.accordion-item:first-of-type .accordion-button { border-top-left-radius: .25rem; border-top-right-radius: .25rem }
.accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 1px; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem }
.accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem }
.accordion-collapse { border: solid rgba(0, 0, 0, .125); border-width: 0 1px }
.accordion-body { padding: 1rem 1.25rem }
.accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0 }
.accordion-flush .accordion-collapse { border-width: 0 }
.accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0 }
.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

/* Grid css */
[class*="grid-"] { display: grid; gap: 20px;}
.grid-1{grid-template-columns: repeat(1, 1fr);}
.grid-2{grid-template-columns: repeat(2, 1fr);}
.grid-3{grid-template-columns: repeat(3, 1fr); }
.grid-4{grid-template-columns: repeat(4, 1fr); }
.grid-5{grid-template-columns: repeat(5, 1fr); }
.grid-6{grid-template-columns: repeat(6, 1fr); }
.grid-7{grid-template-columns: repeat(7, 1fr); }
.grid-8{grid-template-columns: repeat(8, 1fr); }
.grid-9{grid-template-columns: repeat(9, 1fr); }
.grid-10{grid-template-columns: repeat(10, 1fr); }
.grid-11{grid-template-columns: repeat(11, 1fr); }
.grid-12{grid-template-columns: repeat(12, 1fr); }

.inner-box-grid{ background-color: #fff;padding: 15px;border-radius:10px; }


/* Login css */
.loginForm-section{ position: fixed; left: 0; top: 0; background: var(--text-color); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.loginForm-section::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../images/login-bg.jpg) no-repeat center right; background-size: cover; z-index: -1; opacity: 0.2;}
.loginForm-section .loginForm-wraper{padding: 20px; border-radius: 20px; max-width: 500px; width: 100%;}
.loginForm-section .loginForm-wraper .adminSide-logo{display: table; margin: 0 auto 30px; max-width: 360px;}
.loginForm-section .loginForm-wraper form{background-color: #fff; padding: 30px; border-radius: 20px; width: 100%; box-shadow: 0 0 10px 5px #0000001a;}
.loginForm-section .loginForm-wraper form h2{color:var(--primary-color); text-align: center;}
.loginForm-section .loginForm-wraper form input::placeholder{font-size: 14px; opacity: 0.4;}
.loginForm-section .loginForm-wraper form label b{color: var(--text-color); font-weight: 400;}
.loginForm-section .loginForm-wraper form button {width: 100%; border-radius: 30px; font-size: 14px; padding: 16px 20px; }
.cancelbtn { width: auto; padding: 10px 18px; background-color: var(--red); }
.imgcontainer { text-align: center; margin: 24px 0 12px 0; }
img.avatar { width: 40%; border-radius: 50%; }
span.psw { float: right; padding-top: 16px; }

/* Header */
.header { background: var(--primary-gradient); padding: 5px 20px; color: #fff; margin: 0 0 25px; position: sticky; top: 0; z-index: 1000; min-height: 67px;display: flex; justify-content: space-between;align-items: center; border-radius: 5px; }
.header .menu-top{display: flex; justify-content: space-between;align-items: center; width: 100%;}
.header .datre-time{ padding-left: 8px; font-size: 18px;}
.header .social-media span a{color: #fff; font-size: 14px;}
.header .social-media { display: flex; align-items: center; gap: 20px; }
.header .header_toggle{ display: flex; align-items: center; cursor: pointer;}
.header .header_toggle .bx-menu { font-size: 27px; }
.nav_link svg, .nav_link svg path{fill: var(--text-color);}
.nav_list .menu-item.cms-link .nav_link svg, .nav_list .menu-item.cms-link .nav_link svg path{fill: transparent; stroke: var(--text-color);}
.nav_link.active{color: var(--primary-color);}
.nav_link.active svg, .nav_link.active svg path{fill: var(--primary-color);}
.nav_list .menu-item.cms-link .nav_link.active svg, .nav_list .menu-item.cms-link .nav_link.active svg path{fill: transparent; stroke: var(--primary-color);}
div#nav-bar { position: fixed; left: 0; top: 0; background: #fff; height: 100%; max-width: 240px; overflow: hidden; z-index: 1000; transition: 0.5s;box-shadow: 0 0 20px 0px #8e8e8e;transform: translateX(-250px); width: 100%;}
.header.body-pd div#nav-bar{transform: translateX(0px);}
div#nav-bar nav.nav { position: absolute; height: calc(100% - 40px); width: 100%; overflow: auto; top: 40px; scrollbar-width: thin;
scrollbar-color: var(--primary-color) #F5F5F5; scroll-behavior: smooth; }
div#nav-bar nav.nav::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
div#nav-bar nav.nav::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}
div#nav-bar nav.nav::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: var(--primary-color);
}
.nav_list { display: flex; flex-wrap: wrap; gap: 20px; padding: 0 0 30px; }
.nav_list a { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; text-decoration: none; color: #000; padding: 10px 13px; cursor: pointer; }
.nav_list a span.nav_name { display: inline-block; width: 100%; }
body.fix-width-body { padding:0 15px; margin: 0; transition: 0.5s; }
/* body.fix-width-body.body-pd { padding-left: 260px;} */
.close-menu{display: none;}
.header .header_toggle .bx-menu.bx-x { position: fixed; top: 8px; left: 205px; color: var(--primary-color); z-index: 1000000; }
.header .header_toggle .bx-menu.bx-x + .datre-time{margin-left: 27px;}
.nav_list .menu-item.dropdown-link span.nav_name { padding-right: 15px; position: relative; }
.nav_list .menu-item.dropdown-link span.nav_name::after { content: ""; position: absolute; right: 2px; top: 3px; border-bottom: 2px solid var(--text-color); border-left: 2px solid var(--text-color); padding: 3px; transform: rotate(-45deg); transition: 0.5s; }
.nav_list .menu-item.dropdown-link .nav_link.active span.nav_name::after{border-color: var(--primary-color);transform: rotate(135deg);top: 6px;}
.nav_list .menu-item.dropdown-link .dropdown-menu:not(.open){display: none;}
.nav_list .menu-item.dropdown-link .dropdown-menu{padding-left: 28px;}
.nav_list > .menu-item, .nav_list > .menu-item>a{width: 100%;}

/* Table Css */
table { width: 100%; border-collapse: collapse; }
table th, table td{padding: 5px 8px; text-align: left;font-size: 12px;}
table th::first-letter, table td::first-letter{text-transform:uppercase;}
table td img{max-width: 100px;}
table td a:not(.btn, .btn-filter){text-decoration: underline; color: var(--text-color);}
table td a:not(.btn, .btn-filter):hover{color: var(--primary-color); text-underline-offset: 2px;}
table th{font-weight: 600;}
table tbody tr:nth-child(odd){background-color: #EAEEF7;}
table td .btn-group { display: flex; gap: 4px; justify-content: flex-end; }
table td .btn-group button, table td button, table td a.btn, table td button.btn{border-radius: 5px; padding:5px 8px; font-size: 12px; min-width: 38px; background: var(--primary-gradient); margin: 0; transition: 0.5s;font-weight: 400;display: inline-flex;align-items: center;justify-content: center;line-height: 1;text-transform: capitalize; white-space: nowrap; text-decoration: none;}
table td .btn-group button:hover, table td .btn-group button.btn:hover, table td button:hover, table td button.btn:hover, table td a.btn:hover{ box-shadow: inset 0 0 15px 15px #00000024, 0 2px 5px 0px #00000082; background: var(--primary-gradient); color: #fff;}
table td a.btn.delete, table td button.btn.delete{background: red;}
table td button.btn.update{background: #deb92e; min-width: 60px;}
table td button.btn.update.disable{opacity: 0.5;}
table td a.btn-green, table td button.btn-green{border-radius: 5px; padding: 5px; font-size: 12px; min-width: 45px; background: #059856; margin: 0; transition: 0.5s; color: #fff; line-height: 1.2;display: inline-block; text-align: center;  text-decoration: none;}
table td a.btn-green:hover { box-shadow: inset 0 0 15px 15px #00000024, 0 7px 10px 0px #00000082; color: #fff;}
table td .btn-group button.Deposite{ background: #059856; }
table td .btn-group button.PasswordChange { background: #feaa0a; }
table td .btn-group button.betLockStatus { background: #209aac; }
table td .btn-group button.StatusChange { background: #7d21d1; }
table td .btn-group button.CreaditChange { background: #fd664b; }
table td .btn-group button.betLockStatus.Locked{color: transparent; font-size: 0;}
table td .btn-group button.betLockStatus.Locked:after { content: "\f023"; font-family: "Font Awesome 6 Free" !important;color: #fff;font-size: 12px; font-weight: 900;}
table td span.role-type { background: #d9d499; color: #000; display: inline-block; padding: 3px 10px; border-radius: 7px; font-size: 12px; white-space: nowrap;}
table td .form-control, table td input[type=text], table td input[type=password], table td input[type=email], table td input[type=number], table td input[type=date], table td select{margin-bottom: 0; min-width: 150px;}
table th:last-child, table td:last-child{text-align: right;}
.table-data-section{background-color: #fff; padding: 15px; border-radius: 10px; overflow: auto;}
.table-data-section .table-heading { display: flex; justify-content: flex-end; align-items: flex-start; margin: 0 0 20px;}
.table-data-section .table-heading h3{font-size: 20px; color: var(--primary-color); display: flex; align-items: center; gap: 10px; display: none;}
.table-data-section .table-heading h3 svg path{fill: var(--primary-color);}
.table-data-section .table-heading-btn button { font-size: 14px; line-height: 16px; margin: 0; padding: 9px 20px; display: inline-flex; align-items: center; height: 36px; gap: 6px; }
.table-data-section .table-heading-btn .search{position: relative;}
.table-data-section .table-heading-btn .search input{padding-right: 50px;margin: 0;}
.table-data-section .table-heading-btn .search .input-group-prepend{position: absolute; top: 10px; right: 10px;}
.table-data-section .table-heading-btn .search .search-result{position: absolute; left: 0; width: 100%; top: 100%;z-index: 1;}
.table-data-section .table-heading-btn .search .search-result ul{ list-style: none; padding:0; border-radius: 5px;  margin: 0; background: var(--body-bg); border: 1px solid var(--border-grey); filter: drop-shadow(2px 4px 6px #999); max-height: 180px; overflow: auto; }
.table-data-section .table-heading-btn .search .search-result li{padding: 10px;border-bottom: 1px solid var(--border-grey); font-size: 13px; cursor: pointer;}
.table-data-section .table-heading-btn .search .search-result li:last-child{border-bottom: 0;}
.table-data-section .table-heading-btn{display: flex; gap: 5px; align-items: flex-end;}
.table-data-section .table-heading-btn form{display: flex; gap: 5px; margin: 0;}
.table-data-section .table-heading-btn input, .table-data-section .table-heading-btn select{margin-bottom: 0;}
/* Dashboard */
.new-head .input-group { flex-wrap: nowrap; }
.new-head .input-group input{margin-bottom: 0;}
.skin-data.green, .skin-data.red{ border-radius: 15px; padding: 10px; }
.skin-data.green{background-color: var(--lightgreen);}
.skin-data.red{background-color: var(--red);}
.skin-data.green h5, .skin-data.red h5{font-size: 18px; margin: 0 0 5px; padding: 0;color: #fff;}
.skin-data.green h6, .skin-data.red h6{font-size: 14px; margin: 0; padding: 0;color: #fff;}
.tab button.active{ color: #fff; background: var(--primary-color); }
.dropdown-toggle{width: auto !important; color: #fff !important; text-transform: capitalize;}
.summary-user-man{margin-bottom: 20px;}
.dashboard-bottom-grid{margin: 20px 0;}
.dashboard-welcome-section .welcome-info-btn{display: flex; gap: 10px; margin-bottom: 20px;}
.dashboard-welcome-section .welcome-info-btn .skin-data { flex: 1; height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dashboard-welcome-section .welcome-info-btn .skin-data h5{font-weight: 400; text-align: center; }
.hed-data { display: flex; align-items: center; margin: 0 0 15px; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.hed-data h3 { font-size: 20px; color: var(--primary-color); margin: 0; display: flex; align-items: center; gap: 10px;}
.hed-data h3 svg path{fill: var(--primary-color);}
.hed-data a{background: var(--primary-gradient); color: #fff; border-radius: 5px; text-align: center; font-size: 14px; text-decoration: none; padding: 11px 12px; line-height: 1; height: 36px;}
.hed-data a:hover, .hed-data a:focus{color: #fff;}
.hed-data .wrapper-dropdown{height: 36px; padding: 6px 0; min-width: 120px;}
.dashboard-welcome-section .new-head { display: flex; justify-content: space-between; margin: 0 0 25px; gap: 10px; }
.dashboard-welcome-section h3{margin: 0; font-size: 30px;}
.dashboard-welcome-section .new-head form, .dashboard-welcome-section .new-head .form { display: flex; align-items: end; gap: 10px; }
.dashboard-welcome-section .new-head form label, .dashboard-welcome-section .new-head .form label{width: 100%;}
.dashboard-welcome-section .new-head form .input-group, .dashboard-welcome-section .new-head .form .input-group { display: flex; position: relative; flex-wrap: wrap;}
.dashboard-welcome-section .new-head form .input-group input, .dashboard-welcome-section .new-head .form .input-group input{border-radius: 5px; height: 36px;}
.dashboard-welcome-section .new-head form .input-group input[class*='search'], .dashboard-welcome-section .new-head .form .input-group input[class*='search']{padding-right: 50px;}
.dashboard-welcome-section .new-head form .input-group .input-group-prepend, .dashboard-welcome-section .new-head .form .input-group .input-group-prepend { position: absolute; right: 12px; bottom: 8px; }
.dashboard-welcome-section .new-head form .input-group .wrapper, .dashboard-welcome-section .new-head .form .input-group .wrapper{position: absolute; left: 0; top: 100%; background: #fff; width: 100%; border: 1px solid #ddd; max-height: 280px; overflow: auto; z-index: 11;}
.dashboard-welcome-section .new-head form .input-group .wrapper ul, .dashboard-welcome-section .new-head .form .input-group .wrapper ul{margin: 0; list-style: none; padding: 0;}
.dashboard-welcome-section .new-head form .input-group .wrapper ul li, .dashboard-welcome-section .new-head .form .input-group .wrapper ul li{padding: 5px 15px; cursor: pointer;}
.dashboard-welcome-section .new-head form .input-group .wrapper ul li a, .dashboard-welcome-section .new-head .form .input-group .wrapper ul li a{color: var(--text-color); text-decoration: none;}
.dashboard-welcome-section .new-head form .input-group .wrapper ul li a:hover, .dashboard-welcome-section .new-head .form .input-group .wrapper ul li a:hover{text-decoration: underline;}
.dashboard-welcome-section .new-head form .input-group .wrapper ul li:hover, .dashboard-welcome-section .new-head .form .input-group .wrapper ul li:hover{background-color: #eee;}
.dashboard-welcome-section .new-head form .input-group .wrapper ul button, .dashboard-welcome-section .new-head .form .input-group .wrapper ul button { margin: 6px 15px 20px; height: auto; padding: 5px 10px; font-size: 13px; }
.dashboard-welcome-section .new-head form select, .dashboard-welcome-section .new-head .form select{height: 36px; width: 100%; margin: 0;}
.dashboard-welcome-section .new-head form button, .dashboard-welcome-section .new-head .form button{height: 36px; padding: 9px 20px; margin: 0;}

/* Tab data */
.data-table { max-width: 100%; width: 100%; overflow: auto;}
.tab-data-section{ background-color: #fff; padding: 30px; border-radius: 10px; }
.tab-data-section .tab { display: flex; gap: 10px; overflow: hidden; border-bottom: 3px solid var(--secondary-color);}
.tab-data-section .tab .tablinks { margin: 0; border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; background: var(--body-bg); color: var(--text-color); padding: 16px 20px; font-size: 14px; font-weight: 400; box-shadow: inset 0 0 20px 5px #00000014; display: flex; align-items: center; justify-content: center; text-transform: uppercase;}
.tab-data-section .tab .tablinks > img { height: 22px; width: auto; max-width: none; }
.tab-data-section .tab .tablinks.active{background: var(--secondary-color); color: #fff;}
.tab-data-section .tabcontent { background: var(--body-bg); padding:25px 15px; border-radius: 15px; border-top-left-radius: 0; border-top-right-radius: 0; }
.tab-data-section .tabcontent .table_data_details_{ background: #fff; padding: 35px; border-radius: 15px; }
.tab-data-section .tab-heading h4{color:var(--primary-color);}
.tab-data-section .tabcontent form .row{display: flex; gap: 20px;}
.tab-data-section .tabcontent form .row .col{flex: 1;}
.tab-data-section .tabcontent form button[type="submit"]{float:right; min-width: 200px; font-size: 14px; text-transform: capitalize;}
.tab-data-section .tabcontent div[class*="loadMoredive"] { text-align: center;}
.tab-data-section .tabcontent div[class*="loadMoredive"] a{background: var(--primary-gradient); color: #fff; padding: 14px 20px; border: none; cursor: pointer; font-size: 14px; font-weight: 600; display: inline-block; border-radius: 5px; line-height: 1.2; min-width: 160px; text-decoration: none;  margin: 50px 0 30px;}
.tab-data-section .tabcontent .table-top-from-data { display: flex; justify-content: space-between;align-items: center; margin: 0 0 20px; gap: 10px; flex-wrap: wrap; }
.tab-data-section .tabcontent .table-top-from-data > * { flex: auto; }
.tab-data-section .tabcontent .table-top-from-data > .btn-group{text-align: right;}
.tab-data-section .tabcontent .table-top-from-data .input-group{ display: flex; gap: 10px; flex-wrap: wrap; }
.tab-data-section .tabcontent .table-top-from-data .input-group input, .tab-data-section .tabcontent .table-top-from-data .input-group select{margin: 0; flex: auto; width: auto;}
.tab-data-section .tabcontent .table-top-from-data .cur-bet-amount-dv{font-size: 18px; font-weight: 600;}
.tab-data-section .tabcontent .table-top-from-data .cur-bet-amount-dv > span span{color: var(--primary-color);}
.tab-data-section .tabcontent .table-top-from-data .btn-group button{margin: 0; padding: 10px 20px; height: 36px; font-size: 14px;}

/* Role Managment */
.modal .updateRole .UpdateRole-form label h3{font-size: 20px; margin: 0 0 10px;}
.modal .updateRole .UpdateRole-form .user_controller label{display: inline-block;}
.createRole-form br{display: none;}
.createRole-form .option-group{display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin: 20px 0;}
.createRole-form .option-group .input_group { display: inline-flex; align-items: center; flex-direction: row-reverse;position: relative; }
.createRole-form .option-group .input_group label{background: var(--body-bg); padding: 10px; border-radius: 40px; padding-left: 35px; width: 100%;margin: 0;}
.createRole-form .option-group .input_group input[type="checkbox"]{position: absolute; left: 10px; top: 9px;}
.createRole-form .option-group h3 { font-size: 14px; margin: 0 0 10px; grid-column: span 2;}

/* Settelments */
/*.on-off-btn-section{ display: flex; flex-direction: column; align-items: center; }
.on-off-btn-section .on-off { display: inline-flex; width: 100px; height: 36px; align-items: center; justify-content: space-evenly; padding: 10px 13px; position: relative; color: var(--primary-color); font-weight: 500; }
.on-off-btn-section .on-off label.switch{position: absolute; left: 0; width: 100%; height: 100%; border: 2px solid var(--primary-color); margin: 0;overflow: hidden;border-radius: 30px;}
.on-off-btn-section .on-off label.switch span.slider{ position: absolute; background: var(--primary-color); right: 0; top: 0; height: 100%; width: 50%; transition: 0.5s; }
.on-off-btn-section .on-off label.switch input:checked + span.slider{left: 0; right: auto;}
.on-off-btn-section .on-off label.switch input{visibility: hidden; opacity: 0;}*/

.on-off-btn-section span { font-weight: 400; font-size: 14px; line-height: normal; color: var(--text-color); float: left; }
.on-off-btn-section span.on-off { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-items: center; align-content: center; line-height: 0; }
.on-off-btn-section span.on-off label.switch { position: relative; width: 46px; height: 22px; background: var(--primary-gradient); border-radius: 50px; display: inline-block; padding: 0; margin: 0 10px; line-height: 0; cursor: pointer; vertical-align: middle; }
.on-off-btn-section span.on-off label.switch input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; padding: 0; margin: 0; }
.on-off-btn-section span.on-off label.switch span.slider { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 4px; width: 18px; height: 18px; border-radius: 50%; background: white; display: inline-block; }
.on-off-btn-section span.on-off label.switch input:checked + span.slider { left: 4px; }

/* 25-8-23 */
.modal form .row .col img#img{max-width: 100px;}
.useracount-modal .modal-dialog{max-width: 1000px;}
.useracount-modal .modal-dialog table th, .useracount-modal .modal-dialog table td{font-size: 14px;}

/***** 28-8-2023 *****/
.setiing-admin { position: relative; }
.setiing-admin a { cursor: pointer; }
.setiing-admin ul { position: absolute; top: 120%; right: 0; width: 150px; display: inline-block; background: #ffffff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); border-radius: 8px; margin: 0; padding: 10px 15px; display: none; }
.setiing-admin ul.open-ul { display: block; }
.setiing-admin ul li { font-weight: 400; font-size: 14px; line-height: 1.2; color: #212121;background: transparent;  width: 100%; display: inline-block; text-transform: capitalize; list-style: none; padding: 0; margin: 0; }
.setiing-admin ul li:nth-child(n+2) { margin-top: 8px; }
.setiing-admin ul li button { font-weight: 400; font-size: 14px; line-height: 1.2; color: #212121;  background: transparent; border: none; border-radius: 0; text-transform: capitalize; padding: 0; margin: 0; }
.setiing-admin ul li:hover, .setiing-admin ul li:hover button { color: var(--primary-color); }

.modal .modal-content .modal-body form textarea.form-control { height: 200px; }

.Slider__management { width: 100%; display: inline-block; padding: 0 0 0; }
.Slider__management .tabs { width: 100%; display: inline-block; margin: 0 0 15px; }
.Slider__management .tabs span { font-weight: 500; font-size: 14px; line-height: 1.2; color: #ffffff; background: var(--primary-gradient); border: none; border-radius: 5px; display: inline-block; cursor: pointer; float: left; margin-right: 15px; padding: 10px 20px; }
.Slider__management .tabs span:last-child { margin-right: 0; }
.Slider__management .tabs span:hover { color: #ffffff; background: var(--primary-color); }
.Slider__management .tab-content + .tab-content { margin-top: 20px; }
.table-data-section.CMD__website, .table-data-section.CMD__website .table-data-section { background: transparent; border-radius: 0; padding: 0; }
.table-data-section.CMD__website > section { background-color: #fff; padding: 20px; border-radius: 10px; }
.table-data-section.CMD__website > section:nth-child(n+2) { margin-top: 30px; }

/* .Slider__management .tab-content .accordion-body form .col span { width: 100%; display: block; line-height: 1; margin: 0 0 16px; }
.Slider__management .tab-content .accordion-body form .col span label.switch { display: inline-block; margin: 0; line-height: 0; position: relative; top: 2px; }
.Slider__management .tab-content .accordion-body form .col span label.switch input { padding: 0; margin: 0; width: 15px; height: 15px; }
.Slider__management .tab-content .accordion-body form .col span label.switch .slider.round { margin: 0; } */
.Slider__management .tab-content .accordion-body .Table_heads { background: #ffffff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; margin: 20px 0 0; }
.Slider__management .tab-content .accordion-body .Table_heads .new-head { width: 100%; display: inline-block; }
.Slider__management .tab-content .accordion-body .Table_heads .new-head button { float: right; }
.Slider__management .tab-content .accordion-body .Table_heads .new-head h3 { float: left; }

/* .modal .modal-content .modal-body form.form-data25 .row.mt-2 .col span { width: 100%; display: block; line-height: 1; margin: 0 0 16px; }
.modal .modal-content .modal-body form.form-data25 .row.mt-2 .col span label.switch { display: inline-block; margin: 0; line-height: 0; position: relative; top: 2px; }
.modal .modal-content .modal-body form.form-data25 .row.mt-2 .col span label.switch input { padding: 0; margin: 0; width: 15px; height: 15px; }
.modal .modal-content .modal-body form.form-data25 .row.mt-2 .col span label.switch .slider.round { margin: 0; }

.modal .modal-content .modal-body form.form-data21 .row.mt-2 .col span { width: 100%; display: block; line-height: 1; margin: 0 0 16px; }
.modal .modal-content .modal-body form.form-data21 .row.mt-2 .col span label.switch { display: inline-block; margin: 0; line-height: 0; position: relative;}
.modal .modal-content .modal-body form.form-data21 .row.mt-2 .col span label.switch input { padding: 0; margin: 0; width: 15px; height: 15px; }
.modal .modal-content .modal-body form.form-data21 .row.mt-2 .col span label.switch .slider.round { margin: 0; } */

.table-data-section .table-heading.New_table_heading { width: 100%; display: block; margin: 0; }
.table-data-section .table-heading.New_table_heading h3 { display: block; float: left; }
.table-data-section .table-heading.New_table_heading .table-heading-btn { float: right; }

.table-data-section .data-table table tbody.new-body tr td .btn-group button.series_list a { color: #ffffff; text-decoration: none; }
.table-data-section .data-table table tbody.new-body tr td .on-off-btn-section { flex-direction: row; flex-wrap: nowrap; }

.Casino__control .accordian-item .acco:nth-child(n+2) { margin-top: 20px; }
.Casino__control .accordion{padding: 30px; background: #fff; border-radius: 10px;}
.Casino__control .accordion .accordion-item:nth-child(n+2) { margin-top: 20px; }
.Casino__control .accordion .accordion-item .accordion-collapse { border: 1px solid rgba(0, 0, 0, .125); border-top: none; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.Casino__control .tabcontent .tab-content .tabs__tab { margin: 0 0 20px; }

.Casino__control .accordion{margin-top: 10px;}
.Casino__control .accordion .accordion-body { font-weight: 400; font-size: 14px; line-height: 1.2; color: #212121; width: 100%; display: inline-block; vertical-align: middle; background: #ebebeb;}
.Casino__control .accordion .accordion-body .on-off-btn-section { width: calc(50% - 14px); float: left; margin-right: 20px; display: inline-block; background: #ffffff !important; border-right: 5px !important; padding: 8px 15px !important; border-radius: 5px !important; }
.Casino__control .accordion .accordion-body .on-off-btn-section:nth-child(2n+0) { margin-right: 0; }
.Casino__control .accordion .accordion-body .on-off-btn-section:nth-child(n+3) { margin-top: 20px; }
.Casino__control .accordion .accordion-body .on-off-btn-section span.on-off { float: right; }
.Casino__control .accordion .accordion-body .on-off-btn-section > span:not(.on-off) { width: calc(100% - 130px); }

body.fix-width-body.body-pd { width: 100%; float: right; }
body.fix-width-body { width: calc(100% - 240px); float: right; }

/* Mark Risk Analysis */
/* .liveMarket__risk .tab { width: 100%; display: inline-block; margin: 0 0 25px; }
.liveMarket__risk .tab button.tablinks { float: left; display: flex; align-items: center; margin: 0; padding: 12px 20px; margin-right: 12px; background: #b9b9b9; color: #000 }
.liveMarket__risk .tab button.tablinks.active{background: var(--primary-gradient); color: #fff;}
.liveMarket__risk .tab button.tablinks img { float: left; } */

.liveMarket__risk .tabcontent section { width: 100%; display: inline-block; background: #ffffff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; margin: 0 0 30px; }
.liveMarket__risk .tabcontent section .new-head { width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0; }
.liveMarket__risk .tabcontent section .new-head h3 { font-size: 26px; color: var(--primary-color); float: left; margin: 0; }
.liveMarket__risk .tabcontent section .new-head a.btn-filter { font-weight: 600; font-size: 14px; line-height: 16px; color: #fff; background: var(--primary-gradient); border: none; border-radius: 5px; display: inline-flex; align-items: center; height: 36px; gap: 6px; cursor: pointer; text-decoration: none; float: right; margin: 0; padding: 9px 20px; }
.liveMarket__risk .tabcontent section .new-head a.btn-filter:hover { color: #fff; background: var(--primary-color); }
.liveMarket__risk .tabcontent section .video-section-1 { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: #ffffff; margin: 15px 0 0; }
.liveMarket__risk .tabcontent section .video-section-1 .live-head {font-size: 18px;}

/* 31-8-23 */
.dashboard-main-wraper{ padding-bottom: 20px; }
.bredcum-container { margin: 0 0 20px; display: inline-block; }
.bredcum-container ul{margin: 0; padding: 0; list-style: none;}
.bredcum-container ul li{float: left; cursor: pointer;}
.bredcum-container ul li + li::before{content: '/'; margin: 0 6px; display: inline-block; vertical-align: middle; color: var(--text-color);}
.bredcum-container ul li a{font-size: 14px; vertical-align: middle; display: inline-block; color: var(--text-color); text-decoration: none;}
.bredcum-container ul li.active a{color: var(--primary-color);}
.bredcum-container ul li .bredcum-span-tag { display: inline-flex; background: #0ead65; color: #fff; line-height: 1; padding: 3px 5px; border-radius: 5px; font-weight: 300; margin-right: 5px; font-size: 12px; min-width: 40px; justify-content: center; align-items: center; }
table{position: relative;}
tr.empty_table { position: relative; height: 40px; width: 100%; }
tr.empty_table td{position: absolute; left: 0; bottom: 0; background-color: #EAEEF7; text-align: center; width:100%; height: 40px; line-height: 28px;}

/* Accordian Globle css */
.accordion button.accordion-button.collapsed { color: #212529; background: #ebebeb; border: 1px solid rgba(0, 0, 0, .125); outline: none; box-shadow: none; margin: 0; border-radius: 5px;}
.accordion button.accordion-button.collapsed::after {background-color: #000; -webkit-mask-image: url("../images/down-arrow.svg"); mask-image: url("../images/down-arrow.svg"); background-image: none; }
.accordion button.accordion-button:not(.collapsed){background: var(--primary-gradient); color: #fff; box-shadow: none; outline: 0; margin: 0; border-radius: 5px 5px 0 0;border: 1px solid rgba(0, 0, 0, .125);}
.accordion button.accordion-button:not(.collapsed)::after{background-color: #fff;-webkit-mask-image: url("../images/down-arrow.svg"); mask-image: url("../images/down-arrow.svg");background-image: none;}
.slider-form .submit-btns{margin-top: 30px; text-align: right;}
.slider-form .on-off-btn-section{display: inline-block;width: 100%; margin: 0 0 20px;}
.modal-content .btn-submit img{filter: invert(1); vertical-align: middle;}
.modal form .row .col.on-off-btn-section{margin: 15px 0;}
table td .ownAccDetails { color: var(--primary-color); font-weight: 500; text-decoration: underline; cursor: pointer; }

/* Risk Analysis */
.analysis-data { font-weight: 300; display: grid; grid-template-columns: 660px auto; gap:0 20px; }
.analysis-data strong { font-weight: 600; }
.analysis-data .title { display: flex; justify-content: space-between; align-items: center; background: var(--primary-color); color: #fff; padding: 10px 15px; border-radius: 30px; gap: 10px; }
.analysis-data .live-score-banner{grid-column: span 2; max-width: 660px;}
.analysis-data .live-score-banner .live-score{ padding: 8px; border-radius: 30px; background: #fff; border: 1px solid #d7d7d7; margin: 0 0 15px; }
.analysis-data .live-score-banner .live-score iframe{width: 100%; vertical-align: middle; border-radius: 20px;}
.analysis-data .live-score-banner .live-score:empty{display: none;}
.analysis-data .bets-table{padding: 8px; border-radius: 20px; background: #fff; border: 1px solid #d7d7d7; margin-bottom: 15px; overflow: auto;}
.analysis-data .bets-table .data-table::-webkit-scrollbar { display: none; }
.analysis-data .bets-table .data-table{ -ms-overflow-style: none; scrollbar-width: none; }
.analysis-data .bets-table .title{margin: 0 0 10px;}
.analysis-data .bets-table .title .btn-group{display: flex; gap: 4px; margin-left: 10px;}
.analysis-data .bets-table .title .min-max-modal { background: #fff; padding: 4px 10px; line-height: 1; height: auto; color: var(--primary-color); font-size: 12px; vertical-align: middle; margin: 0;}
.analysis-data .bets-table table th:last-child, .analysis-data .bets-table table td:last-child{padding-left: 0; padding-right: 0;}
.analysis-data .bets-table table tr .bets-option-btn{display: flex; width: 100%; gap: 10px; position: relative;}
.analysis-data .bets-table table tr .bets-option-btn .bets-btn-group{display: flex; gap: 10px; justify-content: center; flex: auto;}
.analysis-data .bets-table table tr .bets-option-btn .match-status-message { position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-weight: 600; color: red; background: rgb(0, 0, 0, 0.6); text-align: center; display: flex; align-items: center; justify-content: center; text-transform: uppercase; border-radius: 5px; }
.analysis-data .bets-table table tr .bets-option-btn .bets-btn { background-color: #72bbef; color: #000; padding: 2px 3px 3px; font-size: 14px; line-height: 1.1; min-width: 53px; height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; }
.analysis-data .bets-table table tr .bets-option-btn .bets-btn-group.pink .bets-btn{background-color: #f994ba;}
.analysis-data .bets-table table tr .bets-option-btn .bets-btn .small{font-size: 11px;}
.analysis-data .bets-table table tr th:first-child{width: 100%;}
.analysis-data .bets-table table tr  .min-max-text{white-space: nowrap; color: var(--primary-color);}
.analysis-data .bets-table .tab-data-section { all: unset; margin: 10px 0 0; display: inline-block; width: 100%; }
.analysis-data .bets-table .tab-data-section .tabcontent { all: unset; padding: 20px 0 0; margin: 0 0; display: inline-block; width: 100%; }
.analysis-data .bets-table table tr:not(:first-child, :last-child){border-bottom: 1px solid #ddd;}
.analysis-data .bets-table table tr:last-child td{padding-bottom: 0;}
.analysis-data .bets-table .tab-data-section .tabcontent table tr th{color: var(--primary-color);}
.analysis-data .bets-table .tab-data-section .tabcontent table tr th .bets-option-btn .bets-btn-group{text-transform: uppercase;}
.analysis-data .bets-table .tab-data-section .tabcontent table tr th:first-child{border-radius: 30px 0px 0px 30px;}
.analysis-data .bets-table .tab-data-section .tabcontent table tr th:last-child{border-radius: 0px 30px 30px 0px;}
.analysis-data .bets-table .tab-data-section .tabcontent.active{display: block;}
.analysis-data .bets-table .tab-data-section .tabcontent.hide-tab{display: none;}
.analysis-data .bets-table table tbody tr:nth-child(odd):not(:first-child){background-color: transparent;}
.analysis-data .sidebar .sidebar-title{background: var(--primary-color); color: #fff; font-weight: 600; padding: 10px; border-radius: 30px; cursor: pointer; position: relative; padding-right: 50px;}
.analysis-data .sidebar .sidebar-title::after{content: ""; position: absolute; right: 18px; top: 13px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; padding: 3px; transform: rotate(-45deg); transition: 0.5s;}
.analysis-data .sidebar .sidebar-title.active::after{transform: rotate(-225deg);top: 17px;}
.analysis-data .sidebar .sidebar-block{background: #fff; padding: 8px; border-radius: 20px; margin: 0 0 15px; border: 1px solid #d7d7d7;}
.analysis-data .sidebar .sidebar-block .sidebar-content{display: none; margin: 10px 0 0;}
.analysis-data .sidebar .sidebar-block .sidebar-content iframe{width: 100%;aspect-ratio: 1/0.60;}
.analysis-data .sidebar .sidebar-block .sidebar-content #load-more{margin-bottom: 0; margin-top: 10px;}
.analysis-data .main-tab-btn { grid-column: span 2; margin:  0 0 20px;}
.analysis-data .main-tab-btn ul { margin: 0; padding: 5px; display: inline-flex; gap: 10px; background: var(--primary-color); list-style: none; align-items: center; justify-content: center; border-radius: 40px; }
.analysis-data .main-tab-btn ul li button{background: transparent; min-width: 150px; margin: 0; border-radius: 30px;padding: 10px 20px;}
.analysis-data .main-tab-btn ul li button.active{background: #fff; color: #000;}
.analysis-data .sidebar .sidebar-block .sidebar-content .table-sort-input{ display: none; gap: 10px; align-items: center; justify-content: flex-end;}
.analysis-data .sidebar .sidebar-block .sidebar-content .table-sort-input .input{width: 180px;}
.analysis-data.show-open-bets-data{grid-template-columns: 100%;}
.analysis-data.show-open-bets-data .content-left, .analysis-data.show-open-bets-data .live-score-banner{display: none;}
.analysis-data.show-open-bets-data .sidebar .sidebar-block:not(.open-bets-table), .analysis-data.show-open-bets-data .sidebar .sidebar-block .sidebar-title{display: none;}
.analysis-data.show-open-bets-data .sidebar table thead tr{background: var(--primary-color);}
.analysis-data.show-open-bets-data .sidebar table thead tr th{color: #fff;}
.analysis-data.show-open-bets-data .sidebar table thead tr th:first-child{border-radius: 30px 0px 0px 30px; padding-left: 15px;}
.analysis-data.show-open-bets-data .sidebar table thead tr th:last-child{border-radius: 0px 30px 30px 0px; padding-right: 15px;}
.analysis-data.show-open-bets-data .sidebar .sidebar-block .sidebar-content .table-sort-input{display: flex;}
.analysis-data.show-open-bets-data .sidebar .sidebar-block .sidebar-content{margin-top: 0;}
.analysis-data.show-open-bets-data .sidebar .sidebar-block.open-bets-table .sidebar-content{display: block !important;}

/* 4-9-23 */
select, select option, input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; }
select, select option { font-family: 'Kanit', sans-serif !important; text-transform: capitalize;}
label.newDomainCheck input{vertical-align: middle;}
input[type=date]{gap: 4px; line-height: 32px; padding-top: 0; padding-bottom: 0;}
table tr td.date-time{white-space: nowrap;}
.table-data-section .table-heading-btn  .on-off-btn-section{max-width: 120px; text-align: center; margin-left: 5px;}
.table-data-section .table-heading-btn  .on-off-btn-section span.on-off{height: 36px;}
.dashboard-welcome-section .new-head h3 .match-odd-text { display: inline-block; color: var(--primary-color); font-size: 60%; border-left: 3px solid var(--primary-color); line-height: 1; padding-left: 12px; margin-left: 10px; vertical-align: middle; }
.liveMarket__risk .tab-data-section .tab .tablinks{text-transform: uppercase;}
.tab-data-section .tabcontent .full-adta{overflow: auto;}

/* 6-9-23 */
div#img img { height: auto; width: 100%; }
div#backgroundImage img.form__user-photo { max-width: 220px; width: 100%; }
.Slider__management button:not(.accordion-button){font-size: 14px; line-height: 16px; margin: 0; padding: 9px 20px; display: inline-flex; align-items: center; height: 36px; gap: 6px;}
.Slider__management .slider-form { background: #ffffff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; }

#load-more{ text-align: center; margin: 0 0 20px; }
#load-more button, #load-more .load-more{background: var(--primary-gradient); color: #fff; padding: 10px 20px; border: none; cursor: pointer; font-size: 14px; font-weight: 600; display: inline-block; border-radius: 5px; line-height: 1.2; min-width: 120px;}


/* 13-9-23 */
.modal .form-control, .modal input[type=text], .modal input[type=password], .modal input[type=email], .modal input[type=number], .modal input[type=date], .modal input[type=file], .modal select{height: 50px;}
.modal input[type="file"]{padding: 13px 10px;}
.modal button{height: 50px;}
.loginForm-section .loginForm-wraper form input, .loginForm-section .loginForm-wraper form button { height: 50px; }
.commision-popup .modal-dialog, .verticalMenuManager .modal-dialog { max-width: 680px;}
.user-status-section{display:inline-flex; gap: 5px;}
.user-status-section .user-status { display: inline-flex; font-size: 12px; height: 18px; width: 18px; background: #059856; color: #fff; align-items: center; justify-content: center; border-radius: 20px;}
.user-status-section .user-status.suspended {background: #f91818;}
.user-status-section .user-status.bet-lock{background: #aaa;}
.on-off-btn-section span.on-off label.switch{background:var(--border-grey)}
.on-off-btn-section span.on-off label.switch.on{background: var(--primary-color);}

.dashboard-welcome-section .new-head form .on-off, .dashboard-welcome-section .new-head .form .on-off{height: 36px;}
.bet-list-table .hide-row{display: none;}
.bet-list-table .show{display: table-row;}
.bet-list-table .bet-list-dropdown { display: inline-flex; align-items: center; gap: 4px; text-transform: capitalize; }
.bet-list-dropdown span{ display: inline-flex; height: 20px; width: 20px; background: transparent; text-align: center; padding: 5px 0; border-radius: 20px; align-items: center; justify-content: center; cursor: pointer;}
.bet-list-dropdown span svg{width: 12px; height: 12px; margin-top: 3px;}
.bet-list-dropdown span:hover, .bet-list-dropdown span.open{background: var(--primary-color);}
.bet-list-dropdown span:hover svg, .bet-list-dropdown span.open svg{fill:#fff;}
.bet-list-dropdown span.open svg{transform: rotate(180deg); transform-origin: center;margin-top: -1px;}

/* 15-9-23 */
table td a:not([class]):hover{color: var(--primary-color); text-decoration: underline;}
.bet-list-table tbody tr.show:nth-child(odd){background-color: #fff;}
.liveMarket__risk .tabcontent section{overflow: auto;}
td.childgameAnalist{cursor: pointer;}
.matchOddsBack.active{ display: inline-block; background: var(--primary-gradient); color: #fff; padding: 5px 12px; margin: 0 0 15px; border-radius: 5px; cursor: pointer; }
.matchOddsBack.active i{margin-right: 3px; font-size: 85%;}
.cursor-pointer{cursor: pointer;}
.form-data p[class*="deposite"], .form-data p[class*="withdraw"]{font-size: 18px; font-weight: 400; margin: 10px 0 27px; background: #e9e9e9; height: 40px; padding: 9px 16px; text-align:center; cursor: pointer; border-radius: 10px;}
.form-data p[class*="deposite"].active, .form-data p[class*="withdraw"].active{color: #fff; background: var(--primary-gradient);}
.game-analysis-heading-from .refresh{width: 100%;}

/* Text capital css */
.user-status-section{text-transform: capitalize;}
.row.createRole-form .option-group{width: 100%; margin: 0 0 20px;}

/* 27-9-23 */
.user-book-popup .data-table table{min-height: 20px;}
.user-book-popup .data-table table tr.totleCount, .user-book-popup .data-table table tr.headDetail{background-color: var(--primary-color);}
.user-book-popup .data-table table tr.totleCount td:first-child, .user-book-popup .data-table table tr.headDetail th{color: #fff;}
.user-book-popup .data-table table tr.totleCount td{font-weight: 700;}
.user-book-popup .modal-body{min-height: 218px;display: flex; flex-wrap: wrap;}
.user-book-popup .search{position: relative; margin: 0 0 20px; z-index: 11; width: 100%;}
.user-book-popup .search .input-group{position: relative;}
.user-book-popup .search .input-group .input-group-prepend{position: absolute; right: 12px; top: 11px;}
.user-book-popup .search .input-group input{margin:0; height: 36px; padding-right: 50px;}
.user-book-popup .search .wrapper { position: absolute; left: 0; top: 100%; background: #fff; width: 100%; border: 1px solid #ddd; max-height: 150px; overflow: auto; }
.user-book-popup .search .wrapper ul { margin: 0; list-style: none; padding: 0; }
.user-book-popup .search .wrapper ul li { padding: 5px 15px; cursor: pointer; }
.user-book-popup .search .wrapper ul li:hover { background-color: #eee; }
.user-book-popup .search .wrapper ul button { margin: 6px 15px 20px; height: auto; padding: 5px 10px; font-size: 13px; }
.myProfile-tab-section.tab-data-section .tabcontent form .row:not(:last-child) .col{display: flex; align-items: center; margin: 0 0 16px;}
.myProfile-tab-section.tab-data-section .tabcontent form .row:not(:last-child) .col label{min-width: 100px; margin: 0;}
.myProfile-tab-section.tab-data-section .tabcontent form .row:not(:last-child) .col input{margin: 0;}
.myProfile-tab-section.tab-data-section .tabcontent form.Wallet label{ display: inline-block; margin: 0 10px 0 0;}
.myProfile-tab-section.tab-data-section .tabcontent form.Wallet .btn-filter { font-size: 14px; padding: 6px 20px; }

.user-managment .hed-data{flex-wrap: nowrap;}
.user-managment .hed-data a.fix-h2{height: auto; color: #fff;}

/* 29-9-23 */
.data-table table tr.back { background-color: #72bbef; }
.data-table table tr.back + tr.back { border-top: 1px solid #64a7d7; }
.data-table table tr.lay{background-color: #f994ba;}
.data-table table tr.lay + tr.lay{border-top:1px solid #e289aa;}

/* 2-10-23 */
table.bet-list-table tbody tr:nth-child(odd){background: #fff;}
table.bet-list-table tbody tr{border-top: 1px solid #ddd;}
table.bet-list-table thead tr th:not(:first-child), table.bet-list-table tbody tr td:not(:first-child){text-align: center;}
table.bet-list-table tbody tr td:first-child{width: 50%;}
table.bet-list-table tbody tr.hide-row td:first-child{padding-left: 32px;}
table.bet-list-table tbody tr td input { min-width: 70px; width: 100%; text-align: center;}
.dashboard-welcome-section .new-head.bet-limit-breadcrum{align-items: center;}
.dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container{margin: 0;}
.bet-list-table th span.date-span, .bet-list-table td span.date-span{display: inline-block; margin-right: 16px;min-width: 105px;}
.bet-list-table th .date-match-wrap, .bet-list-table td .date-match-wrap{display: flex;}

.dashboard-welcome-section .new-head .betmonitor-heading-from { display: grid; grid-template-columns: repeat(5, 1fr); align-items: flex-start; }
.dashboard-welcome-section .new-head .betmonitor-heading-from .input-group{flex: auto; width: 100%;}
.dashboard-welcome-section .new-head .betmonitor-heading-from .input-group:last-child{margin-top: 17px;}
.dashboard-welcome-section .new-head .betmonitor-heading-from .input-group .refresh{width: 100%; max-width: 200px;}
.dashboard-welcome-section .bet-monitoring-heading{ flex-direction: column; }
.input_error { color: red; font-size: 12px; position: absolute; bottom: -14px; left: 2px; display: none; }
.input_error.active{display: block;}

.user-book-popup .modal-dialog{max-width: 1000px;}
.user-book-popup table tr.userBookParentTr .userBookParent{position: relative; padding-left: 25px;cursor: pointer; white-space: nowrap;}
.user-book-popup table tr.userBookParentTr .userBookParent::after { content: '+'; position: absolute; top: 50%; transform: translateY(-50%); left: 3px; font-weight: 400; font-size: 20px; line-height: 15px; height: 16px; width: 16px; border-radius: 16px; background: var(--primary-color); color: #fff; text-align: center; }
tr.tbl-data-href{cursor: pointer;}
.user-book-popup table tr.userBookParentTr.active .userBookParent::after { content: '-'; }
.user-book-popup table tr.children{ border: 1px solid #ddd; background: #fff; }
.user-book-popup table tr.userBookParentTr.active { border: 1px solid #ddd; background: #ededed; }
table td button.btn.flag-button svg{width: 15px; height: auto; fill: #fff;}

/* 9-10-23 */
.deposit-withdraw-modal span.below-input { margin: -10px 0 2px; width: 100%; text-align: right; color: var(--primary-color); float: right; font-weight: 500; }
.deposit-withdraw-modal .btn-submit{width: 100%; margin-top: 23px;}
.tab-data-section .tabcontent .commision-filter .table-top-from-data{justify-content: flex-end;}
.tab-data-section .tabcontent .commision-filter {display: flex; justify-content: flex-end; }
.tab-data-section .tabcontent .commision-filter .table-top-from-data .input-group{position: relative;}
.search-input-group .wrapper{position: absolute; left: 0; top: 100%; background: #fff; width: 100%; border: 1px solid #ddd; max-height: 280px; overflow: auto; z-index: 11;}
.search-input-group .wrapper ul{margin: 0; list-style: none; padding: 0;}
.search-input-group .wrapper ul li{padding: 5px 15px; cursor: pointer;}
.search-input-group .wrapper ul li a{color: var(--text-color); text-decoration: none;}
.search-input-group .wrapper ul li a:hover{text-decoration: underline;}
.search-input-group .wrapper ul li:hover{background-color: #eee;}
.search-input-group ul button { margin: 6px 15px 20px; height: auto; padding: 5px 10px; font-size: 13px; }

.analysis-data .bets-table table tr.market td .min-max-modal{margin: 4px 0 0; padding: 5px 8px; display: table;}
.analysis-data .bets-table table tr.market td .min-max-modal.disable{opacity: 0.5; pointer-events: none;}

/* 23-10-23 */
.dashboard-welcome-section .new-head .form .input-group a.btn.user-mng-btn { height: 36px; text-decoration: none; margin: 0; white-space: nowrap; padding: 10px 20px; width: 100%; text-align: center; }

tr[data-href], td[data-href]{cursor: pointer;}

.header .social-media span a span {position: absolute;top: -17px;right: -12px;width: 22px;height: 22px;background: red;border-radius: 50%;text-align: center;font-family: 'Kanit', sans-serif !important;font-weight: 400;font-size: 9px;line-height: normal;display: flex;align-items: center;justify-content: center;}

.header .social-media span a {
position: relative;
}


.loginForm-section .loginForm-wraper form button.loading{position: relative; overflow: hidden;}
.loginForm-section .loginForm-wraper form button.loading:after { content: ''; border: 4px solid var(--primary-color); border-radius: 50%; border-top: 4px solid #fff; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: absolute; top: 10px; left: 0; right: 0; margin: auto; z-index: 11; }
.loginForm-section .loginForm-wraper form button.loading:before { position: absolute; left: 0; top: 0; width: 100%; background: #fff; content: ''; z-index: 1; height: 100%; opacity: 0.5; }
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* 9-11-23 */
.payment-method-data-popup .payment-method-data .title { font-size: 20px; font-weight: 600; color: #000; }
.payment-method-data-popup .payment-method-data .title span { opacity: 0.8; font-size: 70%; font-weight: 400; display: inline-block; position: relative; padding-left: 12px; margin-left: 10px; vertical-align: middle;}
.payment-method-data-popup .payment-method-data .title span:after { content: ''; position: absolute; height: 7px; width: 7px; border-radius: 10px; background: #000; left: 0; top: 4px; opacity: 0.8;}
.payment-method-data-popup .payment-method-data .account-detail-container { border: 1px solid #e0e0e0; margin: 20px 0 10px; }
.payment-method-data-popup .payment-method-data .account-detail-container ul { margin: 0 0; padding: 0; list-style: none; }
.payment-method-data-popup .payment-method-data .account-detail-container ul li { font-size: 16px; color: #000; padding: 10px;}
.payment-method-data-popup .payment-method-data .account-detail-container ul li span { width: 98px; display: inline-block; opacity: 0.6; margin-right: 12px; vertical-align: middle; }
.payment-method-data-popup .payment-method-data .account-detail-container ul li + li { border-top: 1px solid #dfdfdf; }

/* 10-11-23 */
.header .social-media span a .notification-payment{position: relative; font-style: normal;}
.header .social-media span a .notification-payment svg{width: 26px; height: auto; fill: #fff;}
.header .social-media span a .notification-payment b { position: absolute; left: 0; color: var(--primary-color); font-size: 11px; top: 4px; right: 0; text-align: center; background: #fff; width: 14px; border-radius: 0 10px 10px 0; font-weight: 400; line-height: 1; }

/* 20-11-23 */
.dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container.settelment-bredcrum ul li{cursor: auto;}
.dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container.settelment-bredcrum ul li span, .dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container.settelment-bredcrum ul li a, .dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container.settelment-bredcrum ul li + li::before { font-size: 30px; color: #000; font-weight: 600; display: inline-block; vertical-align: middle;}
dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container.settelment-bredcrum ul li a{cursor: pointer;}
.dashboard-welcome-section .new-head.bet-limit-breadcrum .bredcum-container.settelment-bredcrum ul li a.active{color: var(--primary-color);}

/* 29-11-23 */
.data-table form.basicDetailsFOrmCOLORCODE .col { border: 1px solid #ddd; margin: 0 0 12px; padding: 11px 0 9px 90px; display: inline-block; width: 100%; position: relative; overflow: hidden;}
.data-table form.basicDetailsFOrmCOLORCODE .col label { display: inline-block; margin: 0 0 0 13px; vertical-align: middle; }
.data-table form.basicDetailsFOrmCOLORCODE .col input { margin: 0; width: 30px; padding: 0; border: 0; height: 33px; box-sizing: border-box; outline: 0; display: inline-block; line-height: 1; background: transparent; }
.data-table form.basicDetailsFOrmCOLORCODE .col .color-picker { position: absolute; left: 0; top: 0; overflow: hidden; background: #f5f5f5; padding: 2px 10px; height: 100%; border-right: 1px solid #ddd; width: 85px; text-align: center; }


/* 29-12-23 */
.modal-open .modal.deposit-withdraw-modal .modal-dialog .form-control{margin: 0 0 7px; height: 42px;}
.modal-open .modal.deposit-withdraw-modal .modal-dialog .form-data p[class*="deposite"], .modal-open .modal.deposit-withdraw-modal .modal-dialog .form-data p[class*="withdraw"]{margin: 0px 0 15px;}
.modal-open .modal.deposit-withdraw-modal span.below-input{margin: -6px 0 0px;}
.modal-open .modal.deposit-withdraw-modal .modal-content .btn-submit{height: 42px;}
table td button.commission-popup { background: transparent; box-shadow: none; color: inherit; padding: 0; }
.commissiondownup_popup .modal-dialog { max-width: 900px;}
table.commissionupdowntable th:last-child, table.commissionupdowntable td:last-child{text-align: left;}

/* 4-1-23 */
.header .social-media span.username-admin{display: flex;}
.header .social-media span.username-admin a { font-size: 12px; text-decoration: none; background: #fff; color: var(--primary-color); padding: 3px 12px; border-radius: 40px; font-weight: 500; }
.header .social-media span.username-admin span.bredcum-span-tag {display: inline-flex; background: #0ead65; color: #fff; line-height: 1; padding: 3px 5px; border-radius: 5px; font-weight: 300; margin-right: 5px; font-size: 12px; min-width: 40px; justify-content: center; align-items: center;}


/* 9-1-23 */
#myModaladduser #shareVisibleActual { align-items: flex-end; }
.loginForm-section .loginForm-wraper form.passcodeform h2{font-size: 20px;margin: 0 0 25px;}
.loginForm-section .loginForm-wraper form.passcodeform .passcodemsgbox{ text-align: center; display: flex; align-items: center; gap: 8px; justify-content: center;     flex-wrap: wrap;}
.loginForm-section .loginForm-wraper form.passcodeform .passcodemsgbox #passcodeb{color:var(--primary-color); border: 1px dashed var(--primary-color); padding: 4px 5px 3px; padding-right: 35px; position: relative; font-size: 12px;}
.loginForm-section .loginForm-wraper form.passcodeform .passcodemsgbox .copybutton {position: absolute; right: 0; top: 0; height: 100%; width: 30px; background: var(--primary-color); cursor: pointer;display: flex; align-items: center; justify-content: center;}
.loginForm-section .loginForm-wraper form.passcodeform .passcodemsgbox .copybutton svg{fill:#fff; width: 12px; height: auto;}
.loginForm-section .loginForm-wraper form.passcodeform .btn { text-decoration: none; padding: 7px 14px; margin: 30px auto 0; display: table; }

/* 12-1-24 */
.clockpicker-popover .popover-title{font-weight: 500 !important;}
.clockpicker-popover .text-primary{ color: var(--primary-color); }
.clockpicker-popover .clockpicker-button, .clockpicker-popover .clockpicker-button:hover, .clockpicker-popover .clockpicker-button:focus{ background: var(--primary-gradient); color: #fff;}

/* 25-1-24 */
table.bet-list-table td button.btn.update{height: 36px;}

/* 20-2-24 Alert Popup*/
.alert-popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1111;}
.alert-popup .popup-content{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:20px; width: auto; min-width: 300px; max-width: 600px; }
.alert-popup .popup-content p{font-size: 20px; margin: 0 0; padding: 0; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff; text-transform: uppercase;}
.alert-popup .close-popup { position: absolute; right: -12px; background: var(--primary-gradient); color: #fff; height: 30px; width: 30px; border: 0; line-height: normal; top: -14px; border-radius: 30px; cursor: pointer; padding: 0; margin: 0; font-weight: 600;}
.alert-popup#success .popup-content{ background: green;}
.alert-popup#error .popup-content{background: red;}

/* 7-8-25 */
img.form__user-photo { background: #ddd; padding: 7px; }
select { padding-right: 22px !important; background-image: url(../images/select-down-arrow.png); background-repeat: no-repeat; background-position: center right 6px; background-size: 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.table-data-section .table-heading-btn #load-more{margin-bottom: 0;}

/* 8-3-24 */
.table-data-section.CMD__website .table-heading.New_table_heading { display: flex; justify-content: space-between; }
.table-data-section.CMD__website .table-heading-btn{width: auto;}
.table-data-section.CMD__website .table-heading-btn button{gap: 2px; white-space: nowrap; padding: 9px 15px;}
.table-data-section .table-heading-btn #load-more .load-more{width: 100%;}

/* 11-3-24 */
header .nav_list a{text-transform: capitalize;}
.dashboard-welcome-section .new-head .betmonitor-heading-from { align-items: flex-end; }
.dashboard-welcome-section .new-head .betmonitor-heading-from .input-group.refresh-download-btns{flex-wrap: nowrap; white-space: nowrap;}
.dashboard-welcome-section .new-head .betmonitor-heading-from .input-group.refresh-download-btns .refresh + button { margin-left: 5px; }
.dashboard-welcome-section .new-head .betmonitor-heading-from .input-group.refresh-download-btns .refresh { max-width: 140px; }

/* 2-4-24 */
.scorecard-livetv .input-group { display: flex; gap: 0 5px; align-items: center; }
.scorecard-livetv .input-group + .input-group{margin-top: 8px;}
.scorecard-livetv .input-group p{margin: 0; width: 82px; font-weight: 600;}
.scorecard-livetv .input-group p:after { content: ':'; }
.scorecard-livetv .input-group label{padding: 5px; border-radius: 5px; vertical-align: middle; line-height: 1; position: relative; border:1px solid var(--primary-color); color: var(--primary-color);}
.scorecard-livetv .input-group label.checked{background: var(--primary-color); color: #fff;}
.scorecard-livetv .input-group label input{display: none;}

/* 22-4-24 */
.sort_up span, .sort_down span{display: flex; align-items: center;}
.sort_up i, .sort_down i{margin-left: 5px;}
.liveMarket__risk .tabcontent section .video-section-1 .video-play{background: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 8px;  }
.liveMarket__risk .tabcontent section .video-section-1 .video-play .hed-data {margin: 5px 0 6px; text-transform: capitalize; padding: 0 8px;}

/* 29-4-24 */
.header .admin-side-logo img{max-width: 150px;}

/* 3/9/24 */
.betauthorization .boxes { display: flex; gap: 16px; margin: 3px 0 8px; }

/* 4-9-24 */
.dashboard-bottom-grid .white-lable{grid-column: 1 / span 2;}
/* 6-9-24 Multiselect Dropdown*/
.multiselect-dropdown{ display: flex; align-items: center; padding: 5px; border-radius: 4px; border: 1px solid var(--border-grey); background-color: white; position: relative; padding-right: 22px !important; background-image: url(../images/select-down-arrow.png); background-repeat: no-repeat; background-position: center right 6px; background-size: 10px; width: 100% !important; flex-wrap: wrap; gap: 6px; min-height: 36px;}
.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder{ border-radius: 4px; display:inline-block; line-height: normal;}
.multiselect-dropdown span.optext{ background-color:lightgray; padding:1px 0.75em; font-size: 13px;}
.multiselect-dropdown span.optext .optdel { float: right; margin: 0 -6px 1px 5px; font-size: 0.7em; margin-top: 2px; cursor: pointer; color: #666; }
.multiselect-dropdown span.placeholder{ color:var(--text-color); margin-left: 8px;}
.multiselect-dropdown-list-wrapper{ box-shadow: gray 0 3px 8px; z-index: 100; padding:2px; border-radius: 4px; border: solid 1px #ced4da; display: none; position: absolute; top:0; left: 0; right: 0; background: white; }
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search{ margin-bottom:5px; }
.multiselect-dropdown-list{ padding:2px; overflow:auto; height: 11rem !important;}
.multiselect-dropdown-list::-webkit-scrollbar { width: 6px; }
.multiselect-dropdown-list::-webkit-scrollbar-thumb { background-color: #bec4ca; border-radius:3px; }
.multiselect-dropdown-list > div{ padding: 5px; display: flex; align-items: center;}
.multiselect-dropdown-list input { height: 1.15em !important; width: 1.15em !important; margin-right: 0.35em; margin-top: 0 !important; }
.multiselect-dropdown-list label{margin: 0;}
.multiselect-dropdown-list div:hover{ background-color: var(--border-grey); }
.multiselect-dropdown span.maxselected {width:100%;}
.multiselect-dropdown-all-selector {border-bottom:solid 1px var(--border-grey);}

/* 9-9-24 */
table.betlist-table tr:not(.lay, .back) td{border-left: 1px solid var(--border-grey);}



/* 24-1-25 */
.tab-data-section .tab .tablinks{flex-wrap: wrap; white-space: nowrap; gap: 3px 0; height: auto;}
.Book-data-model .modal-dialog { max-width: 1300px; }
.Book-data-model .modal-dialog .maincontent{overflow: hidden; border-radius: 0.5rem;}
.Book-data-model .modal-dialog .maincontent .liveMarket__risk { max-height: calc(100vh - 120px - 53px); min-height: calc(100vh - 120px - 53px); overflow: auto; }
.Book-data-model .liveMarket__risk .tabcontent section .new-head h3{font-size: 18px;}
.Book-data-model .liveMarket__risk .tab-data-section{padding: 20px;}

/* Bonus Section 25-6-25 */
.bonus-tab-section .tab-data-section .tab .tablinks span{white-space: normal; text-transform: none;}
.bonus-tab-section .tabcontent > .row > form { display: flex; flex-wrap: wrap; gap:0 20px;}
.bonus-tab-section .tabcontent > .row > form .input-group { width: calc(50% - 10px); }
.bonus-tab-section .tabcontent .submit-sec { display: inline-block; vertical-align: middle; width: 100%; }

.apply-criteria { margin: 20px 0 0; display: inline-block; width: 100%; vertical-align: middle; }
.apply-criteria form{ display: flex ; flex-wrap: wrap; gap:0 20px;}
.apply-criteria form .btn-submit{margin-left: auto;}
.apply-criteria .apply-criteria-box{ border: 1px solid #6610f2; margin: 0 0 20px; padding: 0 15px 10px; background: #fff; width: 49%; flex: auto; }
.apply-criteria .table-heading h3 { font-size: 20px; margin: 0 -15px 10px; background: var(--primary-color); color: #fff; padding: 8px 15px; }
.apply-criteria .apply-criteria-input .on-off-btn-section { margin: 3px 0 -1px; display: inline-block; vertical-align: middle; padding: 6px 5px; border: 1px solid #ddd; border-bottom: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.apply-criteria .limit-validation > input { border-top-left-radius: 0; }
.apply-criteria .plus-minus-div span { height: 35px; display: inline-flex; background: #6610f2; vertical-align: middle; align-items: center; justify-content: space-between; color: #fff; padding: 0 15px 0 7px; line-height: 1; font-size: 14px; font-weight: 500; text-transform: uppercase; cursor: pointer; border-radius: 20px; gap: 7px; margin-right: 5px; }
.apply-criteria .plus-minus-div span.hide{display: none;}
.apply-criteria .plus-minus-div span svg{width: 20px; height: 19px; fill: #fff;}
.apply-criteria span.error-input { color: red; margin: -10px 0 15px; display: block; }
.apply-criteria .add-contener { display: flex; width: 100%; vertical-align: middle; margin: 20px 0; gap: 20px; border: 1px solid #ddd; background: #f5f5f5; padding: 20px; border-radius: 9px; }
.apply-criteria .add-contener > div { flex: auto; width: 30%; }
.apply-criteria .add-contener h4 { font-size: 20px; margin: 0 0 20px; }
.apply-criteria #userTiredStatusDIV .on-off-btn-section { display: inline-block; vertical-align: middle; margin: 0 0 15px; }

/* 4-9-25 */
.analysis-data .bets-table.digit-table .data-table tr .bets-option-btn .bets-btn-group{gap: 4px; justify-content: flex-end; flex-wrap: wrap; margin-left: auto; }
.analysis-data .bets-table.digit-table .data-table tr .bets-option-btn .bets-btn-group .bets-btn { min-width: auto; height: 35px; width: 35px; border-radius: 35px; display: flex;}
.analysis-data .bets-table.digit-table .data-table table tbody tr:nth-child(odd){background: transparent;}