@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);
  }
}