#gameprofileModal {
    .modal-dialog {
        min-width: 850px;
    }

    .modal-body {
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        line-height: 1.5;
    }

    .title.user-id{
        color: #A9A9B1;
    }

    .user-card {
        position: relative;
        line-height: 1.5;
        border-radius: 7px;
    }

    .like-container {
        position: absolute;
        top: 10px;
        left: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
        
    .like-button {
        background-color: #181E38;
        border: none;
        border-radius: 7px;
        padding-top: 4px;
        line-height: 1;
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 1rem;
        color: white;
    }
    
    .like-button:hover {
        background-color: #21294d;
    }
    
    .like-button.liked {
        background-color: #2b366a;
    }
    
    .like-button.liked .heart-icon {
        animation: heartBeat 0.5s;
    }
    
    .heart-icon {
        font-size: 1.3rem;
        color: red;
        transition: all 0.3s ease;
    }
    
    .like-count {
        font-weight: 700;
        font-size: 1.1rem;
        transition: all 0.3s ease;
    }
    @keyframes heartBeat {
        0% { transform: scale(1); }
        25% { transform: scale(1.3); }
        50% { transform: scale(1); }
        75% { transform: scale(1.2); }
        100% { transform: scale(1); }
    }

    .user-avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    .username {
        font-weight: bold;
        font-size: 22px;
        color: white;
    }

    .level-text {
        font-size: 18px;
    }

    .gameprofile-level-badge {
        background-size: contain;
        background-repeat: no-repeat;
        font-size: 14px !important;
        color: white;
        font-weight: bold;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin: 0;
        background-color: transparent;
        min-width: 40px;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .bg-novice {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(86, 67, 28, 1) 100%);}
    .bg-bronze {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(115, 70, 75, 1) 100%);}
    .bg-silver {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(67, 79, 91, 1) 100%);}
    .bg-gold {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(244, 165, 46, 1) 100%);}
    .bg-platinum {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(94, 102, 145, 1) 100%);}
    .bg-palladium {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(155, 129, 154, 1) 100%);}
    .bg-diamond {
        background: linear-gradient(180deg, rgba(73, 66, 100, 1) 0%, rgba(59, 166, 240, 1) 100%);}

    .bg-hidden {
        background: rgba(63, 72, 115, 1) !important;
        .gameprofile-card-content {
            font-size: small !important;
            height: 30px;
            align-content: center;
        }
    }

    .bg-Crash { 
        background: none !important;}
    .bg-Crash::before { 
        background-image: url(/images/games_logo/crash.jpg) !important;}

    .bg-Crash2 { 
        background: none !important;}
    .bg-Crash2::before { 
        background-image: url(/images/games_logo/rocket.jpg) !important;}

    .bg-Spinner { 
        background: none !important;}
    .bg-Spinner::before { 
        background-image: url(/images/games_logo/spinner.jpg) !important;}

    .bg-Space { 
        background: none !important;}
    .bg-Space::before { 
        background-image: url(/images/games_logo/space.jpg) !important;}

    .bg-Freebie { 
        background: none !important;}
    .bg-Freebie::before { 
        background-image: url(/images/games_logo/freebie.jpg) !important;}

    .bg-Jackpot { 
        background: none !important;}
    .bg-Jackpot::before { 
        background-image: url(/images/games_logo/jpp.jpg) !important;}

    .bg-Wheel { 
        background: none !important;}
    .bg-Wheel::before { 
        background-image: url(/images/games_logo/wheel.jpg) !important;}


    .badge-novice { background-image: url(/images/levels/l100_01.png);}
    .badge-bronze { background-image: url(/images/levels/l100_03.png);}
    .badge-silver { background-image: url(/images/levels/l100_07.png);}
    .badge-gold { background-image: url(/images/levels/l100_11.png);}
    .badge-platinum { background-image: url(/images/levels/l100_15.png);}
    .badge-palladium { background-image: url(/images/levels/l100_19.png);}
    .badge-diamond { background-image: url(/images/levels/l100_22.png);}


    .total-winnings-ico {
        background-image: url(/images/icons/total_winnings.png);
        margin-bottom: 4px !important;
    }
    .top-win-ico {
        background-image: url(/images/icons/top_win.png);
        margin-bottom: 4px !important;
    }
    .total-wins-ico {
        background-image: url(/images/icons/total_wins.png);
        margin-bottom: 2px !important;
    }
    .favourite-game-ico {
        background-image: url(/images/icons/favourite_game.png);
        margin-bottom: 2px !important;
    }

    .ltc_ico {
        background-image: url(/images/icons/ltc_.png);
    }
    .ticket_ico {
        background-image: url(/images/spinner/tickets.png);
    }
    .bg_ico {
        display: inline-block;
        height: 20px;
        width: 20px;
        min-width: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 0 5px;
    }


    .text-green {
        color: #129A2E;
    }

    .text-red {
        color: red;
    }

    .gamestats-table {
        .table-header {
            font-size: 18px;
            text-align: center;
            border: none;
            border-radius: 7px;
            padding: 0.1rem 0.5rem;
            margin: 0;
            background-color: #3573a7;
            color: white;
        }

        .table-body {
            min-height: 200px;
            max-height: 200px;
            overflow: auto;
            border: none;
            border-radius: 7px;
            padding: 0.5rem 0.5rem;
            background-color: #181E38;
        }

        .table-no-data {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 1rem;
        }
        
        .img-hidden-profile {
            width: 130px;
            padding: 0.5rem;
        }

        .table-row {
            font-size: 18px;
            text-align: center;
            margin: 0 !important;
            margin-bottom: 0.25rem !important;
        }

        .col-sum {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .col-income {
            display: flex;
            align-items: center;
            justify-content: end;
            padding-right: calc(var(--bs-gutter-x) * .5 - 5px);
        }
    }

    .date-joined {
        font-size: small;
        color: #A9A9B1;
        margin-bottom: -0.7rem;
    }

    .gameprofile-card {
        height: 81.5px;
        background: linear-gradient(180deg, rgba(55, 101, 160, 1) 0%, rgba(58, 81, 131, 1) 100%);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border: none;
        border-radius: 7px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.5rem;
        gap: 0.3rem;
        line-height: 1.5;

        position: relative;
        z-index: 1;
    }

    .gameprofile-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* background-image: url('/images/games_logo/spinner.jpg'); */
        opacity: 0.5; 
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 7px;
    }

    .gameprofile-card-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gameprofile-card-content {
        font-size: 20px;
        font-weight: bold;
        color: white;
    }



    .select2 {
        width: 25% !important;
    }
    .select2-container {
        width: 100%;
        background-color: #181E38;
        border: none;
        border-radius: 7px;
        color: white !important;
        font-size: medium;
        padding: 0.3rem;
        outline: 2px solid gray;
    }

    .select2-selection--single {
        height: auto !important;
        background: none;
        border: none !important;
        outline: none !important;
    }

    .select2-selection__rendered {
        color: white !important;
        font-size: medium;
    }

    .select2-container:hover {
        outline: 2px solid rgb(160, 160, 160);
        
        .select2-selection__arrow b {
            border-color: rgb(160, 160, 160) transparent transparent transparent ;
        }
    }

    .select2-container--open {
        outline: 2px solid lightgray !important;

        .select2-selection__arrow b {
            border-color: lightgray transparent transparent transparent !important;
        }
    }


    .select2-container--open {
        .select2-selection__arrow b {
            border-color: transparent transparent lightgray transparent !important;
        }
    }

    .select2-selection__arrow {
        height: 28px !important;
        top: 5px !important;
        right: 4px !important;
        width: 16px !important;

        b { border-color: gray transparent transparent transparent ; }
    }

    .select2-search__field {
        border: none;
        border-radius: 5px;
        color: white !important;
        background-color: #181E38 !important;
        outline: 2px solid gray;
    }

    .select2-search__field:hover {
        outline: 2px solid rgb(160, 160, 160) !important;
    }

    .select2-search__field:focus {
        outline: 2px solid lightgray !important;
    }
}

    .select2-dropdown {
        background-color: #181E38 !important;
        outline: 2px solid lightgray !important;
        border-radius: 7px !important;
        border: none !important;
        z-index: 9999 !important;
    }

    .select2-results {
        border-radius: 7px !important;
        background-color: #181E38 !important; 
    }

    .select2-results__option {
        line-height: 1.5 !important;
        min-height: 36px;
        border-radius: 7px;
    }

    .select2-results__options::-webkit-scrollbar {
        border-radius: 7px;
        width: 6px 
    }

    .select2-results__options::-webkit-scrollbar-thumb {
        border-radius: 4px;
    }

    .select2-results__option--selected {
        background-color: #181E38 !important; 
    }

    .select2-results__option--highlighted {
        background-color: #242C53 !important;
    }