@import url('https://forumstatic.ru/files/001a/d6/a3/99331.css');
@import url('https://forumstatic.ru/files/001a/d6/a3/38243.css?v=2');
@Import url('https://forumstatic.ru/files/001a/d6/a3/79252.css');
@import url('https://forumstatic.ru/files/001a/d6/a3/44772.css');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital@1&display=swap');

.chatMain {background-image:url("https://st1.chatovod.com/img?url=https%3A%2F%2Fimg.freepik.com%2Ffree-photo%2F_74190-313.jpg%3Fsize%3D626%26ext%3Djpg%26ga%3DGA1.2.786111103.1593561600&key=a2d76f28b4b92302c57bf75e82ef8632");background-position:center center;background-position:center center;background-repeat: no-repeat;background-size: inherit;}

.type-me{
	color: chocolate;
}

img[src="https://forumstatic.ru/files/001a/d6/a3/44719.gif"] {
width: 239px;
height: 342px;
}

.chatFooter{
	box-shadow: 11px 4px 5px 10px #ff8c0073;
	transition: all 2s ease-in;
}
.chatFooter:hover{
	box-shadow: 11px 4px 5px 10px #000eff73;
	transition: all 2s ease-in;
}


img[src="https://forumstatic.ru/files/001a/d6/a3/91982.png?v=1"] {
width: 62px;
height: 62px;
}

.chatFooter:after { content: "©Мир текста 2019-2021 год"; position: absolute; right: 50px; top: 5px; border-radius: 25px; }

/* облако */
.chatMain::before {
	position: absolute;
	top: -10%;
	width: 500px;
	height: 295px;
	content: '';
	background: url(https://forumstatic.ru/files/001a/d6/a3/11066.png) 0 0 no-repeat;
	background-size: 500px;
	animation: adler 600s infinite linear;
}
@keyframes adler {
	from{transform: scale(.3) translate3d(-1500px,0,0)}
	to{transform: scale(.9) translate3d(2000px,0,100px)}
} 

.chatHeader{
    position:absolute;
    top:-40px;
    border-bottom: 1px solid transparent;
    transition: all 0.7s cubic-bezier(0.91, 0.18, 0, 0.45);
}
.chatHeader:hover{
    position:absolute;
    top:0px;
    border-bottom: 1px solid transparent;
    transition: all 0.7s cubic-bezier(0.91, 0.18, 0, 0.45);
}
.chatMain{
    top:5px;
}

.chatPopupMenuDiv1,
.chatPopupMenuDiv2 {
background: transparent;
}

img[src="https://st1.chatovod.com/img?url=https%3A%2F%2Fwww.chatbro.com%2Ffiles%2Fuser%2F2019%2FMar%2F31%2F03EkM%2F2020%2FNov%2F16%2Ffile_bd7aac4e6ceea1976ac01e887ce93b65.gif&key=32d114995c78dcb8e95bad28f7f4d1c4"] {
width: 623px;
height: 261px;
}

img[src="https://st1.chatovod.com/img?url=https%3A%2F%2Fsun9-60.userapi.com%2Fimpf%2Fykcs7WZB61gi5U5K_yIbkQctPJYz3H-Ec-Bhtw%2FnCJPvEeDhUQ.jpg%3Fsize%3D600x840%26quality%3D96%26proxy%3D1%26sign%3D682c98b9d49fc234d09141420a556d3c&key=9b67e0d8e3dd8399b4d7712e1422b716"] {
width: 317px; 
height: 451px;
}

#chatUserMiniMenu{
border-radius: 15px; /* закругление (макс. 20 пикс.) */
background: #ff8d00ba; /* цвет сзади */
}

.chatMessage {
    margin-top: 3px; /* отступ между сообщениями */
}

p, a, span, div, input{
font-family: ubuntu, sans-serif;
}

.chatTabs{
opacity: 0.8;
 transition: all 0.3s ease 0.1s;
}

.chatTabs:hover{
opacity: 1;
 transition: all 0.3s ease 0.1s;
}

.chatTabs ul li a {
  background-image: none !important; /* убираем иконки приложений*/
  padding: 0 8px !important;
}

.adm-icon { /* администратор */
    background-image: url('https://forumstatic.ru/files/001a/d6/a3/64575.png');
    background-size: 16px; /* если картинка большая уменьшаем до 16px */
}

.chatSendLinksPanel a.chatLinkSmiles {background: url('https://forumstatic.ru/files/001a/d6/a3/16313.gif') no-repeat 0 0;}/* смайлы */

select{
 font-family: ubuntu, sans-serif;
 font-size: 10pt;
}

#join-chat-button,
#join-chat-button2,
.chatSendButton{
 background-color: red;
 font-family: ubuntu, sans-serif;
 font-size: 9pt;
 color: white;
 box-shadow: 11px 4px 5px -3px red;
 transition: all 2s ease-in;
}

#join-chat-button:hover,
#join-chat-button2:hover,
.chatSendButton:hover{
 background-color: blue;
 font-family: ubuntu, sans-serif;
 font-size: 9pt;
 color: white;
 box-shadow: 11px 4px 5px -3px blue;
 transition: all 0.7s ease-out;
}

.chatUserAvatar{
 display: none;
}

.chatPeople > ul > li{
	box-shadow: 5px 5px 10px -7px;
	transition: all 0.7s ease;
    animation: chatPeople 2s;
}
@keyframes chatPeople{
	0% {
		height:163px
	}
	100%{
         height:23px;
	}
}

