.tabContainerNoPd .MuiContainer-root {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tabContainerNoPd .MuiCardContent-root {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.filterBorderClass {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.payoutPage {}

.collaps_row {
    margin-bottom: 20px !important;
}

.payoutPage .MuiInputBase-input {
    padding: 14px;
}

.betTktCodePage {}

.betTktCodePage .MuiInputBase-input {
    padding: 14px;
}

.betSuggetionDv {
    max-width: 300px;
    margin: 0 auto;
    margin-right: 10px;

}

.betSuggetionDv li {
    margin: 0 5px;
}

.MuiDateRangeCalendar-root>div:first-of-type {
    opacity: 0;
}

.popCloseicon {
    position: relative;
    left: 0;
    top: 0
}

.react-tel-input .form-control {
    height: 56px !important;
    width: 100% !important;
}

.slectInput .MuiInputLabel-root {
    background: #fff;
}

.dropdown {
    position: absolute;
    right: 80px
}

.profilePage {}

.profilePage .MuiTabPanel-root {
    padding: 0 !important;
}



.input-label {
    transform: translateY(-8px) translateX(15px) scale(0.75);
}


.mrg46 {
    margin-left: 16px;
}


.statusLabel {
    position: relative;
}

.statusLabel:after {
    position: absolute;
    content: '';
    border: 8px solid transparent;
    top: 4px;
    border-radius: 10px;
    left: -24px;
}

.statusLabel.win:after {
    border-color: #3E9C00 !important;
}

.statusLabel.lost:after {
    border-color: #FF0C0C !important;
}

.statusLabel.running:after {
    border-color: #FDC500 !important;
}

.statusLabel.reserve:after {
    border-color: #009DE0 !important;
}

.statusLabel.paid:after {
    border-color: #00dfaf !important;
}

.statusLabel.cancelled:after {
    border-color: #86E5F7 !important;
}

.statusLabel.half_win:after {
    border-color: #70fad0 !important;
}

.statusLabel.refused:after {
    border-color: #9C9292 !important;
}

.statusLabel.refusedUser:after {
    border-color: #FF5C00 !important;
}

span.status {
    border: 8px solid transparent;
    top: 4px;
    border-radius: 10px;
    display: inline-flex;
}

span.status.win {
    border-color: #27951e !important;
}

span.status.lost {
    border-color: #FF0C0C !important;
}

span.status.running {
    border-color: #FDC500 !important;
}

span.status.reserve {
    border-color: #009DE0 !important;
}

span.status.paid {
    border-color: #00dfaf !important;
}

span.status.cancelled {
    border-color: #86E5F7 !important;
}

span.status.refused {
    border-color: #9C9292 !important;
}

span.status.refusedUser {
    border-color: #FF5C00 !important;
}

.otpImputClass {
    width: 50px;
    height: 50px;
    padding: 5px;
    margin: 5px;
    text-align: center;
    font-size: 20px;
}

.dashboardPage {}

.dashboardPage .card_1.MuiCard-root {
    background-color: #D1E9FC;
    box-shadow: none;
}


.dashboardPage .card_2.MuiCard-root {
    background-color: #FFF7CD;
    box-shadow: none;
}


.dashboardPage .card_3.MuiCard-root {
    background-color: #FFE7D9;
    box-shadow: none;
}


.dashboardPage .card_4.MuiCard-root {
    background-color: #DEDBFF;
    box-shadow: none;
}

.dashboardPage .card_5.MuiCard-root {
    background-color: #ffeedb;
    box-shadow: none;
}

.dashboardPage .card_6.MuiCard-root {
    background-color: #bef7ce;
    box-shadow: none;
}

.selectSmall .label {
    font-size: 14px !important;
}


.appWebsite .apexcharts-legend {
    justify-content: flex-start !important;
    position: relative;
}

#cta {}

/* #cta .arrow {
    right: 12px;
} */

.arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 12px;
    height: 12px;
    background-size: contain;
    top: -8px;
    right: 6px;
}




@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }

    25% {
        opacity: 0;
        transform: translateY(-10px) scale(0.9);
    }

    26% {
        opacity: 0;
        transform: translateY(10px) scale(0.9);
    }

    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



@keyframes bounceAlphaDown {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }

    25% {
        opacity: 0;
        transform: translateY(10px) scale(0.9);
    }

    26% {
        opacity: 0;
        transform: translateY(-10px) scale(0.9);
    }

    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}

