.red {
	color: #FF0000;
}

.lightred {
	color: #ef5d7a;
}

.green {
	color: #008000;
}

.lightgreen {
	color: #90EE90;
}

.lime {
	color: #00FF00;
}

.gray {
	color: #808080;
}

.olive {
	color: #808000;
}

.lightolive {
	color: #6B8E23;
}

.blue {
	color: #0000FF;
}

.lightblue {
	color: #ADD8E6;
}

.purple {
	color: #800080;
}

.lightpurple {
	color: #CBC3E3;
}

#title-chat {
	margin-top: 20px; 
	font-size: 25px;
}

.exchange {
	padding-top: 25px;
	width: 100%;
	text-align: center;
}

.num {
	width: 49%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	transition: 0.3s;
	height: 40px;
}

.transfer-prof {
	display: none;
	text-align: center;
}

.transfer-avatar {
	width: 100px; 
	height: 100px; 
	border-radius: 20px; 
	background-size: cover; 
	background-position: center;
	margin: auto;
}

.transfer-name {
	font-size: 18px;
}

.transfer-btn {
	text-align: center; 
	font-size: 15px; 
	color: white; 
	border: 1px solid; 
	border-radius: 5px; 
	background-color: #007bff;
	width: 100%;
}

.unban-btn {
	color: white; 
	border: 1px solid; 
	border-radius: 5px; 
	padding-right: 8px; 
	margin-top: 5px; 
	background-color: #007bff;
	width: 100%;
}

.install-btn {
	text-align: center; 
	font-size: 15px; 
	color: white; 
	border: 1px solid; 
	border-radius: 5px; 
	background-color: #007bff;
}

.confirm-btn {
	display: none;
	width: 100%;
}

.accept-btn {
	text-align: center; 
	font-size: 15px; 
	color: white; 
	border: 1px solid; 
	border-radius: 5px; 
	background-color: #007500;
	width: 49%;
}

.cancel-btn {
	text-align: center; 
	font-size: 15px; 
	color: white; 
	border: 1px solid; 
	border-radius: 5px; 
	background-color: #bf0000;
	width: 49%;
}

.preffix {
	padding: 20px;
	font-size: 15px;
}

.preffix-input {
	padding-top: 20px;
}

.preffix-input input {
	width: 100%;
}

.preffix-name {
	padding-left: 17px;
}

.preffix-chat {
	padding-left: 2px;
}

.preffix-output {
	padding-left: 30px;
}

a:hover { 
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
} 

.quest {
	 filter: blur(5px);
}

.quest:hover {
	color: black;
	filter: blur(2px);
}

.avatar .profprivis {
	text-align: center; 
	border-radius: 0px 0px 14px 14px; 
	margin-top: 90px; 
	background-color: #eeeeee9c; 
	padding-bottom: 5px; 
	height: 30px; 
	width: 120px; 
	color: #8b009b;
	font-weight: 600;
}

.avatar .profbord {
	border-radius: 200px; 
	border: 20px solid #eeeeee; 
	width: 160px; 
	height: 160px; 
	margin-top: -140px; 
	margin-left: -20px;
}

.panel {
  margin-top: 25px;
  height: 200px;
  border-radius: 10px;
  background-color: #ffffff;

}

.panel-background {
  display: flex;
  margin-top: 25px;
  height: 200px;
  background-position: center center; 
  background-size: cover; 
  border-radius: 10px;
  background-repeat: no-repeat;
  transition: 1s
}

.panel-background:hover {
  display: flex;
  margin-top: 25px;
  height: 200px;
  background-position: center center; 
  background-size: cover; 
  background-repeat: no-repeat;
  filter: blur(5px);
  transition: 1s
}

.panel span {
	position: relative;
	display: flex;
	vertical-align: bottom;
	font-size: 20px;
	margin-top: -50px;
	border-radius: 0px 0px 10px 10px;
	padding-bottom: 20px;
	color: #f2d1ff;
	background-color: #0000005e;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #5e4b87;
}

input:focus + .slider {
  box-shadow: 0 0 1px #5e4b87;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.input__wrapper {
	width: 100%;
	position: relative;
	margin: 15px 0;
	text-align: center;
  }
   
  .input__file {
	opacity: 0;
	visibility: hidden;
	position: absolute;
  }
   
  .input__file-icon-wrapper {
	height: 60px;
	width: 60px;
	margin-right: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	border-right: 1px solid #fff;
  }
   
  .input__file-button-text {
	line-height: 1;
	margin-top: 1px;
  }
   
  .input__file-button {
	width: 100%;
	max-width: 290px;
	height: 60px;
	background: #1bbc9b;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 auto;
  }

@media (max-width: 470px) {
	.avatar .profprivis { 
		margin-top: 45px; 
		height: 30px; 
		width: 70px;
		font-size: 11px;
	}

	.avatar .profbord {
		border-radius: 200px; 
		margin-top: -90px; 
		margin-left: -15px;
		border: 15px solid #eeeeee; 
		width: 100px; 
		height: 100px; 
	}

	.mobfix {
		margin-top: 110px;
	}
}

::-webkit-scrollbar {
    height: 8px;
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 9em;
    box-shadow: inset 1px 1px 10px #7d24bb;
    width: 12px;
}


@media(max-width: 542px){
    .statts{
        width: 60vw;
    }
}


.lvlmob {
	margin-top: 6px;
}

.rollogs {
	width: 400px;
	border: 0.5px #08080840 dotted;
	border-radius: 15px;
}

@media(max-width: 463px){
    .lvlmob{
        margin-top: 2px;
    }
	.rollogs {
		width: auto;
	}
}

.switchpr {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}

.switchpr input {display:none;}

.sliderpr {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderpr:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .sliderpr {
  background-color: #5e4b87;
}

input:focus + .sliderpr {
  box-shadow: 0 0 1px #5e4b87;
}

input:checked + .sliderpr:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.sliderpr.round {
  border-radius: 34px;
}

.sliderpr.round:before {
  border-radius: 50%;
}