/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 1 мая 2024 г., 07:47:44
    Author     : koren
*/

.header{
	/*display: grid;*/
	align-items: normal;
	align-items: stretch;
	justify-content: end;
}
.header-left{
	/*border: 10px solid #e9e9ea;*/
	background-color: #e9e9ea;
	border-radius: 10px;
	width: 100%;
	display: flex;
}
.header-games{
	margin: 5px 10px 2px;
	background-color: #fffcf7;
	border-radius: 10px;
	font-size: .8em;
	border: none;
	width: 600px;
	width: 100%;
	width: calc(100% - 20px);
	box-sizing: border-box;
	width: -moz-available;
	min-height: 130px;
	height: calc(100% - 10px);
	max-height: 150px;
  /*overflow: scroll;*/
}
                    .cur{
                        cursor: pointer;
                        text-decoration: none;
                        color: #000;
                    }

                    .cur:hover{
                        color: #000;
                    }
                    .right-block{
                        background-color: #e9e9ea;
                        border-radius: 10px;
                        padding: 5px 10px;
                        font-size: .8em;
                        margin-left: 5px;
						height: 100%;
                    }

                    .right-in-block{
                        border-radius: 10px;
                        background-color: #fffcf7;
                        padding: 10px;
						height: 100%;
                    }

                    .basic-info{
                        display: flex;
                        /*margin-top: 5px;*/
                    }

.ifo{
	width: 300px;
	width: 220px;
	margin-left: 10px;
}

                    .ifo p{
                        margin-bottom: 2px;
                    }

                    .ifo a{
                        display: inline-block;
                        margin-left: 5px;
                    }

                    .avatar{
                        position: relative;
                    }

                    .avatar-img{
                        border-radius: 50%;
                        overflow: hidden;
						aspect-ratio: 1;
						display: flex;
                    }
.avatar-img img{
						min-width: 100%;
						min-height: 100%;
						width: auto;
						height: auto;
						overflow: hidden;
						margin: -20px 0;
						width: 60px;
						/*height: 60px;*/
						object-fit: cover;
						object-fit: contain;
                    }

.o-btn{
                        position: absolute;
                        bottom: 10px;
                        right: 0px;
                        background-color: #6d428a;
                        color: #fff !important;
                        border-radius: 50px;
                        /*display: inline-block !important;*/
                        width: 30px;
                        height: 30px;
                        /*padding: 5px;*/
                        text-align: center !important;
                        cursor: pointer;
                        text-decoration: none !important;
                    }

.o-btn:hover{
	color:#fff;
}

.quit a{
	display: block;
}
					
										

										
										
.black-wall{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #0000005e;
}

.wall-modal{
	width: 40%;
	margin: 20px auto;
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	text-align: center;
}


.mod_games_current.cards{
	height: 140px;
  overflow-y: scroll;
}