.MessagesPanel .chatMessagesGroup {border-top-color:[$infoColor];}
.messagesPanel {background: [$messageColor]; color: [$messageTextColor];}
.FileNameBox .FileName a {color:[$messageTextColor];}
.chatMessagesGroupMe .messagesPanel {background: [$myMessageColor]; color:[$myMessageTextColor];}
.chatMessagesGroupMe .FileNameBox .FileName a {color:[$myMessageTextColor];}
.messagesPanel .messageTime {color:[$myMessageTextColor];}
.ChatFooter {color:[$infoTextColor]; background:[$infoColor]; border-top-color:[$infoColor];}
body {background:[$infoColor];}
.ChatFooter .Branding a {color:[$infoColor];}
.TypingPanel {border-top-color:[$infoColor]; background:[$borderColor];}
.SendButton.ImLeButton {background:[$borderColor];}
.InfoPanel {color:[$borderTextColor]; background:[$borderColor]; border-color:[$borderColor];}
.InfoPanel .g-FormField2-Label.gwt-Label-mandatory {color:[$borderTextColor];}
.InfoPanel .ButtonLikeLink .buttonText {color:[$borderTextColor];}
.New .InfoPanel {border-color:[$borderColor];}
.AvatarPanel {background:[$infoColor]; border-color:[$infoColor];}
.InfoPanel .AvatarPanel .Avatar-Empty {background:url('[$imgPath]anonym_middle.png?t=2') no-repeat left top;}
.SaveButton.ImLeButton .buttonText, .RatingButton.ImLeButton .buttonText, .CancelButton.ImLeButton .buttonText, .SendButton.ImLeButton .buttonText, .SendCommentButton.ImLeButton .buttonText {color:[$buttonTextColor];}
.InputFileView {background:#fff; border-color:[$infoColor];}
.AgentRanking .RankingBox {background:[$infoColor]; border-color:[$infoColor];}
.CommentMessage .CommentInput {border-color:[$infoColor];}
.ActionClose, .ActionDisconnect, .ActionTransfer {color:[$myMessageTextColor];}
.chatMessagesGroup {border-color:[$infoColor];}

.ChatBody {background-color:[$infoColor];}
.messagesPanel {background: [$messageColor]; color: [$messageTextColor];}
.chatMessagesGroupMe .messagesPanel {background: [$myMessageColor]; color:[$myMessageTextColor];}
.chatMessagesGroupAgent .messagesPanel:before {border-right-color:[$messageColor];}
.chatMessagesGroupMe .messagesPanel:before {border-left-color:[$myMessageColor];}
.AgentRanking .RankingBox {background:[$borderColor]; color:[$borderTextColor];}

.OpenViewMobile,
.CommentViewMobile,
.ActionViewPanel {background-color:[$borderTextColor];}

.MobileMessageArea .SendButton.ImLeButton {background:#fff !important;}

.MenuButton .buttonIcon:before {border-top-color:[$borderTextColor]; border-bottom-color:[$borderTextColor];}
.Menu {background-color:[$borderColor];}
.Menu:before {background:[$borderTextColor];}
.MenuButtonDown {border-left-color:[$borderTextColor]; background-color:[$borderColor];}
.Menu>div>div:before {background-color:[$borderTextColor];}
.Menu .LeaveOfflineMessage:before {border-left-color:[$borderTextColor];}
.Menu .LeaveOfflineMessage:after {border-right-color:[$borderTextColor];}
.Menu .LeaveOfflineMessageIcon:before,
.Menu .LeaveOfflineMessageIcon:after {border-bottom-color:[$borderTextColor];}
.Menu .LeaveOfflineMessageIcon {border-top-color:[$borderTextColor];}
.Menu .SendFile .Icon,
.Menu .SendFile .Icon:before,
.Menu .SendFile .Icon:after,
.InitOffline .MessageFormAttach .SendFile .Icon,
.InitOffline .MessageFormAttach .SendFile .Icon:before,
.InitOffline .MessageFormAttach .SendFile .Icon:after {border-color:[$borderTextColor];}
.Menu .EndChatIcon:before,
.Menu .EndChatIcon:after {background:[$borderTextColor];}
.Menu .SendTranscriptIcon,
.Menu .SendTranscriptIcon:before,
.Menu .SendTranscriptIcon:after {border-color:[$borderTextColor];}
.EmptyStatusIcon:before {background:[$borderTextColor];}
.EmptyStatusIcon:after {border-top-color: [$borderTextColor];}

.RewardButton .ImLeButtonMainInner,
.PunishButton .ImLeButtonMainInner {background:[$borderColor];}
.RewardButton .ImLeButtonMainInner:before,
.PunishButton .ImLeButtonMainInner:before {background:[$borderColor];}
.RewardButton .ImLeButtonMainInner:after,
.PunishButton .ImLeButtonMainInner:after {background:[$borderTextColor];}
.RewardButton .ImLeButtonMainContent,
.PunishButton .ImLeButtonMainContent {background:[$borderColor];}
.RewardButton .ImLeButtonMainContent:before {border-color: transparent [$borderColor] transparent transparent;}
.PunishButton .ImLeButtonMainContent:before {border-color: transparent transparent [$borderColor] transparent;}
.RewardButton .ImLeButtonMainContent:after,
.PunishButton .ImLeButtonMainContent:after {background:[$borderColor];}
.RewardButton .buttonIcon,
.PunishButton .buttonIcon {background:[$borderColor];}
.RewardButton .buttonIcon:before,
.PunishButton .buttonIcon:before {background:[$borderColor];}
.RewardButton .buttonIcon:after,
.PunishButton .buttonIcon:after {background:[$borderColor];}
.RewardButton .buttonText,
.PunishButton .buttonText {color:[$borderColor];}
.OkButton .buttonIcon:before,
.OkButton .buttonIcon:after {background:[$borderColor];}
.SendButton .buttonIcon:after,
.SendButton .buttonIcon:before {background:[$borderColor];}
.SendButton .buttonIcon {border-right-color:[$borderColor];}
.InputFileView .FileName a {color:[$borderColor];}
.InputFileView .DiscardButton:before,
.InputFileView .DiscardButton:after {background:[$borderColor];}