.top-panel {
    background: #39464e;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
/* Блок сообщения */
.message {
    color: #fff;
    font-weight: 300;
    position: relative;
    padding: 2em;
    margin: 0 auto;
    max-width: 980px
}
/* Заголовок 1 уровня */
.message h1 {
    color: #fff
}
/* Заголовок 2 уровня */
.message h2 {
    color: #888
}
.open {
   position: absolute;
   clip: rect(0 0 0 0);
   opacity: 0;
}

/* Переключатель панели */
label.btn {
    display: block;
    position: absolute;
    right: 25px;
    top: 100%;
    /*bottom: -35px;*/
    cursor: pointer;
    background: #2bbbad;
    border-radius: 0 0 3px 3px;
    padding: 8px 16px;
    color: #fff;
    font-size: 100%;
    line-height: 1em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 9999
}
 
/* Переключатель при наведении */
label.btn:hover {
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}
 
/* Стрелка переключателя вниз */
label.btn:after {
    content: '\f078';
    font: normal 18px/1 FontAwesome;
    text-decoration: inherit
}



/* тело документа */
body {
font-family: 'Rubik One', sans-serif;
color:#000;

}
i {
background: #991c1c !important;
border-radius: 20px !important;
padding: 5px !important;
}

@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/772/1676340017.jpg");
	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: #000;font: bold 11px Verdana;text-decoration: none;}
a:hover{text-decoration: underline;}

/* таблицы */
table {border: 1px #00100A solid;border-collapse:collapse;}
td {color: #000;font: 11px Verdana;padding:4px;border: 1px #00060C solid;border-radius: 10px;}

input, select, textarea {margin-bottom: 2px; padding:4px 4px; border:1px #000000 solid;font-weight:bolder; border-radius:5px; background: linear-gradient(to top left, #f7abab, #e84d4d);}
input[type=checkbox] {width:16px; height:16px; border:7px; background: linear-gradient(to top left, #f7abab, #e84d4d);}
input[type=file] {border:0px;}
input[type=button], input[type=submit] {cursor:pointer; padding:5px 7px; color: white;font-weight:bolder; border-radius:8px; border:0px;  background: linear-gradient(to top left, #f7abab, #e84d4d);}
input[type=button]:hover, input[type=submit]:hover {background-color:#bdbdf2; background: linear-gradient(to bottom, #f00, #cc7231);}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0; padding:0;} /* FF fix padding */
.text3 {color: #ffffff;font-weight:bolder; background: #C71585;border:0px; border-radius: 8px; width:93px; height:25px; cursor: pointer;}


/* иконка выбора файла для загрузки */
.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 */
#users table {border:0px; background: linear-gradient(to top left, #f24444cb, #f27474cb);}
#users td {border:0px; }
#users a { font: bold 11px Verdana; }

/* стиль для игры - викторина */
#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;
}

/* стиль выводимого смайла */


/* ВНЕШНИЙ БЛОК */
#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; /* отступ слева */
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track-piece  {
background: linear-gradient(180deg,rgba(222, 89, 102, 1) 0%, rgba(130, 33, 33, 1) 100%);
  border-radius: 30px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 30px;
background: linear-gradient(180deg,rgba(245, 186, 192, 1) 0%, rgba(196, 137, 137, 1) 100%);
  border-radius: 30px;
  border: #E6B3B8 2px solid;
}
.post-body{
background:url("https://imgs.su/upload/773/3653987447.jpg");
	background-size: cover;
    background-attachment: fixed;
	background no-repeat: no-repeat;
    background-position:  50% 50%;
}
.gallery-body{
background:url("https://imgs.su/upload/773/4282959142.jpg");
	background-size: cover;
    background-attachment: fixed;
	background no-repeat: no-repeat;
    background-position:  50% 50%;
}
.admin-body{
background:url("https://imgs.su/upload/773/2538115207.jpg");
	background-size: cover;
    background-attachment: fixed;
	background no-repeat: no-repeat;
    background-position:  50% 50%;
}
.search-body{
background:url("https://imgs.su/upload/773/2687624320.jpg");
	background-size: cover;
    background-attachment: fixed;
	background no-repeat: no-repeat;
    background-position:  50% 50%;
}
.smile-body{
background-color: #f0414172;
}
.gb-body{
background:url("https://imgs.su/upload/773/3083906430.jpg");
	background-size: cover;
    background-attachment: fixed;
	background no-repeat: no-repeat;
    background-position:  50% 50%;
}