.chatPeople > ul > li:hover{
	box-shadow: 3px 7px 15px -10px;
	transition: all 0.7s ease;
	animation: chatPeopleHover 2s;
}
@keyframes chatPeopleHover{
	0% {
		height:23px
	}
	100%{
         height:163px;
	}
}

.transparent {
    background-image: url(https://wpapers.ru/wallpapers/Plants/Flowers/9057/1920x1080_Тюльпаны.jpg);
}

li.user-2782407 a.chatUser+img[title="Администратор"] {
    display: none;
}

li.user-2805951 a.chatUser+img[title="Администратор"] {
    display: none;
}

.chat{
       background-color: #1e1e1e;
       background-position: center;
       background-repeat: no-repeat;
       background-size: 100% 100%; 
       border-radius: 35px; /* можно менять радиус скругления */
}

.chatPeople > ul li{
       background-position: center;
       background-repeat: no-repeat;
       background-size: 100% 100%; 
       border-radius: 25px; /* можно менять радиус скругления */
}

.chatPeople > ul{
       background-position: center;
       background-repeat: no-repeat;
       background-size: 100% 100%; 
       border-radius: 25px; /* можно менять радиус скругления */
}

.chatUserFrom.user2782407 {
padding-left:20px;
background:transparent url(https://forumstatic.ru/files/001a/d6/a3/64575.png) no-repeat left center;
}

.chatUserFrom.user2805951 {
padding-left:20px;
background:transparent url(https://forumstatic.ru/files/001a/d6/a3/64575.png) no-repeat left center;
}

.chatUserFrom.user2817346 {
padding-left:20px;
background:transparent url(https://st1.chatovod.ru/i/widget/user_female.png) no-repeat left center;
}

.chatUserFrom.user2816099 {
padding-left:20px;
background:transparent url(https://st1.chatovod.ru/i/widget/user_female.png) no-repeat left center;
}

.chatUserFrom.user2809640 {
padding-left:20px;
background:transparent url(https://forumstatic.ru/files/001a/d6/a3/36623.png) no-repeat left center;
}

/* St.G.R ChaTemplate CSS  */
.chat::before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(https://shop.madeas.ru/chatemplate/ninemay/lenta.gif);
    background-size: 20px;
    z-index: 102;
}

.chatHeader .chatTitle {
    margin-left: 55px;
}

/* end St.G.R ChaTemplate CSS */

.smilesBox {
 background-color: #fff50080;
 position: absolute;
 left: 0px;
 top: 0;
 width: 600px;
 height: 250px;
 overflow: none;
 z-index: 100;
}

.chatFull .transparent:before {
    position: absolute;
    width: 100%;
    text-align: center;
    left:0;
    color: #aa3ead; /* цвет текста меняем на нужный */
    top: 10%; /* положение текста 0% - 90% сверху вниз */
    content:'чат хороший, если появились проблемы с чатом обращайтесь в ЛС группы в вк'; /* содержание текста */
    font-size: 20px; /* размер текста */
}

.chatPeople .chatPeopleTitle {
font-size:0;
}
.chatPeople .chatPeopleTitle:before,
.chatPeople .chatPeopleTitle:after,
.chatUsersCount {
font-size: 12px;
}
.chatPeople .chatPeopleTitle:before {
content:'';
}
.chatPeople .chatPeopleTitle:after {
content:' чел. в сети  ';
}

.chatMessage.chatMessageToMe:nth-last-child(8) {margin-left: 5px;}
.chatMessage.chatMessageToMe:nth-last-child(7) {margin-left: 10px;}
.chatMessage.chatMessageToMe:nth-last-child(6) {margin-left: 15px;}
.chatMessage.chatMessageToMe:nth-last-child(5) {margin-left: 20px;}
.chatMessage.chatMessageToMe:nth-last-child(4) {margin-left: 25px;}
.chatMessage.chatMessageToMe:nth-last-child(3) {margin-left: 30px;}
.chatMessage.chatMessageToMe:nth-last-child(2) {margin-left: 35px;}
.chatMessage.chatMessageToMe:last-child        {margin-left: 40px;}

.chatTime {
  float: left;
}

.chatPeople ul.chatPeopleList li a.chatUser {
    background: transparent url('https://abisab.com/wp-content/uploads/2018/10/Canva-oboi-dlya-rabochego-stola.jpg') no-repeat 0px 0px / 16px 16px;
    padding-left: 20px;
    padding-bottom: 0px;
}

.chat,
.chatMain {cursor: url(https://forumstatic.ru/files/001a/d6/a3/29706.png), auto;}

.chatHeader .chatTopLine {
    background: url(https://st1.chatovod.ru/i/widget/menuback3.png) repeat-x left top;
    border-radius: 6px;
    border-radius: 6px;
}
.chatTopLineWrapper > ul > li:first-child > a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.chatTopLineWrapper > ul > li:last-child > a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
body:not(.has-nick) .chatTopLineWrapper > ul > li:nth-child(2) > a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.chatHeader .chatTitle {
    padding-left:45px;
}
.chatHeader .chatTitle::before {
    position: absolute;
    width:45px;
    height:45px; 
    top:12px;
    left:12px;
    content:'';
    background: url('http://download.opensuse.org/icons/header-logo.png') 0 0 no-repeat;
    background-size:40px;
    transition:all 0.3s ease;
}

.chatHeader:hover .chatTitle::before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.chatTitle {
display: none;
}

.chatHeader {
     background-image: url(https://forumstatic.ru/files/001a/d6/a3/21178.png);
     background-position: center;
     background-repeat:no-repeat;
}