/* тело документа */
body {color:#000000;  font:12px Verdana; }

.chat-body {
	background-image: url("https://imgs.su/upload/774/3140930396.jpg");
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.post-body {
	background-image: url("https://imgs.su/upload/775/2694451568.jpg");
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.set-body {
	background-image: url("https://imgs.su/upload/775/4024141751.jpg");
	background-size: cover;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
i {
background: #a1f0dd91 !important;
border-radius: 20px !important;
padding: 10px !important;
}

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

/* ссылки  */
a,a:active{

color:#03303b;
font: bold 12px Verdana; 
text-decoration: none;}
a:hover{text-decoration: underline;}

/* таблицы */
table { border:1px #7897BB solid; border-collapse:collapse;}
td {color: #000;    font: 13px arial black; 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:20px; background: linear-gradient(to top left, #bef7d1, #2ab057);}
input[type=checkbox] {width:16px; height:16px; border:0px;}
input[type=file] {border:0px;}
input[type=button], input[type=submit] {cursor:pointer; padding:4px 11px; font-size: 20px; color: #013d15; border-radius:0px; border:0px; background-color:#377BB5; background: linear-gradient(to bottom, #bef7d1, #2ab057); border-radius: 20px; border: 2px solid #0a5724;}
input[type=button]:hover, input[type=submit]:hover {background-color:#377BB5; background: linear-gradient(to bottom, #bef7d1, #2ab057);}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0; padding:0;} /* FF fix padding */

/* иконка выбора файла для загрузки */
.file {vertical-align:middle; display:inline-block; overflow:hidden; width:16px; height:16px; background-image:url(//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:2px dotted #107845c5; background: linear-gradient(180deg,rgba(191, 242, 172, 0.7) 0%, rgba(138, 230, 196, 0.7) 100%); border-radius: 15px;}
#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;}

/* стиль выводимого смайла */
.sm {cursor:pointer;}
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;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track-piece  {
background: linear-gradient(180deg,rgba(63, 143, 71, 1) 0%, rgba(47, 161, 119, 1) 100%);
  border: #074d1e 2px solid;
  border-radius: 30px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 30px;
background: linear-gradient(180deg,rgba(101, 181, 107, 1) 0%, rgba(138, 230, 196, 1) 100%);
  border-radius: 30px;
  border: #074d1e 2px solid;
}