.bounceAlphaDown {
    animation-name: bounceAlphaDown;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


.arrow.primera.bounceAlphaDown {
    animation-name: bounceAlphaDown;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}




.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.round:hover .arrow {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.round:hover .arrow.primera {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.blinkAnimation {

    animation: opAnimation 0.5s linear 0.5s infinite alternate;
}

@keyframes opAnimation {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.error {
    border-color: red;
}

.error-message {
    color: red;
    font-size: 15px;
}

.css-7j79nl-MuiTableCell-root {
    border-bottom-width: 0px;
}

/* .depositTable .MuiTableCell-root, */
.depositTable {
    background-color: #eeeeee;
    display: flex;
    margin-top: 10px;

}

.depositTable .MuiTableCell-root {
    background-color: #eeeeee;
}

/* new styling 12-01 */


.leftNaavigationSec {}

.leftNaavigationSec .MuiList-root {
    padding-left: 10px;
}


.boxGrid .MuiCard-root {
    box-shadow: none;
}

/* .cardDesign .theme_1.MuiCard-root, */
.cardDesign .blue_900.MuiGrid-root {
    border-color: #061B64 !important;
}

.cardDesign .blue_900 .MuiTypography-root {
    color: #061B64 !important;
}

.cardDesign .blue_500.MuiGrid-root {
    border-color: #349895 !important;
}

.cardDesign .blue_500 .MuiTypography-root {
    color: #349895 !important;
}

.cardDesign .Bets.MuiGrid-root {
    border-color: #580fb7 !important;
}

.cardDesign .Bets .MuiTypography-root {
    color: #580fb7 !important;
}


.cardDesign .coffy_300.MuiGrid-root {
    border-color: #AF5E2F !important;
}

.cardDesign .coffy_300 .MuiTypography-root {
    color: #AF5E2F !important;
}

.cardDesign .orange_111.MuiGrid-root {
    border-color: #ea8d57 !important;
}

.cardDesign .orange_111 .MuiTypography-root {
    color: #ea8d57 !important;
}

.cardDesign .orange_112.MuiGrid-root {
    border-color: #ae853f !important;
}

.cardDesign .orange_112 .MuiTypography-root {
    color: #ae853f !important;
}

.cardDesign .User_Balance.MuiGrid-root {
    border-color: #27469e !important;
}

.cardDesign .User_Balance.MuiTypography-root {
    color: #27469e !important;
}

.cardDesign .Deposit.MuiGrid-root {
    border-color: #45950c !important;
}

.cardDesign .Deposit .MuiTypography-root {
    color: #45950c !important;
}

.cardDesign .coffy_500.MuiGrid-root {
    border-color: #794417 !important;
}

.cardDesign .coffy_500 .MuiTypography-root {
    color: #794417 !important;
}

.cardDesign .theme_6.MuiGrid-root {
    border-color: #5662e9 !important;
}

.cardDesign .theme_6 .MuiTypography-root {
    color: #5662e9 !important;
}


.cardDesign .purple_500.MuiGrid-root {
    border-color: #373083 !important;
}

.cardDesign .purple_500 .MuiTypography-root {
    color: #373083 !important;
}



.cardDesign .purple_800.MuiGrid-root {
    border-color: #61336C !important;
}

.cardDesign .purple_800 .MuiTypography-root {
    color: #61336C !important;
}


.cardDesign .purple_900.MuiGrid-root {
    border-color: #473771 !important;
}

.cardDesign .purple_900 .MuiTypography-root {
    color: #473771 !important;
}

.cardDesign .green_100.MuiGrid-root {
    border-color: #125658 !important;
}

.cardDesign .green_100 .MuiTypography-root {
    color: #125658 !important;
}

.cardDesign .green_500.MuiGrid-root {
    border-color: #30714A !important;
}

.cardDesign .green_500 .MuiTypography-root {
    color: #30714A !important;
}

.cardDesign .green_900.MuiGrid-root {
    border-color: #1C5942 !important;
}

.cardDesign .green_900 .MuiTypography-root {
    color: #1C5942 !important;
}

.cardDesign .pink_300.MuiGrid-root {
    border-color: #472D36 !important;
}

.cardDesign .pink_300 .MuiTypography-root {
    color: #472D36 !important;
}

.cardDesign .pink_500.MuiGrid-root {
    border-color: #6A333E !important;
}

.cardDesign .pink_500 .MuiTypography-root {
    color: #6A333E !important;
}


.cardDesign .coffy_900.MuiGrid-root {
    border-color: #634E25 !important;
}

.cardDesign .coffy_900 .MuiTypography-root {
    color: #634E25 !important;
}

.cardDesign .profitGreen.MuiGrid-root {
    border-color: #3E9C00 !important;
}

.cardDesign .profitGreen .MuiTypography-root {
    color: #3E9C00 !important;
}


.cardDesign .lossRed.MuiGrid-root {
    border-color: #FF0C0C !important;
}

.cardDesign .lossRed .MuiTypography-root {
    color: #FF0C0C !important;
}



.cardDesign .theme_12.MuiCard-root {
    background-color: #F0DDB9;
}

.cardDesign .theme_12 .MuiTypography-root {
    color: #634E25;
}


.boxGrid .MuiCardContent-root {
    padding: 16px 10px !important;
}


.cardDesign .MuiPaper-root {
    border-radius: 8px !important;
}

.dispaly_flex {
    display: flex;
}

.rtpHight {
    background-color: #FFD0D4;
}

.MuiListItemButton-root.active {
    background-color: rgba(145, 158, 171, 0.3);
}

.boxGrid .MuiGrid-grid-sm-6 {
    padding: 5px !important;
}


.acordianStyle {
    background-color: #f1f1f1;

}

.ngMargin {
    width: calc(100% + 24px);
    margin-left: -24px;
    margin-top: 10px;
}

.ngMargin .MuiCollapse-root {
    /* width: calc(100% + 24px);
    margin-left: -24px; */
}

.ngMargin .MuiCollapse-root .MuiGrid-root {
    width: calc(100% + 0);
    margin-left: 0;
    margin-top: 5px !important;

}

.ngMargin .MuiCollapse-root .MuiGrid-root:first-of-type {
    margin-top: 5px !important;
}



.marginNg5 {
    margin-top: -5px;
}

/* new styling 12-01 end*/

.nomarginLR {
    margin-left: 0 !important;
    margin-top: 0 !important;
    gap: 25px;
    justify-content: flex-start;
}

.rolePermissionText .MuiTypography-root {
    font-weight: 600 !important;
    padding-left: 10px;
}

.creatMenuSelect .MuiSelect-select {
    max-height: 22px !important;
}


.adminUserPage svg {
    font-size: 13px !important;
}


.adminUserPage .MuiTableCell-root {
    padding: 16px 10px !important;
}



.modalLogo {
    width: 80px;

}



.inputBxInc {
    margin-top: 10px;
    max-width: 150px;
}



.vatTable .MuiTableCell-root {
    padding: 5px 0;
    border: 0px;
}

.inputBxHolder {}

.leagueNameChk {}

.sportName {
    font-weight: 700;
    font-size: 17px;
}

.locationTitle {
    font-weight: 700;
}

.topLvlAccordain {
    background-color: #F6F6F6;
    width: 100%;
}

.locationStack .MuiAccordion-root {

    flex-basis: 32%;
    margin: 5px 5px;

}

.topLvlAccordain,
.topLvlAccordain .MuiAccordion-root {
    border-radius: 8px !important;
}

.topLvlAccordain .MuiAccordion-root:before {
    background-color: transparent !important;
}


.topLvlAccordain .MuiAccordionDetails-root {
    padding-top: 0 !important;

}


.locationStack .Mui-expanded.MuiAccordionSummary-root {
    border-bottom: 1px solid #e5e5e5;
}

.locationStack .MuiAccordionSummary-content.Mui-expanded {
    margin: 10px 0 !important;
}

.locationStack .MuiAccordionSummary-root {
    min-height: 46px !important;
}

.locationGridContainer {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: masonry;

}

.leagueNameChk .MuiListItemText-root {
    font-size: 13px !important;
}

.leagueNameChk .MuiListItemIcon-root {
    min-width: 46px !important;
}


.searchMrg .MuiFormControl-root {
    margin: 5px;
}

.topclass {
    font-size: 13px !important;
    min-width: 46px !important;
    margin: 5px;
    background-color: #e9e9e9;
    border-radius: 8px;
}



.topleaguseHolderAdmin {}

.leagueSearch {
    margin-left: 24px;
}

.leagueCardHolder {
    padding-top: 0 !important;
}

.beslip_open {
    background-color: #FEE488;
}

.beslip_lost {
    background-color: #FFBCBC;
}

.beslip_win {
    background-color: #C9FCD2;
}

.besliphalf_win {
    background-color: #70fad0;
}

.beslip_canceled {
    background-color: #86E5F7;
}

@media screen and (max-width: 1366px) {

    .tktPrievePop,
    .tktDpop {
        max-height: 590px !important;
    }

    .modalLogo {
        width: 50px;
    }

    .tktTitle {
        font-size: 16px;
        font-weight: bold;
    }

    .bettktTxt .MuiTypography-root {
        font-size: 10px !important;
    }

    .beId {
        margin-top: 6px !important;
    }

    .beId .MuiTypography-root {
        font-size: 11px !important;
    }

    .playerTxt .MuiTypography-root {
        font-size: 12px !important;
    }

    .akoTitleDv .MuiTypography-root {
        font-size: 13px !important;
    }

    .footspName .MuiTypography-root {
        font-size: 9px !important;
        margin-bottom: 4px !important;
    }

    .sportNametXt .MuiTypography-root {
        font-size: 10px !important;
    }

    .oddDevider {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .depositTable {
        margin-top: 10px;
    }


    .depositTable .MuiTypography-root {
        font-size: 10px !important;
    }

    .tktMxHeight {
        max-height: 180px !important;
    }

    .urlBtn {
        font-size: 11px !important;
    }


    .boxGrid .MuiGrid-grid-sm-6 {
        flex-basis: 25%;
        max-width: 25%;
    }

}

/*  */


.gridlayoutContainer {
    max-width: 800px;
    margin: 0 auto;
}

.gridlayoutContainer .MuiGrid-root {
    border: 1px solid #ccc;
    padding: 8px !important;
    border-bottom: 0;

}

.gridlayoutContainer .MuiGrid-root:last-of-type,
.gridlayoutContainer .MuiGrid-root:nth-last-child(2) {
    border-bottom: 1px solid #ccc !important;
}

/* new css */



@media screen and (max-width: 1199px) {
    .dropdown.slectInput {
        position: relative;
        display: flex;
        flex-direction: column;
        right: 0;
    }

    .dropdown.slectInput .MuiFormControl-root {
        margin-bottom: 10px;
    }


}




@media screen and (max-width: 900px) {

    .locationStack .MuiAccordion-root {

        flex-basis: 100%;
        margin: 5px 5px;

    }


}



/* dashboard page */



/* .input-field {
    margin-top: 0.5rem;
} */



/* responsive media query */

/* dashboard card static css */
.leftNaavigationSec {}

.leftNaavigationSec .MuiList-root {
    padding-left: 10px;
}


.cardDesign .card_1.MuiCard-root {
    background-color: #C7EDEE;
    box-shadow: none;
}

.cardDesign .card_1 .MuiTypography-root {
    color: #125658;
}

.cardDesign .card_2 .MuiTypography-root {
    color: #373083;
}


.cardDesign .card_3 .MuiTypography-root {
    color: #634E25;
}

.cardDesign .card_2.MuiCard-root {
    background-color: #DEDBFF;
    box-shadow: none;
}


.cardDesign .card_3.MuiCard-root {
    background-color: #F0DDB9;
    box-shadow: none;
}


.cardDesign .card_4.MuiCard-root {
    background-color: #DEDBFF;
    box-shadow: none;
}

.cardDesign .card_5.MuiCard-root {
    background-color: #ffeedb;
    box-shadow: none;
}



.cardDesign .card_1 .MuiTypography-root {
    color: #061B64;
}


.cardDesign .MuiPaper-root {
    border-radius: 8px !important;
}


.borderWinngTable table {
    border-collapse: collapse;
    width: 100%;
}

.borderWinngTable th {
    text-align: center !important;
    padding-right: 20px;
}

.borderWinngTable td,
.borderWinngTable th {
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px;
}

.borderWinngTable {
    width: 100%;
}

/* responsive media query */


@media screen and (max-width: 767px) {

    .flexWrap {
        flex-wrap: wrap !important;
    }

    .col-100 {
        width: 100% !important;
    }

    .mrgy_10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .pd_0 {
        padding: 0 !important;
    }

    .pd_0 .MuiDialog-root {
        margin: 0 !important;
    }

    .otpDilogue .MuiDialog-paperScrollPaper {
        margin: 5px !important;
    }

    .otpDilogue .MuiOtpInput-Box {
        gap: 4px !important;
    }

    .mrgy_10 {
        margin-left: 0;
        margin-right: 0;
    }


    .tempStack {
        flex-direction: column !important;
        align-items: self-end;
    }

    .tempStack .MuiButtonBase-root {
        margin-top: 10px !important;
    }

    .tempStack .MuiTextField-root {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .betslipCardMb {}

    .betslipCardMb .MuiCardContent-root {
        padding: 12px !important;
    }

    .betslipCardMb .betslipBx {
        flex-direction: column;
    }

    .betslipCardMb .betStackMobile {
        width: 100% !important;
    }

    .ModalLogo {
        width: 50px !important;
    }

    .betslipCardMb .prntMrg {
        margin: 0 !important;
    }

    .mrg_2 {
        margin-top: 20px !important;
    }


    .temptranstaionStack {
        flex-direction: column !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px !important;

    }

    .temptranstaionStack .MuiBox-root {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .transtionCard .MuiCardContent-root {
        margin: 0 !important;
        padding: 0 !important;
    }

    .alignStart {
        align-items: flex-start !important;
    }

    .temptranstaionStack .MuiBox-root.pdtop0 {
        padding-top: 0 !important;

    }


    .spaceBt {
        justify-content: space-between !important;
    }


    .alignitemNoraml {
        align-items: normal !important;
    }

    .clearBtnStock {
        flex-direction: column !important;
    }

    .mrg0_padding_0 {
        margin: 5px !important;
        padding: 5px !important;
    }

    .flexWrap {
        flex-wrap: wrap !important;
    }

    .width_100 {
        width: 100% !important;
    }


    .profileStack {
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;

    }


    .profileBxPd {
        padding-top: 0 !important;

    }

    .telPd {
        padding-top: 8px !important;

    }

    .profileColRevrce.profileStack {
        flex-direction: column-reverse !important;
    }

    .mrgTop16 {
        margin-top: 16px !important;
    }

    .shopbalnceStack {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .pd0_mrg0 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .mrgtop_20 {
        margin-top: 20px !important;
    }

    .dateStack {
        flex-wrap: wrap !important;
        padding: 10px !important;
    }

    .dateBtn {
        width: 47% !important;
        margin: 2px !important;
        padding: 0 !important;
    }

    .dateBtn button {
        width: 100% !important;
    }

    .pdbtm {
        padding-bottom: 40px !important;
    }

    .MuiTableCell-root {
        padding: 10px !important;
    }

    .gridlayoutContainer .MuiTypography-root {
        font-size: 14px !important;
    }

    .stakeColumn {
        flex-direction: column !important;
    }

    .pd0_mrg0Right {
        padding: 0 !important;
        margin: 0 5px !important;
        margin-bottom: 30px !important;

    }

    .mrgLeft {
        margin-left: 0 !important;
    }

    .width_80 {
        width: 80% !important;
    }

    .searchBtn {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }


    .justiFyContent {
        justify-content: space-between !important;
    }


    .clearBtnStck {
        flex-direction: column;

    }

    .margin_top {
        margin-top: 10px !important;
    }

    .boxGrid .MuiGrid-grid-sm-6 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .boxGrid {
        margin-left: -5px !important;
    }

    .ngMargin {
        width: 100%;
        margin-left: 0;
    }

    .boxGrid .MuiCardContent-root {
        padding: 8px 10px !important;
    }

    .mrgTop {
        margin-top: 15px;
    }

    .pd0_mrg0Right.mrgBtm_0 {
        margin-bottom: 0px !important;
    }

    .mrgtop_20 {
        margin-top: 20px !important;
    }

}


/* new css 15-02-24 */


.MuiListItemButton-root.active {
    background-color: rgba(145, 158, 171, 0) !important;
}

.leftNaavigationSec a .MuiListItemText-root {
    position: relative;
}

.leftNaavigationSec a .MuiListItemText-root::before {
    content: "●";
    left: -22px;
    position: absolute;
}

.leftNaavigationSec .MuiListItemButton-root:hover {
    background-color: rgba(145, 158, 171, 0) !important;
}

.fixWidthSuper {
    width: calc(100% - 16px) !important;
}



.feedManagementTab {}

.chekboxActive.MuiBox-root {
    border: 1px solid #2065D1 !important;
    color: #2065D1 !important;
}

.accordianHolder>.MuiPaper-root {
    background-color: #f5f5f5;
}

.accordianHolder>.MuiPaper-root .MuiPaper-root .MuiPaper-root {
    background-color: #f5f5f5;
}


.accordianHolder .Mui-expanded {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.accordianHolder .Mui-expanded {
    min-height: 48px !important;
}

.feedTable {
    border: 1px solid #ccc;
    border-bottom: 0;
}

.feedTable td,
.feedTable th {
    padding: 5px !important;
    border-bottom: 1px solid #ccc;
}

.feedTable th {
    color: #000 !important;
}

.accord_level_1 {
    position: relative;
}

.accord_level_1 .MuiAccordionSummary-content {
    margin-left: 63px;
}

.switch_arroc {
    position: absolute;
    left: 10px;
    top: 5px;
}

.selectInput .MuiInputLabel-root {
    background: #fff;
}

.tabFilters>div {
    display: flex;
}

.prntbetTkt {
    max-width: 13.333333% !important;
    flex-basis: 13.333333% !important;
}

.refreshBtn {}