.InfoPanel {color:[$borderTextColor]; background-color:[$borderColor];}
.InitOffline .g-FormField2-Description {color:[$borderTextColor];}
.TypingPanel {color:[$borderTextColor]; background-color:[$borderColor];}
.AvatarPanel {background-color:[$borderColor];}
.ChatBody {background-color:[$infoColor];}
.messagesPanel {background: [$messageColor]; color: [$messageTextColor];}
.chatMessagesGroupMe .messagesPanel {background: [$myMessageColor]; color:[$myMessageTextColor];}
.chatMessagesGroupCustomer .messagesPanel {background: [$myMessageColor]; color:[$myMessageTextColor];}
.chatMessagesGroupAgent .messagesPanel:before {border-right-color:[$messageColor];}
.chatMessagesGroupMe .messagesPanel:before {border-left-color:[$myMessageColor];}
.chatMessagesGroupCustomer .messagesPanel:before {border-left-color:[$myMessageColor];}
.AgentRanking .RankingBox {background:[$borderColor]; color:[$borderTextColor];}
.MessageArea textarea {border-color:#ccc;}
.messagesPanel .MessageNotification:first-child .messageTime {color:[$infoTextColor];}
.inChatAvatarPanel .Avatar {border:1px solid [$messageColor];}
.chatMessagesGroupMe .inChatAvatarPanel .Avatar {border:1px solid [$myMessageColor];}
.chatMessagesGroupCustomer .inChatAvatarPanel .Avatar {border:1px solid [$myMessageColor];}

.MessagesPanel .chatMessagesGroup {border-top-color:[$infoColor];}
.FileNameBox .FileName a {color:[$messageTextColor];}
.chatMessagesGroupMe .FileNameBox .FileName a {color:[$myMessageTextColor];}
.ChatFooter {color:[$infoTextColor]; border-top-color:[$infoColor]; background-color:[$infoColor];}
.ChatFooter .Branding a {color:[$infoColor];}
.SendButton.ImLeButton {background:[$borderColor];}
.RatingButton.ImLeButton, .CancelButton.ImLeButton, .SendButton.ImLeButton, .SendCommentButton.ImLeButton {border-color:[$buttonColor] !important; background:[$buttonColor];}
.RatingButton.ImLeButton .buttonText, .CancelButton.ImLeButton .buttonText, .SendButton.ImLeButton .buttonText, .SendCommentButton.ImLeButton .buttonText {color:[$buttonTextColor];}
.SaveButton.ImLeButton {border-color:[$buttonTextColor] !important; background:[$buttonTextColor];}
.SaveButton.ImLeButton .buttonText {color:[$buttonColor];}
.LeaveButton.ImLeButton .buttonText {color:[$borderTextColor];}
.CloseButton {background:url('[$imgPath]chat-icons.png') no-repeat -32px 0;}
.CloseButton:hover {background-position:-32px 0;}
.MinimizeButton {background:url('[$imgPath]chat-icons.png') no-repeat -128px 0;}
.MinimizeButton:hover {background-position:-128px 0;}
.Minimized .MinimizeButton {background:none;}
.Minimized .MinimizeButton:before {background:url('[$imgPath]chat-icons.png') no-repeat -128px -24px;}
.Minimized .MinimizeButton:hover:before {background-position:-128px -24px;}
.PopOutButton {background:url('[$imgPath]chat-icons.png') no-repeat -56px 0;}
.PopOutButton:hover {background-position:-56px 0;}
.AgentRanking .OkButton .buttonIcon {background:url('[$imgPath]chat-icons.png') no-repeat -32px 0;}
.AgentRanking .OkButton.ImLeButton-over .buttonIcon {background-position:-32px 0;}
.SendFile .Icon {background:url('[$imgPath]chat-icons.png') no-repeat -107px -35px;}
.SendFile:hover .Icon {background-position:-107px -35px;}
.InputFileView {background:#fff; border-color:[$infoColor];}
.CommentMessage .CommentInput {border-color:[$infoColor]; background:#fff; color:#666;}
.ActionClose, .ActionDisconnect, .ActionTransfer {color:[$myMessageTextColor];}
#inputViewSendButtoniconDiv {border-left-color:[$buttonTextColor];}
.Resolved .EndTranscriptLabel {color:[$buttonTextColor]; background:[$buttonColor];}
.MessageFormFiles:before {background:url('[$imgPath]chat-icons.png') no-repeat -112px 0;}

.chatMessagesGroupMe .MessageAcknowledged:before,
.chatMessagesGroupMe .MessageAcknowledged:after {background:[$myMessageTextColor];}
.chatMessagesGroupMe .MessageSeen:before,
.chatMessagesGroupMe .MessageSeen:after {background:[$myMessageTextColor];}

/*--prenesene z common_theme--*/
.SendFile.Uploading .Icon {background:url('[$imgPath]loading-small.gif') no-repeat;}
.InputFileView .DiscardButton {background:url('[$imgPath]chat-icons.png') no-repeat -96px 0;}
.Avatar {background-image:url('[$imgPath]anonym_middle.png'); background-size:cover; background-repeat:no-repeat;}
.Loading .MessagesPanel {background-image:url('[$imgPath]loading.gif'); background-repeat:no-repeat;}
.RankingBox.Loading:after {background-image:url('[$imgPath]loading.gif');}
.QueueChat {background:url('[$imgPath]chat-icons.png') no-repeat -79px -32px;}
.MyQueueChat {background:url('[$imgPath]chat-icons.png') no-repeat -4px -39px;}
.TypingIcon {background:url('[$imgPath]chat-icons.png') no-repeat -80px -48px;}
.InitOnline .StatusIcon {background:url('[$imgPath]chat-icons.png') no-repeat 0 0;}
.InitOffline .StatusIcon {background:url('[$imgPath]chat-icons.png') no-repeat -37px -39px;}
.New .StatusIcon {background:url('[$imgPath]chat-icons.png') no-repeat -37px -39px;}
.SendCommentButton.ImLeButton-over {background:url('[$imgPath]gray-over.png') repeat top left [$buttonColor];}
.ActionClose .messageBody:before,
.ActionDisconnect .messageBody:before {background:url('[$imgPath]system_message-close.png') no-repeat center center;}