@import url('https://fonts.googleapis.com/css2?family=Unica+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'Semakin';
    src: url('../../fonts/Semakin-Regular.woff2') format('woff2'), url('../../fonts/Semakin-Regular.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0B0E13;
}

::-webkit-scrollbar-thumb {
    background: #45F882;
    border-radius: 10px;
}
    ::-webkit-scrollbar-thumb:hover {
        background: #F4C21F;
    }
body {
    background: url(../../img/bg-image.jpg) no-repeat #0B0E13;
    font-family: 'Rajdhani' !important;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}
    body:before,
    .main-container:after {
        background-color: transparent;
    }
.page-body {
    max-width: 1550px;
    margin: auto;
}
.width-100 {
    width: 100%;
}
.slick-slider{
    margin:0;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    color: white;
}
/* Header CSS @S */
.navbar {
    min-height: 100px;
}
.navbar .navbar-inner .navbar-container {
    padding-left: 10px;
    display: flex;
    align-items: center;
    min-height: 100px;
}
    .navbar .navbar-brand {
        height: 65px;
    }
    .navbar .navbar-brand small img {
        height: 60px;
        width: 215px;
    }
.navbar .navbar-inner {
    min-height: 100px;
    background-image: url(../../img/header-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}
.navbar .sidebar-collapse {
    left: 230px;
    top: 50%;
    transform: translateY(-50%);
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area, 
.navbar .navbar-inner .navbar-header .navbar-account .setting {
    top: 50%;
    transform: translateY(-50%);
}
.navbar .navbar-inner .navbar-header .navbar-account .setting {
    right: 50px;
}
.navbar .navbar-inner .navbar-header .navbar-account .account-area {
    right: 100px;
}
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
        background: transparent;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open .dropdown-menu {
        margin-top: 13px;
        background-color: #0F1C23;
        box-shadow: 0px 4px 50px 0px #45F8823B;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li,
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li:hover,
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li a:hover {
        background-color: #0F1C23;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-arrow:before {
        opacity: 0;
        visibility: hidden;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email,
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email a {
        color: #1E1E1E;
        background: #45F882;
        padding: 5px 15px;
        font-size: 16px;
        font-weight: 600;
        clip-path: polygon(0% 0%, 100% 0%, 92% 100%, 8% 100%);
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span {
        font-size: 20px;
        font-weight: 600;
        font-family: 'Rajdhani' !important;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li,
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.dropdown-footer {
        border: none;
        text-align: center;
    }
        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.edit a,
        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.dropdown-footer a {
            color: #45F882;
            font-size: 20px;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
        }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
        border: 0px;
        width: 29px;
        height: 29px;
    }
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li .avatar-area .caption {
        color: #0b0e13;
        font-size: 10px;
        font-weight: 600;
        background-color: #45f881;
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        background-color: #45f882;
    }
        .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a s.icon {
            color: #0b0e13;
        }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        color: white;
        transform: rotateY(0deg) translatey(24px);
    }
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label:not(:last-child) {
        margin-right: 10px;
    }
/* Header CSS @E */
/* Sidebar CSS @S */
.page-sidebar.menu-compact ~ .page-content {
    margin-left: 83px;
}
.page-sidebar.menu-compact {
    width: 80px;
}
    .page-sidebar.menu-compact .sidebar-menu {
        width: 75px;
    }
    .page-sidebar.menu-compact:before {
        width: 82px;
    }
.page-sidebar > .sidebar-menu > li > a > .menu-expand {
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    color: white;
}
/* Sidebar CSS @E */
/* Login CSS @S */
.login-container {
    margin: auto;
    max-width: unset;
    width: 100%;
    overflow: auto;
    background: none;
}
    .login-container .login-wrapper {
        min-height: 100vh;
        margin: auto;
        padding: 15px;
        display: flex;
        align-items: center;
    }
.login-row {
    /*    --dip-start: 55%;
    --dip-end: 87%;
    --dip-depth: 24px;
    --r: 32px;
    --s: 26px;*/
    padding: 1px;
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(270deg, #45F882 0%, #FFBE18 100%);
    position: relative;
    /*clip-path: polygon(*/ /* --- TOP LEFT CORNER (Rounded) --- */ /*0% var(--r), 1% calc(var(--r) * 0.5), var(--r) 0%,*/ /* --- TOP FLAT AREA --- */ /*var(--dip-start) 0%,*/ /* --- TOP DIP (Smooth Curve In) --- */ /*calc(var(--dip-start) + calc(var(--s) * 0.5)) calc(var(--dip-depth) * 0.3), calc(var(--dip-start) + var(--s)) var(--dip-depth),*/ /* --- TOP DIP FLAT BOTTOM --- */ /*calc(var(--dip-end) - var(--s)) var(--dip-depth),*/ /* --- TOP DIP (Smooth Curve Out) --- */ /*calc(var(--dip-end) - calc(var(--s) * 0.5)) calc(var(--dip-depth) * 0.3), var(--dip-end) 0%,*/ /* --- TOP RIGHT CORNER --- */ /*calc(100% - var(--r)) 0%, 99% calc(var(--r) * 0.5), 100% var(--r),*/ /* --- BOTTOM RIGHT CORNER --- */ /*100% calc(100% - var(--r)), 99% calc(100% - calc(var(--r) * 0.5)), calc(100% - var(--r)) 100%,*/ /* --- BOTTOM DIP (Right to Left) --- */ /*var(--dip-end) 100%, calc(var(--dip-end) - calc(var(--s) * 0.5)) calc(100% - calc(var(--dip-depth) * 0.3)), calc(var(--dip-end) - var(--s)) calc(100% - var(--dip-depth)),*/ /* --- BOTTOM DIP FLAT AREA --- */ /*calc(var(--dip-start) + var(--s)) calc(100% - var(--dip-depth)),*/ /* --- BOTTOM DIP (Curve Out) --- */ /*calc(var(--dip-start) + calc(var(--s) * 0.5)) calc(100% - calc(var(--dip-depth) * 0.3)), var(--dip-start) 100%,*/ /* --- BOTTOM LEFT CORNER --- */ /*var(--r) 100%, 1% calc(100% - calc(var(--r) * 0.5)), 0% calc(100% - var(--r)) );*/
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 558' preserveAspectRatio='none'%3E%3Cpath d='M1031.74 556.169L939.264 556.169C932.689 556.169 926.308 553.935 921.17 549.833L905.21 537.09C899.717 532.705 892.898 530.317 885.869 530.317L557.828 530.317C550.8 530.317 543.979 532.705 538.486 537.09L522.552 549.813C517.399 553.927 510.997 556.162 504.403 556.15L429.059 556.008L30.002 556.008C13.9857 556.008 1.002 543.024 1.00196 527.008L1.002 30.0004C1.002 13.9807 13.991 0.995476 30.0108 1.0004L504.439 1.14888C511.01 1.15099 517.387 3.38552 522.523 7.48579L538.486 20.2309C543.979 24.6162 550.8 27.0043 557.828 27.0044L885.869 27.0044C892.898 27.0043 899.717 24.6161 905.21 20.2309L921.17 7.48876C926.308 3.38645 932.689 1.15192 939.264 1.15184L1031.74 1.15185C1047.75 1.15186 1060.74 14.1357 1060.74 30.1519L1060.74 527.169L1060.73 527.917C1060.33 543.588 1047.5 556.169 1031.74 556.169Z' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 558' preserveAspectRatio='none'%3E%3Cpath d='M1031.74 556.169L939.264 556.169C932.689 556.169 926.308 553.935 921.17 549.833L905.21 537.09C899.717 532.705 892.898 530.317 885.869 530.317L557.828 530.317C550.8 530.317 543.979 532.705 538.486 537.09L522.552 549.813C517.399 553.927 510.997 556.162 504.403 556.15L429.059 556.008L30.002 556.008C13.9857 556.008 1.002 543.024 1.00196 527.008L1.002 30.0004C1.002 13.9807 13.991 0.995476 30.0108 1.0004L504.439 1.14888C511.01 1.15099 517.387 3.38552 522.523 7.48579L538.486 20.2309C543.979 24.6162 550.8 27.0043 557.828 27.0044L885.869 27.0044C892.898 27.0043 899.717 24.6161 905.21 20.2309L921.17 7.48876C926.308 3.38645 932.689 1.15192 939.264 1.15184L1031.74 1.15185C1047.75 1.15186 1060.74 14.1357 1060.74 30.1519L1060.74 527.169L1060.73 527.917C1060.33 543.588 1047.5 556.169 1031.74 556.169Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
    .login-row::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #264148;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 558' preserveAspectRatio='none'%3E%3Cpath d='M1031.74 556.169L939.264 556.169C932.689 556.169 926.308 553.935 921.17 549.833L905.21 537.09C899.717 532.705 892.898 530.317 885.869 530.317L557.828 530.317C550.8 530.317 543.979 532.705 538.486 537.09L522.552 549.813C517.399 553.927 510.997 556.162 504.403 556.15L429.059 556.008L30.002 556.008C13.9857 556.008 1.002 543.024 1.00196 527.008L1.002 30.0004C1.002 13.9807 13.991 0.995476 30.0108 1.0004L504.439 1.14888C511.01 1.15099 517.387 3.38552 522.523 7.48579L538.486 20.2309C543.979 24.6162 550.8 27.0043 557.828 27.0044L885.869 27.0044C892.898 27.0043 899.717 24.6161 905.21 20.2309L921.17 7.48876C926.308 3.38645 932.689 1.15192 939.264 1.15184L1031.74 1.15185C1047.75 1.15186 1060.74 14.1357 1060.74 30.1519L1060.74 527.169L1060.73 527.917C1060.33 543.588 1047.5 556.169 1031.74 556.169Z' fill='black'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1062 558' preserveAspectRatio='none'%3E%3Cpath d='M1031.74 556.169L939.264 556.169C932.689 556.169 926.308 553.935 921.17 549.833L905.21 537.09C899.717 532.705 892.898 530.317 885.869 530.317L557.828 530.317C550.8 530.317 543.979 532.705 538.486 537.09L522.552 549.813C517.399 553.927 510.997 556.162 504.403 556.15L429.059 556.008L30.002 556.008C13.9857 556.008 1.002 543.024 1.00196 527.008L1.002 30.0004C1.002 13.9807 13.991 0.995476 30.0108 1.0004L504.439 1.14888C511.01 1.15099 517.387 3.38552 522.523 7.48579L538.486 20.2309C543.979 24.6162 550.8 27.0043 557.828 27.0044L885.869 27.0044C892.898 27.0043 899.717 24.6161 905.21 20.2309L921.17 7.48876C926.308 3.38645 932.689 1.15192 939.264 1.15184L1031.74 1.15185C1047.75 1.15186 1060.74 14.1357 1060.74 30.1519L1060.74 527.169L1060.73 527.917C1060.33 543.588 1047.5 556.169 1031.74 556.169Z' fill='black'/%3E%3C/svg%3E");
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }
.login-left-col {
    width: 51%;
    padding: 1px;
    position: relative;
    z-index: 1;
}
.login-container .logo-wrapper {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 30px auto;
}

.login-right-col {
    position: relative;
    width: 49%;
    padding: 50px 45px;
    z-index: 1;
    min-height: 550px;
}
.login-container .loginbox {
    width: 100% !important;
    height: 100% !important;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    box-shadow: none;
}

.login-container .login-wrapper img {
    width: 100%;
    height: 100%;
}
.login-container .login-wrapper .login-left-col img {
    border-radius: 30px;
}
.login-container .loginbox .loginbox-textbox {
    padding: 0;
}
.icon-input-wrapper {
    position: relative;
}
    .icon-input-wrapper .pass-icon, .icon-input-wrapper .input-left-icon {
        position: absolute;
        top: 50%;
        left: 20px;
        color: #ADFD00;
        font-size: 18px;
        line-height: normal;
        transform: translateY(-50%);
        z-index: 1;
        pointer-events: none;
    }
.login-container .loginbox .loginbox-textbox .form-control {
    height: auto;
    font-size: 16px;
    font-weight: 400;
    padding: 9px 15px 9px 45px;
    letter-spacing: normal;
    font-family: "Poppins", sans-serif !important;
    background: #0F1C23 !important;
    border-color: #264148 !important;
    border-radius: 0;
    --cut: 15px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
}
.icon-input-wrapper .pass-icon {
    left: auto;
    right: 10px;
    pointer-events: all;
    
}
.login-container .loginbox .loginbox-forgot {
    padding-left: 0;
    margin-top: 25px;
}
    .login-container .loginbox .loginbox-forgot a {
        font-size: 14px;
        color: white;
        font-weight: 400;
        font-family: "Poppins", sans-serif !important;
    }
.loginbox-submit .btn-primary, .loginbox-submit .btn-primary:focus, .loginbox-submit .btn-primary:hover {
    min-width: 160px;
    margin-top: 20px;
    background: #45F882;
}
/* Login CSS @E */
.modal-header {
    background-color: #0B0E13;
    color: white;
}
.modal-title {
    font-size: 24px;
    font-weight: 600 !important;
    font-family: "Rajdhani", sans-serif !important;
}
    .modal-header .close {
        color: white;
    }
.modal-body {
    background: #12161c;
}
.page-header {
    background: transparent;
    border: none;
    margin-top: 0px;
}
    .page-header .header-buttons {
        right: 50px;
    }
        .page-header .header-buttons a {
            width: 40px;
            height: 40px;
            padding: 8px 10px;
            float: right;
            border: 1px solid #00C8B3;
            border-radius: 50px;
        }
        .page-header .header-buttons .raise-btn {
            color: white;
            background: #FF383C;
            border: 1px solid #FF383C;
            width: auto;
            height: auto;
            line-height: 1.3;
            margin-right: 20px;
            text-transform: uppercase;
        }
            .page-header .header-buttons .raise-btn::after {
                display: none;
            }
            .page-header .header-buttons a:before {
                display: none;
            }
            .page-header .header-buttons a i {
                line-height: 22px;
            }
            .page-header .header-buttons a.fullscreen {
                color: #F2003A;
                border-color: #F2003A;
                margin-right: 20px;
            }
            .page-header .header-buttons a.refresh {
                color: #FFBE18;
                border-color: #FFBE18;
                margin-right: 20px;
            }

.team-header {
    padding: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 !important;
    font-family: "Rajdhani", sans-serif !important;
    text-align: center;
}
.new-title-wrapepr {
    margin: auto !important;
}
.matchDetailsBox {
    margin-bottom: 10px;
}
.matchDetailsUl {
    background: transparent;
    margin: 7px 15px 8px 15px;
    display: inline-block;
    padding: 17px 12px 17px 30px;
}
.pink_roundtop {
    background: #264148;
    min-width: 50%;
    max-width: 720px;
    /*border-radius: 10px 10px 0px 0px;*/
    color: #fff;
    align-items: center;
    display: flex;
    flex-flow: row;
    vertical-align: middle;
    justify-content: center;
    margin: 0px auto;
    text-align: center;
    position: relative;
    background: url(../../img/tbl-top-shape-2.svg) no-repeat top;
    background-size: 100% auto;
    transform: translateY(1px);
    --cut: 34px;
    --peak-w: 162px;
    --top-h: 19px;
    --smooth: 12px;
    filter: drop-shadow(0px 3.56px 20px rgba(69, 248, 130, 0.75));
}
    /*.pink_roundtop.team-header::before {
        content: "";
        position: absolute;
        inset: 0px;
        filter: drop-shadow(0px 3.56px 20px rgba(69, 248, 130, 1));
        background: #0b0e13;
        clip-path: polygon(0% calc(var(--top-h) + var(--cut)), calc(var(--smooth) * 0.5) calc(var(--top-h) + var(--smooth) * 1.5), calc(var(--cut) * 0.5) calc(var(--top-h) + var(--smooth) * 0.5), var(--cut) var(--top-h), calc(50% - var(--peak-w)) var(--top-h), calc(50% - var(--peak-w) + 12px) calc(var(--top-h) * 0.4), calc(50% - var(--peak-w) + 20px) 0%, calc(50% + var(--peak-w) - 20px) 0%, calc(50% + var(--peak-w) - 12px) calc(var(--top-h) * 0.4), calc(50% + var(--peak-w)) var(--top-h), calc(100% - var(--cut)) var(--top-h), calc(100% - var(--cut) * 0.5) calc(var(--top-h) + var(--smooth) * 0.5), calc(100% - var(--smooth) * 0.5) calc(var(--top-h) + var(--smooth) * 1.5), 100% calc(var(--top-h) + var(--cut)), 100% calc(100% - var(--cut)), 100% 100%, 0 100%, 0% 100%);
    }*/
    .pink_roundtop.team-header::before {
        content: "";
        position: absolute;
        top: 107px;
        left: 44px;
        right: 42px;
        bottom: -6px;
        height: calc(100% - 103px);
        background: #0B0E13;
        z-index: -1;
    }
    .pink_roundtop.team-header {
        min-height: 108px;
        position: relative;
        padding: 40px 20px 10px 20px;
    }
        .pink_roundtop.team-header .title-absolute {
            position: absolute;
            left: 50%;
            top: 50px;
            width: 320px;
            line-height: 1;
            transform: translateX(-50%);
        }

/*.pink_roundtop::after {
        content: '';
        position: absolute;
        inset: 1px 1px 0px 1px;
        background: #0B0E13;
        clip-path: shape( from 0% 50%,*/ /* Left side curve */ /*curve to 20% 50% with 5% 50%,*/ /* Left top curve */ /*curve to 28% 0% with 22% 5%,*/ /* Top edge */ /*line to 72% 0%,*/ /* Right top curve */ /*curve to 80% 50% with 77% 5%,*/ /* Right side curve */ /*curve to 100% 50% with 95% 52%,*/ /* Bottom edge straight */ /*line to 100% 100%, line to 0% 100%, close);
    }*/
    .pink_roundtop.large-pink-roundtop {
        width: 100%;
        max-width: 1170px;
        min-height: 180px;
        padding: 55px 20px 0px 20px;
        /*clip-path: polygon(0% 50%, 10% 50%, 15% 0%, 85% 0%, 90% 50%, 100% 50%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 100%);*/
    }

        .pink_roundtop.large-pink-roundtop::after {
            clip-path: polygon(0% 50%, 10% 50%, 15% 0%, 85% 0%, 90% 50%, 100% 50%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 100%);
        }
        .pink_roundtop.large-pink-roundtop span {
            max-width: 38%;
        }
.pink_roundtop_multi_elm {
    display: block;
    padding: 0px;
}

.pink_roundtop p, .pink_roundtop > *, .pink_roundtop p span {
    /*font-family: 'Open Sans','Segoe UI';*/
    font-weight: 600 !important;
    font-size: 24px;
    line-height: normal;
    text-align: center;
    margin: 0px;
    position: relative;
    z-index: 2;
    max-width: 47%;
}
.DB-blue_roundbottom,
.pink_roundbottom {
    display: block;
    position: relative;
    min-width: 50%;
    max-width: 691px;
    height: 60px;
    margin: 0px auto;
    text-align: center;
    background: url(../../img/tbl-bottom-shape.png) no-repeat bottom;
    background-size: cover;
    border-radius: 0px 0px 30px 30px;
    /*clip-path: polygon( 0% 100%, 20% 100%, 23% 62%, 74% 62%, 78% 103%, 100% 100%, 100% 20%, 100% 0%, 0% 0% );*/
}

   /* .pink_roundbottom::after {
        content: '';
        position: absolute;
        inset: 0 1px 1px 1px;
        background: #0B0E13;
        border-radius: 0px 0px 30px 30px;
        clip-path: polygon( 0% 100%, 20% 100%, 23% 62%, 74% 62%, 78% 103%, 100% 100%, 100% 20%, 100% 0%, 0% 0% );
    }*/

    .pink_roundbottom.large-pink {
        width: 100%;
        max-width: 1157px;
        min-height: 84px;
        transform: translateX(2px);
    }
[id*="_divBatsmanDetails"] ~ .DB-blue_roundbottom[id*="_divPinkBottom"] {
    height: 0px !important;
}
.pink_roundtop img {
    margin-right: 10px;
}
.DB-halfback-blue,
.halfback-pink {
    display: flex;
    flex-wrap: wrap;
    border-radius: 12px;
    position: relative;
    /*background: #0B0E13;
    background: linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(11, 14, 19, 1) 25%, rgba(11, 14, 19, 1) 50%, rgba(11, 14, 19, 1) 75%, rgba(255,255,255,0) 75%);*/
}

    .DB-halfback-blue::after, 
    .halfback-pink::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        --block-width: clamp(633px, 50%, 50%);
        left: calc(50% - (var(--block-width) / 2));
        right: calc(50% - (var(--block-width) / 2));
        background: #0B0E13;
        box-shadow: 0 0 30px #45F882, 0 0 30px #45F882;
        z-index: -1;
        max-width: 632px;
        margin: auto;
        width: 100%;
    }
    .halfback-pink .halfback-pink::after {
        opacity: 0;
        visibility: hidden;
    }
    .halfback-pink.large-pink {
        background: linear-gradient( 90deg, rgba(255,255,255,0) calc(50% - 522px), rgba(11, 14, 19, 1) calc(50% - 522px), rgba(11, 14, 19, 1) calc(50% + 522px), rgba(255,255,255,0) calc(50% + 522px) );
    }
        .halfback-pink.large-pink::after {
            --block-width: clamp(1055px, 50%, 50%);
            left: calc(50.1% - (var(--block-width) / 2));
            right: calc(49.8% - (var(--block-width) / 2));
            max-width: 1075px;
        }
    .DB-halfback-blue > div {
        flex: 1 0 100%;
    }

.clip-table-wrapper {
    position: relative;
    padding: 14px;
    margin: auto;
    --notch-width: 200px;
    --top-depth: 65px;
    --bottom-depth: 58px;
    --cut: 32px;
    filter: drop-shadow(0px 3.56px 20px rgba(69, 248, 130, 0.45));
}
    .clip-table-wrapper.md-clip-table-wrapper {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }
.team-attribute-sub-header,
.pace-spin-container-sub-header {
    font-size: 16px;
    color: #45F882;
    text-transform: uppercase;
}

/* MAIN BOX */
.clip-table-inner {
    position: relative;
    padding: 0 20px 100px 20px;
    background: #0F1C23;
/*    clip-path: polygon( 0 40px, 20px 20px, calc(50% - 200px) 20px, calc(50% - 200px + 20px) 0, calc(50% + 200px - 20px) 0, calc(50% + 200px) 20px, calc(100% - 20px) 20px, 100% 40px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px) );
*/    clip-path: polygon(
    /* TOP */
    0 var(--top-depth), var(--cut) var(--cut), calc(50% - var(--notch-width)) var(--cut), calc(50% - var(--notch-width) + var(--cut)) 0, calc(50% + var(--notch-width) - var(--cut)) 0, calc(50% + var(--notch-width)) var(--cut), calc(100% - var(--cut)) var(--cut), 100% var(--top-depth),
    /* RIGHT */
    100% calc(100% - var(--bottom-depth)), calc(100% - var(--cut)) calc(100% - var(--cut)),
    /* BOTTOM (INWARD) */
    calc(50% + var(--notch-width)) calc(100% - var(--cut)), calc(50% + var(--notch-width) - var(--cut)) calc(100% - var(--bottom-depth)), calc(50% - var(--notch-width) + var(--cut)) calc(100% - var(--bottom-depth)), calc(50% - var(--notch-width)) calc(100% - var(--cut)),
    /* LEFT */
    var(--cut) calc(100% - var(--cut)), 0 calc(100% - var(--bottom-depth)) );
}

.clip-table-inner .pink_roundtop {
    padding: 0;
    min-height: 60px;
    background: none;
}

    .clip-table-inner .DB-halfback-blue::after,
    .clip-table-inner .halfback-pink::after,
    .clip-table-inner .DB-blue_roundbottom,
    .clip-table-inner .pink_roundbottom {
        display: none;
    }


.table-w-50 {
    flex: 0 0 calc(50% - 4px);
    overflow: auto;
}
.new-table {
    padding: 0px;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: auto;
}
    .table-bordered-dark td,
    .new-table table > tbody > tr > td,
    .new-table table > tbody > tr > td, 
    .new-table table > thead > tr > th {
        border: 0px !important;
    }
.new-table .footable > tbody > tr:last-child > td:last-child table {
    width: auto;
}
.panel {
    background: transparent;
}
.panel-primary {
    border: none;
}
.schl-tbl table tbody > tr {
    position: relative;
    height: 73px;
}
.schl-tbl table tbody tr .label-box {
    position: relative;
    padding: 0px 5px 0 10px !important;
}
.schl-tbl table tbody tr td {
    vertical-align: middle;
}
.tbl-label {
    color: #000000;
    font-weight: 600;
    margin: 0px 0px;
    /* padding: 0px 15px; */
    background-color: #45F882;
    border: 1px solid #45F882;
    transform: rotate(-90deg);
    position: absolute;
    left: -28.4px;
    top: 26.2px;
    width: 74px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    text-align: center;
}
    .tbl-label.bg-schedule {
        background-color: #FFBE18;
        border: 1px solid #FFBE18;
    }
    .tbl-label.bg-live {
        color: white;
        background-color: #101319;
    }
    .tbl-label.bg-abandoned {
        background-color: #FF383C;
        border: 1px solid #FF383C;
    }
    .tbl-label > span {
        font-size: 12px;
        padding: 0px 5px;
        position: relative;
    }
    .tbl-label.bg-live span::before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #45F882;
        margin-right: 4px;
        border-radius: 50%;
        transform: translateY(-1px);
        backdrop-filter: blur(1.8333333730697632px);
        animation: pulse 1s infinite ease-in-out alternate;
    }
@keyframes pulse {
    from {
        transform: scale(0.8);
    }

    to {
        transform: scale(1.2);
    }
}
.para-center {
    width: calc(100% - 40px);
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    background: #152c32;
    padding: 5px 0px;
    margin: 0 20px;
    position: relative;
}
    .para-center::after,
    .para-center::before {
        content: "";
        position: absolute;
        top: 0;
        left: -19px;
        width: 20px;
        height: 100%;
        background: #152c32;
        clip-path: shape( from 100% 0%,
        /* Top edge */
        line to 65% 0%,
        /* Top-left big curve */
        curve to 35% 10% with 50% 0%, line to 10% 40%,
        /* Left center big curve */
        curve to 10% 60% with 0% 50%, line to 35% 90%,
        /* Bottom-left big curve */
        curve to 65% 100% with 50% 100%, line to 100% 100%,
        /* Right bottom curve */
        curve to 100% 80% with 100% 100%, line to 100% 20%,
        /* Right top curve */
        curve to 100% 0% with 100% 0%, close );
    }
    .para-center::before {
        left: auto;
        right: -19px;
        clip-path: shape( from 0% 0%,
        /* Top edge */
        line to 35% 0%,
        /* Top-right big curve */
        curve to 65% 10% with 50% 0%, line to 90% 40%,
        /* Right center big curve */
        curve to 90% 60% with 100% 50%, line to 65% 90%,
        /* Bottom-right big curve */
        curve to 35% 100% with 50% 100%, line to 0% 100%,
        /* Left bottom curve */
        curve to 0% 80% with 0% 100%, line to 0% 20%,
        /* Left top curve */
        curve to 0% 0% with 0% 0%, close );
    }
/* Summary page css @S */
.col-md-12 .chart-header {
    display: inline-block;
    margin: auto;
    background: #ADFE00;
    padding: 6px 10px;
    color: white;
    font-size: 20px;
    font-weight: 600;
    min-width: 200px;
    position: relative;
    --cut: 12px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
}
    .col-md-12 .chart-header::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #12161c;
        clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
        z-index: -1;
    }
.new-table .btn-normal,
.new-table .btn-active {
    color: #0F1C23;
    background: #45F882;
    width: 100%;
    display: inline-block;
    max-width: 150px;
    padding: 3px 5px;
    border-radius: 5px;
}
.new-table .btn-normal {
    color: white;
    background: #152C32;
}
/* Summary page css @E */

/* Dashboard CSS @S */
.report-container {
    margin-top: 16px;
    text-align: center;
}

    .report-container .dropdown-button {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 5px;
        display: inline-block;
    }
.dashboard-form-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}
.dashboard-form-left {
    flex: 1 0 calc(100% - 130px);
}
.dashboard-form-right {
    width: 120px;
    display: flex;
    gap: 15px;
    color: white;
    flex-shrink: 0;
}
.dashboard-form-btn {
    text-align: center;
}
    .dashboard-form-btn .btn-secondary {
        padding: 12px;
    }
/*.dashboard-form-left .searchInputC .select2 {
    border-radius: 8px 0 0 8px !important;
}*/
.dashboard-form-left .searchInputC .input-group-addon {
    position: relative
}
    .dashboard-form-left .searchInputC .input-group-addon:last-child {
        cursor: pointer;
        line-height: 35px;
    }
    .dashboard-form-left .searchInputC .input-group-addon:last-child::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        width: 1px;
        height: 20px;
        background: #45F882;
        transform: translateY(-50%);
    }
.dashboard-form-left .searchInputC {
    position: relative;
}
.dashboard-form-left .searchInputC::before {
    content: "";
    position: absolute;
    inset: 1px;
    background: #11141b;
    border-radius: 8px;
}
.slick-prev, .slick-next {
    width: 20px !important
}
.accordion.panel-group {
    --corner-h: 90px;
    --shoulder-h: 30px;
    --mid-h: 14px;
    --bottom-h: 19px;
    --corner-w: 70px;
    --peak-off: 12%;
    --step-off: 14%;
    --sh-in-off: 33%;
    --sh-out-off: 35%;
    filter: drop-shadow(0px 3.56px 20px rgba(69, 248, 130, 0.45));
    --exact-path: polygon(
    /* --- TOP SHAPE (Variable Driven) --- */
    0% var(--corner-h), var(--corner-w) var(--shoulder-h), calc(50% - var(--sh-out-off)) var(--shoulder-h), calc(50% - var(--sh-in-off)) var(--mid-h), calc(50% - var(--step-off)) var(--mid-h), calc(50% - var(--peak-off)) 0%, calc(50% + var(--peak-off)) 0%, calc(50% + var(--step-off)) var(--mid-h), calc(50% + var(--sh-in-off)) var(--mid-h), calc(50% + var(--sh-out-off)) var(--shoulder-h), calc(100% - var(--corner-w)) var(--shoulder-h), 100% var(--corner-h),
    /* --- RIGHT SIDE --- */
    100% calc(100% - var(--corner-w)),
    /* --- BOTTOM SHAPE 1 (Right Tab) --- */
    calc(100% - var(--corner-w)) calc(100% - var(--bottom-h)), calc(50% + var(--sh-out-off)) calc(100% - var(--bottom-h)), calc(50% + var(--sh-in-off)) 100%, calc(50% + var(--peak-off) + 3%) 100%, calc(50% + var(--peak-off)) calc(100% - var(--bottom-h)),
    /* Middle Connection */
    50% calc(100% - var(--bottom-h)),
    /* --- BOTTOM SHAPE 2 (Left Tab) --- */
    calc(50% - var(--peak-off)) calc(100% - var(--bottom-h)), calc(50% - var(--peak-off) - 3%) 100%, calc(50% - var(--sh-in-off)) 100%, calc(50% - var(--sh-out-off)) calc(100% - var(--bottom-h)), var(--corner-w) calc(100% - var(--bottom-h)),
    /* --- LEFT SIDE --- */
    0% calc(100% - var(--corner-w)) );
    border: none;
    margin-bottom: 40px;
}
    .accordion.panel-group.md-accordion {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        --exact-path: polygon(
        /* Top Shape */
        0% 50px, 40px 30px, 15% 30px, 17% 14px, 36% 14px, 38% 0%, 62% 0%, 64% 14px, 83% 14px, 85% 30px, calc(100% - 40px) 30px, 100% 50px,
        /* Right Side */
        100% calc(100% - 40px),
        /* Bottom Shape 1 (Right side tab) */
        calc(100% - 40px) calc(100% - 19px), 85% calc(100% - 19px), 82% 100%, 65% 100%, 62% calc(100% - 19px),
        /* Middle connection */
        50% calc(100% - 19px),
        /* Bottom Shape 2 (Left side tab) */
        38% calc(100% - 19px), 35% 100%, 18% 100%, 15% calc(100% - 19px), 40px calc(100% - 19px),
        /* Left Side */
        0% calc(100% - 40px) );
    }
.accordion.panel-group .panel {
    border: none;
    padding: 16px 70px 20px 70px;
    /* background: url('../../img/accordion-bg-shape.svg') no-repeat;
    background-size: 100% 100%;*/
    background: linear-gradient(180deg, #55F379 0%, #FFBE18 100%);
    
    clip-path: var(--exact-path);
    position: relative;
}
    .accordion.panel-group .panel::before {
        content: "";
        position: absolute;
        inset: 1px;
        background: #0B0E13;
        clip-path: var(--exact-path);
    }
    .widget-body .accordion.panel-group,
    .accordion.panel-group .panel:last-child {
        border-width: 0px !important;
    }
.panel-info > .panel-heading {
    background: unset;
    border: none;
    
}
.accordion.panel-group .panel-heading .accordion-toggle {
    font-size: 20px;
    color: #45F882;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-family: 'Rajdhani' !important;
    pointer-events: none;
}
    .accordion.panel-group .panel-heading .accordion-toggle.collapsed {
        color: #45F882;
        border: none;
        background-color: unset;
    }
    .accordion.panel-group .panel-heading .accordion-toggle:after {
        color: #0b0e13;
    }
    .accordion.panel-group .panel-heading .accordion-toggle.collapsed:after {
        color: #0b0e13;
    }
.accordion.panel-group .panel-heading + .panel-collapse .panel-body {
    background: unset;
    border: none;
}
.ticketDt {
    color: white;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
    .ticketDt .radio-btn label {
        margin-left: 5px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }
    .ticketDt .radio-btn input:checked + label {
        color: #45f882;
    }
.input-group-addon.addonIcon {
    color: #45F882;
    background: transparent;
}
.dropdown-content {
    gap: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    .dropdown-content > a {
        width: 24px;
        height: 24px;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #FFBE18;
        aspect-ratio: 1;
        clip-path: shape(from 93.3% 60.88%,curve to 81.07% 82.06% with 93.3% 75%,line to 62.23% 92.94%,curve to 37.77% 92.94% with 50% 100%,line to 18.93% 82.06%,curve to 6.7% 60.88% with 6.7% 75%,line to 6.7% 39.12%,curve to 18.93% 17.94% with 6.7% 25%,line to 37.77% 7.06%,curve to 62.23% 7.06% with 50% 0%,line to 81.07% 17.94%,curve to 93.3% 39.12% with 93.3% 25%);
    }

        .dropdown-content > a::before {
            content: '';
            position: absolute;
            inset: 1px;
            background: #264148;
            aspect-ratio: 1;
            clip-path: shape(from 93.3% 60.88%,curve to 81.07% 82.06% with 93.3% 75%,line to 62.23% 92.94%,curve to 37.77% 92.94% with 50% 100%,line to 18.93% 82.06%,curve to 6.7% 60.88% with 6.7% 75%,line to 6.7% 39.12%,curve to 18.93% 17.94% with 6.7% 25%,line to 37.77% 7.06%,curve to 62.23% 7.06% with 50% 0%,line to 81.07% 17.94%,curve to 93.3% 39.12% with 93.3% 25%);
            z-index: -1;
        }

        .dropdown-content > a > img {
            width: 14px;
            height: 14px;
            position: relative;
        }

.slick-track {
    margin: 0 -10px;
}
.slick-slide {
    padding: 0 10px;
}
.time-wrapper span:nth-child(2) {
    margin-left: 5px;
}
.custom-tabs > li {
    /*width: 12%;*/
    padding-bottom: 0;
    background: transparent;
    color: white;
}

.custom-tabs > .active {
    color: white !important;
    border-bottom: 0;
}


.custom-tabs {
    min-height: 80px;
    border-radius: 10px;
    background: url('../../img/dash-tab-bg.png') no-repeat center;
    background-size: 100% 100%;
    position: relative;
}

    .custom-tabs > li > a {
        color: #D8DDE1;
        font-weight: 400 !important;
        letter-spacing: 1px;
        line-height: 60px;
        font-family: 'Semakin' !important;
    }

        .custom-tabs > li > a:hover {
            color: #D8DDE1;
        }

    .custom-tabs > .active > a, .custom-tabs > .active > a:hover {
        color: #ADFE00 !important;
    }
.card-wrapper {
    color: white;
    min-width: 250px;
    padding: 15px 12px;
}
.dash-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
    .dash-card-wrapper:has(.pink_roundtop.team-header) {
        display: block;
    }
.match-data-container.card-wrapper {
    background: transparent;
    flex: 1 0 350px;
    max-width: 450px;
    font-family: "Rajdhani", sans-serif !important;
    box-shadow: none;
    overflow: visible;
    position: relative;
}

    .match-data-container.card-wrapper svg.card-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
.ribbon-wrapper-red {
    width: 150px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.ribbon-red {
    width: 100%;
    font: bold 12px Sans-Serif;
    text-align: center;
    position: relative;
    padding: 5px 0;
    color: #0B0E13;
    clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 6% 100%);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    inset: auto;
}
.match-c-bg {
    position: relative;
}

    .match-c-bg svg.card-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

.match-info-container {
    min-height: 50px;
    position: relative;
    text-align: center;
    padding: 40px 20px;
    border-radius: 30px;
}

.match-info-header {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn-primary.btn-sm,
    .match-info-header .cat-btn {
        position: relative;
        font-size: 12px;
        font-weight: 700;
        color: #0B0E13;
        background-color: #ADFE00;
        border: 1px solid #ADFE00;
        line-height: 18px;
        padding: 0 15px;
        white-space: nowrap;
        clip-path: polygon(7% 0%, 93% 0%, 100% 50%, 93% 100%, 7% 100%, 0% 50%)
    }

        .dash-c-btn-wrapper .btn-primary.btn-sm::before,
        .dash-c-btn-wrapper .btn-primary.btn-sm::after,
        .match-info-header .cat-btn::after,
        .match-info-header .cat-btn::before {
            content: '';
            position: absolute;
            inset: 1px auto 1px 2px;
            width: 22px;
            background: black;
            clip-path: polygon(31% 0, 5% 50%, 30% 100%, 25% 100%, 0% 50%, 25% 0%);
        }

        .dash-c-btn-wrapper .btn-primary.btn-sm::after,
        .match-info-header .cat-btn::after {
            inset: 1px 2px 1px auto;
            clip-path: polygon(69% 0, 95% 50%, 70% 100%, 75% 100%, 100% 50%, 75% 0%);
            margin: auto 0 auto auto;
        }

    .match-info-header .cat-btn {
        background: #45F882;
        border-color: #45F882;
    }
.match-no {
    display: inline-block;
    min-width: 150px;
    min-height: 40px;
    position: relative;
    border-radius: 30px;
    padding: 3px 4px;
    margin-top: 16px;
}

    .match-no > span {
        width: 100%;
        color: #ADFE00;
        font-size: 20px;
        font-weight: 700;
        padding: 4px 10px;
        position: relative;
        display: inline-block;
        white-space: nowrap;
    }

        .match-no::before,
        .match-no::after,
        .match-no > span::after,
        .match-no > span::before {
            content: "";
            position: absolute;
            top: 0;
            width: 30%;
            height: 100%;
        }

        /* left */
        .match-no > span::before,
        .match-no::before {
            left: 0;
            border-radius: 30px 0 0 30px;
            border: 1px solid #FFBE18;
            border-right: none;
        }

        /* right */
        .match-no > span::after,
        .match-no::after {
            right: 0;
            border: 1px solid #45F882;
            border-radius: 0 30px 30px 0;
            border-left: none;
        }

.dash-c-btn-wrapper {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

    .dash-c-btn-wrapper .btn-primary {
        min-width: auto;
        padding: 0 10px;
        background: linear-gradient(96.03deg, #45F882 0%, #FFBE18 100%);
    }

        .dash-c-btn-wrapper .btn-primary:hover {
            font-weight: 700;
            font-size: 12px;
            line-height: 18px;
            min-width: auto;
            padding: 0 10px;
            --cut: 7px;
        }

.format-btn {
    font-size: 12px;
    font-weight: 700;
    color: #1A1D26;
    --r: .5em;
    padding-inline: calc(var(--r) + .3em);
    line-height: 1.8;
    clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
    background: #0f1c23;
    width: fit-content;
    position: relative;
    white-space: nowrap;
    padding: 2px 10px;
    min-width: 90px;
    text-align: center;
}

    .format-btn::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #FFBE18;
        clip-path: polygon(0% 100%, 30% 100%, 36% 85%, 64% 85%, 70% 99%, 100% 100%, 100% 20%, 100% 0%, 0% 0%);
        z-index: -1;
    }

.card-series {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 90%;
    color: #1A1D26;
    font-size: 10px;
    font-weight: 700;
    min-width: 180px;
    padding: 2px 16px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    background: #45F882;
    max-width: fit-content;
    text-transform: uppercase;
    transform: translateX(-50%);
    clip-path: polygon(4% 0%, 96% 0%, 100% 100%, 0% 100%);
}

    .card-series::after,
    .card-series::before {
        content: '';
        position: absolute;
        left: 8px;
        top: 2px;
        bottom: 2px;
        width: 1px;
        background: #1A1D26;
        transform: rotate(18deg);
    }

    .card-series::after {
        left: auto;
        right: 8px;
        transform: rotate(-18deg);
    }

.match-info {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
}
.match-score {
    text-align: right;
    font-weight: bold;
    font-size: 17px;
    margin: 18px auto;
    position: relative;
    box-sizing: content-box;
    display: grid;
    grid-template-columns: 50% 50%;
}

.team-wrapper {
    max-width: 110px;
    margin: auto;
}
.match-score .team {
    display: flex;
    position: relative;
    border: 1px solid #264148;
    color: #2b2c2d;
    margin: -19px auto auto auto;
    min-width: 110px;
    min-height: 70px;
    border-radius: 100px;
    align-items: flex-end;
    padding: 10px 10px;
}

    .match-score .team > .name-detail {
        display: block;
    }

        .match-score .team > .name-detail > .name {
            cursor: pointer;
            text-wrap: none;
        }

        .match-score .team > .name-detail > .img-flag {
            width: 24px;
            height: 24px;
            border: none;
            position: relative;
            border-radius: 50%;
            background: #0F1C23;
            padding: 2px;
            z-index: 2;
        }

    .match-score .team span {
        font-size: 14px;
        padding-top: 8px;
        color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
    }

        .match-score .team span img {
            align-self: center;
            margin-bottom: 2px;
            margin-left: 2px;
            margin-right: 2px;
        }
.team-score {
    text-align: center;
    font-size: 13px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.tscore {
    font-size: 13px;
    margin: 0px auto;
    color: white;
}
.capton-img {
    height: 78px;
    width: 92px;
    margin: auto;
    position: relative;
    background: #264148;
    border-radius: 20px;
    overflow: visible;
    margin-top: 15px;
    z-index: 1;
}

    .capton-img img {
        position: absolute;
        left: -4px;
        bottom: 0;
        border-radius: 20px;
    }

.team-live {
    padding: 5px 18px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #ADFE00 !important;
    background: transparent !important;
}
/* 06-02-2026 CSS END */
/* Loader CSS START */
.loading-container {
    background: #11141ae6;
    position: fixed;
    inset: 0px;
    z-index: 9999;
}
    .loading-container .loader {
        width: 100px;
        height: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        animation: none;
    }

.one {
    width: 80px /*120px*/;
    height: 80px /*120px*/;
    border: 2px solid #2c3e50; /* f3f3f3 */
    position: absolute;
    border-radius: 50%;
    border-right: 2px solid #adfe00;
    -webkit-animation: spin-right 2s linear infinite;
    animation: spin-right 2s linear infinite;
}

/*.two {
    width: 100px;
    height: 100px;
    border: 2px solid #2c3e50;*/ /* f3f3f3 */
    /*position: absolute;
    border-radius: 50%;
    margin: 10px;
    border-bottom: 2px solid #e67e22;
    border-top: 2px solid #f1c40f;
    -webkit-animation: spin-left 1s linear infinite;
    animation: spin-left 1s linear infinite;
}

.three {
    width: 80px;
    height: 80px;
    border: 2px solid #2c3e50;*/ /* f3f3f3 */
    /*position: absolute;
    border-radius: 50%;
    margin: 20px;
    border-top: 2px solid #2ecc71;
    -webkit-animation: spin-right 1s linear infinite;
    animation: spin-right 1s linear infinite;
}*/
.loader-logo-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50%;
    transform: translate(-50%, -50%);
}
.loader-logo-wrapper img {
    width: 50px; /* logo size */
    animation: zoomInOut 3s infinite ease-in-out;
}
@keyframes zoomInOut {
    0% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

@keyframes spin-left {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes spin-right {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* Loader CSS END */
@media (max-width: 1300px) {
    .match-info-button {
        width: 100px;
        color: black;
        border: 1px solid black;
        background-color: blanchedalmond;
        border: 1px solid yellow;
    }

    .match-info > div {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1280px) {
    .match-info-button {
        width: 100%;
        color: #fff;
        background-color: forestgreen;
        border: 1px solid black;
    }

    .match-info > div {
        display: flex;
        flex-direction: column;
    }

 /*   .match-info-header {
        height: 135px;
    }*/
}

@media (max-width: 767px) {
    .row > .col-sm-6 {
        padding: 5px 10px;
    }
        .row .col-12,
        .row .col-sm-12,
        .row .col-sx-12 {
            width: 100%;
        }
    .custom-tabs {
        display: flex;
        flex-wrap: wrap;
        --shape: 25px;
        align-items: center;
        justify-content: space-around;
        background: linear-gradient(90deg, #45F882 0.33%, #FFBE18 99.04%);
        clip-path: polygon(0 var(--shape), var(--shape) 0, calc(100% - var(--shape)) 0, 100% var(--shape), 100% calc(100% - var(--shape)), calc(100% - var(--shape)) 100%, var(--shape) 100%, 0 calc(100% - var(--shape)));
    }
        .custom-tabs::before {
            display: block;
            background: #151515;
            position: absolute;
            inset: 1px;
            z-index: -1;
            clip-path: polygon(0 var(--shape), var(--shape) 0, calc(100% - var(--shape)) 0, 100% var(--shape), 100% calc(100% - var(--shape)), calc(100% - var(--shape)) 100%, var(--shape) 100%, 0 calc(100% - var(--shape)));
        }
    .custom-tabs::after {
        display: none;
    }
        .custom-tabs > li > a {
            font-size: 16px;
            line-height: 20px;
        }
}

@media (max-width: 1250px) {
    .match-score {
        font-size: 13px;
    }
}
/*micky*/
.search-filters {
    display: flex;
    padding: 0px 15px 5px 15px;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
}

    .search-filters .series {
        padding: 7px 10px;
        margin-right: 10px;
        border-radius: 10px;
        background: linear-gradient(96.03deg, #45F882 0%, #FFBE18 100%) !important;
        color: #FFFFFF;
        font-weight: 500;
        cursor: pointer;
        position: relative;
    }

        .search-filters .series::before {
            content: '';
            position: absolute;
            inset: 1px;
            background: #0F1C23;
            border-radius: 10px;
        }

        .search-filters .series .series-name {
            position: relative;
            white-space: nowrap;
        }
.pgHead {
    margin-bottom: 25px;
    /*border-bottom: 1px solid #8dc735;*/
}

    .pgHead h3 {
        display: inline-block;
        min-width: 150px;
        color: #ADFE00;
        padding: 10px 20px;
        font-weight: 600 !important;
        /*margin: 25px 0 16px 0;*/
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        background: #45F882;
        position: relative;
        --cut: 12px;
        clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
    }
        .pgHead h3::after {
            content: "";
            position: absolute;
            inset: 1px;
            background: #12161c;
            --cut: 12px;
            clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
            z-index: -1;
        }
.divMatches.mrd-report {
    flex-wrap: wrap;
    max-width: 1235px;
    justify-content: space-between;
    align-items: center;
    margin: 15px auto;
    background: #264148;
    padding-right: 25px;
    --cut: 20px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
}
.divMatches.mdr-inn-input-wrapper {
    margin: 0;
    position: relative;
    align-items: center;
    background: #45F882;
    padding: 6px 25px;
    gap: 15px;
    --cut: 20px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
}
    .divMatches.mrd-report::after,
    .divMatches.mdr-inn-input-wrapper::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #0F1C23;
        --cut: 20px;
        z-index: -1;
        clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
    }
    .divMatches.mrd-report > .divMatches {
        margin: 0px;
    }
.divMatches {
    margin: 25px 15px 0 15px;
    font-size: 12px;
    display: flex;
    position: relative;
    justify-content: center;
}


    .divMatches label.control-label {
        color: #3a6773;
        padding: 0px 12px;
        font-size: 14px;
        line-height: 38px;
        font-family: "popins", sans-serif !important;
        box-shadow: 0px 4px 4px 0px #00000026;
        border-radius: 5px 0 0 5px;
        text-transform: capitalize;
        min-width: 420px;
        min-height: 40px;
        background: #264148;
        text-align: center;
        clip-path: polygon(4% 0%, 100% 0%, 100% 50%, 100% 100%, 4% 100%, 0% 50%);
        position: relative;
        margin: 0px !important;
    }

        .divMatches label.control-label::after {
            content: "";
            position: absolute;
            inset: 1px;
            clip-path: polygon(4% 0%, 100% 0%, 100% 50%, 100% 100%, 4% 100%, 0% 50%);
            background: #0F1C23;
            z-index: -1;
        }

    .divMatches input {
        text-align: center;
    }
        input[type="radio"],
        input[type="checkbox"],
        .divMatches input[type="checkbox"],
        .divMatches input[type="radio"] {
            accent-color: #45F882;
        }
        .divMatches input[type="text"] {
            width: 48px;
            height: 40px;
            color: white;
            font-size: 16px;
            line-height: 30px;
            background: #264148;
            padding-right: 10px;
            box-shadow: 0px 4px 4px 0px #00000026;
            font-family: "popins", sans-serif !important;
            margin-left: 0;
            border: none;
            clip-path: polygon(0% 0%, 72% 0%, 100% 50%, 72% 100%, 0% 100%, 0% 50%);
        }
.divMatches-check-label {
    color: #FFFFFF;
    line-height: 1.8;
    margin-bottom: 0px !important;
}
.mdr-input-wrapper {
    gap: 0 20px;
    flex-wrap: wrap;
    flex: 1;
}
.abbrbox_DivOnly {
    box-sizing: border-box;
    border: dashed 1px #2dc3e8;
    margin: 7px 15px 8px 15px;
    padding: 5px;
    font-size: 14px;
}
.abbrbox ul {
    box-sizing: border-box;
    margin: 0px 15px 8px 15px;
    padding: 37px 22px 25px 50px;
    font-size: 14px;
    border: 1px solid #2F491B;
    border-radius: 0 10px 10px 10px;
}

    .abbrbox ul li {
        color: white;
        font-size: 16px;
        line-height: 30px;
        text-transform: capitalize;
        font-family: "popins", sans-serif !important;
    }


.abrox-border {
    box-sizing: border-box;
    border: dashed 1px #2dc3e8;
    margin: 7px 15px 8px 15px;
    padding: 5px;
}

.abbrbox p {
    text-align: center;
    width: max-content;
    margin: 10px 0 10px 50px;
    padding: 10px 40px 10px 22px;
    border-radius: 10px 0px 0 10px;
    text-transform: capitalize;
    font-size: 24px !important;
    font-weight: 600;
    background: #ADFE00;
    color: #0B0E13;
    font-family: "Rajdhani", sans-serif !important;
    box-shadow: 0px 4px 4px 0px #0000001A;
    clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%);
}

    .abbrbox p u {
        text-decoration: none;
    }

.divMatches a, .divMatches a:active {
    background: #ADFE00;
    color: #0B0E13;
    border-radius: 0;
    border: 0px;
    width: auto;
    min-width: 130px;
    margin-left: 8px;
    padding: 2px 25px !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 36px;
    font-family: "Rajdhani", sans-serif !important;
    text-transform: uppercase;
    height: max-content;
    --cut: 15px;
    clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50% );
}

    .divMatches a span {
        /*font-family: 'Lato', sans-serif;*/
    }

    .divMatches a:last-child, .divMatches a:last-child:active {
        border-radius: 0 5px 5px 0;
    }
.divMatches-title-wrapper {
    text-align: center;
    margin-bottom: 30px;
}
.pp-name,
.divMatches-title {
    background: linear-gradient(109.09deg, #45F882 -89.47%, #FFBE18 179.65%);
    border: 0px !important;
    padding: 0px 16px !important;
    font-size: 24px !important;
    color: #0B0E13 !important;
    min-height: 35px;
    font-weight: 700;
    min-width: 160px;
    display: inline-block;
    position: relative;
    margin: 0 20px;
}
    .pp-name::after,
    .pp-name::before,
    .divMatches-title::after,
    .divMatches-title::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 -19px;
        width: 20px;
        background: #89e25b;
        clip-path: shape( from 100% 0%,
        /* Top edge */
        line to 65% 0%,
        /* Top-left big curve */
        curve to 35% 10% with 50% 0%, line to 10% 40%,
        /* Left center big curve */
        curve to 10% 60% with 0% 50%, line to 35% 90%,
        /* Bottom-left big curve */
        curve to 65% 100% with 50% 100%, line to 100% 100%,
        /* Right bottom curve */
        curve to 100% 80% with 100% 100%, line to 100% 20%,
        /* Right top curve */
        curve to 100% 0% with 100% 0%, close )
    }
        .pp-name::after,
        .divMatches-title::after {
            inset: 0 -19px 0 auto;
            background: #c5d039;
            clip-path: shape( from 0% 0%,
            /* Top edge */
            line to 35% 0%,
            /* Top-right big curve */
            curve to 65% 10% with 50% 0%, line to 90% 40%,
            /* Right center big curve */
            curve to 90% 60% with 100% 50%, line to 65% 90%,
            /* Bottom-right big curve */
            curve to 35% 100% with 50% 100%, line to 0% 100%,
            /* Left bottom curve */
            curve to 0% 80% with 0% 100%, line to 0% 20%,
            /* Left top curve */
            curve to 0% 0% with 0% 0%, close )
        }
.pp-name {
    display: block;
    text-align: center;
    line-height: 35px;
    font-weight: 700;
    font-size: 16px !important;
}
.divMatches-check-wrapper {
    display: flex;
    gap: 6px;
}
.page-sidebar:before,
.page-sidebar.AdminSide:before {
    background: #0F1C23;
}
.page-sidebar .sidebar-menu > li,
.page-sidebar.AdminSide .sidebar-menu > li {
    margin: 16px auto;
    max-width: 200px;
}
.page-sidebar .sidebar-menu li.open > .submenu {
    width: 160px;
    margin: auto;
    background-color: #151515;
    border: 1px solid #446169;
}
.page-sidebar .sidebar-menu > li > .submenu:before {
    border: none;
}
.page-sidebar .sidebar-menu > li > a,
.page-sidebar.AdminSide .sidebar-menu > li > a {
    clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    z-index: 1;
    max-width: 200px;
}
.page-sidebar .sidebar-menu > li.open > a {
    color: #ADFE00
}
.page-sidebar .sidebar-menu > li.active > a,
.page-sidebar.AdminSide .sidebar-menu > li.active > a {
    color: #ADFE00;
    background: #ADFE00 !important;
}
    .page-sidebar .sidebar-menu > li > a::before,
    .page-sidebar.AdminSide .sidebar-menu > li > a::before {
        content: "";
        width: auto;
        max-width: unset;
        display: block;
        position: absolute;
        inset: 1px;
        background: #0B0E13;
        clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
        z-index: -1;
    }

.page-sidebar .sidebar-menu > li > a,
.page-sidebar.AdminSide .sidebar-menu > li > a {
    color: white;
    height: 50px;
    font-size: 16px;
    padding: 0px 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    line-height: 50px;
    background: #264148 !important;
    position: relative;
}
    .page-sidebar .sidebar-menu > li > a span::after,
    .page-sidebar .sidebar-menu > li > a span::before,
    .page-sidebar.AdminSide .sidebar-menu > li > a span::after,
    .page-sidebar.AdminSide .sidebar-menu > li > a span::before {
        content: '';
        position: absolute;
        inset: 6px auto 6px 7px;
        width: 54px;
        background: #264148;
        clip-path: polygon(31% 0, 5% 50%, 30% 100%, 25% 100%, 0% 50%, 25% 0%);
        transition: all 0.3s ease-in-out;
    }
    .page-sidebar .sidebar-menu > li > a span::after,
    .page-sidebar.AdminSide .sidebar-menu > li > a span::after {
        inset: 6px 8px 6px auto;
        clip-path: polygon(69% 0, 95% 50%, 70% 100%, 75% 100%, 100% 50%, 75% 0%);
        margin: auto 0 auto auto;
    }
    .page-sidebar .sidebar-menu > li > a:hover,
    .page-sidebar.AdminSide .sidebar-menu > li > a:hover {
        background: #e0c82a;
    }
        .page-sidebar .sidebar-menu > li:hover > a span::after,
        .page-sidebar .sidebar-menu > li:hover > a > a::before,
        .page-sidebar.AdminSide .sidebar-menu > li:hover > a span::after,
        .page-sidebar.AdminSide .sidebar-menu > li:hover > a span::before {
            background: #e0c82a;
        }
    .page-sidebar .sidebar-menu > li.active > a span::after,
    .page-sidebar .sidebar-menu > li.active > a span::before,
    .page-sidebar.AdminSide .sidebar-menu > li.active > a span::after,
    .page-sidebar.AdminSide .sidebar-menu > li.active > a span::before {
        background: #ADFE00;
    }
    .page-sidebar .sidebar-menu li:not(.open):hover > a:before {
        background: #0B0E13;
    }
.page-sidebar .sidebar-menu .submenu li:not(:last-child) {
    border-bottom: 1px solid #446169;
}
.page-sidebar .sidebar-menu .submenu > li > a,
.page-sidebar .sidebar-menu .submenu > li .submenu > li > a {
    color: white !important;
    padding-left: 20px;
    white-space: nowrap;
}

.page-sidebar .sidebar-menu .submenu > li.open > a {
    color: #45F882;
    background-color: #151515;
}
.page-sidebar .sidebar-menu .submenu li:not(.open).active > a,
.page-sidebar .sidebar-menu .submenu > li .submenu > li > a:hover {
    background: #45F88282;
}
    .page-sidebar .sidebar-menu .submenu li.active::before {
        top: 50%;
        left: 10px;
        width: 4px;
        height: 4px;
        overflow: hidden;
        background-color: #ffffff;
        border-radius: 50%;
        transform: translateY(-50%);
    }
.page-sidebar .sidebar-menu li:not(.open):hover:before {
    opacity: 0;
    visibility: hidden;
}
.form-control,
.searchInputC .form-control,
.searchInputC .select2 {
    width: 100% !important;
    height: 35px;
    min-height: 35px;
    font-size: 16px;
    padding: 4px;
    color: #ffffff !important;
    background: #11141B !important;
    font-family: "Rajdhani", sans-serif !important;
    border-radius: 8px !important;
    border: none !important;
    text-transform: capitalize;
    vertical-align: -webkit-baseline-middle;
    /* --cut: 15px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);*/
}
input[type="email"],
input[type="password"] {
    text-transform: unset !important;
}

.select2.select2-container.select2-container--default.select2-container--disabled {
    background: #46474b !important;
}
.form-control, .searchInputC input.form-control {
    padding-left: 15px;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.row > :not([class*="col-"]) {
    width: 100%;
}
.searchInputC {
    padding: 1px;
    background: linear-gradient(90deg, #55F379 0%, #FFBE18 100%);
    margin-bottom: 15px;
    border-radius: 8px;
    /*min-height: 38px;*/
    /*--cut: 15px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);*/
}
    .searchInputC .select2-container {
        height: 33px !important;
        width: 100% !important;
    }
.input-group .form-control {
    font-size: 16px;
    padding-left: 20px;
    color: white !important;
    border: none !important;
    background: #11141b !important;
    border-radius: 8px 0 0 8px !important;
    /* clip-path: polygon(4% 0%, 100% 0%, 100% 50%, 100% 100%, 4% 100%, 0% 50%); */
}
.form-control option {
    color: #ffffff;
    background: #11141B;
    border: 1px solid;
    border-image-source: linear-gradient(90deg, #62EF71 0%, #FFBE18 100%);
}
label.control-label {
    color: white;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px !important;
    text-transform: uppercase;
}
    label.control-label .mandate-star {
        color: #45F882;
    }
.input-group {
    width: 100%;
    display: flex;
}
.searchInputC > input:focus,
.searchInputC .select2:focus,
.searchInputC > .form-control:focus {
    border: 1px solid #adfe00 !important;
}
.input-group .input-group-addon {
    width: 35px;
    height: 35px;
    color: #45F882;
    font-size: 16px;
    line-height: 30px;
    background: #11141b;
    padding: 0 10px 0 5px;
    box-shadow: 0px 4px 4px 0px #00000026;
    font-family: "popins", sans-serif !important;
    margin-left: 0;
    border: none;
    border-radius: 0 8px 8px 0 !important;
    /*clip-path: polygon(0% 0%, 72% 0%, 100% 50%, 72% 100%, 0% 100%, 0% 50%);*/
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 1.6em;
}
.select2-container.select2-container--default .select2-selection--single,
.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    background: transparent !important;
}
    .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
        color: white;
        font-size: 16px;
        text-transform: capitalize;
        width: calc(100% - 25px);
    }
.searchInputC .select2-selection__arrow {
    border: none;
    color: #45F882;
    width: 36px !important;
    height: 100% !important;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    visibility: hidden;
}
.select2-container.select2-container--default .select2-selection--multiple {
    margin-top: -4px;
    border: none;
    background: transparent;
}
    .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
        color: white;
        background-color: #12161c;
        border: 1px solid #264148;
    }
    .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: white;
    }
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #45F882 transparent transparent transparent;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
}
/* Datepicker CSS @S */
.ui-widget.ui-widget-content {
    background: #0f1c23;
    border: 1px solid #264148;
}
.ui-datepicker .ui-datepicker-header {
    background: #264148;
    border: 1px solid #264148;
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #264148;
    background: #0f1c23;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-highlight, 
.ui-widget-header .ui-state-highlight, 
.ui-widget-content .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #adfe00;
    color: #0b0e13;
    font-weight: 700;
}
.ui-widget-content .ui-state-default:hover {
    color: #0f1c23;
    background: white;
}
.ui-datepicker th {
    color: white;
}
.ui-datepicker select {
    color: #ffffff;
    background-color: #0f1c23;
    border: 1px solid #708288;
    padding: 6px 12px;
}
/* Datepicker CSS @E */
.select2-container.select2-container--default .select2-dropdown {
    background-color: #11141B;
    border: 1px solid;
    border-image: linear-gradient(90deg, #55F379, #FFBE18) 1;
}
.select2-container.select2-container--default .select2-results__option[aria-selected] {
    cursor: pointer;
    color: white;
    font-size: 14px;
    background: #111C24E0;
    margin-bottom: 4px;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    color: white;
    border: 1px solid #48f780;
    background: #0b0e13;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    color: white;
    border: 1px solid #48f780;
    background: #11141B;
}
.select2-container.select2-container--default .select2-results__option[aria-selected=true] {
    color: white;
    background-color: #264148;
}
.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #adfe00;
    color: #0b0e13;
}
.select2-container.select2-container--default .select2-search--inline .select2-search__field {
    color: white;
}
.select2-container .select2-results__option {
    color: white;
}
.new-table .footable {
    border: none !important;
}
.new-table tr.table {
    background: transparent;
}
.new-table .grdtbl {
    width: 100%;
    border: none;
    border-radius: 0px;
    background: inherit;
}
.new-table.ptch-vnu-stt-table table td.empty-td-s {
    background: #ADFE00;
    position: relative;
    
}
    .new-table.ptch-vnu-stt-table table td.empty-td-s::before {
        content: "";
        position: absolute;
        inset: 1px -1px 1px 1px;
        background: #0b0e13;
        clip-path: shape( from 100% 0%,
        /* Top edge */
        line to 65% 0%,
        /* Top-left big curve */
        curve to 35% 10% with 50% 0%, line to 10% 40%,
        /* Left center big curve */
        curve to 10% 60% with 0% 50%, line to 35% 90%,
        /* Bottom-left big curve */
        curve to 65% 100% with 50% 100%, line to 100% 100%,
        /* Right bottom curve */
        curve to 100% 80% with 100% 100%, line to 100% 20%,
        /* Right top curve */
        curve to 100% 0% with 100% 0%, close )
    }
.new-table.ptch-vnu-stt-table table td:nth-child(2),
.new-table.ptch-vnu-stt-table table tr:last-child td:nth-child(2) {
    border: 1px solid #ADFE00 !important;
    border-left: 0px !important;
}
.footable > thead > tr > th {
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 30px;
    background: #721212 !important;
    font-family: "Rajdhani", sans-serif !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #D68A3C;
    border-top: 1px solid #D68A3C !important;
}

.footable > tbody > tr > td,
.footable > thead > tr > td {
    text-transform: uppercase !important;
    font-family: "Rajdhani", sans-serif !important;
}

.new-table table th[class*="empty-th-"],
.player-div table th[class*="empty-th-"],
.new-table table td[class*="emptytd-"],
.player-div table td[class*="empty-td-"] {
    width: 20px;
}

.new-table table tfoot td.empty-td-s,
.new-table table th.empty-th-s,
.player-div table th.empty-th-s,
.new-table table td.empty-td-s,
.player-div table td.empty-td-s {
    clip-path: shape( from 100% 0%,
    /* Top edge */
    line to 65% 0%,
    /* Top-left big curve */
    curve to 35% 10% with 50% 0%, line to 10% 40%,
    /* Left center big curve */
    curve to 10% 60% with 0% 50%, line to 35% 90%,
    /* Bottom-left big curve */
    curve to 65% 100% with 50% 100%, line to 100% 100%,
    /* Right bottom curve */
    curve to 100% 80% with 100% 100%, line to 100% 20%,
    /* Right top curve */
    curve to 100% 0% with 100% 0%, close );
    transform: translateX(2px);
}

.new-table table tfoot td.empty-td-e,
.new-table table th.empty-th-e,
.player-div table th.empty-th-e,
.new-table table td.empty-td-e,
.player-div table tdh.empty-td-e {
    clip-path: shape( from 0% 0%,
    /* Top edge */
    line to 35% 0%,
    /* Top-right big curve */
    curve to 65% 10% with 50% 0%, line to 90% 40%,
    /* Right center big curve */
    curve to 90% 60% with 100% 50%, line to 65% 90%,
    /* Bottom-right big curve */
    curve to 35% 100% with 50% 100%, line to 0% 100%,
    /* Left bottom curve */
    curve to 0% 80% with 0% 100%, line to 0% 20%,
    /* Left top curve */
    curve to 0% 0% with 0% 0%, close );
    transform: translateX(-2px);
}

.new-table thead > tr {
    border: 1px solid #ADFE00
}

    .new-table .table th,
    .new-table thead > tr > th,
    .new-table .table thead > tr > th,
    .footable > thead > tr > th {
        color: #ADFE00;
        font-size: 14px !important;
        font-weight: 700;
        min-height: 35px;
        padding: 3px 6px !important;
        background: #0B0E13 !important;
        font-family: "Rajdhani", sans-serif !important;
        position: relative;
    }
    .new-table table tbody td table {
    width: auto;
}
.new-table.border-tbl thead > tr.seegreen-blktxt th {
    border: 1px solid #ADFE00 !important;
}
.new-table.border-tbl tbody > tr td,
.new-table.border-tbl table > tbody > tr:last-child > td:not(.avgtd) {
    border: 1px solid #3A7382 !important;
}
.new-table.border-tbl tbody > tr > td.left-radius.avgtd,
.new-table.border-tbl tbody > tr > td.left-radius ~ td.avgtd:nth-child(2),
.new-table.border-tbl tbody > tr > td.left-radius ~ td.avgtd:nth-child(3) {
    /*border-left: 0px !important;*/
    border-right: 0px !important;
}
.new-table.border-tbl tbody > tr td:nth-child(2),
.new-table.border-tbl tbody > tr td:nth-last-child(2),
.new-table.border-tbl thead > tr.seegreen-blktxt th:nth-child(2),
.new-table.border-tbl thead > tr.seegreen-blktxt th:nth-last-child(2) {
    border-left: 0px !important;
    border-right: 0px !important;
}
.new-table.border-tbl tbody > tr td:nth-child(1) {
    border-right: 0px !important;
}
.new-table.border-tbl tbody > tr td:last-child {
    border-left: 0px !important;
}


.new-table.ground-table table tr td.empty-td-s,
.new-table.ground-table table tbody > tr:last-child td.empty-td-s:not(.jsgrid-alt-row),
.new-table.ground-table table tbody > tr:last-child td.empty-td-s,
.new-table table > tbody > tr.jsgrid-alt-row > td.empty-td-e,
.new-table table > tbody > tr.jsgrid-alt-row > td.empty-td-s,
.new-table table tr:nth-child(n+3):not(.gradient-row) th.empty-th-s,
.new-table table tr:nth-child(n+3):not(.gradient-row) th.empty-th-e,
.new-table table tr.seegreen-blktxt th.empty-th-s,
.new-table table tr.seegreen-blktxt th.empty-th-e {
    background: #adfe00 !important;
    border: 1px solid #ADFE00 !important;
    border-right: none !important;
}
.new-table table tr.seegreen-blktxt th.empty-th-e {
    background: linear-gradient(90deg, #000 0%, #000 20%, #ADFE00 20%, #ADFE00 100%) !important;
}
.new-table table tr.seegreen-blktxt th.empty-th-s {
    background: linear-gradient(90deg, #ADFE00 0%, #ADFE00 80%, #000000 80%, #000000 100%) !important;
}
    .new-table.ground-table table tr td.empty-td-s::before,
    .new-table table tr.seegreen-blktxt th.empty-th-s::before,
    .new-table table > tbody > tr.jsgrid-alt-row > td.empty-td-s::before,
    .new-table table tr:nth-child(n+3):not(.gradient-row) th.empty-th-s::before {
        content: '';
        position: absolute;
        inset: 0px -1px 0px 1px;
        background: #0b0e13;
        clip-path: shape( from 100% 0%,
        /* Top edge */
        line to 65% 0%,
        /* Top-left big curve */
        curve to 35% 10% with 50% 0%, line to 10% 40%,
        /* Left center big curve */
        curve to 10% 60% with 0% 50%, line to 35% 90%,
        /* Bottom-left big curve */
        curve to 65% 100% with 50% 100%, line to 100% 100%,
        /* Right bottom curve */
        curve to 100% 80% with 100% 100%, line to 100% 20%,
        /* Right top curve */
        curve to 100% 0% with 100% 0%, close );
    }

    .new-table table tr.seegreen-blktxt th.empty-th-e::before,
    .new-table table > tbody > tr.jsgrid-alt-row > td.empty-td-e::before,
    .new-table table tr:nth-child(n+3):not(.gradient-row) th.empty-th-e::before {
        content: '';
        position: absolute;
        inset: 0px 1px 0px -1px;
        background: #0b0e13;
        clip-path: shape( from 0% 0%,
        /* Top edge */
        line to 35% 0%,
        /* Top-right big curve */
        curve to 65% 10% with 50% 0%, line to 90% 40%,
        /* Right center big curve */
        curve to 90% 60% with 100% 50%, line to 65% 90%,
        /* Bottom-right big curve */
        curve to 35% 100% with 50% 100%, line to 0% 100%,
        /* Left bottom curve */
        curve to 0% 80% with 0% 100%, line to 0% 20%,
        /* Left top curve */
        curve to 0% 0% with 0% 0%, close );
    }

.new-table tbody > tr > td,
.footable tbody > tr > td,
.new-table thead > tr > td,
.footable > thead > tr > td {
    font-family: "Rajdhani", sans-serif !important;
}

.new-table table > .custom-header,
.new-table .table th.custom-header {
    margin: 0px;
    background: transparent !important;
    display: block;
    border: none;
    line-height: 1.5;
}
.new-table thead > tr.seegreen-blktxt th {
    /*border-top: 1px solid #ADFE00 !important;*/
    border-bottom: 1px solid #ADFE00 !important;
}
.new-table thead > tr.gradient-row ~ tr > th,
.new-table thead > tr.gradient-row ~ tr.seegreen-blktxt > th {
    border-top: 1px solid #ADFE00 !important;
}
.new-table table > thead > tr > th {
    text-align: center;
    /*border-top: 1px solid #ADFE00 !important;*/
    border-bottom: 1px solid #ADFE00 !important;
}
.new-table table > thead > tr:first-child > th,
.new-table thead > tr.seegreen-blktxt:nth-child(2) th {
    border-top: 1px solid #ADFE00 !important;
}
    .new-table table > thead > tr:first-child > th.empty-th-e,
    .new-table thead > tr.seegreen-blktxt:nth-child(2) th.empty-th-e {
        border-left: 0px !important;
    }
/*.new-table table > tbody > tr:not(:last-child) > td,*/
.new-table table > thead > tr.multicolor-th > th:nth-child(3n + 1) {
    background: #E53935 !important;
    color: #0B0E13 !important;
}

.new-table table > thead > tr.multicolor-th > th:nth-child(3n + 2) {
    background: #85E45E !important;
    color: #0B0E13 !important;
}

.new-table table > thead > tr.multicolor-th > th:nth-child(3n + 3) {
    background: #FFD400 !important;
    color: #0B0E13 !important;
}

.new-table table > tfoot > tr > td,
.new-table table > tbody > tr > td {
    color: white;
    padding: 5px;
    font-size: 14px;
    font-weight: 600;
    background: #152C32;
}
.new-table table > tbody > tr:nth-child(even) > td {
    background: #112028
}
.td-transparent-bg.new-table table > tbody > tr > td,
.td-transparent-bg.new-table table > tbody > tr:nth-child(even) > td {
    background: transparent;
}

.new-table.no-head-tr-2 thead tr:nth-child(2) th {
    background: transparent !important;
    border: 0 !important;
    text-align: left;
}
.new-table.no-head-tr-2 thead tr:nth-child(2) th:nth-last-child(2) {
    text-align: right;
}
    .new-table.no-head-tr-2 thead tr:nth-child(2) th .DB-ornage-whitetxt {
        color: #FFFFFF;
        position: relative;
        padding: 10px 16px;
        display: inline-block;
        border-radius: 8px;
        background: linear-gradient(96.03deg, #45F882 0%, #FFBE18 100%);
        z-index: 1;
    }
        .new-table.no-head-tr-2 thead tr:nth-child(2) th .DB-ornage-whitetxt::before {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: 8px;
            background: #0F1C23;
            z-index: -1;
        }
    .new-table.no-head-tr-2 thead tr:nth-child(2) th#batteam .DB-ornage-whitetxt {
        display: none;
    }
.new-table.no-head-tr-2 .btn-normal,
.no-head-tr-2.new-table .btn-active {
    width: 80px;
    text-align: center;
    margin: 0 40px;
}
.new-table.no-head-tr-2 tbody tr td:nth-child(2) {
    text-align: left;
}
.new-table.no-head-tr-2 tbody tr td:nth-last-child(2) {
    text-align: right;
}
.new-table.no-head-tr-2 tbody tr td span {
    position: relative;
}
.new-table.no-head-tr-2 span::before {
    content: "";
    position: absolute;
    left: 130%;
    top: 50%;
    width: 310%;
    height: 1px;
    background: #45F882;
    opacity: 0.2;
}
.new-table.no-head-tr-2 td[colname="total_m2"] span::before {
    left: auto;
    right: 140%;
}
.new-table .footable > thead > tr > th:first-child,
.new-table .footable > thead > tr > th:last-child {
    border-radius: 0px !important;
}

.new-table table > tbody > tr > td > table tr:last-child > td {
    border: none !important;
}
.new-table table > tbody > tr:hover {
        background: none !important;
    }
    .new-table table > tbody > tr:nth-of-type(even) {
        background: none !important;
    }
.new-table table > tbody > tr > td .btn-primary {
    width: auto !important;
}
.new-table table > tbody > tr > td a {
    color: #ADFE00;
    text-decoration: none;
}
.new-table table > tbody > tr > td a:hover {
    color: #ADFE00 !important;
    text-decoration: underline;
}
.new-table table > tbody > tr > td a.btn-primary:hover {
    color: #0B0E13 !important;
    text-decoration: none !important;
}
.inner-page-btn + a {
    flex: 1;
    padding-left: 5px;
}

.new-table table > tfoot > tr > td {
    color: #fff;
    font-size: 16px;
    padding: 5px;
    background: #344119;
}

.new-table.empty-row table > tbody > tr > td {
    color: #3D6A76;
    font-size: 15px;
    font-weight: 600;
}

.new-table table {
    width: 100%;
    border-spacing: 0 5px;
    border-collapse: separate !important;
}

.inner-page-btn {
    background: #00AE45;
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.new-table.table-sticky table > tbody > tr:not(.jsgrid-alt-row) > td span {
    display: block;
    white-space: nowrap;
}
.new-table.table-sticky table > tbody > tr > td:not(:first-child) {
    text-align: center;
}
.new-table table > tbody > tr > td .win,
.new-table table > tbody > tr > td .six-run,
.new-table table > tbody > tr > td .four-run {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: auto;
    color: #131F28;
    background: #45F882;
    border-radius: 50%;
}
.new-table table > tbody > tr > td .win {
    background: #FF383C;
}
.new-table table > tbody > tr > td .six-run {
    background: #FFBE18;
}
.new-table.tbl-stck {
    max-height: 100vh;
}
.new-table.tbl-stck thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #12161c;
}
.new-table.tbl-stck thead::before {
    content: "";
    background: #12161c;
    position: absolute;
    inset: 0;
}

    .new-table.tbl-stck.match-stat-tbl thead tr#headers th:nth-child(3),
    .new-table.tbl-stck.match-stat-tbl thead tr#trOne th:nth-child(3) {
        min-width: 80px;
    }
    .new-table.tbl-stck.match-stat-tbl thead tr#trOne th:nth-child(4),
    .new-table.tbl-stck.match-stat-tbl thead tr#headers th:nth-child(4) {
        min-width: 150px;
    }
.new-table.match-stat-tbl table > tbody > tr:nth-child(even) > td {
    background: #152c32;
}
.new-table.match-stat-tbl table > tbody > tr:last-child:not(.jsgrid-alt-row) > td:not(.avgtd) {
    border: 1px solid #3A7382 !important;
}
.player-div table thead tr.gradient-row th:first-child, .table-bordered-dark thead tr:first-child th:first-child {
    background: #45F882 !important;
    border: 1px solid #45F882 !important;
    border-right: none !important;
}
.player-div table thead tr.gradient-row th, .table-bordered-dark thead tr:first-child th {
    background: linear-gradient( 96.03deg, #45F882 0%, #FFBE18 100%) !important;
    border: 0px !important;
    padding: 5px 7px !important;
    font-size: 16px !important;
    color: #0B0E13 !important;
    min-height: 35px;
    font-weight: 700;
}
    .player-div table thead tr.gradient-row th:last-child, .table-bordered-dark thead tr:first-child th:last-child {
        background: #FFBE18 !important;
        border: 1px solid #FFBE18 !important;
        border-left: none !important;
    }
.player-div table thead > tr:first-child th {
    border-bottom: 0;
    border: none !important;
    padding: 10px 15px !important;
    border-top: 0 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    background-color: #264148 !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.player-div table thead > tr:first-child th {
    border-bottom: 0;
    border: none !important;
    padding: 10px 15px !important;
    border-top: 0 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    background-color: #264148 !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.player-div table thead > tr:first-child th {
    border-bottom: 0;
    border: none !important;
    padding: 10px 15px !important;
    border-top: 0 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    background-color: #264148 !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.player-div table {
    width: 100%;
    background: none;
}
.new-table thead > tr.gray-row th,
.new-table thead > tr.gray-row th.empty-th-s,
.new-table thead > tr.gray-row th.empty-th-e {
    background: #264148 !important;
    color: #FFFFFF !important;
    border: 0 !important;
}
.div-shadow {
    border: none;
    background: none;
    box-shadow: none;
}
.new-table table > tbody > tr:last-child:not(.jsgrid-alt-row) > td:not(.avgtd) {
    border: 0px !important;
}
.new-table.ground-table table tr td:nth-child(2),
.new-table.ground-table table tbody > tr:last-child td:nth-child(2) {
    border: 1px solid #ADFE00 !important;
    background: #0b0e13 !important;
    border-left: 0 !important;
    text-align: center;
}
.new-table table > tbody > tr.jsgrid-alt-row > td {
    color: #45F882;
    background: #0B0E13;
    border-top: 1px solid #adfe00 !important;
    border-bottom: 1px solid #adfe00 !important;
}

    .new-table table > tbody > tr.jsgrid-alt-row > td p {
        margin-bottom: 0px;
    }
.table-sticky.new-table thead > tr > th {
    position: sticky;
    top: 0px;
    z-index: 5;
}

.table-td-odd-even.new-table table > tbody > tr > td:nth-child(odd) {
    background-color: #152C32;
}

.table-td-odd-even.new-table table > tbody > tr > td:nth-child(even) {
    background: #112028;
}

/*.table-td-odd-even.new-table table > tbody > tr > td:nth-child(3) {
    background: #525E36;
}*/

.page-sidebar .sidebar-menu > li > .submenu > li > a:before {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    opacity: 0;
    visibility: hidden;
}

.page-sidebar .sidebar-menu > li > .submenu > li.active > a:before {
    background-color: #D68A3C;
    border: 1px solid #D68A3C;
}
.matchDetailsUl li {
    width: 33.33%;
    float: left;
    color: white;
    font-size: 18px;
    line-height: 30px;
    font-family: "Unica One", sans-serif !important;
    text-transform: uppercase;
}
    .matchDetailsUl li::marker {
        color: #ADFE00;
    }
    .matchDetailsUl li span:first-child {
        color: #ADFE00
    }
.ss-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
    margin-bottom: 40px
}

    .ss-wrapper label.control-label {
        font-size: 20px;
        font-weight: 600;
        color: #adfe00;
        text-transform: capitalize;
        margin: 0 16px 0 0 !important;
    }

    .ss-wrapper .searchInputC {
        max-width: 640px;
        padding: 1px;
        background: #adfe00;
        clip-path: polygon(3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
    }

        .ss-wrapper .searchInputC .select2 {
            border: 0px !important;
            background: #0b0e13 !important;
            clip-path: polygon(3% 0%, 97% 0%, 100% 50%, 97% 100%, 3% 100%, 0% 50%);
        }

.ground-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
}

.ground-bg {
    padding: 30px;
    background: url('../../img/ground-bg.png');
    width: 484px;
    height: 322px;
}

    .ground-bg img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        object-fit: cover;
    }

.ground-inner {
    flex: 1;
}
    .ground-inner table {
        width: 100%;
    }
.curved-shape {
    width: auto;
    min-width: 754px;
    min-height: 74px;
    display: inline-block;
    padding: 14px 260px;
    text-align: center;
    margin: 30px auto 35px auto;
    background: url('../../img/curved-shape-img.png') no-repeat center;
    background-size: 100% 100%;
}

    .curved-shape h2 {
        color: #fff;
        font-size: 24px;
        margin: 0px;
    }

.pitch-wrapper {
    display: flex;
    gap: 30px;
    max-width: 1120px;
    margin: auto;
}

.pitch-inner {
    flex: 1 0 50%;
    position: relative;
    background: url('../../img/pitch-bg-img.png') no-repeat center;
    background-size: 100% 100%;
    padding: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pitch-name {
    position: absolute;
    left: calc(100% - 28px);
    width: 96px;
    height: 96px;
    background: #0F1C23;
    border: 2px solid #45F882;
    border-radius: 50%;
    text-align: center;
    padding: 11px;
    z-index: 2;
}

    .pitch-name .lblpitchno {
        background: linear-gradient(96.03deg, #45F882 0%, #FFBE18 100%);
        width: 100%;
        height: 100%;
        display: inline-block;
        border-radius: 50%;
        font-size: 50px;
        line-height: 69px;
        font-weight: 700;
        color: #0B0E13;
    }
.DB-pitch-beh {
    max-width: 600px;
    margin: auto;
}
    .DB-pitch-beh img {
        width: 100%;
    }
.top-heading {
    width: 500px;
    margin: auto;
    text-align: center;
}

    .top-heading h3 {
        margin: 20px auto 40px auto;
        color: #0b0e13;
        font-size: 28px;
        padding: 5px 16px;
        font-weight: 600 !important;
        background: #adfe00;
        clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    }

td.brd-l,
tbody td[colname="m5_Overs"] {
    clip-path: polygon(20% 0%, 102% 0%, 102% 100%, 100% 100%, 20% 100%, 0% 50%);
    white-space: nowrap;
    padding-left: 10px !important;
    padding-right: 0px !important;
}


td[colname="m5_inn1wktotal"],
td[colname="m5_inn2wktotal"] {
    clip-path: polygon(0% 0%, 70% 0%, 100% 50%, 70% 100%, 0% 100%, 0% 50%);
}
/*td[rowspan="8"]:last-child,*/
td.right-radius,
/*td[colname="m5_inn2or10"],*/
/*td[colname="m5_inn2or10"] + td,*/
td[colname="m5_inn2teamname"],
td[colname="m5_inn1teamname"] {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
    td[colname="m5_inn2or10"]:has(+ td.right-radius) {
        border-radius: 0 !important;
    }
td[colname*="m5_match_id"],
td[colname="m5_inn1fow"],
td[colname="m5_inn2fow"],
td.left-radius {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
    td.left-radius + td[colname="m5_match_id"] {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .new-table table > tbody > tr > td.avgtd[colname="m5_match_id"][rowspan="4"],
    .new-table table > tbody > tr > td.avgtd[colname="m5_inn1teamname"][rowspan="4"] {
        background: #0F1C23;
    }

.new-table table > tbody > tr > td.avgtd,
.new-table table > tbody > tr > td.avgtd ~ td.right-radius {
    background: #525E36;
}

    .new-table table > tbody > tr > td.avgtd[colname="m5_inn2or10"] + td,
    .new-table table > tbody > tr > td.avgtd[rowspan="4"].avgtd,
    .new-table table > tbody > tr:nth-child(even) > td.avgtd,
    .new-table table > tbody > tr:nth-child(even) > td.avgtd ~ td.right-radius {
        background: #344119;
    }
.halfback-pink .new-table {
    flex: 1 0 calc(50% - 15px);
}
.adminBtn:not(.btn-secondary), .adminBtn:not(.btn-secondary):hover,
.btn-primary, .btn-primary:focus, .btn-primary:hover {
    width: auto;
    min-width: 120px;
    color: #0B0E13 !important;
    padding: 2px 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    position: relative;
    background-color: #ADFE00;
    border: 1px solid #ADFE00;
    --cut: 15px;
    clip-path: polygon( var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50% );
    transition: all 0.3s ease-in-out;
}
    .adminBtn:not(.btn-secondary)::before,
    .btn-primary::before {
        content: '';
        position: absolute;
        inset: 3px auto 3px 7px;
        width: 54px;
        background: black;
        clip-path: polygon(31% 0, 5% 50%, 30% 100%, 25% 100%, 0% 50%, 25% 0%);
        transition: all 0.3s ease-in-out
    }
    .adminBtn:not(.btn-secondary)::after,
    .btn-primary::after {
        content: '';
        position: absolute;
        inset: 3px 7px 3px auto;
        width: 54px;
        background: black;
        clip-path: polygon(69% 0, 95% 50%, 70% 100%, 75% 100%, 100% 50%, 75% 0%);
        margin: auto 0 auto auto;
        transition: all 0.3s ease-in-out;
    }
    .adminBtn:not(.btn-secondary):hover,
    .btn-primary:hover {
        color: #0B0E13 !important;
        background-color: #ADFE00 !important;
    }
        .adminBtn:not(.btn-secondary):hover::after,
        .adminBtn:not(.btn-secondary):hover::before,
        .btn-primary:hover::after,
        .btn-primary:hover::before {
            inset: 4px;
        }

    .btn-primary.dropdown-toggle {
        border-left-color: #6a99ee
    }

    .btn-primary.active {
        background-color: #2c56b1;
        border-color: #21448d
    }
button.input-group-addon.addonIcon,
button.input-group-addon.addonIcon:hover {
    background: transparent !important;
    min-width: unset;
    padding: 0px 8px;
}
button.input-group-addon.addonIcon::after,
button.input-group-addon.addonIcon::before {
    opacity: 0;
    visibility: hidden;
}
.btn-secondary,
.btn-secondary:focus {
    min-width: 52px;
    color: #45F882;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    background: linear-gradient(90deg, #55F379 0%, #FFBE18 100%);
    border-radius: 8px;
    border: none;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
    .btn-secondary::before {
        content: "";
        position: absolute;
        inset: 1px;
        background: #11141B;
        border-radius: 8px;
        z-index: -1;
        transition: color 0.3s ease-in-out;
    }
    .btn-secondary:hover::before,
    .btn-secondary.active::before {
        color: #11141B;
        background: linear-gradient(90deg, #55F379 0%, #FFBE18 100%);
    }
    .btn-secondary:hover,
    .btn-secondary.active {
        color: #11141B;
    }
    .btn-secondary.six.active::before {
        background: #FFBE18;
    }
    .btn-secondary.four.active::before {
        background: #45f882;
    }
    .btn-secondary.wicket.active::before {
        background: #ff383c;
    }
input.btn-secondary {
    color: #0B0E13;
}
.btn-top-m {
    margin-top: 20px;
    margin-bottom: 15px;
}
.btn-space-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-arrow-shape,
.btn-arrow-shape::before {
    --cut: 10px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
}
}
.btn-top-m {
    margin-top: 20px;
}
.tbl-main-wrapper {
    margin-top: 30px;
}
.pp-wrapper {
    flex: 0 0 370px;
    margin-top: 5px;
    margin-right: 4px;
    background: transparent;
}
.pp-inner-wrapper {
    width: 100%;
    margin-top: 5px;
    position: relative;
}

    .pp-inner-wrapper svg.card-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }
.pp-detail-wrapper {
    position: relative;
    padding: 7px 35px 35px 35px;
}
.pp-img-wrapper {
    width: 150px;
    height: 130px;
    position: relative;
    background: #264148;
    border-radius: 20px;
    margin: 50px auto auto auto;
}
    .pp-img-wrapper img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 150px;
        height: auto;
        min-height: 130px;
        border-radius: 20px;
        object-fit: cover;
    }
    .pp-details {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
.pp-detail-row {
    display: flex;
    gap: 20px;
    color: white;
    font-size: 15px;
    font-weight: 600;
}
.pp-detail-col-left {
    flex: 0 0 131px;
    color: #ADFE00;
}

.border-radious-bottom-none {
    border-radius: 12px 12px 0px 0px;
}

.venue-stat-avg-info {
    color: #dff908 !important;
    text-transform: capitalize;
    font-size: 15px;
}

.venue-stat-table tbody tr {
    border-top: 1px solid #BFDC7A;
}

    .venue-stat-table tbody tr td {
        height: 60px;
        padding: 10px 2px;
        vertical-align: middle;
    }
.new-table.max-h-210 {
    max-height: 210px;
}
    .new-table.max-h-210 thead > tr {
        position: sticky;
        top: 0;
        z-index: 2;
    }
/* Ground Report page CSS @S */
.grnd-img-wrapper {
    padding: 14%;
    aspect-ratio: 550/385;
    background: url('../../img/ImgGrounds/ground-bg.png') no-repeat center;
    background-size: cover;
}
    .grnd-img-wrapper img {
        border-radius: 20px;
    }
.custom-shape-wrapper {
    filter: drop-shadow(0px 3.56px 13.36px rgba(69, 248, 130, 0.45));
}
.custom-shape {
    position: relative;
    width: 100%;
    height: auto;
    padding: 40px 40px 70px 40px;
    background: #0B0E13;
    clip-path: polygon(
    /* TOP LEFT RADIUS */
    3% 12%, 2.5% 14%, 2.3% 88%, 3% 90%,
    /* BOTTOM LEFT */
    5% 93.64%, 34.77% 93.64%,
    /* BOTTOM CENTER CURVE */
    35.15% 93.60%, 37.74% 92.53%, 38.13% 92.43%, 61.49% 92.43%, 61.88% 92.53%, 64.47% 93.60%, 64.86% 93.64%,
    /* BOTTOM RIGHT */
    95.09% 93.64%, 96.8% 90%, 97.34% 88.38%,
    /* RIGHT SIDE */
    97.63% 14.09%, 96.8% 12%,
    /* TOP RIGHT */
    95.44% 8.73%, 76.45% 8.73%,
    /* TOP CENTER CURVE */
    68.12% 8.73%, 67.02% 8.04%, 65.08% 5.44%, 64.00% 4.75%, 36.34% 4.75%, 35.25% 5.44%, 33.31% 8.04%, 32.21% 8.73%,
    /* TOP LEFT */
    23.88% 8.73%, 4.85% 8.73% );
    border-radius: 4px;
    border: 0.88px solid #264148;
    box-shadow: inset 0 0 0 0.5px rgba(38, 65, 72, 0.5), inset 0 0 15px rgba(0, 0, 0, 0.3);
    transform: translateZ(0);
    backface-visibility: hidden;
}
@supports (clip-path: polygon(0 0, 0 0)) {
    .custom-shape {
        shape-rendering: geometricPrecision;
    }
}
.custom-shape-wrapper .DB-halfback-blue::after {
    opacity: 0;
    visibility: hidden;
}
.custom-shape-wrapper .pink_roundbottom {
    display: none;
}
.graund-detail-wrapper {
    max-width: 1100px;
    margin: auto;
}
.grnd-img-wrapper img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 550 / 338;
}
.custom-shape .title {
    color: white;
    font-size: 24px;
    margin: 0 auto 20px auto;
    font-weight: 500 !important;
    font-family: 'Rajdhani' !important;
}
.grnd-detail-card {
    background: #0B0E13;
    border: 1px solid #55F379;
    border-radius: 23px;
}
.grnd-detail-card-header {
    padding: 18px;
    background: linear-gradient(90deg, #52F57B 0%, #F1C320 100%);
    border-bottom: 1px solid #00FF1B;
    border-radius: 23px 23px 0 0;
}
    .grnd-detail-card-header .title {
        color: #000000;
        font-size: 20px;
        font-weight: 700 !important;
        text-align: center;
        margin: 0;
    }
.grnd-detail-card-body {
    padding: 10px 12px;
}
.grnd-detail-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.grnd-row {
    gap: 10px;
    display: flex;
    text-align: center;
}
    .grnd-row [class*="grnd-col-"] {
        margin: 0;
        color: white;
        font-size: 20px;
        padding: 5px 15px;
        text-align: center;
        flex: 1 0 calc(50% - 5px);
        font-weight: 500 !important;
        text-transform: capitalize;
    }
.grnd-col-left {
    position: relative;
    text-transform: uppercase !important;
    background: linear-gradient(90deg, #4FF57C 0%, #FFBE18 100%);
    --cut: 10px;
    clip-path: polygon(var(--cut) 0, 100% 0, 100% 50%, 100% 100%, var(--cut) 100%, 0 50%);
}
    .grnd-col-left::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #000000;
        z-index: -1;
        clip-path: polygon(var(--cut) 0, 100% 0, 100% 50%, 100% 100%, var(--cut) 100%, 0 50%);
    }
.grnd-col-right {
    position: relative;
    background: #45F882;
    --cut: 10px;
    clip-path: polygon( 0 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, 0 100%, 0 50% );
}

    .grnd-col-right::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #0B0E13;
        z-index: -1;
        clip-path: polygon( 0 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, 0 100%, 0 50% );
    }
.grnd-tbl-wrapper {
    display: flex;
    gap: 15px;
}
.grnd-tbl-left {
    flex: 1 0 auto;
}
.grnd-tbl-right {
    flex: 0 0 275px;
}
    .grnd-tbl-right .ss-wrapper {
        margin: 0;
        display: flex;
    }
        .grnd-tbl-right .ss-wrapper .searchInputC {
            position: relative;
            margin-bottom: 5px;
            --cut: 10px;
            clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
        }
            .grnd-tbl-right .ss-wrapper .searchInputC::after {
                content: "";
                position: absolute;
                inset: 1px;
                background: #0b0e13;
                z-index: -1;
                clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
            }
            .grnd-tbl-right .ss-wrapper .searchInputC .select2 {
                height: 28px;
                min-height: 28px;
                --cut: 10px;
                color: #ADFE00 !important;
                font-size: 12px;
                font-weight: 700;
                text-align: center;
                clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
            }
            .grnd-tbl-right .ss-wrapper .searchInputC input {
                color: #ADFE00 !important;
                font-size: 14px;
                font-weight: 700;
                line-height: 1.2;
                font-family: 'Rajdhani' !important;
                padding: 2px 14px;
                min-height: 28px;
                height: 28px;
                text-transform: uppercase;
            }
.btn-gradient {
    color: #11141B;
    padding: 0 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.9;
    text-transform: uppercase;
    background: linear-gradient(90deg, #45F882 0%, #FFBE18 100%);
    --cut: 10px;
    clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
}
    .btn-gradient.btn-large {
        font-size: 16px;
        padding: 3px 15px;
    }
.static-dropdown {
    width: 140px;
    margin: -20px 0 15px auto;
    text-transform: uppercase;
    background: #45F882;
    position: relative;
    --cut: 12px;
    --shape: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
    clip-path: var(--shape);
}
    .static-dropdown::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #12161c;
        clip-path: var(--shape);
        z-index: -1;
    }
    .static-dropdown .form-control {
        background: transparent !important;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
    }
    .static-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 16px;
    }
    .static-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 15px;
        height: 15px;
        position: relative;
        border-radius: 50%;
        border: 2px solid #55F379;
        transform: translate(0px, 9px);
    }
        .static-dropdown .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
            color: #55F379;
            visibility: visible;
            line-height: 1;
        }
.new-table.black-table thead tr th {
    border-right: 1px solid #ADFE00 !important;
}
/* Ground Report page CSS @E */
/* Schedule page CSS @S */
.small-shape-wrapper {
    position: relative;
    padding: 10px 30px;
    background: linear-gradient(90deg, #45F882 0.33%, #FFBE18 99.04%);
    --shape: 25px;
    clip-path: polygon(0 var(--shape),var(--shape) 0,calc(100% - var(--shape)) 0,100% var(--shape),100% calc(100% - var(--shape)),calc(100% - var(--shape)) 100%,var(--shape) 100%,0 calc(100% - var(--shape)));
}
    .small-shape-wrapper::after {
        content: "";
        position: absolute;
        inset: 1px;
        background: #151515;
        z-index: -1;
        clip-path: polygon(0 var(--shape),var(--shape) 0,calc(100% - var(--shape)) 0,100% var(--shape),100% calc(100% - var(--shape)),calc(100% - var(--shape)) 100%,var(--shape) 100%,0 calc(100% - var(--shape)));
    }
.max-w-1000 {
    max-width: 1000px;
    margin: auto;
}
    .max-w-1000 .row {
        display: flex;
        flex-wrap: wrap;
    }

.align-self-end {
    align-self: flex-end;
}
.table-large-text {
    color: #45F882;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
   
}
    .table-large-text.text-abandoned {
        color: #FF383C;
    }
.list-view-tbl .table-large-text {
    white-space: normal;
}
/* Schedule page CSS @E */
/* Commentary Description page css START */
.over-main {
    color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
    font-family: "Rajdhani", sans-serif !important;
} .over-wrapper {
    display: flex;
    gap: 5px;
} .over-ball {
    width: 40px;
} .over-run {
    font-weight: 400;
    flex: 1 0 auto;
} .boundry {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    background: #ADFE00;
    color: #0B0E13;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 600;
} .out {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    background: #e90b37;
    color: white;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 600;
} .over-end {
    color: white;
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    background: #0F1C23;
    border: 1px solid #264148;
} .over-detail-wrapper {
    flex: 1 0 auto;
} .team-run {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #264148;
} .over-detail-wrapper .team-name {
    font-size: 18px;
    font-weight: 700;
} .over-player-run {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
} .over-player-run > div {
        flex: 1 0 calc(33.33% - 10px);
    } .over-count {
    min-width: 20px;
    font-size: 24px;
    font-weight: 600;
} .tbl-small-bg-wrapper {
    position: relative;
    padding: 60px 0 80px 0;
} .tbl-small-bg-wrapper .new-table {
        position: relative;
    } .tbl-small-bg-wrapper .new-table::before {
            content: "";
            position: absolute;
            inset: 0;
            --bg-width: clamp(700px, 50%, 50%);
            background: linear-gradient( 90deg, transparent var(--bg-width), #0B0E13 var(--bg-width), #0B0E13 calc(var(--bg-width) * 2), transparent calc(var(--bg-width) * 2) );
            background-size: calc(var(--bg-width) * 2) 100%;
            z-index: -1;
        } .tbl-small-bg-wrapper .new-table::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            --block-width: clamp(700px, 50%, 50%);
            left: calc(50% - (var(--block-width) / 2));
            right: calc(50% - (var(--block-width) / 2));
            background: #0B0E13;
            box-shadow: 0 0 10px #246e44, 0 0 20px #246e44;
            z-index: -1;
        } .tbl-small-bg-wrapper::after, .tbl-small-bg-wrapper::before {
        content: "";
        position: absolute;
        left: 49.45%;
        top: 0px;
        width: 764px;
        height: 70px;
        transform: translateX(-50%);
        background: url('../../img/tbl-top-shape.png') no-repeat center;
        background-size: cover;
    } .tbl-small-bg-wrapper::after {
        top: auto;
        bottom: 13px;
        background: url('../../img/tbl-bottom-shape.png') no-repeat center;
        background-size: cover;
    } .tbl-small-bg-wrapper .title {
        font-size: 20px;
        font-weight: 600 !important;
        color: white;
        text-align: center;
        margin: -25px 0 13px 0;
        position: relative;
        font-family: "Rajdhani" !important;
    } .edit-btn-commantry {
    background: transparent;
    border: none;
    color: #45F882;
    font-size: 17px;
}
/* Commentary Description page css END */
/* Score Crad Page CSS @S */
.score-tbl img.p-img {
    width: 20px;
    height: 20px;
    border: 1px solid #00FF66;
    border-radius: 50%;
} .score-tbl img.bat-img {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-left: 5px;
} .score-tbl img.kipper-img {
    width: 18px;
} .score-tbl img.bol-img {
    width: 15px;
    margin-left: 8px;
} .cstm-spacer {
    margin: 77px auto 68px auto;
}
.cstm-tab-btn-wrapper {
    margin: 80px 0 50px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.tab-btn-wrapper {
    position: relative;
}
table.tab-btn-wrapper td {
    padding: 0px 5px;
}
.tab-btn-wrapper input[type="radio"] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
    .cstm-tab-btn-wrapper .tab-btn,
    .tab-btn-wrapper input[type="radio"] ~ label {
        color: #ffffff;
        background: #264148;
        border: none;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        --cut: 10px;
        padding: 10px 20px;
        cursor: pointer;
        clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
    }
        .cstm-tab-btn-wrapper .tab-btn::after,
        .tab-btn-wrapper input[type="radio"] ~ label::after {
            content: "";
            position: absolute;
            inset: 1px;
            background: #0F1C23;
            z-index: -1;
            --cut: 10px;
            clip-path: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);
        }
        .cstm-tab-btn-wrapper .tab-btn:hover, .cstm-tab-btn-wrapper .tab-btn.active,
        .tab-btn-wrapper input[type="radio"]:checked ~ label {
            color: #45F882;
            background: #45F882;
        }
            .cstm-tab-btn-wrapper .tab-btn.active::after,
            .tab-btn-wrapper input[type="radio"]:checked ~ label::after {
                background: #0B0E13;
            }
.info-section {
    color: white;
    background: #ad882c;
    padding: 2px;
    width: calc(100% - 40px);
    margin: auto;
    position: relative;
}
    .info-section span {
        font-size: 14px;
        color: white;
    }
    .info-section span.font-bold {
        font-weight: 700;
    }
    .info-section::before,
    .info-section::after {
        content: "";
        position: absolute;
        left: -19px;
        top: 0px;
        width: 20px;
        height: 100%;
        background: #ad882c;
        clip-path: shape(from 100% 0%, /* Top edge */ line to 65% 0%, /* Top-left big curve */ curve to 35% 10% with 50% 0%, line to 10% 40%, /* Left center big curve */ curve to 10% 60% with 0% 50%, line to 35% 90%, /* Bottom-left big curve */ curve to 65% 100% with 50% 100%, line to 100% 100%, /* Right bottom curve */ curve to 100% 80% with 100% 100%, line to 100% 20%, /* Right top curve */ curve to 100% 0% with 100% 0%, close);
    }
    .info-section::after {
        left: auto;
        right: -19px;
        clip-path: shape( from 0% 0%,
        /* Top edge */
        line to 35% 0%,
        /* Top-right big curve */
        curve to 65% 10% with 50% 0%, line to 90% 40%,
        /* Right center big curve */
        curve to 90% 60% with 100% 50%, line to 65% 90%,
        /* Bottom-right big curve */
        curve to 35% 100% with 50% 100%, line to 0% 100%,
        /* Left bottom curve */
        curve to 0% 80% with 0% 100%, line to 0% 20%,
        /* Left top curve */
        curve to 0% 0% with 0% 0%, close )
    }
/* Score Crad Page CSS @E */
/*Landing page masonrygrid*/
.landing-btn-wrapper {
    display: flex;
    gap: 22px 34px;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: center;*/
    margin: 34px 0px;
} .masonryGrid {
    max-width: 100%;
    padding: 0;
    column-count: 3;
    grid-gap: 2rem;
} .masonryGrid .bradius {
        border-radius: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        break-inside: avoid;
        margin-bottom: 2rem;
        position: relative;
        display: block;
    } .masonryGrid .bradius span {
            font-size: 32px;
            padding: 15px;
            line-height: 30px;
            text-transform: uppercase;
            position: absolute;
            top: 0px;
            left: 0;
            width: 100%;
            text-align: center;
            color: #FFFFFF;
            font-weight: 700;
        } .masonryGrid .bradius span.text-left {
                text-align: left;
            } .masonryGrid .bradius:hover {
            transform: scale(1.03);
            text-decoration: none;
        }
    .masonryGrid .item-4 {
        background: url('../../img/landing/bg-img-04.png') no-repeat center;
    }
    .masonryGrid .item-3,
    .masonryGrid .item-5,
    .masonryGrid .item-7 {
        background: url('../../img/landing/bg-img-03.png') no-repeat center;
    }
    .masonryGrid .item-5 {
        background: url('../../img/landing/bg-img-05.png') no-repeat center;
    }
    .masonryGrid .item-6 {
        background: url('../../img/landing/bg-img-06.png') no-repeat center;
    }
    .masonryGrid .item-8 {
        background: url('../../img/landing/bg-img-08.png') no-repeat center;
    }
    .masonryGrid .item-9 {
        background: url('../../img/landing/bg-img-09.png') no-repeat center;
    }
    .masonryGrid .item-11 {
        background: url('../../img/landing/bg-img-11.png') no-repeat center;
    }
    .masonryGrid [class*="item-"] * {
        width: 100%;
        transition: 0.3s;
        background-size: cover;
        filter: grayscale(100%);
    } .masonryGrid [class*="item-"]:hover * {
            filter: grayscale(0%);

        } .fix-card-wrapper {
    padding: 50px 15px 28px 15px;
    max-width: 280px;
    margin: 0 auto;
} .fix-card {
    background: #0F1C23;
    border-radius: 20px;
    overflow: hidden;
    font-family: "Rajdhani", sans-serif !important;
    margin-top: 10px;
} .fix-card-body {
    padding: 12px 18px 8px 18px;
} .fix-inner-wrapper {
    display: flex;
    gap: 4px;
} .fix-m-no {
    font-size: 12px;
    font-weight: 700;
    color: white;
    line-height: 1.2;
} .left-wrapper {
    flex: 1;
} .right-wrapper {
    flex: 0 0 71px;
} .fix-date-time-wrapper {
    color: #45F882;
    margin-bottom: 10px;
} .fix-date-time-wrapper .date {
        font-size: 16px;
        font-weight: 800;
        line-height: 12px;
    } .fix-date-time-wrapper .time {
        font-size: 11px;
        font-weight: 800;
    } .fix-team-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: 5px;
} .fix-team-wrapper .team-img-box {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        background: white;
        border-radius: 50%;
        overflow: hidden;
    } .fix-team-wrapper .team-name {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
    } .fix-card .format-btn {
    --r: 0.3em;
    font-size: 10px;
    font-weight: 800;
    min-width: 45px;
    padding: 2px 5px;
    letter-spacing: 0;
    line-height: 14px;
    margin: auto auto 6px auto;
} .fix-card .fix-card-footer {
    padding: 10px;
    display: block;
    background: #24424A;
} .cstm-card-shape {
    position: relative;
    font-family: 'Rajdhani' !important;
} .cstm-card-shape .svg-wrapper {
        position: absolute;
        inset: 0px;
    } .cstm-card-shape .svg-wrapper svg {
            width: 100%;
            height: 100%;
        } 
.cstm-body-shape {
    padding: 70px 90px 50px 90px;
} 
.cstm-body-shape h3.panel-title {
        font-size: 20px;
        color: #45F882;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600 !important;
        font-family: 'Rajdhani' !important;
        transform: translateY(-30px);
}
/* Landing page css @E */
.web-version-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 9999;
    backdrop-filter: blur(3px);
} .web-version-popup.show {
        display: flex !important;
        animation: fadeIn 0.3s ease-in-out;
    } .web-popup-content {
    background: #fff;
    width: 90%;
    max-width: 480px;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin: 15px;
    animation: slideIn 0.4s ease;
} @keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
} @keyframes slideIn {
    from {
        transform: translateY(-40px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
} .web-popup-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
} .web-popup-footer {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
    /* Match Detail card CSS @S */
    .common-box {
    margin: 30px 0;
} .md-wrapper {
    display: flex;
    color: white;
    padding: 16px 0px;
    position: relative;
    align-items: center;
    font-family: "Rajdhani", sans-serif !important;
} .md-wrapper .left-side-img-wrapper {
        width: 175px;
        height: 145px;
        padding: 2px;
        background: #45F882;
        aspect-ratio: 1;
        position: relative;
        display: flex;
        flex-shrink: 0px;
        align-items: flex-end;
        justify-content: center;
        clip-path: polygon(100% 50%,75% 100%,25% 100%,0% 50%,25% 0%,75% 0%);
    } .md-wrapper .left-side-img-wrapper::after {
            content: "";
            position: absolute;
            inset: 1px;
            background: #0F1C23;
            clip-path: polygon(100% 50%,75% 100%,25% 100%,0% 50%,25% 0%,75% 0%);
            z-index: -1;
        }
.left-side-img-wrapper .player-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    clip-path: polygon(100% 50%,75% 100%,25% 100%,0% 50%,25% 0%,75% 0%);
}
.detail-main {
    flex: 1 0 calc(100% - 350px);
}
.detail-wrapper {
    height: 100%;
    display: flex;
    background: #45F882;
    --r: 3.1em;
    position: relative;
    padding-inline: calc(var(--r) + .3em);
    line-height: 1.8;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    margin: 0 -20px;
    min-height: 145px;
} .detail-wrapper::after {
        content: "";
        position: absolute;
        inset: 1px;
        --r: 3.1em;
        background: #0F1C23;
        clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
        z-index: -1;
    } .detail-wrapper > [class*='item-'] {
        flex: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    } .top-shap, .bottom-shap, .top-upper-shape, .bottom-under-shape {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    min-width: 80px;
    min-height: 16px;
    color: #1A1D26;
    margin: 0 auto;
    padding: 0 15px;
    background: #45F882;
    text-transform: uppercase;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 10% 100%);
} .bottom {
    display: flex;
} .bottom-shap, .top-upper-shape {
    clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%)
} .top-upper-shape {
    text-transform: capitalize;
} .top-upper-shape, .bottom-under-shape {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    min-width: 290px;
    text-align: center;
    padding: 0 20px;
} .bottom-under-shape {
    top: auto;
    bottom: 0;
    background: #ADFE00;
} .top .top-shap, .bottom .bottom-shap {
    padding: 0px;
    min-width: 290px;
} .top .top-shap div:first-child, .bottom .bottom-shap div:first-child {
        background: #ADFE00;
    } .md-status span {
    color: white;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}
        .md-status span.live::before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-right: 10px;
            background: #45F882;
            border-radius: 50%;
            animation: pulse 1s infinite ease-in-out alternate;
        }
      .md-status span.completed {
        font-size: 14px;
    } .md-status .status-icon {
    width: 28px;
    display: block;
    margin: auto;
} .md-status span.scheduled {
    color: #FFBE18;
} .md-status span.abandoned {
    color: #FF383C;
} .md-status .win-team {
    font-size: 16px;
    line-height: 1;
} .md-team-name-wrapper {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    text-transform: uppercase;
    display: flex;
    gap: 5px;
    min-height: 45px;
    align-items: center;
    justify-content: center;
}
    .md-team-name-wrapper .team-img {
        width: 25px;
        height: 25px;
        flex-shrink: 0;
        background: #45F882;
        border-radius: 50%;
        padding: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
    } .md-team-name-wrapper img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    } .md-run-wrapper, .md-over-wrapper {
    color: #45F882;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}
/* Match Detail card CSS @E */
/* Player Squad Page CSS @S */
.pcard {
    padding: 10px 10px 22px 10px;
    background: #0F1C23;
    border-radius: 20px;
    margin-bottom: 16px;
    border: 1.03px solid #45F882;
    box-shadow: 4.13px 4.13px 14.42px 2.07px #45F88233;
    font-family: "Rajdhani" sans-serif !important;
} .pcard-body {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pcard-detail {
    flex: 1 0 calc(100% - 102px);
    overflow: hidden;
} .pcard-ov {
    color: white;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Poppins' sans-serif;
    margin-bottom: -6px;
} .p-img-wrapper {
    width: 56px;
    height: 56px;
    border: 1px solid #adfe00;
    border-radius: 50%;
} .p-img-wrapper img {
        width: 55px;
        height: 55px;
        border-radius: 50%;
    } .pname {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
} .prole {
    text-align: left;
} .prole > span {
        min-width: 80%;
        color: #000000;
        margin-top: 8px;
        padding: 4px 6px;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        border-radius: 50px;
        display: inline-block;
        border: 1px solid #45F882;
        background-color: #45F882;
        text-transform: uppercase;
    } .smbtn_grp {
    width: 26px;
} .smbtn_grp a {
        height: 26px;
        width: 26px;
        padding: 2px 0px;
        text-align: center;
        vertical-align: middle;
        display: inline-table;
    } .sm_btn {
    background: #0F1C23;
    border-radius: 0px;
    margin: 0px 0 5px 2px;
    border: 1px solid #adfe00;
    padding: 1px;
} .sm_btn img {
        height: 16px;
        width: 16px;
        filter: brightness(0) saturate(100%) invert(79%) sepia(49%) saturate(747%) hue-rotate(86deg) brightness(96%) contrast(101%);
    } .p-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
} .p-btn-wrapper .btn-primary {
        color: white;
        background: #264148;
        border-color: #264148;
        transition: all 0.3s ease-in-out;
    } .p-btn-wrapper .btn-primary.active {
        color: black;
        background-color: #45F882 !important;
        border: 1px solid #45F882;
    } .p-btn-wrapper .btn-primary::after, .p-btn-wrapper .btn-primary::before {
            background: white;
            transition: all 0.3s ease-in-out;
        } .p-btn-wrapper .btn-primary:hover::after, .p-btn-wrapper .btn-primary:hover::before, .p-btn-wrapper .btn-primary.active::after, .p-btn-wrapper .btn-primary.active::before {
            background: black;
        } .p-btn-wrapper .btn-primary:hover {
            color: black;
        }
.player-profile-img {
    max-width: 100%;
}
.btn > .fa, .btn .typcn, .btn .glyphicon, .btn > [class*="wi-"] {
    margin: 0px;
}
/* Player Squad Page CSS @E */
/* Schedule Page CSS @S */
.new-table.schl-tbl {
    margin-top: 40px;
}
.new-table.schl-tbl.list-view-tbl {
    margin-top: 0px;
}
.new-table.schl-tbl table {
    border-spacing: 0 10px;
} 
.schl-tbl table thead tr th {
    text-transform: uppercase;
}
.new-table.schl-tbl.list-view-tbl td.empty-td-s {
    position: relative;
    overflow: hidden;
}
.new-table.schl-tbl.list-view-tbl .tbl-label {
    left: 0;
    top: 50%;
    width: 20px;
    height: 115px;
    transform: translateY(-50%);
}
    .new-table.schl-tbl.list-view-tbl .tbl-label span {
        transform: rotate( 270deg);
        display: block;
        padding: 76px 10px;
    }
.new-table.schl-tbl table td.empty-td-s, .new-table.schl-tbl table td.empty-td-e {
    padding: 0px;
    min-width: 20px;
    clip-path: none;
    border-radius: 10px 0 0 10px;
} .new-table.schl-tbl table td.empty-td-e {
    border-radius: 0 10px 10px 0;
} .schl-tbl table thead tr::after, .schl-tbl table thead tr::before {
    content: "";
    position: absolute;
} .schl-tbl table tbody tr::after, .schl-tbl table tbody tr::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 10px;
    background: linear-gradient(90deg, #56F378, #F4C21F);
} .schl-tbl table tbody tr::after {
    inset: 0px;
    background: #152C32;
} .schl-tbl table tbody tr td {
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
    .schl-tbl table tbody tr td .team-wrapper {
        min-width: 260px;
        display: flex;
        justify-content: space-between;
        margin: 0;
        max-width: unset;
        align-items: center;
        position: relative;
    }
    .schl-tbl table tbody tr td [class*="team-"]:not(.team-wrapper) {
        display: flex;
        gap: 5px;
        align-items: center;
        width: 116px;
    }
        .schl-tbl table tbody tr td [class*="team-"] > img {
            width: 40px;
            height: 40px;
            padding: 2px;
            border: 3px solid #45F882;
            border-radius: 50%;
        }
    .schl-tbl table tbody tr td .team-2 {
        text-align: right;
        justify-content: flex-end;
    }
    .schl-tbl table tbody tr td .team-score {
        width: auto !important;
        color: #45f882;
    }
  span.red-circle, span.green-circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #00AE45;
    border-radius: 50%;
} 
  span.red-circle {
    background: #E2181D;
}
.text-schdl-primary {
    color: #45F882;
}
.win-toss {
    font-size: 12px;
    line-height: 14px;
    max-width: 200px;
    white-space: normal;
    text-align: center;
    margin-left: -40px;
    margin-right: -40px;
    transform: translateY(-10px);
}
    .win-toss + .text-schdl-primary {
        display: none;
    }
.new-table.schl-tbl.list-view-tbl .win-toss {
    margin: 0;
    max-width: 100%;
    transform: translate(0px, 0px);
}
.time-trak {
    color: black;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 7px;
    background: #45F882;
    border-radius: 8px;
}
.panel-title {
    text-align: center;
}
.trGroupModuleAcs_1 {
    color: white !important;
}
.input-group .input-group-btn {
    background: #11141b;
    border: 0px !important;
    border-radius: 0 8px 8px 0;
}
    .input-group .input-group-btn .btn-primary {
        min-width: auto;
    }
@media (min-width: 1800px) {
    .navbar .sidebar-collapse {
        left: 280px;
    }
        .page-sidebar, .page-sidebar:before {
        width: 400px;
    }

    .page-content {
        margin-left: 400px;
    }

    .page-sidebar.AdminSide .sidebar-menu {
        max-width: 268px;
        margin: 0 auto;
    }
    .page-sidebar .sidebar-menu li:not(.open):hover:before {
        background: #0B0E13;
    }
    .page-sidebar .sidebar-menu > li a,
    .page-sidebar.AdminSide .sidebar-menu > li > a {
        max-width: 290px;
    }
    .page-sidebar .sidebar-menu > li > a, .page-sidebar.AdminSide .sidebar-menu > li > a {
        min-height: 50px;
        position: relative;
        color: rgb(255, 255, 255);
        font-size: 16px;
        font-weight: 500;
        line-height: 50px;
        background-color: rgb(38, 65, 72);
        clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
        z-index: 1;
        max-width: 200px;
        padding: 0px;
    }
    .page-sidebar .sidebar-menu > li.active, .page-sidebar.AdminSide .sidebar-menu > li.active > a {
        background: rgb(173, 254, 0);
    }
        .page-sidebar .sidebar-menu > li > a, .page-sidebar.AdminSide .sidebar-menu > li > a,
        .page-sidebar .sidebar-menu > li::before > a, .page-sidebar.AdminSide .sidebar-menu > li > a::before {
            clip-path: polygon(6% 0%, 94% 0%, 100% 50%, 94% 100%, 6% 100%, 0% 50%);
        }
        .page-sidebar.AdminSide .sidebar-menu > li > a {
            min-height: 60px;
            font-size: 16px;
            line-height: 60px;
            padding: 0px 25px;
        }
    .page-sidebar .sidebar-menu a,
    .page-sidebar .sidebar-menu a:hover {
        color: white;
    }
    .page-sidebar .sidebar-menu a .menu-icon {
        font-size: 30px;
        margin-right: 15px;
    }
    
    .navbar {
        min-height: 120px;
    }

        .navbar .navbar-inner {
            min-height: 120px;
        }

        .navbar .navbar-brand small img {
            height: 80px;
            width: auto;
        }

        .navbar.navbar-fixed-top + .main-container {
            margin-top: 140px;
        }
}
  @media (max-width: 1400px) {
    .new-table.schl-tbl {
        overflow: auto;
    }
  }
  @media (min-width: 1401px) {
    .row.squad-row .col-xl-3 {
        width: 25%;
    }
    .new-table.schl-tbl {
        overflow: inherit;
    }
  }
  @media (min-width: 992px) {
    .md-accordion .col-xl-6 {
        width: 50%;
    }
  }
@media (max-width: 1199px) {
    .pp-wrapper {
        margin: auto auto 30px auto;
    }
}
@media (max-width: 991px) {
    .masonryGrid {
        column-count: 2;
    }
    .halfback-pink .new-table {
        flex: 1 0 100%;
    }
    .login-left-col {
        display: none;
    }
    .login-right-col {
        width: 100%;
        min-height: unset;
    }
}
@media (max-width: 767px) {
    .masonryGrid {
        column-count: 1;
    }
    .accordion.panel-group {
        --corner-w: 36px;
        --corner-h: 60px;
        --shoulder-h: 14px;
        --mid-h: 14px;
        --bottom-h: 9px;
        --peak-off: 21%;
        --step-off: 30%;
        --sh-in-off: 37%;
        --sh-out-off: 41%;
    }
        .accordion.panel-group .panel {
            padding: 16px 20px 20px 20px;
        }
}