.profileBoxView{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.notProfileDb{
    width: calc(100% - 30px);
    height: 50px;
    background-color: #f87d7d;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.textNotProfileDb{
    color: white;
    font-size: 1.2rem;
    line-height: normal;
}

.buttonAddProfileDb{
    background-color: #232324;
    border-radius: 5px;
    width: auto;
    height: 36px;
    display: grid;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.buttonAddProfileDb span{
    color: white;
    font-size: 1rem;
    line-height: normal;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.headerProfile{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #232324;
    width: calc(30% - 15px);
    margin-left: 15px;
    padding-left: 15px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.iconGroupProfile{
    align-items: center;
    max-width: 50px;
    max-height: 50px;
}

.boxHameProfile{
    display: grid;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    width: auto;
}

.boxGlobalStats{
    width: calc(70% - 30px);
    background-color: #232324;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 5px;
    gap: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tableStatsProfile th:last-child{
    text-align: right;
}

.tableStatsProfile th {
    font-size: 14px;
    height: 30px;
    max-height: 30px;
}

.boxGlobalStatsCell{
    display: grid;
    width: calc(100% / 3f);
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #333336;
}

.valueStats{
    text-align: center;
    color: white;
    font-size: 2rem;
}

.nameStats{
    text-align: center;
    color: rgb(150, 150, 150);
    font-size: 0.8rem;
}

.boxHameProfile span{
    color: white;
}

.nameProfile{
    font-size: 1rem;
}
.groupProfile{
    font-size: 0.9rem;
}
.timeGameProfile{
   font-size: 0.9rem;
}
.timeProfile{
    font-size: 0.9rem;
}

.bodyProfile {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    width: 100%;
}

.blockGameStats {
    width: calc(60% - 15px);
    background: #33393f;
    border-radius: 5px;
    margin-left: 15px;
    text-align: center;
}


.bodyRatingStats{
    width: calc(40% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    background-color: #33393f;
    padding-bottom: 50px;
    border-radius: 5px;
    height: auto;
    transition: 0.3s ease;
}
.bodyRatingStats .lineProfile{
    width: calc(100% - 50px);
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
}

.blockGameStats .lineProfile{
    width: calc(100% - 50px);
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
}

.headerRatingStats{
    text-align: center;
    color: white;
    font-size: 1rem;
    margin-top: 5px;
}

.headerGameStats {
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.headerGameStats span {
    margin-top: 2.5px;
    text-align: left;
    line-height: normal;
    color: white;
    margin-left: 10px;
    font-size: 1rem;
}

.blockButton{
    display: flex;
    width: 100%;
    justify-content: right;
}

.blockButton ul{
    background: #33393f;
}

.headerButtonsType{
    display: grid;
    height: auto;
    align-items: start;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.contentButtonTime{
    display: grid;
    grid-auto-flow: column;
    width: 100%;
    justify-content: flex-start;
    align-items: start;
    overflow: hidden;
    gap: 1px;
}

.contentButtonTime :nth-child(2){
    border-radius: 5px 0px 0px 5px;
}

.contentButtonTime :last-child{
    border-radius: 0px 5px 5px 0px;
}

.contentButtonStats{
    display: grid;
    grid-auto-flow: column;
    width: 100%;
    justify-content: flex-start;
    align-items: start;
    overflow: hidden;
    gap: 10px;
}

.headerButtonsType::-webkit-scrollbar{
    width: 0;
    height: 0;
}


.headerButtonsTime{
    display: grid;
    height: auto;
    margin-top: 10px;
    align-items: start;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.headerButtonsTime::-webkit-scrollbar{
    width: 0;
    height: 0;
}

.textTimeName{
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: normal;
    margin-right: 10px;
}

.bodyGameStats{
    margin-top: 15px;
}

.buttonStatsType{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #3e546b;
    border-radius: 5px;
    scroll-snap-align: start;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    width: 100%;
    cursor: pointer;
}

.buttonStatsType.activeButton{
    background-color: #547394;
}

.buttonStatsType span{
    width: 100%;
    color: white;
    font-size: 1rem;
    white-space: nowrap;
}

.buttonTime{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #3e546b;
    scroll-snap-align: start;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    width: 100%;
    cursor: pointer;
}

.buttonTime.activeButton{
    background-color: #547394;
}

.buttonTime span{
    width: 100%;
    color: white;
    font-size: 1rem;
    white-space: nowrap;
}

.tableStatsProfile {
    width: calc(100% - 20px);
    height: 15px;
    border-collapse: collapse;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
}
.tableStatsProfile td{
    border-bottom: 1px solid #ddd;
    padding-left: 15px; /* отступ слева */
    padding-right: 5px; /* отступ справа */
    text-align: left;
    font-size: 16px;
}

.tableStatsProfile td:nth-child(2){
    text-align: right;
    padding-right: 20px;
}

.ratingProfileTable {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    height: auto;
    border-collapse: collapse;
    margin-bottom: 30px;
    margin-top: 6px;
}

.newValue{
    color: green;
}

.tdtableStats {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    padding-left: 5px; /* отступ слева */
    padding-right: 5px; /* отступ справа */
    text-align: left;
    font-size: 16px;
}

.ratingProfileTable .buttonFollowRating td{
    font-size: 16px;
    color: white;
    transition: 0.1s ease-in-out;
}

.ratingProfileTable td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px; /* отступ слева */
    padding-right: 20px; /* отступ справа */
    text-align: left;
    font-size: 16px;
}

.ratingProfileTable th{
    font-size: 14px;
}

.ratingProfileTable .buttonFollowRating{
    cursor: pointer;
    height: 40px;
    font-size: 16px;
    transition: 0.1s ease-in-out;
}


.ratingProfileTable td:last-child {
    text-align: right;
    padding-right: 20px;
}

.ratingProfileTable th:last-child {
    text-align: right;
    padding-right: 20px;
}

.ratingProfileTable th:nth-child(1) {
    text-align: left;
    width: 15px;
    padding-right: 40px;
}

.ratingProfileTable tr:nth-child(1) td:first-child {
    width: 15px;
}

.textAllWidnt{
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
}
 

.textNotRatingProfile{
    width: 100%;
    text-align: center;
    font-size: 1rem;
    color: white;
}

@media screen and (min-width: 1000px) and (max-width: 1300px)
{
    .boxHameProfile{
        margin-left: 0px;
    }
    .headerProfile{
        display: grid;
        align-items: center;
        justify-content: center;
        width: calc(30% - 15px);
        padding-left: 0px;
        border-radius: 5px;
    }
    .iconGroupProfile{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .nameProfile{
        text-align: center;
    }
    .groupProfile{
        text-align: center;
    }
    .timeGameProfile{
        text-align: center;
    }
    .timeProfile{
        text-align: center;
    }
}

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

    .headerGameStats span {
        margin-top: 5px;
        font-size: 0.85rem;
    }
    .iconGroupProfile{
        width: 40px;
        height: 40px;
    }
    .headerProfile{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        margin-left: 15px;
        padding-left: 15px;
        margin-right: 15px;       
    }
    .boxGlobalStats{
        width: 100%;
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .bodyRatingStats{
        width: 100%;
        margin-top: 10px;
    }

    .valueStats{
        font-size: 1.5rem;
    }
    .nameStats{
        font-size: 0.5rem;
    }
    .blockGameStats {
        width: 100%;
        margin-right: 15px;
        padding-top: 5px;
    }

    .tableStatsProfile td {
        font-size: 13px;
    }

    .tableStatsProfile td:nth-child(2) {
        font-size: 13px;
    }
}