2026-04-14 17:41:39 +02:00

5150 lines
96 KiB
CSS

@font-face {
src: url('./fonts/Gilroy-ExtraBold.otf') format("OpenType");
font-family: "dunkin";
}
* {
margin: 0;
box-sizing: border-box;
padding: 0;
}
body {
width: 100vw;
height: 100vh;
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html {
scroll-behavior: smooth;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
::-webkit-scrollbar{
width: 0px;
background-color: #002aff00;
}
#app {
width: 100vw;
height: 100vh;
display: block;
}
.container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ipadimg {
width: 75.5rem;
height: 52.625rem;
background-image: url('./image/ipad.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.playerdetails {
position: relative;
width: 17.125rem;
height: 89.6%;
width: 92.5%;
left: 2.9rem;
top: 2.7rem;
border-radius: .5rem;
}
.playerdetails-bg {
position: absolute;
border: 1px solid blue;
z-index: -1;
background-size: contain;
left: -0.8rem;
top: -0.70rem;
}
.playerdetails-bg img {
transform: scale(1.01)
}
.playeraccount {
position: relative;
width: 17.125rem;
height: 100%;
flex-direction: column;
}
.playeraccountimg img {
width: 17.125rem;
height: 100%;
position: absolute;
z-index: -1;
transform: scale(1.07);
}
.player-menu-image {
width: 100%;
height: 6rem;
border-bottom: 1px solid gray;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 65%,
#00FFF0 100%) 10;
display: flex;
align-items: center;
}
.player-menu-imageadmin {
width: 100%;
height: 6rem;
border-bottom: 1px solid gray;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 65%,
#D00637 100%) 10;
display: flex;
align-items: center;
}
.player-menu-imageadmin h2 {
position: absolute;
color: white;
font-family: "dunkin";
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: -1.5rem;
font-size: 1rem;
}
.player-menu-imageadmin img {
width: 4rem;
border-radius: 2rem;
height: 4rem;
margin-left: 0.5rem;
}
.player-menu-image img {
width: 3rem;
border-radius: 2rem;
height: 3rem;
margin-left: 1.2rem;
}
.player-menu-image h2 {
position: absolute;
color: white;
font-family: "dunkin";
width: 50%;
display: flex;
align-items: center;
justify-content: start;
margin-top: -1.5rem;
margin-left:5rem;
font-size: 1rem;
}
.player-menu-image h3 {
position: absolute;
color: white;
font-family: "dunkin";
width: 70%;
text-align: center;
display: flex;
align-items: center;
justify-content: start;
margin-top: 1rem;
font-size: 1rem;
margin-left:5rem;
}
.player-menu-onlineadmin {
width: 100%;
height: 4.5rem;
}
.player-menu-onlineadmin2{
width:100%;
height:100%;
border-bottom: 1px solid gray;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 65%,
#D00637 100%) 10;
}
.player-menu-onlineadmin1{
width:100%;
height:100%;
border-bottom: 1px solid gray;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 65%,
#00FFF0 100%) 10;
}
.player-menu-onlineadmin h2 {
margin-left: 1rem;
margin-top: 0.5rem;
font-size: 0.8rem;
color: white;
font-family: "dunkin";
}
.player-menu-onlineadminimg {
width: 90%;
height: 2rem;
margin-top: .5rem;
margin-left: 1rem;
display:flex;
}
.player-menu-onlineadminimg img:nth-child(1) {
width: 2rem;
height: 2rem;
border-radius:1rem;
}
.player-menu-onlineadminimg img:nth-child(2) {
position:relative;
left:-4%;
width: 2rem;
height: 2rem;
border-radius:1rem;
}
.player-menu-onlineadminimg img:nth-child(3) {
position:relative;
left:-7%;
width: 2rem;
height: 2rem;
border-radius:1rem;
}
.player-menu-onlineadminimg img:nth-child(4) {
position:relative;
left:-10%;
width: 2rem;
height: 2rem;
border-radius:1rem;
}
.admincount{
margin-left:-10% !important;
}
.adminmenureportcase {
width: 100%;
height: 4.5rem;
border-bottom: 1px solid gray;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 65%,
#D00637 100%) 10;
display: flex;
align-items: center;
justify-content: center;
}
.player-menu-createreport {
width: 100%;
height: 4.5rem;
display: flex;
border-bottom: 1px solid gray;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 65%,
#00FFF0 100%) 10;
justify-content: center;
align-items: center;
}
.player-menu-createreportbutton {
border: 2px dashed #00FFF0;
width: 12rem;
height: 2rem;
border-radius: .5rem;
display: flex;
justify-content: center;
align-items: center;
color: #00FFF0;
font-size: 0.8rem;
font-family: "dunkin";
cursor: pointer;
}
.player-menu-createreportbuttonbug {
border: 2px dashed #D00637;
width: 12rem;
height: 2rem;
display: flex;
border-radius: .5rem;
justify-content: center;
align-items: center;
color: #D00637;
font-size: 0.8rem;
font-family: "dunkin";
cursor: pointer;
}
.player-menu-createreportbuttonother {
border: 2px dashed #E00288;
width: 12rem;
height: 2rem;
display: flex;
border-radius: .5rem;
justify-content: center;
align-items: center;
color: #E00288;
font-size: 0.8rem;
font-family: "dunkin";
cursor: pointer;
}
.player-menu-reporttypes {
width: 17rem;
height: 31.5rem;
}
.myreportstext {
color: white;
font-size: 0.9rem;
color: white;
margin-left: 1rem;
margin-top: 1rem;
font-family: "dunkin";
}
.bugreports {
width: 17rem;
height: 8rem;
margin-top: 1rem;
color: #ff003c4d;
font-family: "dunkin";
}
.bugreport-container {
width: 17rem;
height: 6rem;
overflow: auto;
}
.bugreport-container::-webkit-scrollbar-track {
border-radius: 10px;
}
.bugreport-container::-webkit-scrollbar {
width: 8px;
}
.bugreport-container::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #FF003D;
}
.bugreportimg {
width: 90%;
height: 2rem;
display: flex;
align-items: center;
margin-left: 0.8rem;
justify-content: flex-start;
}
.bugreportimg img {
width: 1rem;
height: 1rem;
}
.bugreportimg h2 {
font-size: 0.9rem;
margin-left: 0.8rem;
color: #FF003D;
}
.bugreports-wrapper {
position: relative;
width: 90%;
height: 2rem;
top: 0.5rem;
background: #ff003c7a;
left: 0.8rem;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: .5rem;
cursor: pointer;
margin-top: .5rem;
}
.bugreports-wrapper h2 {
font-size: 1rem;
color: white !important;
margin-left: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.playerreports {
width: 17rem;
height: 8rem;
margin-top: 1rem;
font-family: "dunkin";
}
.playerreports-container {
width: 17rem;
height: 6rem;
overflow: auto;
}
.playerreports-container::-webkit-scrollbar-track {
border-radius: 10px;
}
.playerreports-container::-webkit-scrollbar {
width: 8px;
}
.playerreports-container::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #00ffee7b;
}
.playerreportsimg {
width: 90%;
height: 2rem;
display: flex;
align-items: center;
margin-left: 0.8rem;
justify-content: flex-start;
}
.playerreportsimg img {
width: 1rem;
height: 1rem;
}
.playerreportsimg h2 {
font-size: 0.9rem;
margin-left: 0.8rem;
color: #00FFF0;
}
.playerreports-wrapper {
position: relative;
width: 90%;
height: 2rem;
top: 0.5rem;
background: #00ffee89;
left: 0.8rem;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: .5rem;
margin-top: .5rem;
cursor:pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.playerreports-wrapper h2 {
font-size: 1rem;
margin-left: 1rem;
color: white !important;
}
.otherreports {
width: 17rem;
height: 8rem;
margin-top: 1rem;
font-family: "dunkin";
}
.otherreports-container {
width: 17rem;
overflow: auto;
height: 6rem;
}
.otherreports-container::-webkit-scrollbar-track {
border-radius: 10px;
}
.otherreports-container::-webkit-scrollbar {
width: 8px;
}
.otherreports-container::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #ff00998b;
}
.otherreportsimg {
width: 90%;
height: 2rem;
display: flex;
align-items: center;
margin-left: 0.8rem;
justify-content: flex-start;
}
.otherreportsimg img {
width: 1rem;
height: 1rem;
}
.otherreportsimg h2 {
font-size: 0.9rem;
margin-left: 0.8rem;
color: #FF0099;
}
.otherreports-wrapper {
position: relative;
width: 90%;
height: 2rem;
top: 0.5rem;
background: #ff00996c;
left: 0.8rem;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: .5rem;
margin-top: .5rem;
cursor:pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.otherreports-wrapper h2 {
font-size: 1rem;
margin-left: 1rem;
color: white;
}
.player-reportmenu-middlepage {
position: absolute;
width: 53rem;
height: 25rem;
margin-left: 16rem;
margin-top: 3rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.reportimages {
z-index: 1;
transform: scale(0.95);
cursor: pointer;
}
.reportimages img {
cursor: pointer;
}
.reporttext {
color: white;
width: 92%;
top: 1.5rem;
display: flex;
align-items: center;
justify-content: space-around;
position: absolute;
z-index: 2;
font-family: "dunkin";
}
.reporttext h2:nth-child(1) {
margin-left: 0.5rem;
color: #FF003D;
}
.reporttext h2:nth-child(2) {
color: #00FFF0;
}
.reporttext h2:nth-child(3) {
color: #E00288;
}
.player-reportmenu-altpage {
position: absolute;
width: 53rem;
height: 47rem;
margin-left: 16rem;
display: flex;
align-items: center;
justify-content: center;
}
.player-reportmenu-altpage-container {
position: relative;
width: 46rem;
height: 5rem;
top: 20rem;
background: linear-gradient(90deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
border: 2px solid #00FFF0;
border-radius: .5rem;
box-shadow: 0px 1px 15px #00FFF0;
display: flex;
align-items: center;
cursor: pointer;
}
.player-reportmenu-altpage-container h2 {
color: white;
font-family: "dunkin";
font-size: 1.3rem;
width:65%;
text-align:center;
}
.asistan {
position: absolute;
bottom: -0.3rem;
right: 5rem;
}
.selectreporttext {
position: absolute;
width: 40rem;
text-align:start;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: -7.9rem;
display:flex;
align-items:center;
justify-content:start;
}
.selectreporttext span{
margin-left:1rem;
margin-right:1rem;
color:#D00637;
}
.selectreporttextadmin {
position: absolute;
width: 43rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: -10.8rem;
}
.selectreporttext span{
color:#D00637;
}
.selectreportadmingoback{
position:absolute;
width: 8rem;
height:2.5rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #D00637;
margin-left:57.2rem;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.selectreportadmingoback2{
position:absolute;
width: 8rem;
height:2.5rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 100%;
margin-left:57rem;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
border: 1px solid #00FFF0;
background: linear-gradient(90deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.selectreportadmingoback3{
position:absolute;
width: 8rem;
height:2.5rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 100%;
margin-left:57rem;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
border: 1px solid #E00288;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.selectreportadmintakecaseother{
position: absolute;
width: 16%;
height:7%;
margin-top: -3%;
margin-left:79%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #E00288;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
filter: drop-shadow(0px 0px 45px rgba(224, 2, 136, 0.33));
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.selectreportadmintakecaseplayer{
position: absolute;
width: 16%;
height:7%;
margin-top: -3%;
margin-left:79%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #00FFF0;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(90deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.selectreportadmintakecasebug{
position: absolute;
width: 16%;
height:7%;
margin-top: -3%;
margin-left:79%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #D00637;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(90deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.selectreportadmingobackother{
position: absolute;
width: 16%;
height:7%;
margin-top: -9%;
margin-left:79%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #E00288;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
filter: drop-shadow(0px 0px 45px rgba(224, 2, 136, 0.33));
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.selectreportadmingobackbug{
position: absolute;
width: 16%;
height:7%;
margin-top: -9%;
margin-left:79%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #D00637;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.selectreportadmingobackplayer{
position: absolute;
width: 16%;
height:7%;
margin-top: -9%;
margin-left:79%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #00FFF0;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(90deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.selectreporttextadminbugother{
position: absolute;
width: 45rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #E00288;
padding-left: 1rem;
margin-right: -13rem;
}
.adminotherreports{
color:#E00288;
}
.selectreporttextadminbugplayer{
position: absolute;
width: 35rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #01FFF0;
padding-left: 1rem;
margin-right: -3.1rem;
}
.adminbugreports{
color:#D00637;
}
.selectreporttextadminbugplayerclosedticket{
position: absolute;
width: 35rem;
margin-top: -7%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: -1rem;
}
.adminplayerreportsclosedticket{
color:gray;
}
.selectreporttextadminbugplayerclosedticketadminname{
position: absolute;
width: 35rem;
margin-top: -11%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: -1rem;
}
.selectreporttextadminbugplayerclosedticketplayer{
position: absolute;
width: 35rem;
margin-top: -7%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #00FFF0;
padding-left: 1rem;
margin-right: -1rem;
}
.adminotherreportsclosedticket{
color:gray;
}
.selectreporttextadminbugplayerclosedticketother{
position: absolute;
width: 35rem;
margin-top: -7%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #E00288;
padding-left: 1rem;
margin-right: -1rem;
}
.reportpageopenreportidandnameother2{
color:#E00288;
}
.adminotherreportsclosedticket{
color:gray;
}
.reportpageopenreportidandnameother{
position: absolute;
width: 35rem;
margin-top: -7%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #E00288;
padding-left: 1rem;
margin-right: -1rem;
}
.reportpageopenreportidandnameplayer{
position: absolute;
width: 35rem;
margin-top: -7%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #00FFF0;
padding-left: 1rem;
margin-right: -1rem;
}
.reportpageopenreportidandnameplayer2{
color:#00FFF0;
}
.reportpageopenreportidandnamebug{
position: absolute;
width: 35rem;
margin-top: -7%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: -1rem;
}
.reportpageopenreportidandnamebug2{
color:#D00637;
}
.adminotherreportsclosedticket{
color:gray;
}
.selectreporttextadminbugplayerclosedticketadminnameplayer{
position: absolute;
width: 35rem;
margin-top: -11%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #00FFF0;
padding-left: 1rem;
margin-right: -1rem;
}
.selectreporttextadminbugplayerclosedticketadminnameother{
position: absolute;
width: 35rem;
margin-top: -11%;;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #E00288;
padding-left: 1rem;
margin-right: -1rem;
}
.selectreporttextadminbugreport{
position: absolute;
width: 25rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: 7rem;
}
.selectreporttextadminbugreportforadmin{
position: absolute;
width: 30rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #D00637;
padding-left: 1rem;
margin-right: 2rem;
}
.adminplayerreports{
color:#01FFF0;
}
.selectreporttextplayer {
position: absolute;
width: 18rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #00FFF0;
padding-left: 1rem;
margin-right: 15rem;
}
.selectreporttextother {
position: absolute;
width: 18rem;
margin-bottom: 30rem;
color: white;
font-family: "dunkin";
font-size: 1.2rem;
border-left: 2px solid #E00288;
padding-left: 1rem;
margin-right: 15rem;
}
.reportpagein {
width: 55rem;
height: 28rem;
margin-left: 2.5%;
display: flex;
}
.reportpageininput {
width: 20rem;
border-bottom: 2px solid;
height: 3rem;
margin-top: 1rem;
margin-left: 1rem;
display: flex;
align-items: center;
justify-content: flex-start;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
}
.reportpageininput input {
width: 100%;
background: transparent;
border: none;
z-index: 1;
outline: none;
font-family: "dunkin";
font-size: 1.2rem;
color: White;
margin-left: 1rem;
}
.reportpageininputplayer {
width: 20rem;
border-bottom: 2px solid;
height: 3rem;
margin-top: 1rem;
margin-left: 1rem;
display: flex;
align-items: center;
justify-content: flex-start;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#00FFF0 100%) 10;
}
.reportpageininputplayer input {
width: 100%;
background: transparent;
border: none;
z-index: 1;
outline: none;
font-family: "dunkin";
font-size: 1.2rem;
color: White;
margin-left: 1rem;
}
.reportpageininputother {
width: 20rem;
border-bottom: 2px solid;
height: 3rem;
margin-top: 1rem;
margin-left: 1rem;
display: flex;
align-items: center;
justify-content: flex-start;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
}
.reportpageininputother input {
width: 100%;
background: transparent;
border: none;
z-index: 1;
outline: none;
font-family: "dunkin";
font-size: 1.2rem;
color: White;
margin-left: 1rem;
}
.reportpageinphoto {
width: 24rem;
height: 20rem;
margin-left: 5rem;
}
.reportpageinphoto h2 {
color: white;
font-family: "dunkin";
margin-top: 1.5rem;
margin-left: 1.2rem;
}
.photocontainer {
width: 100%;
height: 80%;
margin-top: 0.7rem;
border: 1px solid #D00637;
filter: drop-shadow(0px 0px 7px #D00637);
border-radius: .5rem;
background: linear-gradient(180deg, rgb(208 6 55 / 14%) 0%, rgba(0, 0, 0, 0) 100%);
display: flex;
align-items: center;
justify-content: center;
}
.photoimg {
position: absolute;
top: 0%;
width: 100%;
height: 84%;
display: flex;
align-items: center;
justify-content: center;
}
.seciliolanfotograf {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.photoicon {
position: absolute;
bottom: 0rem;
width: 100%;
height: 2.5rem;
border-top: 1px solid #D00637;
border-left: 1px solid #D00637;
border-top-left-radius: .5rem;
right: 0rem;
filter: drop-shadow(0px 0px 7px #D00637);
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
}
.photocontainer input {
background: transparent;
border: none;
color: white;
outline: none;
width: 75%;
font-family: "dunkin";
}
.photocontainer input::placeholder {
color: white;
font-family: "dunkin";
}
.photolefticon {
border-right: 1px solid #D00637;
width: 15%;
height: 100%;
position: absolute;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.photoconfirm {
height: 70%;
width: 20%;
border: 1px solid red;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-family: "dunkin";
font-size: 0.8rem;
border-radius: .5rem;
}
.photocontainerplayer {
width: 100%;
height: 80%;
margin-top: 0.7rem;
border: 1px solid #00FFF0;
filter: drop-shadow(0px 0px 7px #00FFF0);
border-radius: .5rem;
background: linear-gradient(180deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
display: flex;
align-items: center;
justify-content: center;
}
.photocontainerplayer input {
background: transparent;
border: none;
color: white;
outline: none;
width: 75%;
font-family: "dunkin";
}
.photocontainerplayer input::placeholder {
color: white;
font-family: "dunkin";
}
.photoiconplayer {
position: absolute;
bottom: 0rem;
width: 100%;
height: 2.5rem;
border-top: 1px solid #00FFF0;
border-left: 1px solid #00FFF0;
border-top-left-radius: .5rem;
right: 0rem;
filter: drop-shadow(0px 0px 7px #00FFF0);
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
}
.photolefticonplayer {
border-right: 1px solid #00FFF0;
width: 15%;
height: 100%;
position: absolute;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.photocontainerother {
width: 100%;
height: 80%;
margin-top: 0.7rem;
border: 1px solid #E00288;
filter: drop-shadow(0px 0px 7px #E00288);
border-radius: .5rem;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
display: flex;
align-items: center;
justify-content: center;
}
.photocontainerother input {
background: transparent;
border: none;
color: white;
outline: none;
width: 75%;
font-family: "dunkin";
}
.photocontainerother input::placeholder {
color: white;
font-family: "dunkin";
}
.photoiconother {
position: absolute;
bottom: 0rem;
width: 100%;
height: 2.5rem;
border-top: 1px solid #E00288;
border-left: 1px solid #E00288;
border-top-left-radius: .5rem;
right: 0rem;
filter: drop-shadow(0px 0px 7px #E00288);
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
}
.photolefticonother {
border-right: 1px solid #E00288;
width: 15%;
height: 100%;
position: absolute;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.reportpagetextarea {
position: absolute;
width: 22rem;
height: 16rem;
top: 2.5rem;
display: flex;
display: flex;
align-items: center;
justify-content: flex-start;
left: 2.5rem;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
}
.reportpagetextarea textarea {
outline: none;
border: none;
background: transparent;
resize: none;
width: 92%;
height: 100%;
color: white;
font-family: "dunkin";
padding: 1rem;
font-size: 1rem;
}
.reportpagetextareaplayer {
position: absolute;
width: 22rem;
height: 16rem;
top: 2.5rem;
display: flex;
display: flex;
align-items: center;
justify-content: flex-start;
left: 2.5rem;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#00FFF0 100%) 10;
}
.reportpagetextareaplayer textarea {
outline: none;
border: none;
background: transparent;
resize: none;
width: 92%;
height: 100%;
color: white;
font-family: "dunkin";
padding: 1rem;
font-size: 1rem;
}
.reportpagetextareaother {
position: absolute;
width: 22rem;
height: 16rem;
top: 2.5rem;
display: flex;
display: flex;
align-items: center;
justify-content: flex-start;
left: 2.2rem;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
}
.reportpagetextareaother textarea {
outline: none;
border: none;
background: transparent;
resize: none;
width: 92%;
height: 100%;
color: white;
font-family: "dunkin";
padding: 1rem;
font-size: 1rem;
}
.reportbuttonsendandcancel {
position: absolute;
width: 94%;
bottom: 0;
height: 5rem;
display: flex;
align-items: center;
color: white;
justify-content: space-around;
font-family: "dunkin";
cursor: pointer;
}
.cancelbutton {
border: 1px solid #D00637;
padding: 1rem;
width: 18rem;
text-align: center;
border-radius: .5rem;
transition:1s all;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 82%);
}
.submitbutton {
border: 1px solid #D00637;
padding: 1rem;
width: 18rem;
text-align: center;
transition:1s all;
border-radius: .5rem;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 82%);
}
.submitbutton:hover{
transition:1s all;
box-shadow:0px 0px 25px rgba(208, 6, 55, 0.33);
}
.cancelbutton:hover {
transition:1s all;
box-shadow:0px 0px 25px rgba(208, 6, 55, 0.33);
}
.cancelbuttonplayer {
border: 1px solid #00FFF0;
padding: 1rem;
width: 18rem;
text-align: center;
border-radius: .5rem;
transition:1s all;
background: linear-gradient(180deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 122%);
}
.submitbuttonplayer {
border: 1px solid #00FFF0;
padding: 1rem;
width: 18rem;
text-align: center;
transition:1s all;
border-radius: .5rem;
background: linear-gradient(180deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 122%);
}
.submitbuttonplayer:hover{
transition:1s all;
box-shadow: 0px 0px 20px #00FFF0;
}
.cancelbuttonplayer:hover{
transition:1s all;
box-shadow: 0px 0px 20px #00FFF0;
}
.cancelbuttonother {
border: 1px solid #E00288;
padding: 1rem;
width: 18rem;
text-align: center;
transition:1s all;
border-radius: .5rem;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.submitbuttonother {
border: 1px solid #E00288;
padding: 1rem;
width: 18rem;
text-align: center;
border-radius: .5rem;
transition:1s all;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.submitbuttonother:hover{
transition:1s all;
box-shadow: 0px 0px 20px #E00288;
}
.cancelbuttonother:hover{
transition:1s all;
box-shadow: 0px 0px 20px #E00288;
}
.reportopenpage {
position: absolute;
top: -6%;
width: 96%;
height: 140%;
left: 5%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start
}
.reportopenpageheader {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.reportopenpageheaderforplayerreport {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid #01FFF0;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.reportopenpageheaderforotherreport {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid #E00288;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.reportpageopenchatadmins {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
}
.reportpageopenplayertext {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
word-break:break-all;
}
.reportpageopenplayertextforplayerreports {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
word-break:break-all;
}
.reportpageopenplayertextforotherreports {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
word-break:break-all;
}
.reportpageadminchatscreen {
width: 45%;
height: 84%;
margin-right: 4%;
border: 2px solid #D00637;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
border-radius: 5px;
}
.reportpageadminchatscreen img {
position: absolute;
right: -1%;
bottom: 1%;
width: 35%;
}
.reportpageadminchatscreenforplayerreports {
width: 45%;
height: 84%;
margin-right: 4%;
border: 2px solid #01FFF0;
background: linear-gradient(180deg, rgba(1, 255, 240, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
border-radius: 5px;
}
.reportpageadminchatscreenforplayerreports img {
position: absolute;
right: -1%;
bottom: 1%;
width: 35%;
}
.reportpageadminchatscreenforotherreports {
width: 45%;
height: 84%;
margin-right: 4%;
border: 2px solid #E00288;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
border-radius: 5px;
}
.reportpageadminchatscreenforotherreports img {
position: absolute;
right: -1%;
bottom: 1%;
width: 35%;
}
.reportpageimageler {
width: 50%;
height: 13%;
margin-top: -28%;
border-bottom: 2px solid red;
border-image: linear-gradient(-165deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
display: flex;
align-items: start;
justify-content: start;
}
.reportpageimageler img {
width: 15%;
margin-left: 3%;
height: 80%;
cursor: pointer;
}
.reportpageimagelerplayer {
width: 50%;
height: 13%;
margin-top: -28%;
border-bottom: 2px solid red;
border-image: linear-gradient(-165deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
display: flex;
align-items: start;
justify-content: start;
}
.reportpageimagelerplayer img {
width: 15%;
margin-left: 3%;
height: 80%;
cursor: pointer;
}
.reportpageimagelerother {
width: 50%;
height: 13%;
margin-top: -28%;
border-bottom: 2px solid red;
border-image: linear-gradient(-165deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
display: flex;
align-items: start;
justify-content: start;
}
.reportpageimagelerother img {
width: 15%;
margin-left: 3%;
height: 80%;
cursor: pointer;
}
.reportpageimagelerforreportplayers {
width: 50%;
height: 13%;
margin-top: -28%;
border-bottom: 2px solid red;
border-image: linear-gradient(-165deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
display: flex;
align-items: start;
justify-content: start;
}
.reportpageimagelerforreportplayers img {
width: 15%;
margin-left: 3%;
height: 80%;
cursor: pointer;
}
.reportpageimagelerforotherplayers {
width: 50%;
height: 13%;
margin-top: -28%;
border-bottom: 2px solid #E00288;
border-image: linear-gradient(-165deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
display: flex;
align-items: start;
justify-content: start;
}
.reportpageimagelerforotherplayers img {
width: 15%;
margin-left: 3%;
height: 80%;
cursor: pointer;
}
.reportpagevideo {
width: 100%;
height: 10%;
margin-top: -19%;
margin-right: 60%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
display: flex;
align-items: center;
justify-content: start;
color: white;
}
.reportpageclosereportpage {
position:relative;
color: white;
width: 40%;
left: -55%;
text-align: center;
border: 1px solid #D00637;
filter: drop-shadow(0px 0px 7px #D00637);
margin-top: -7%;
height: 10%;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
font-size: 130%;
border-radius: .5rem;
cursor: pointer;
transition:1s all;
background: linear-gradient(180deg, rgb(208 6 55 / 14%) 0%, rgba(0, 0, 0, 0) 334%);
}
.reportpageclosereportpage:hover{
transition:1s all;
box-shadow: 0px 0px 15px #D00637;
}
.reportpageclosereportpageforplayerreports {
position:relative;
color: white;
width: 40%;
left: -55%;
text-align: center;
border: 1px solid #01FFF0;
filter: drop-shadow(0px 0px 7px #01FFF0);
margin-top: -7%;
height: 10%;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
font-size: 130%;
border-radius: .5rem;
cursor: pointer;
background: linear-gradient(180deg, rgb(1 255 240 / 18%) 0%, rgba(0, 0, 0, 0) 334%);
}
.reportpageclosereportpageforotherreports {
position:relative;
color: white;
width: 40%;
left: -55%;
text-align: center;
border: 1px solid #E00288;
filter: drop-shadow(0px 0px 7px #E00288);
margin-top: -7%;
height: 10%;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
font-size: 130%;
border-radius: .5rem;
cursor: pointer;
background: linear-gradient(180deg, rgb(224 2 136 / 16%) 0%, rgba(0, 0, 0, 0) 334%);
}
.reportpageclosereportpageforadmin {
position:absolute;
color: white;
width: 40%;
bottom:4%;
left:5%;
text-align: center;
border: 1px solid gray;
margin-top: -7%;
height: 10%;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
font-size: 130%;
border-radius: .5rem;
cursor: pointer;
background: linear-gradient(180deg, rgba(79, 79, 79, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
}
.reportpagegotoadmin{
color: white;
width: 44%;
margin-left: 3%;
text-align: center;
margin-top: -16%;
height: 10%;
display: flex;
align-items: center;
justify-content: space-around;
font-family: "dunkin";
font-size: 100%;
}
.reportpagegotoadmin h2{
border-radius: .5rem;
width:40%;
height: 90%;
border: 1px solid gray;
display:flex;
align-items:center;
justify-content:center;
background: linear-gradient(180deg, rgba(79, 79, 79, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
}
.reportpageopensendmessage {
width: 100%;
position: relative;
height: 10%;
display: flex;
align-items: center;
justify-content: space-evenly;
top: 90%;
border-top: 2px solid red;
border-image: linear-gradient(-170deg, white 0%, #af261c00 0%, #af261c00 10%,
#D00637 100%) 10;
}
.reportpageopensendmessage input {
width: 70%;
height: 80%;
background: transparent;
outline: none;
border: none;
font-family: "dunkin";
padding-left: 2%;
color: white;
}
.reportpageopensendmessageforplayerreports {
width: 100%;
position: relative;
height: 10%;
display: flex;
align-items: center;
justify-content: space-evenly;
top: 90%;
border-top: 2px solid #01FFF0;
border-image: linear-gradient(-170deg, white 0%, #af261c00 0%, #af261c00 10%,
#01FFF0 100%) 10;
}
.reportpageopensendmessageforplayerreports input {
width: 70%;
height: 80%;
background: transparent;
outline: none;
border: none;
font-family: "dunkin";
padding-left: 2%;
color: white;
}
.reportpageopensendmessageforotherreports {
width: 100%;
position: relative;
height: 10%;
display: flex;
align-items: center;
justify-content: space-evenly;
top: 90%;
border-top: 2px solid #E00288;
border-image: linear-gradient(-170deg, white 0%, #af261c00 0%, #af261c00 10%,
#E00288 100%) 10;
}
.reportpageopensendmessageforotherreports input {
width: 70%;
height: 80%;
background: transparent;
outline: none;
border: none;
font-family: "dunkin";
padding-left: 2%;
color: white;
}
.messagesend {
height: 60%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
width: 20%;
border-radius: .5rem;
border: 1px solid red;
font-size: 100%;
z-index: 1;
cursor: pointer;
}
.messagesendforplayerreports {
height: 60%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
width: 20%;
border-radius: .5rem;
border: 1px solid #01FFF0;
font-size: 100%;
z-index: 1;
cursor: pointer;
}
.messagesendforotherreports {
height: 60%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
width: 20%;
border-radius: .5rem;
border: 1px solid #E00288;
font-size: 100%;
z-index: 1;
cursor: pointer;
}
.chatscreen {
width: 100%;
height: 78%;
display: flex;
justify-content:center;
align-items:center;
align-content: flex-start;
overflow:auto;
flex-direction:column;
overflow-x:hidden;
}
.chatscreen::-webkit-scrollbar-track {
border-radius: 10px;
}
.chatscreen::-webkit-scrollbar {
width: 8px;
}
.chatscreen::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgb(59, 59, 59);
}
.reportpageopenmessageme {
position:relative;
width:100%;
color:white;
font-family:'dunkin';
display:flex;
}
.reportpageopenmessageme img {
position: absolute;
left: 1%;
max-width: 10%;
max-height: 100%;
}
.playermessage {
position: relative;
max-width: 100%;
max-height: 60%;
left: 10%;
background-image: url('./image/messageme.png');
background-size: 100% 100%;
;
background-repeat: no-repeat;
}
.playermessage h2 {
color: white;
font-size: 70%;
text-align: center;
padding: .3rem;
font-family: "dunkin";
}
.playermessageforplayerreports {
position: relative;
max-width: 100%;
max-height: 60%;
left: 10%;
background-image: url('./image/adminliveyou.png');
background-size: 100% 100%;
;
background-repeat: no-repeat;
}
.playermessageforplayerreports h2 {
color: white;
font-size: 70%;
text-align: center;
padding: .3rem;
font-family: "dunkin";
}
.playermessageforotherreports {
position: relative;
max-width: 100%;
max-height: 60%;
left: 10%;
background-image: url('./image/otherreportyou.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.playermessageforotherreports h2 {
color: white;
font-size: 70%;
text-align: center;
padding: .3rem;
font-family: "dunkin";
}
.reportpageopenmessageadmin {
position: relative;
width: 80%;
height: auto;
margin-top: 1rem !important;
left: 19%;
display: flex;
align-items: flex-end;
justify-content: end;
}
.reportpageopenmessageadmin img {
position: absolute;
right: 6%;
top: 5%;
max-width: 20%;
max-height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.playermessageadmin {
position: relative;
max-width: 100%;
max-height: 60%;
left: -20%;
background-image: url('./image/messageadmin.png');
background-size: 100% 100%;
;
background-repeat: no-repeat;
padding: .2rem;
}
.playermessageadmin h2 {
color: white;
font-size: 70%;
text-align: center;
padding: .3rem;
font-family: "dunkin";
}
.reportadminanduserchatanswer {
position: absolute;
top: -45%;
width: 96%;
height: 180%;
left: -1%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
}
.adminuserchatwaitingtext {
width: 100%;
height: 10%;
display: flex;
align-items: center;
margin-top: 10%;
justify-content: flex-start;
}
.adminuserchatwaitingtext h2 {
color: white;
font-family: "dunkin";
font-size: 100%;
}
.adminbekleme {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.adminbeklemeimg {
position: absolute;
bottom: -2%;
right: -2%;
opacity: 0.5;
width: 30%;
height: 50%;
display: flex;
align-items: center;
justify-content: center;
background-image: url('./image/asistanpeople.png');
background-size: cover;
}
.closereportpageuser {
position: absolute;
top: -28%;
width: 96%;
height: 150%;
left: 3%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
}
.closereporttext {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
height: 5%;
margin-top: 2%;
border-left: 3px solid #00FFF0;
;
margin-left: 2%;
}
.closereporttext h2 {
color: white;
font-family: "dunkin";
font-size: 100%;
margin-left: 2%;
}
.closereportuseryildiz {
width: 100%;
height: 15%;
margin-top: 6%;
display: flex;
align-items: center;
justify-content: center;
align-content: flex-start;
}
.closereportuseryildiz img {
padding: 1rem;
width: 12%;
height: 100%;
}
.doluyildiz {
transform: scale(2.1);
margin-top: 1.8%;
cursor: pointer;
}
.closereportuserarea {
margin-top: 4%;
width: 100%;
height: 40%;
display: flex;
align-items: center;
justify-content: center;
}
.closereportuserarea textarea {
resize: none;
width: 80%;
height: 100%;
outline: none;
border: none;
font-family: "dunkin";
font-size: 100%;
color: white;
border: 4px solid #01FFF0;
border-radius: 1rem;
padding: 1%;
text-indent:10px;
background: linear-gradient(180deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.closereportbutton {
width: 100%;
height: 15%;
margin-top: 4%;
display: flex;
align-items: center;
justify-content: space-around;
}
.closereportbuttoncancel {
width: 25%;
height: 50%;
color: white;
font-family: "dunkin";
font-size: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #00FFF0;
border-radius: .5rem;
cursor: pointer;
background: linear-gradient(180deg, rgb(0 255 240 / 17%) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminchatbutton {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
align-content: flex-start;
}
.adminchatwrapper {
width: 80%;
height: 60%;
border: 1px solid #FF003D;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: start;
align-content: flex-start;
cursor: pointer;
background: linear-gradient(90.21deg, rgba(255, 0, 61, 0.3) 0.15%, rgba(0, 0, 0, 0) 99.81%);
}
.adminchatwrapper h2 {
font-size: 100%;
margin-left: -6%;
margin-top: -0%;
color: white;
font-family: dunkin;
}
.adminchatwrapper2 {
width: 80%;
height: 60%;
border: 1px solid #FF003D;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: start;
align-content: flex-start;
cursor: pointer;
background: linear-gradient(90.21deg, rgba(255, 0, 61, 0.3) 0.15%, rgba(0, 0, 0, 0) 99.81%);
}
.adminchatwrapper2 h2 {
font-size: 100%;
margin-left: 5%;
margin-top: -0%;
color: white;
font-family: dunkin;
}
.adminchatwrapper2 img {
font-size: 100%;
margin-left: 10%;
margin-top: -0%;
color: white;
font-family: dunkin;
}
.adminlerarasichatsayfasi {
position: absolute;
top: -8%;
width: 92%;
height: 140%;
left: 5%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
border: 1px solid #D00637;
border-radius: .3rem;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
}
.sendmessageadminlerarasi {
position: absolute;
bottom: 0%;
width: 100%;
height: 8%;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 2px solid #D00637;
border-image: linear-gradient(-170deg, #d0063700 1%, #d0063700 10%, #D00637 80%,
#84c509b5 50%)1;
}
.sendmessageadminlerarasi input {
width: 80%;
height: 100%;
font-family: dunkin;
font-size: 100%;
margin-left: 1%;
border: none;
outline: none;
background: transparent;
color: white;
}
.sendmessageadminlerarasi h2 {
color: white;
font-family: dunkin;
font-size: 100%;
width: 10%;
height: 70%;
border: 1px solid #D00637;
filter: drop-shadow(0px 0px 7px #D00637);
border-radius: 5px;
margin-right: 3%;
display: flex;
align-items: center;
justify-content: center;
}
.adminicinchatwrapper {
margin-top: 8%;
width: 100%;
height: 78%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start;
overflow:auto;
overflow-x:hidden;
}
.adminicinchatwrapper::-webkit-scrollbar-track {
border-radius: 10px;
}
.adminicinchatwrapper::-webkit-scrollbar {
width: 8px;
}
.adminicinchatwrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #04f7d5;
}
.adminicinchatmessage {
width: 100%;
height: auto;
margin-top: 1rem;
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap-reverse;
flex-direction: column-reverse;
align-content: end;
}
.adminicinchatwrapperin {
position:relative;
width: 70%;
height: 100%;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column-reverse
}
.adminicinchatwrapperin img {
position:relative;
margin-left:93%;
width: 5%;
margin-top:-5%;
height: 5%;
}
.adminicinchatmessageme {
max-width: 100%;
padding: 1rem;
color: white;
background-image: url(./image/messageadmin.png);
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: -5%;
}
.adminicinchatmessageme h2 {
color: white;
font-family: dunkin;
font-size: 100%;
}
.adminicinchatmessageadmin {
width: 100%;
height: auto;
margin-top: 1rem;
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap-reverse;
flex-direction: column-reverse;
align-content: end;
}
.adminicinchatwrapperinadmin {
width: 70%;
margin-left: -8.5%;
display: flex;
height: 100%;
align-items: start;
justify-content: center;
flex-direction: column-reverse
}
.adminicinchatmessageadmin img {
position:relative;
margin-left:-41%;
width: 5%;
margin-top:-5%;
height: 5%;
}
.adminicinchatmessagemeadmin {
max-width: 100%;
padding: 1rem;
color: white;
background-image: url(./image/messageme.png);
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: -9%;
}
.adminicinchatmessagemeadmin h2 {
width: 100%;
text-align: center;
color: white;
font-family: dunkin;
font-size: 100%;
}
.adminpuanlamalarivesiralamalari {
width: 17rem;
height: 31.5rem;
overflow: hidden;
overflow-y: scroll;
}
.adminpuanwrapper {
width: 100%;
height: 10%;
display: flex;
align-items: center;
align-content: flex-start;
justify-content: space-around;
}
.detayadminimg {
width: 10%;
height: 50%;
border: 1px solid #00FFF0;
border-radius: 1rem;
}
.detayadminimg img {
width: 100%;
height: 100%;
border-radius:1rem;
}
.detayadminisim {
color: white;
font-family: dunkin;
width: 35%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.detayadminyildiz {
display: flex;
align-items: center;
justify-content: start;
align-content: flex-start;
width: 10%;
}
.adminpuan {
color: white;
font-family: dunkin;
font-size: 100%;
margin-left: -7%
}
.detaybutton {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.detaybutton img {
cursor: pointer;
}
.adminwrappertext {
color: white;
font-family: dunkin;
font-size: 100%;
margin-top: 5%;
margin-left: 4%;
}
.chatsayfasitextvebackbuton {
position: absolute;
width: 100%;
height: 10%;
margin-top: -8%;
color: white;
display: flex;
align-items: center;
justify-content: space-between;
}
.chatsayfasitext {
width: 60%;
margin-left: 2%;
border-left: 2px solid #D00637;
font-family: dunkin;
font-size: 80%;
padding-left: 3%;
}
.foradmincallchatspan{
color:#00FFF0;
}
.chatsayfasitextclosedcall {
width: 60%;
margin-top:-3%;
border-left: 2px solid gray;
font-family: dunkin;
font-size: 80%;
padding-left: 3%;
}
.chatsayfasitextclosedcall span{
color:gray;
}
.chatsayfasitextadmintext {
width: 60%;
margin-left: 0.1%;
border-left: 2px solid #D00637;
font-family: dunkin;
font-size: 80%;
padding-left: 3%;
}
.chatsayfasigobackbutton {
width: 15%;
height: 60%;
border: 1px solid #D00637;
display: flex;
align-items: center;
justify-content: center;
font-family: dunkin;
cursor: pointer;
font-size: 80%;
filter: drop-shadow(0px 0px 21px rgb(208 6 55 / 94%));
border-radius: .5rem;
background: linear-gradient(180deg, rgb(208 6 55 / 16%) 0%, rgba(0, 0, 0, 0) 288%);
}
.chatsayfasibackicon{
margin-left:14%;
width:4%;
height:50%;
display:flex;
align-items:center;
justify-content:center;
}
.chatsayfasibackicon img{
transform:rotate(180deg);
cursor:pointer;
}
.adminbugreportall {
position: absolute;
top: -8%;
width: 96%;
height: 140%;
left: 2%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
border-radius: .5rem;
}
.adminbugreportallactivereports{
width:100%;
height:65%;
}
.adminbugreportallactivetex{
color:#CA0232;
font-family:dunkin;
width:30%;
height:12%;
display:flex;
align-items:center;
justify-content:start;
padding:2%;
margin-top:2%;
margin-left:2.2%;
font-size:140%;
background: linear-gradient(90deg, rgba(208, 6, 55, 0.3) 0%, rgba(208, 6, 55, 0) 101.01%);
}
.adminbugreportallactivetexplayer{
color:#01FFF0;
font-family:dunkin;
width:30%;
height:12%;
display:flex;
align-items:center;
justify-content:start;
padding:2%;
margin-top:2%;
margin-left:2.2%;
font-size:140%;
background: linear-gradient(90deg, rgba(1, 255, 240, 0.3) 0%, rgba(1, 255, 240, 0) 101.01%);
}
.adminbugreportallactivetexother{
color:#E00288;
font-family:dunkin;
width:30%;
height:12%;
display:flex;
align-items:center;
justify-content:start;
padding:2%;
margin-top:2%;
margin-left:2.2%;
font-size:140%;
background: linear-gradient(90deg, rgba(224, 2, 136, 0.3) 0%, rgba(224, 2, 136, 0) 101.01%);
}
.adminbugreportallacriveborder{
width:100%;
margin-top:1%;
height:81%;
display:flex;
align-items:start;
justify-content:start;
flex-wrap:wrap;
overflow:auto;
}
.adminbugreportallacriveborder::-webkit-scrollbar-track { border-radius: 10px; }
.adminbugreportallacriveborder::-webkit-scrollbar { width: 8px; }
.adminbugreportallacriveborder::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #01FFF0; }
.adminbugreportallacriveborderplayer{
width:100%;
margin-top:1%;
height:81%;
display:flex;
align-items:start;
justify-content:start;
flex-wrap:wrap;
overflow:auto;
}
.adminbugreportallacriveborderplayer::-webkit-scrollbar-track { border-radius: 10px; }
.adminbugreportallacriveborderplayer::-webkit-scrollbar { width: 8px; }
.adminbugreportallacriveborderplayer::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #D00637; }
.adminbugreportallacriveborderother{
width:100%;
margin-top:1%;
height:81%;
display:flex;
align-items:start;
justify-content:start;
flex-wrap:wrap;
overflow:auto;
}
.adminbugreportallacriveborderplayer::-webkit-scrollbar-track { border-radius: 10px; }
.adminbugreportallacriveborderplayer::-webkit-scrollbar { width: 8px; }
.adminbugreportallacriveborderplayer::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #E00288
; }
.adminplayerreportallacriveborder{
width:100%;
margin-top:1%;
height:81%;
display:flex;
align-items:start;
justify-content:start;
flex-wrap:wrap;
overflow:auto;
}
.adminplayerreportallacriveborder::-webkit-scrollbar-track { border-radius: 10px; }
.adminplayerreportallacriveborder::-webkit-scrollbar { width: 8px; }
.adminplayerreportallacriveborder::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #01FFF0; }
.adminbugreportallactivebox{
width:15%;
height:40%;
margin-left:3%;
margin-top:2%;
border:2px solid #D00637;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallactivebox h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid red;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 50%,
#D00637 100%) 10;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallactivebox h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.adminbugreportallactiveboxplayer{
width:15%;
height:40%;
margin-left:3%;
margin-top:2%;
border:2px solid #01FFF0;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(1, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallactiveboxplayer h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid red;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 50%,
#01FFF0 100%) 10;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallactiveboxplayer h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.adminbugreportallactiveboxother{
width:15%;
height:40%;
margin-left:3%;
margin-top:2%;
border:2px solid #E00288;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallactiveboxother h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid red;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 50%,
#E00288 100%) 10;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallactiveboxother h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.adminreportallcloseactivebox{
width:100%;
margin-top:1%;
height:55%;
display:flex;
align-items:start;
justify-content:start;
}
.adminbugreportallclosetex{
color:white;
font-family:dunkin;
width:30%;
height:20%;
display:flex;
align-items:center;
justify-content:start;
padding:2%;
margin-top:2%;
margin-left:2.2%;
font-size:140%;
background: linear-gradient(90deg, rgba(79, 79, 79, 0.3) 0%, rgba(79, 79, 79, 0) 101.01%);
}
.adminbugreportallcloseborder{
position:absolute;
width:100%;
margin-top:9%;
height:22%;
display:flex;
align-items:start;
justify-content:start;
flex-wrap:wrap;
overflow:auto;
}
.adminbugreportallcloseborder::-webkit-scrollbar-track { border-radius: 10px; }
.adminbugreportallcloseborder::-webkit-scrollbar { width: 8px; }
.adminbugreportallcloseborder::-webkit-scrollbar-thumb { border-radius: 10px; background-color: gray; }
.adminbugreportallclosebox{
width:15%;
height:93%;
margin-left:3%;
border:2px solid gray;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(79, 79, 79, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallclosebox h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid gray;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 5%,
gray 100%) 10;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallclosebox h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.reportopenpageadminreport {
position: absolute;
top: -6%;
width: 96%;
height: 140%;
left: 5%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
}
.reportpageadminchatscreenadminreport {
width: 45%;
height: 84%;
margin-right: 4%;
border: 2px solid gray;
background: linear-gradient(180deg, rgba(79, 79, 79, 0.2) 0%, rgba(0, 0, 0, 0) 122%);
border-radius: 5px;
}
.reportpageadminchatscreenadminreport img {
position: absolute;
right: -1%;
bottom: 1%;
width: 35%;
}
.reportpageopensendmessageforadmin {
width: 100%;
position: relative;
height: 10%;
display: flex;
align-items: center;
justify-content: space-evenly;
top: 90%;
border-top: 2px solid red;
border-image: linear-gradient(-170deg, white 0%, #af261c00 0%, #af261c00 10%,
gray 100%) 10;
}
.reportpageopensendmessageforadmin input {
width: 70%;
height: 80%;
background: transparent;
outline: none;
border: none;
font-family: "dunkin";
padding-left: 2%;
color: white;
}
.reportopenpageheaderforadmin {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
}
.reportopenpageheaderforadminplayerreport {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
}
.reportopenpageheaderforadminotherreport {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
}
.reportpageopenplayertextforadmin {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-138deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
}
.reportpageopenplayertextforadminplayerreport {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-138deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
}
.reportpageopenplayertextforadminotherreport {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-138deg, white 10%, #af261c00 30%, #af261c00 55%,
#E00288 100%) 10;
}
.messagesendforadmin {
height: 60%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
width: 20%;
border-radius: .5rem;
border: 1px solid gray;
font-size: 100%;
z-index: 1;
cursor: pointer;
}
.adminticketcevap{
position:absolute;
width:14.5%;
height:5%;
display:flex;
align-items:center;
justify-content:center;
margin-top:5%;
text-align:center;
color:white;
font-family:dunkin;
background-color:#4f9490;
border-radius:.5rem;
border:1px solid #00fff0;
}
.adminticketcevapclose{
position:absolute;
width:14.5%;
height:20%;
display:flex;
align-items:center;
justify-content:center;
margin-top:5%;
text-align:center;
color:white;
font-family:dunkin;
background-color:#80808082;
border-radius:.5rem;
border:1px solid gray;
}
.adminlerarasichatsayfasiforadmin {
position: absolute;
top: -6%;
width: 91%;
height: 140%;
left: 5%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
border: 2px solid #00FFF0;
border-radius: .5rem;
background: linear-gradient(90deg, rgba(0, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.adminlerarasichatsayfasiforadminclosedcall {
position: absolute;
top: -6%;
width: 92%;
height: 140%;
left: 5%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
border: 2px solid gray;
border-radius: .5rem;
background: linear-gradient(90deg, rgba(79, 79, 79, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.sendmessageadminlerarasiforadminclosedcall {
position: absolute;
bottom: 0%;
width: 100%;
height: 8%;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 2px solid gray;
border-image: linear-gradient(-170deg, #d0063700 1%, #d0063700 10%, gray 80%,
gray 50%)1;
}
.sendmessageadminlerarasiforadmin {
position: absolute;
bottom: 0%;
width: 100%;
height: 8%;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 2px solid #00FFF0;
border-image: linear-gradient(-170deg, #d0063700 1%, #d0063700 10%, #00FFF0 80%,
#84c509b5 50%)1;
}
.sendmessageadminlerarasiforadmin input {
width: 80%;
height: 100%;
font-family: dunkin;
font-size: 100%;
margin-left: 1%;
border: none;
outline: none;
background: transparent;
color: white;
text-indent:10px;
}
.sendmessageadminlerarasiforadmin h2 {
color: white;
font-family: dunkin;
font-size: 100%;
width: 10%;
height: 70%;
border: 1px solid #00FFF0;
filter: drop-shadow(0px 0px 7px #00FFF0);
border-radius: 5px;
margin-right: 3%;
display: flex;
align-items: center;
justify-content: center;
}
.adminicinchatmessagemeforadmin {
width:57%;
padding: 1rem;
color: white;
background-image: url(./image/adminliveme.png);
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: 31%;
margin-top:1%;
display:flex;
align-items:center;
justify-content:center;
}
.adminicinchatmessagemeforadmin h2 {
width:100%;
color: white;
font-family: dunkin;
font-size: 100%;
text-align:end;
}
.adminicinchatmessagemeadminforadmin {
width:57%;
padding: 1rem;
color: white;
background-image: url(./image/adminliveyou.png);
background-size: 100% 100%;
background-repeat: no-repeat;
margin-left: -36%;
margin-top:1%;
display:flex;
align-items:center;
justify-content:center;
}
.adminicinchatmessagemeadminforadmin h2 {
width: 100%;
text-align: start;
color: white;
font-family: dunkin;
font-size: 100%;
}
.buyuyenfoto{
position:absolute;
top:-12.5rem;
left:1.1rem;
width:100%;
height:190%;
display:flex;
align-items:center;
justify-content:center;
background-image:url('./image/blur.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.buyuyenfoto img{
position:absolute;
top:19%;
width:90%;
height:70%;
background-size:100% 100%;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
z-index:1;
}
.bgblur{
position:absolute;
width:103%;
height:100%;
background: rgba(0, 0, 0, 0.19);
backdrop-filter: blur(20px);
}
.buyuyenfoto h2{
position:absolute;
color:white;
width:50%;
border-left:1px solid red;
top:10%;
left:1%;
padding-left:2%;
font-family:'dunkin';
cursor:pointer;
}
.adminicinchatwrapperforlivecall {
margin-top: 8%;
width: 100%;
height: 78%;
display: flex;
align-content: flex-start;
overflow:auto;
flex-direction:column;
overflow-x:hidden;
}
.adminicinchatwrapperforlivecall::-webkit-scrollbar-track {
border-radius: 10px;
}
.adminicinchatwrapperforlivecall::-webkit-scrollbar {
width: 8px;
}
.adminicinchatwrapperforlivecall::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #00ffee7b;
}
.adminuserforlivecallmessage {
position:relative;
width:40%;
color:white;
font-family:'dunkin';
display:flex;
}
.adminuserforlivecallmessagewrapper{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforlivecallmessagewrapper img{
width:10%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforlivecallmessagewrapper h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/adminliveme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
}
.adminuserforlivecallmessagewrapper h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/adminliveyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
}
.adminuserforlivecallmessagewrapperclosedcall{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforlivecallmessagewrapperclosedcall img{
width:10%;
border:3px solid gray;
border-radius:1rem;
}
.adminuserforlivecallmessagewrapperclosedcall h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/closedreportme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
}
.adminuserforlivecallmessagewrapperclosedcall h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/closedreportyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
}
.adminicinchatwrapperforbugreport {
width: 98%;
height: 78%;
display: flex;
align-content: flex-start;
overflow:auto;
flex-direction:column;
overflow-x:hidden;
}
.adminicinchatwrapperforbugreport::-webkit-scrollbar-track {
border-radius: 10px;
}
.adminicinchatwrapperforbugreport::-webkit-scrollbar {
width: 8px;
}
.adminicinchatwrapperforbugreport::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #D00637;
}
.adminuserforbugreportmessage {
position:relative;
width:40%;
color:white;
font-family:'dunkin';
display:flex;
}
.adminuserforbugreportmessagewrapper{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforbugreportmessagewrapper img{
width:20%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforbugreportmessagewrapper h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/messageadmin.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforbugreportmessagewrapper h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/messageme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.asistanbugreport{
position:relative;
left:5%;
}
.reportopenpageheaderforadminmycasesbug {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
}
.reportpageopenplayertextforadminmycasesbug {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#D00637 100%) 10;
}
.reportpageopensendmessageforadminmycasesbug {
width: 100%;
position: relative;
height: 10%;
display: flex;
align-items: center;
justify-content: space-evenly;
top: 90%;
border-top: 2px solid red;
border-image: linear-gradient(-170deg, white 0%, #af261c00 0%, #af261c00 10%,
#D00637 100%) 10;
}
.reportpageopensendmessageforadminmycasesbug input {
width: 70%;
height: 80%;
background: transparent;
outline: none;
border: none;
font-family: "dunkin";
padding-left: 2%;
color: white;
}
.reportpageadminchatscreenadminreportmycasesbug {
width: 45%;
height: 84%;
margin-right: 4%;
border: 2px solid #D00637;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.2) 0%, rgba(0, 0, 0, 0) 122%); border-radius: 5px;
}
.reportpageadminchatscreenadminreportmycasesbug img {
position: absolute;
right: -1%;
bottom: 1%;
width: 35%;
}
.adminuserforbugreportmessagewrappermycasesbugreport{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforbugreportmessagewrappermycasesbugreport img{
width:20%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforbugreportmessagewrappermycasesbugreport h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/messageadmin.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforbugreportmessagewrappermycasesbugreport h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/messageme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.messagesendforadminmycasesbug {
height: 60%;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-family: "dunkin";
width: 20%;
border-radius: .5rem;
border: 2px solid #D00637;
font-size: 100%;
z-index: 1;
cursor: pointer;
}
.gotobringsolved{
position:relative;
margin-top:-17%;
width:55%;
height:25%;
margin-left:-3%;
display:flex;
align-items:center;
justify-content:space-around;
flex-wrap:wrap;
}
.gotobringsolved h2{
color:white;
width:30%;
text-align:center;
height:40%;
display:flex;
align-items:center;
justify-content:center;
font-family:'dunkin';
border-radius:.5rem;
background: linear-gradient(180deg, rgb(208 6 55 / 22%) 0%, rgba(0, 0, 0, 0) 260%);
font-size:130%;
border: 2px solid #D00637;
cursor:pointer;
}
.gotobringsolved h2:nth-child(3){
width:80%;
margin-left:1%;
}
.reportopenpageheaderforadminmycasesplayer {
width: 50%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-170deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
}
.reportpageopenplayertextforadminmycasesplayer {
width: 50%;
height: 40%;
color: white;
font-family: "dunkin";
text-align: start;
font-family: 100%;
margin-top: 1%;
padding: 2%;
border-bottom: 2px solid red;
border-image: linear-gradient(-140deg, white 10%, #af261c00 30%, #af261c00 55%,
#01FFF0 100%) 10;
}
.reportpageadminchatscreenadminreportmycasesplayer {
width: 45%;
height: 84%;
margin-right: 4%;
border: 2px solid #01FFF0;
background: linear-gradient(180deg, rgba(1, 255, 240, 0.2) 0%, rgba(0, 0, 0, 0) 122%);}
.reportpageadminchatscreenadminreportmycasesplayer img {
position: absolute;
right: -1%;
bottom: 1%;
width: 35%;
}
.reportpageopensendmessageforadminmycasesplayer {
width: 100%;
position: relative;
height: 10%;
display: flex;
align-items: center;
justify-content: space-evenly;
top: 90%;
border-top: 2px solid red;
border-image: linear-gradient(-170deg, white 0%, #af261c00 0%, #af261c00 10%,
#01FFF0 100%) 10;
}
.reportpageopensendmessageforadminmycasesplayer input {
width: 70%;
height: 80%;
background: transparent;
outline: none;
border: none;
font-family: "dunkin";
padding-left: 2%;
color: white;
}
.adminicinchatwrapperforbugplayer {
width: 98%;
height: 78%;
display: flex;
align-content: flex-start;
overflow:auto;
flex-direction:column;
overflow-x:hidden;
}
.adminicinchatwrapperforbugplayer::-webkit-scrollbar-track {
border-radius: 10px;
}
.adminicinchatwrapperforbugplayer::-webkit-scrollbar {
width: 8px;
}
.adminicinchatwrapperforbugplayer::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #01FFF0;
}
.adminuserforplayerreportmessage {
position:relative;
width:40%;
color:white;
font-family:'dunkin';
display:flex;
}
.adminuserforplayerreportmessagewrappermycasesplayerreport{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforplayerreportmessagewrappermycasesplayerreport img{
width:20%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforplayerreportmessagewrappermycasesplayerreport h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/adminliveme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforplayerreportmessagewrappermycasesplayerreport h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/adminliveyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforplayerreportmessagewrappermycasesplayerother{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforplayerreportmessagewrappermycasesplayerother img{
width:20%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforplayerreportmessagewrappermycasesplayerother h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/otherreportme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforplayerreportmessagewrappermycasesplayerother h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/otherreportyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.gotobringsolvedplayerreport{
position:relative;
margin-top:-17%;
width:55%;
height:25%;
margin-left:-4%;
display:flex;
align-items:center;
justify-content:space-around;
flex-wrap:wrap;
}
.gotobringsolvedplayerreport h2{
color:white;
width:30%;
text-align:center;
height:40%;
display:flex;
align-items:center;
justify-content:center;
font-family:'dunkin';
border-radius:.5rem;
background: linear-gradient(180deg, rgba(1, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 334%); font-size:130%;
border: 2px solid #01FFF0;
cursor:pointer;
}
.gotobringsolvedplayerreport h2:nth-child(3){
width:80%;
}
.adminopenreporttarih{
position:relative;
color:gray;
font-family:'dunkin';
width:10%;
height:3%;
margin-top:-21%;
margin-left:-19%;
display:flex;
align-items:center;
justify-content:center;
padding:1%;
}
.adminopenreporttarih img{
padding-right:5%;
}
.adminopenreporttarihclosed{
position:absolute;
color:gray;
font-family:'dunkin';
width:22%;
height:3%;
margin-top:-2%;
margin-left:-1%;
display:flex;
align-items:center;
justify-content:center;
padding:1%;
}
.adminopenreporttarihclosed img{
padding-right:5%;
}
.adminlerarasichatwrapper {
width: 97%;
height: 90%;
display: flex;
align-content: flex-start;
overflow:auto;
margin-left:1%;
flex-direction:column;
padding:1%;
overflow-x:hidden;
}
.adminlerarasichatwrapper::-webkit-scrollbar-track {
border-radius: 10px;
}
.adminlerarasichatwrapper::-webkit-scrollbar {
width: 8px;
}
.adminlerarasichatwrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #D00637;
}
.adminlerarasichatcontainer {
position:relative;
width:40%;
color:white;
font-family:'dunkin';
display:flex;
}
.adminlerarasichataltcontainer{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminothername{
position:absolute;
z-index:1;
font-size:65%;
width:70%;
text-align:start;
top:-6%;
left:23%;
}
.adminname{
position:absolute;
z-index:1;
font-size:65%;
width:70%;
text-align:end;
top:-6%;
left:5%;
}
.adminlerarasichataltcontainer img{
width:15%;
border:3px solid #00ffee7b;
border-radius:2rem;
}
.adminlerarasichataltcontainer h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/messageadmin.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminlerarasichataltcontainer h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/messageme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:4%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.closedreportuserfeedback{
position:absolute;
width:90%;
height:100%;
margin-top:23%;
margin-left:-20%;
display:flex;
align-items:center;
justify-content:center;
align-content:flex-start;
z-index:-1;
}
.closedreportyildiz{
width:5%;
display:flex;
align-items:center;
justify-content:center;
align-items:flex-start;
margin-top:-15%;
}
.feedbackclosereport{
position:absolute;
width:45%;
margin-top:4%;
height:19%;
border:1px solid gray;
border-radius:.5rem;
background: linear-gradient(180deg, rgba(79, 79, 79, 0.3) 0%, rgba(0, 0, 0, 0) 334%);
}
.feedbackclosereport h2{
color:white;
font-family:'dunkin';
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
margin-top:1%;
}
.feedbackclosereport h3{
color:gray;
font-family:'dunkin';
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
margin-top:3%;
width:90%;
height:auto;
margin-left:3%;
word-break:break-all;
}
.adminuserforbugreportmessagewrappermycasesbugreportclosedreport{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforbugreportmessagewrappermycasesbugreportclosedreport img{
width:20%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforbugreportmessagewrappermycasesbugreportclosedreport h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/closedreportme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforbugreportmessagewrappermycasesbugreportclosedreport h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/closedreportyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.selectreportadmingobackclosedreport{
position: absolute;
width: 15%;
height:6%;
margin-top: -7.5%;
color: white;
font-family: "dunkin";
font-size: 100%;
border: 1px solid #D00637;
margin-left:85%;
display:flex;
align-items:center;
justify-content:center;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.gotobringsolvedplayerother{
position:relative;
margin-top:-17%;
width:55%;
height:25%;
margin-left:-3%;
display:flex;
align-items:center;
justify-content:space-around;
flex-wrap:wrap;
}
.gotobringsolvedplayerother h2{
color:white;
width:30%;
text-align:center;
height:40%;
display:flex;
align-items:center;
justify-content:center;
font-family:'dunkin';
border-radius:.5rem;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 334%);
border: 1px solid #E00288;
cursor:pointer;
}
.gotobringsolvedplayerother h2:nth-child(3){
width:80%;
margin-left:1%;
}
.playeradmindetails{
width:70%;
display:flex;
align-items:center !important;
justify-content:center !important;
flex-wrap:wrap;
}
.playeradmindetails h2:nth-child(1){
width:20%;
margin-left:-50%;
}
.playeradmindetails h2:nth-child(3){
width:50%;
margin-left:-15%;
margin-top:10%;
display:flex;
align-items:start;
justify-content:start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.playeradmindetails h2:nth-child(4){
width:50%;
margin-left:49%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.playeradmindetails img{
position:relative;
max-width:50%;
margin-left:70%;
margin-top:17%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminuserforbugreportmessagewrapperplayerreport{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforbugreportmessagewrapperplayerreport img{
width:20%;
border:3px solid #00ffee7b;
border-radius:1rem;
}
.adminuserforbugreportmessagewrapperplayerreport h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/adminliveme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforbugreportmessagewrapperplayerreport h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/adminliveyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforbugreportmessagewrapperotherreport{
width:100%;
height:auto;
display:flex;
align-items:center;
justify-content:flex-start;
padding:3%;
}
.adminuserforbugreportmessagewrapperotherreport img{
width:20%;
border:3px solid #E00288;
border-radius:1rem;
}
.adminuserforbugreportmessagewrapperotherreport h2{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/otherreportme.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.adminuserforbugreportmessagewrapperotherreport h3{
position:relative;
width:80%;
min-height:100%;
background-image:url('./image/otherreportyou.png');
background-size:100% 100%;
text-align:center;
font-size:80%;
display:flex;
left:24%;
align-items:center;
justify-content:center;
padding:5%;
word-break:break-all;
}
.searchbar{
position:absolute;
width:25rem;
height:2.5rem;
margin-top:-39.5rem;
margin-left:-7rem;
background: rgba(255, 255, 255, 0.04);
border-radius:.5rem;
}
.searchbarinput{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:space-around;
}
.searchbarinput input{
width:90%;
background:transparent;
border:none;
color:white;
font-family:100%;
outline:none;
}
.searchbarinput input::placeholder{
color:#d006375e
}
.searchbarpage {
position: absolute;
top: -19%;
width: 96%;
height: 150%;
left: 3%;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
}
.searchbarpagein{
width:100%;
height:100%;
display:flex;
align-items:start;
align-items:start;
flex-wrap:wrap;
flex-direction:row;
align-content:flex-start;
}
.adminbugreportallactiveboxsearch{
width:11%;
height:15%;
margin-left:3%;
margin-top:2%;
border:1px solid #D00637;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(208, 6, 55, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallactiveboxsearch h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid red;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 50%,
#D00637 100%) 10;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallactiveboxsearch h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.adminbugreportallcloseboxsearch{
width:11%;
height:15%;
margin-left:3%;
margin-top:2%;
border:1px solid gray;
border-radius:.5rem;
cursor:pointer;
background: linear-gradient(180deg, rgba(79, 79, 79, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallcloseboxsearch h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid gray;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 5%,
gray 100%) 10;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallcloseboxsearch h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.adminbugreportallactiveboxothersearch{
width:11%;
height:15%;
margin-left:3%;
margin-top:2%;
border-radius:.5rem;
cursor:pointer;
border:1px solid #E00288;
background: linear-gradient(180deg, rgba(224, 2, 136, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallactiveboxothersearch h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid red;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 50%,
#E00288 100%) 10;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallactiveboxothersearch h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.adminbugreportallactiveboxplayersearch{
width:11%;
height:15%;
margin-left:3%;
margin-top:2%;
border-radius:.5rem;
cursor:pointer;
border:1px solid #01FFF0;
background: linear-gradient(180deg, rgba(1, 255, 240, 0.3) 0%, rgba(0, 0, 0, 0) 288%);
}
.adminbugreportallactiveboxplayersearch h2{
color:white;
font-family:'dunkin';
height:23%;
font-size:80%;
display:flex;
align-items:center;
justify-content:start;
padding:3%;
border-bottom:1px solid red;
border-image: linear-gradient(-150deg, white 10%, #af261c00 30%, #af261c00 50%,
#01FFF0 100%) 10;
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
}
.adminbugreportallactiveboxplayersearch h3{
color: rgb(255 255 255 / 48%);
font-family:'dunkin';
white-space: wrap;
overflow: hidden;
text-overflow: ellipsis;
height:70%;
width:100%;
font-size:60%;
padding:4%;
}
.close-page {
position: absolute;
top: -40%;
width: 25%;
height: 15%;
color:white;
left: 75%;
display: flex;
font-size:100%;
font-family:'dunkin';
align-items: start;
justify-content: flex-start;
flex-wrap: wrap;
align-content: flex-start;
}
.close-page h2{
font-size:100%;
text-align:end;
}
.close-page h3{
font-size:110%;
}
.x-icon{
width:22%;
height:70%;
display:flex;
margin-left:0.8rem;
bordeR:1.5px solid red;
border-radius:2rem;
background-repeat:no-repeat;
align-items:center;
background: rgba(208, 6, 55, 0.11);
justify-content: center;
}
@media screen and (width: 1280px) and (height: 720px) {
html {
transform: scale(0.8);
}
}
@media screen and (width: 1360px) and (height: 768px) {
html {
transform: scale(0.8);
}
}
@media screen and (width: 2560px) and (height: 1440px) {
html {
transform: scale(1.4);
}
}