/* тело документа */
/* ВНЕШНИЙ БЛОК */
#panel {
    position: fixed; /* положение */
    top: 94px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: transparent; /* цвет фона */
    width: 50px; /* ширина блока */
    height: 50px; /* высота блока */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.4s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_panel {
    position: fixed; /* положение */
    top: 100px; /* отступ сверху */
    left: -220px; /* отступ слева */
   background: linear-gradient(180deg,rgba(240, 58, 65, 0.5) 0%, rgba(156, 48, 48, 0.5) 100%) !important;  /* цвет фона */
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 30px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
   

    -webkit-transition-duration: 0.4s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#panel:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel:hover #hidden_panel {
    left: 0; /* отступ слева */
}
body {
font-family: 'Rubik One', sans-serif;
color:#C7C2C2;
}
@media only all and (max-width: 1023px) and (max-height: 767px) {
body {
-webkit-background-size: 1023px 767px;/* Safari Рё Chrome */
-o-background-size: 1023px 767px;/* Opera до версии 10.53 */
-moz-background-size: 1023px 767px; /* Firefox РґРѕ 4.0 */
background-size: 1023px 767px; /* CSS3 */
}
}
.chat-body {
	background-image: url("https://imgs.su/upload/769/1622268841.webp");
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.sp {display: none;}

/* выравнивание */
input, select {vertical-align:middle; margin:0px;}
img {vertical-align:middle; border:0px;}

/* ссылки  */
a,a:active{color: #CECACE;font: bold 11px Verdana;text-decoration: none;}
a:hover{text-decoration: underline;}

/* таблицы */
table {border: 1px #00100A solid;border-collapse:collapse;}
td {color: #ffa;background-color: rgba(135, 132, 142, 0.62);font: 11px Verdana;padding:4px;border: 1px #00060C solid;}

/* кнопки */
input[type=button], input[type=submit] {color: #000000; font: 11px Verdana; background: linear-gradient(90deg,rgba(40, 235, 231, 0.6) 0%, rgba(63, 142, 153, 0.62) 100%); border: 1px solid #444444; border-radius: 4px; cursor: pointer;  width: 100px; padding: 10px;border-radius: 20px;}
input[type=button]:hover, input[type=submit]:hover {border-color:#000000; background: #f3f3f3;}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0; padding:0;} /* FF fix padding */

/* текстовые поля и селекторы */
input[type=text], input[type=password], select {color: #033e42; font: 11px Verdana; background: linear-gradient(90deg,rgba(57, 250, 247, 0.6) 0%, rgba(63, 142, 153, 0.62) 100%); border: 1px solid #0ef; border-radius: 25px; width: 60px;}
input.text {font-weight: bold;color: #570a19;border: solid 1px #570a19;box-shadow: 0 1px 4px #570a19, -23px 0 20px -23px #570a19, 23px 0 20px -23px rgb(0 0 0 / 50%), 0 0 40px rgb(0 0 0 / 10%) inset;background-color: #e896a7;border-radius: 40px;width:100px;}
input[type=text]:hover, input[type=password]:hover, select:hover {border-color:#000000;}
input[type=text]:focus, input[type=password]:focus, select:focus {background: #ffffcc;}

/* иконка выбора файла для загрузки */
.file {vertical-align:middle; display:inline-block; overflow:hidden; width:16px; height:16px; background-image:url(http://mpchat.com/blank/img/image.png);}
.file input {cursor:pointer; width:16px; height:16px;	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

/* стиль заголовка таблицы .title */
.title   {color:white; background-color:#7897BB; font-weight:bold;}
.title a {color:white;}
.title a:active {color:white;}
.title a:hover {color:white;}
.low {color:gray; font: normal 11px Verdana;} 

/* стиль никлиста в фрейме участников для #id=users */
#usersdiv{position: absolute;overflow-y: auto;width: 370px;top: 40px;right: 0px;bottom: 50px;padding: 0px;border: 0px double rgba(255, 255, 255, 0.3);display: block;}
#users, .imgfon{
    border: solid 1px #C48989;
        box-shadow: 0 1px 4px #C48989, -23px 0 20px -23px #C48989, 23px 0 20px -23px rgb(0 0 0 / 50%), 0 0 40px rgb(0 0 0 / 10%) inset;
  background: linear-gradient(180deg,rgba(44, 183, 201, 0.78) 0%, rgba(44, 221, 245, 0.78) 100%);
    border-radius: 40px;
    padding: 5px;
    margin: 5px;
}

#users table {border:11px; background-image:url("")  ;border-radius: 15px;}
#users td {border:11px; padding: 2px; text-align: left;height:35px;} 
#users a { font: normal 13px Verdana; }
#users td {border:1px;background: url(''); height:35px;}

/* стиль для игры - викторина */
#gamediv table {border-collapse:collapse;} 
#gamediv td {padding:2px; font:18px Verdana;text-align:center; width:20px; height:15px;}

/* STYLESATOR */

textarea {
    font-family: monospace;
    border-color: rgb(169, 169, 169);
}

textarea {
    -webkit-appearance: textarea;
    background-color: rgba(255, 255, 255, 0.36);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    padding: 2px;
}

input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
	
}
user agent stylesheet
input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

/* стиль выводимого смайла */
.sm {cursor:pointer;}
.dropdown-main {
    cursor: pointer;
    font: normal 12px Verdana;
    background-color: #3fd7eb !important;
    color: #fff !important;
    border-radius:20px;
    padding: 4px 0;
    width: 100%;
    vertical-align: top;
    border: 1px #fff solid !important;
}
.dropdown-child a {
    text-align: center;
    font: normal 12px Verdana;
    background-color: #ae00ff !important;
    color: #fff !important;
    padding: 4px 0;
	border-radius:20px;
    text-decoration: none;
    display: block;
    border: 1px #fff solid !important;
    border-top: 0px;
	}
.dropdown-child a[href="?inc=adm&set=smile"]{
background-color: #4cbaba !important;
}
.dropdown-child a[href="?inc=adm&set=webftp&act=edit&dir=&filename=style.css"]{
background-color: #b8e539 !important;
}
/* Селектор */
select {
  color: #02262c;
  background-color: #83ebf2c7;
  width: 100px;
  border:0px solid #106066c7;
  box-shadow: 0 0 10px rgba(35, 219, 232, 0.89);
  height: 26px;
  border-radius: 40px;
  -webkit-appearance: none;
  background-image: url('https://imgs.su/upload/770/2213121211.png');
  background-position: right center;
  background-repeat: no-repeat;
  line-height: 1em;
  /* for FF */
  -moz-appearance: none;
  text-indent: 0.01px; 
  text-overflow: '';
  /* for IE */
  -ms-appearance: none;
  appearance: none!important;
}
 
select::-ms-expand {
  display: none;
}