/* ******************************************* */
/* MAIN CSS FILE                               */
/*                                             */
/* !!! DO NOT EDIT THIS FILE !!!               */
/* It gets replaced during updates             */
/*                                             */
/* If you want to change some CSS styles, put  */
/* them into custom.css file in the same       */
/* directory                                   */
/* ******************************************* */

body,html,input,select {margin:0; padding:0;}   
tr,th,td {margin:0; padding:0; border:0;}
table {position:relative;}
a {text-decoration:none;}
img a {border:0;}
:focus {outline:0;}
.rtl {direction:RTL;}
.clear {clear:both;}
button, input {font:normal 100%/150% "Droid Sans", Helvetica, Arial, Verdana, Geneva, sans-serif;}

body {position:relative; font:normal 100%/150% "Droid Sans", Helvetica, Arial, Verdana, Geneva, sans-serif; color:#fff; background:#2b2b2b;}
	body.Home {background:#f1f1f1;}
	body.TicketView {background:#f1f1f1;}
	body.TicketsView {background:#f1f1f1;}
	body.Login {background:#fff; color:#555;}
	body.AnswerChatView {background:#f1f1f1;}

.FloatLeft {float:left;}
.FloatRight {float:right;}
.FloatNone {float:none;}

.ClearLeft {clear:left;}
.ClearRight {clear:right;}
.ClearBoth {clear:both;}
.ClearNone {clear:none;}

/* IMAGE SPRITES - begin */

.MIcons, .HeaderTime, .MessageGroupOpenLabel, .NoteTopLeft {background-image:url('img/m_icons.png?t=29'); background-repeat:no-repeat;}
.SecondaryActionIcon {background-image:url('img/m_actions.png?t=29'); background-repeat:no-repeat;}
.MChannels {background-image:url('img/m_sources.png?t=29'); background-repeat:no-repeat;}
.FooterLALogo {background:url('img/m_footer_logo_dark.png?t=29') no-repeat top left;}
.Loading, .LoadingScreenMessage, .actionPanelLoading .ActionIcon {background:url('img/m_loading.gif?t=29') no-repeat center center;}
	.loadingTicket .Messages, .loadingTickets .Tickets, .LoadingIndicator .Loading {background:url('img/m_loading.gif?t=29') no-repeat center 20px;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.MIcons, .HeaderTime, .MessageGroupOpenLabel, .NoteTopLeft {background-image:url('img/m_icons@2x.png?t=29'); -webkit-background-size:174px 318px; -moz-background-size:174px 318px; background-size:174px 318px;}
	.SecondaryActionIcon {background-image:url('img/m_actions@2x.png?t=29'); -webkit-background-size:160px 120px; -moz-background-size:160px 120px; background-size:160px 120px;}
	.MChannels {background-image:url('img/m_sources@2x.png?t=29'); -webkit-background-size:22px 330px; -moz-background-size:22px 330px; background-size:22px 330px;}
	.FooterLALogo {background:url('img/m_footer_logo_dark@2x.png?t=29') no-repeat top left; -webkit-background-size:207px 24px; -moz-background-size:207px 24px; background-size:207px 24px;}
	.Loading, .LoadingScreenMessage, .actionPanelLoading .ActionIcon {background:url('img/m_loading@2x.gif?t=29') no-repeat center center; -webkit-background-size:53px 9px; -moz-background-size:53px 9px; background-size:53px 9px;}
		.loadingTicket .Messages, .loadingTickets .Tickets, .LoadingIndicator .Loading {background:url('img/m_loading@2x.gif?t=29') no-repeat center 20px; -webkit-background-size:53px 9px; -moz-background-size:53px 9px; background-size:53px 9px;}
}

/* IMAGE SPRITES - end */

.MainLoginPanel {background: none;}
.SingleRefreshPanel {height: 0px;}
.MainLoginPanel .SingleContentPanel {margin-left: 5px;}

.LoadingBox, .LoadingScreenPanel {position:absolute; top:20px; left:50%; margin-left:-27px; width:53px; height:137px; background:none;}
	.Loading {width:53px; height:15px;}
		.Home .Loading {margin-top:40px;}
		/*.popupContent .Loading {background-color:rgba(0,0,0,0.6);}*/ 
	.loadingTickets .Tickets {min-height: 100px;}
	.LoadingScreenMessage {padding:40px 0 0; text-align:center;}
	.LoadingIndicator {position:fixed !important; top:0; bottom:0; left:0; right:0;}	
		.LoadingIndicator .Loading-image {position:fixed !important; top:0; bottom:0; left:0; right:0; width:auto !important; height:auto !important;}
	
.Footer {margin-top: 15px;}

.LoginForm .g-FormField2-Label {float: none; text-align: left;}
.LoginForm .g-FormField2-InputContainer {margin-left: 15px; width: 80%;}
.LoginForm .g-FormField2-InputPanel {width: 100%;}
.LoginForm .TextBoxContainer {width: 100%;}

.Header {background:#525252; position:relative; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #818181; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; overflow:hidden;}
	.HeaderButton {background-color:#434343; border-right:1px solid #818181; display:inline-block; width:50px; height:39px;}
		.HeaderButton:active {background-color:#333333;}
		.HomeIcon {background-position:0px -39px; background-color:#434343;}
		.TicketsIcon {background-position:0px 0px; background-color:#434343;}
		.TicketIcon {background-position:0px -78px; background-color:#434343;}
	.Title {overflow:hidden; font-size:1.4em; padding:0 0.4em; line-height:40px; vertical-align:top; font-weight:bold; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
		.Title.TitleWithRefresh {padding:0 45px 0 7px;}
		.RefreshIcon {position:absolute; top:0; right:0; background-position:0px -117px; background-color:#525252; height:40px; width:45px;}

.OrangeButton {line-height:2em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.1em; margin-bottom:25px; padding:2px 0; border:none; border-bottom:1px solid #ffb12a; color:#ffffff; text-shadow:0 1px #a96b00; font-weight:bold; background:#ffa100; background: -moz-linear-gradient(top,#ffb200,#ff9300); background: -webkit-gradient(linear, left top, left bottom, from(#ffb200), to(#ff9300));}
	.OrangeButton:active {border-bottom:1px solid transparent; text-shadow:0 1px #a93800; background:#ea7300; background: -moz-linear-gradient(top,#ee8800,#e76100); background: -webkit-gradient(linear, left top, left bottom, from(#ee8800), to(#e76100)); }
	.OrangeButton.SendButton {margin:5px; padding:0 20px;}
	body.Login .OrangeButton {font-size:1.1em; margin:0; height:auto; padding:2px 0; background:#d4d4d4; border:1px solid #959595; color:#000; text-shadow:0 1px #eee; font-weight:bold; background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#c2c2c2)); background:-moz-linear-gradient(top,#d4d4d4,#c2c2c2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#c2c2c2');}
		body.Login .OrangeButton:active {border:1px solid #959595; text-shadow:0 1px #d9d9d9; background:#c8c8c8; background: -moz-linear-gradient(top,#c8c8c8,#b1b1b1); background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#b1b1b1));}

.GreenButton {line-height:2em; padding:0 25px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.1em; border:none; border-bottom:1px solid #89c941; color:#ffffff; text-shadow:0 -1px #467e01; font-weight:bold; background:#62b702; background: -moz-linear-gradient(top,#62b702,#5cab00); background: -webkit-gradient(linear, left top, left bottom, from(#62b702), to(#5cab00));}
	.GreenButton:active {border-bottom:1px solid transparent; text-shadow:0 -1px #467e01; background:#449d01; background: -moz-linear-gradient(top,#449d01,#3e8f00); background: -webkit-gradient(linear, left top, left bottom, from(#449d01), to(#3e8f00)); }
	.GreenButton.SendButton {margin:6px 8px;}

.GreyButton {margin:0 10px; padding:0 20px; line-height:1.8em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:1.1em; border:1px solid #aaa; color:#fff; text-shadow:0 -1px #626262; font-weight:bold; background:#8d8d8d; background: -moz-linear-gradient(top,#8d8d8d,#7c7c7c); background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#7c7c7c));}
	.GreyButton:active {border-bottom:1px solid transparent; text-shadow:0 -1px #626262; background:#747474; background: -moz-linear-gradient(top,#747474,#626262); background: -webkit-gradient(linear, left top, left bottom, from(#747474), to(#626262));}

.Body {min-height:400px; overflow:hidden;}

.MessageGroupHeader {position:relative; line-height:22px; line-height:1.4rem; padding:0 50px 0 0;}
	.MessageGroupHeader div {display:inline; float:none;}
    .MessageGroupHeader .UserName {font-weight:bold;}
    	.InternalMessageGroup .MessageGroupHeader .UserName {font-size:11px; font-size:0.7rem;}
    .MessageGroupHeader .Agent {font-size:13px; font-size:0.8rem; margin-left:5px; padding:2px 4px; background:#777; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; line-height:1.3em;}
    .MessageGroupHeader .HeaderText {margin-left:5px; font-size:13px; font-size:0.8rem;}
    	.InternalMessageGroup .MessageGroupHeader .HeaderText {font-size:11px; font-size:0.7em;}
    .MessageGroupHeader .HeaderTime {font-size:11px; font-size:0.7rem; position:absolute; right:0; top:0;}
    
.MessageGroup {background:#fff; margin:10px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; position:relative;}
	.TicketView .MessageGroupChat {border:1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	.offlineMessagesGroupAgent, .offlineMessagesGroupMe {background:url('img/noise.gif') repeat 0 0 #e5e5e5;}
		.TicketView .offlineMessagesGroupAgent, .TicketView .offlineMessagesGroupMe {border:1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
		.TicketView .offlineMessagesGroupCustomer {border:1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	.messageBody {line-height:20px; line-height:1.5rem; font-size:14px; font-size:0.9rem; white-space:normal; word-wrap:break-word;}
		.MessageHeader .messageBody {font-size:12px; font-size:0.75rem; line-height:17px; line-height:1.3rem; color:#666;}
		.MessageHeader-last {padding:0 0 15px;} 
		.offlineMessagesGroupAgent .messageBody, .offlineMessagesGroupMe .messageBody, .offlineMessagesGroupCustomer .messageBody {margin-right:0;}
	.MessageGroupCollapsed .MessageGroupContent {display: none;}
	.MessageGroupContentHasAvatar .NoUnread {padding: 0 0 0 38px;}
		.MessageGroupContentHasAvatar.MessageGroupCollapsed .NoUnread {padding:0;}
		.MessageGroupContentHasAvatar.TagMessageGroup .NoUnread {padding:0;}
		.MessageGroupContentHasAvatar.InternalMessageGroup .NoUnread {padding:0;} 
			.MessageGroupContentHasAvatar.InternalMessageGroup .MessageGroupContentAvatar {display:none;}
	.messageBody a {text-decoration:underline; color:#7f6300; font-style:italic;}
		.InternalMessageGroup .messageBody a {color:#fff;}
			.InternalMessageGroup .HeaderText a {color:#000;}
			.InternalMessageGroup .NoteText a {color:#5a5724;}
	.MessageGroupContentHasAvatar .MessageGroupContentAvatar {position:absolute; top:4px;}
	.AvatarFlag {margin-left:-10px;}
	.HeaderTime {background-position:-98px -165px; padding-left:25px;}
	.MessageGroupOpenLabel {line-height:2.8em; margin:-3px -10px; padding:0 10px; color:#767676; text-shadow:0 1px #dadada; font-size:0.7em; background-repeat:repeat-x; background-position:0px -239px;}
		.InternalMessageGroup .MessageGroupOpenLabel {margin:3px -10px -3px; color:#919191; text-shadow:none;}
	.offlineMessagesGroupAgent .MessageGroupArrow, .offlineMessagesGroupMe .MessageGroupArrow {display:block; position:absolute; top:11px; left:auto; right:0; margin-left:0; margin-right:-8px; width:0px; height:0px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #ddd;}
		.TicketView .offlineMessagesGroupAgent .MessageGroupArrowBorder, .TicketView .offlineMessagesGroupMe .MessageGroupArrowBorder {display:block; position:absolute; top:9px; left:auto; right:0; margin-left:0; margin-right:-10px; width:0px; height:0px; border-style: solid; border-width:10px 0 10px 10px; border-color: transparent transparent transparent #ccc;}
	.offlineMessagesGroupCustomer .MessageGroupArrow {display:block; position:absolute; top:11px; left:0; margin-left:-8px; width:0px; height:0px; border-style: solid; border-width:8px 8px 8px 0; border-color: transparent #ffffff transparent transparent;}
		.TicketView .offlineMessagesGroupCustomer .MessageGroupArrowBorder {display:block; position:absolute; top:9px; left:0; margin-left:-10px; width:0px; height:0px; border-style: solid; border-width:10px 10px 10px 0; border-color: transparent #ddd transparent transparent;}
	
	.MessageNotification.Notes {margin:10px 10px -10px; background:#fcfadc;padding:12px 15px; position:relative; box-shadow: 1px 1px 1px #aaa; -moz-box-shadow: 1px 1px 1px #aaa; -webkit-box-shadow: 1px 1px 1px #aaa;}
		.InternalMessageGroup .MessageNotification.Notes {margin:5px 0 0;}
		.Messages .chatMessagesGroup {padding:8px; margin:0 -10px; border-top:1px solid #ccc; position:relative;}
			.Messages .chatMessagesGroup:last-child {margin-bottom:-10px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
		.chatMessagesGroup .MessageNotification.Notes {margin:0 -10px 5px 0;}
			.Messages .chatMessagesGroup-My {color:#828282;}
				.Messages .chatMessagesGroup .InternalMessage, .ActionUpdateTags, .ActionClose, .ActionDisconnect {font-style:italic; color:#a9a9a9;}
				.Messages .chatMessagesGroup .InternalMessage .MessageWidgetText, .ActionUpdateTags .MessageWidgetText, .ActionClose .MessageWidgetText, .ActionDisconnect .MessageWidgetText {font-size:0.75em;}
				.Messages .chatMessagesGroup .InternalMessage .messageTime, .ActionUpdateTags .messageTime, .ActionClose .messageTime, .ActionDisconnect .messageTime {color:#a9a9a9;}
			.Messages .chatMessagesGroupCustomer .messageOwnerWidget {display:none;}
		.NoteText {color:#5a5724;}
		.NoteTopLeft {position:absolute; background-position:-114px -201px; background-color:#2b2b2b; width:12px; height:12px; top:0; left:0;}
			.InternalMessageGroup .NoteTopLeft {background-color:#f1f1f1; box-shadow:1px 1px #ddd; -moz-box-shadow:1px 1px #ddd; -webkit-box-shadow:1px 1px #ddd;}
			.chatMessagesGroup .NoteTopLeft {background-color:#f1f1f1;}
	.messageOwnerWidget {font-size: 0.9em; font-style:italic;}
		.chatMessagesGroup .messageTime {font-size:0.7em; font-style:normal; line-height:1.8em;}

.InternalMessageGroup {background:#393939; color:#c4c4c4; padding:5px 10px;}
	.TicketView .InternalMessageGroup {padding:8px 10px; background: url('img/box_divider.png') repeat-x top left; color:#777; border-radius:0; margin:0 10px !important;}
		.TicketView .InternalMessageGroup-First {background:transparent;}
		.TicketView .InternalMessageGroup .messageBody {font-size:12px; font-size:0.75rem; line-height:18px; line-height:1.15rem; margin-right:0;}
			.TicketView .InternalMessageGroup.StartMessageGroup .messageBody {font-size: 11px; font-size:0.7rem; line-height:16px; line-height:1rem;}
			.TicketView .InternalMessageGroup .messageBody a {color:#999;}
	.InternalMessageGroup .MessageGroupHeaderContainer {min-height:0px !important;}
	
.ServerTagWidget {font-style:normal; padding:0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:0.9em;}
.Body .TagWidget {margin: 5px 0 5px 5px; display:inline-block;}
.AddTagsPanel .TagWidget:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 	.Body .AddTagsPanel .TagWidget {display: inline-block; float:none; margin:8px 5px;}
 	html[xmlns] .AddTagsPanel .TagWidget {display: block;}
 	.AddTagsPanel .TagName {line-height:35px;}
 		.AddTagsPanel .TagClose {float:right; padding-right: 15px; font-size: 25px; line-height: 35px;} 
 	
.StatusColorI, .StatusColorI .StatusLeft {background:none;}    /* init */
    	.StatusColorI .StatusTriangel {border-left:30px solid transparent;}
    .StatusColorA, .StatusColorA .StatusLeft {background:#fff;} /* answered */
    	.StatusColorA .StatusTriangel {border-left:30px solid #fff;}
    .StatusColorR, .StatusColorR .StatusLeft {background:#eaeaea;} /* closed */
    	.StatusColorR .StatusTriangel {border-left:30px solid #eaeaea;}
    .StatusColorC, .StatusColorC .StatusLeft {background:#fff6c3;} /* open */
    	.StatusColorC .StatusTriangel {border-left:30px solid #fff6c3;}
    .StatusColorT, .StatusColorT .StatusLeft {background:#c3e1fd;} /* chatting */
    	.StatusColorT .StatusTriangel {border-left:30px solid #c3e1fd;}
    .StatusColorX, .StatusColorX .StatusLeft {background:#c5c5c5;} /* deleted */
    	.StatusColorX .StatusTriangel {border-left:30px solid #c5c5c5;}
    .StatusColorB, .StatusColorB .StatusLeft {background:#c5c5c5;} /* spam */
    	.StatusColorB .StatusTriangel {border-left:30px solid #c5c5c5;}
    .StatusColorN, .StatusColorN .StatusLeft {background:#ffe3c3;} /* new */
    	.StatusColorN .StatusTriangel {border-left:30px solid #ffe3c3;}
    .StatusColorP, .StatusColorP .StatusLeft {background:#c5e8ac;} /* calling */
    	.StatusColorP .StatusTriangel {border-left:30px solid #c5e8ac;}
    .StatusColorW, .StatusColorW .StatusLeft {background:#e9d8ff;} /* postponed */
    	.StatusColorW .StatusTriangel {border-left:30px solid #e9d8ff;}
    
.StatusIcon {margin:2px 5px 0; height:31px; width:39px;}
    .StatusIconN {background-position:-50px -4px;} /* new */
    .StatusIconC {background-position:-50px -43px;} /* open */
    .StatusIconA {background-position:-50px -82px;} /* answered */
    .StatusIconR {background-position:-50px -121px;} /* closed */
    .StatusIconW {background-position:-50px -159px;} /* postponed */
    .StatusIconT {background-position:-89px -4px;} /* chatting */
    .StatusIconX {background-position:-89px -43px;} /* deleted */
    .StatusIconP {background-position:-89px -82px;} /* calling */
    .StatusIconB {background-position:-128px -4px;} /* spam */
    
.StatusLeft .StatusIcon {margin:4px 3px 0 8px; height:50px; width:50px;}
    .StatusLeft .StatusIconN {background-position:-45px 6px;} /* new */
    .StatusLeft .StatusIconC {background-position:-45px -33px;} /* open */
    .StatusLeft .StatusIconA {background-position:-45px -72px;} /* answered */
    .StatusLeft .StatusIconR {background-position:-45px -111px;} /* closed */
    .StatusLeft .StatusIconW {background-position:-45px -152px;} /* postponed */
    .StatusLeft .StatusIconT {background-position:-84px 4px;} /* chatting */
    .StatusLeft .StatusIconX {background-position:-84px -35px;} /* deleted */
    .StatusLeft .StatusIconP {background-position:-84px -73px;} /* calling */
    .StatusLeft .StatusIconB {background-position:-123px 4px;} /* spam */
    
.SearchFieldEmpty {opacity:0.4; filter:alpha(opacity=40);}
	.SearchIcon {background-position:-43px -189px;}
.OpenIcon {}
	.OpenIcon span {display:none;}
    
.actionPanelLoading .ActionIcon {height:2.5em; display:block;}
	.actionPanelLoading .ActionLabel {display:none;}
.actionPanelLoadMore {position:relative;}
.actionPanelLoadMore .ActionIcon {width:39px; height:39px; background-position:-89px -117px; display:block; position:absolute; left:0; top:0;}
	.actionPanelLoadMore .ActionLabel {display:block; padding: 0 45px; line-height:2.5em;}

.CloseActionsPopup {position:absolute; right:11px; top:11px; height:25px; width:25px; background-position:-97px -46px;}
.SecondaryActionButton {background-position:0px -145px;}
.SecondaryActionIcon {background-position:0 0;}
	.ForwardAction {background-position:-40px 0px;}
	.TagsAction {background-position:-80px 0;}
	.SpamAction {background-position:-120px 0;}
	.ReplyAction {background-position:0 -40px;}
	.TransferAction {background-position:-40px -40px;}
	.PostponeAction {background-position:-80px -40px;}
	.MarkAnsweredAction {background-position:-120px -40px;}
	.ResolveAction {background-position:0 -80px;}
	.DeleteAction {background-position:-40px -80px;}
	.AddNoteAction {background-position:-80px -80px;}
	.EndChatAction {background-position:-120px -80px;}

.FooterLabel {line-height:32px; line-height:2.0rem; font-size:14px; font-size:0.9rem; margin:5px 0px; padding:0 10px; color:#767676; text-shadow:0 1px #dadada; background-repeat:repeat-x; background-position:0px -239px;}
	.gwt-DisclosurePanel-open .FooterLabel {display:none;}

.NoteLabel {line-height:32px; line-height:2.0rem; font-size:14px; font-size:0.9rem; margin:5px 0px; padding:0 10px; color:#7e7936; text-shadow:0 1px #fcfadc; background-repeat:repeat-x; background-position:0px -283px;}
	.gwt-DisclosurePanel-open .NoteLabel {display:none;}
	
.TransferListBoxArrow {background-position:-112px -219px; width:16px; height:8px; position:absolute; right:15px; top:15px;}

.FooterLALogo {width:207px; height:24px; display:inline-block; opacity:0.4; filter:alpha(opacity=40);}
	.FooterLALogo img {display:none;}
	.FooterLALogo span {display:none;}

.MessageGroupHeaderChatRunning .ButtonsPanel {display: none;}

.chatMessagesGroup .inChatAvatarPanel {display: none;}
.chatMessagesGroup .messagesPanel {margin: 0px;}
.chatMessagesGroup-My .messageOwnerWidget {display: none;}
.chatMessagesGroup-My {color: #808080;}
.chatMessagesGroupMe, .chatMessagesGroupAgent {background-color:#f0f0f0; background:url('img/noise.gif') repeat 0 0;}
.MessageGroupContent .chatMessageGroupArrow {display:block; position:absolute; top:11px; left:0; margin-left:-8px; width:0px; height:0px; border-style: solid; border-width:8px 8px 8px 0; border-color: transparent #ffffff transparent transparent;}
	.TicketView .MessageGroupContent .chatMessageGroupArrowBorder {display:block; position:absolute; top:9px; left:0; margin-left:-10px; width:0px; height:0px; border-style: solid; border-width:10px 10px 10px 0; border-color: transparent #ddd transparent transparent;}
	.MessageGroupContent .chatMessagesGroup-My .chatMessageGroupArrow {left:auto; right:0; margin-left:0; margin-right:-8px; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #ddd;}
		.TicketView .MessageGroupContent .chatMessagesGroup-My .chatMessageGroupArrowBorder {display:block; position:absolute; left:auto; right:0; margin-left:0; margin-right:-10px; width:0px; height:0px; border-style: solid; border-width:10px 0 10px 10px; border-color: transparent transparent transparent #ddd;}
	.MessageGroupContent .chatMessagesGroupAgent .chatMessageGroupArrow {display:none;}
		.TicketView .MessageGroupContent .chatMessagesGroupAgent .chatMessageGroupArrowBorder {display:none;}

.BorderBox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

.TicketRequester .RequesterEmail {display:none;}
	.TicketPreviewText {opacity:0.7; filter:alpha(opacity=70); font-size:13px; font-size:0.8rem; line-height:20px; line-height:1.25rem;}
	
.DepartmentTag {white-space:nowrap; margin:5px 0; float:left; z-index: 1; background:#e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 18px 0 10px;}
	.DepartmentLabel {line-height:22px; line-height:1.4rem; color: #000; font-size:13px; font-size:0.8rem; font-weight: bold;}
		body.TicketsView .MobileConversationDetailsWidget .DepartmentLabel {font-size:12px; font-size:0.75rem;}
	.ChannelIcon {float:left; margin:5px 0; width:22px; height:22px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-position:0 22px;}
		.ChannelIconE {background-position:0px 0px;} /*email*/
		.ChannelIconQ {background-position:0px -22px;} /*forum*/
		.ChannelIconI {background-position:0px -44px;} /*invitation*/
		.ChannelIconS {background-position:0px -66px;} /*suggestion*/
		.ChannelIconF {background-position:0px -88px;} /*facebook*/
		.ChannelIconT {background-position:0px -110px;} /*twitter*/
		.ChannelIconB {background-position:0px -132px;} /*button*/
		.ChannelIconM {background-position:0px -154px;} /*form*/
		.ChannelIconC {background-position:0px -176px;} /*call*/
		.ChannelIconK {background-position:0px -198px;} /*kb*/
		.ChannelIconA {background-position:0px -220px;} /*fb message*/
		.ChannelIconInternal {background-position:0px -242px;} /*internal*/
		.ChannelIconW {background-position:0px -264px;} /*call-widget*/
		.ChannelIconH {background-position:0px -286px;} /*weibo*/
		.ChannelIconD {background-position:0px -308px;} /*tencent*/
	.TicketsView .MobileConversationDetailsWidget {white-space:nowrap; display:inline-block; overflow: hidden; height: 30px; width: 1000px;}
		.TicketView .MobileConversationDetailsWidget {padding:0 10px;}
		.TicketView .MobileConversationDetailsWidget .AssignedToLabel {display:inline-block;} 
	body .MobileConversationDetailsWidget .AssignedToLabel {background:url('img/assigned-mobil-arrow.png') no-repeat 0px center; padding:0 0 0 12px; white-space:nowrap; margin:5px 0 5px 5px; line-height:22px;}
		body .MobileConversationDetailsWidget .AssignedToLabel.HasDepartment {margin:5px 0 5px -13px;}
		body .MobileConversationDetailsWidget .AssignedToLabel span{font-size: 13px; color:#ffc600; font-weight:bold; background:#353535 url('img/assigned-background.png') repeat-x 0 -2px; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; display:block; padding:0 10px 0 5px;}
			body.TicketsView .MobileConversationDetailsWidget .AssignedToLabel span {font-size:12px; font-size:0.75rem;}
	.MobileConversationDetailsWidget .TagName {padding: 0 10px; font-size:13px; font-size:0.8rem; line-height: 22px; line-height:1.4rem; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
		body.TicketsView .MobileConversationDetailsWidget .TagName {font-size:12px; font-size:0.75rem;}

.gwt-PopupPanel {z-index:3;}
.MoreActionBlocker {position:fixed !important; bottom:0; right:0; background-color:black; opacity:0.6; filter:alpha(opacity=60);}

.messageWithHtmlFrameDiv {width: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}

/*RTL */

.rtl .FloatLeft {float:right;}
.rtl .FloatRight {float:left;}
.rtl .ClearLeft {clear:right;}
.rtl .ClearRight {clear:left;}
.rtl .MainLoginPanel .SingleContentPanel {margin-right: 5px; margin-left:0;}
.rtl .LoginForm .g-FormField2-Label {text-align:right;}
.rtl .HeaderButton {border-left:1px solid #818181; border-right:none;}
.rtl .Title.TitleWithRefresh {padding:0 7px 0 45px;}
.rtl .RefreshIcon {left:0; right:auto;}
.rtl .MessageGroupHeader {padding:0 0 0 50px;}
.rtl .MessageGroupHeader .HeaderText {margin-right:5px; margin-left:0;}
.rtl .MessageGroupHeader .HeaderTime {left:0; right:auto;}
.rtl .MessageGroupContentHasAvatar .NoUnread {padding:0 38px 0 0;}
.rtl .AvatarFlag {margin-right:-10px; margin-left:0;}
.rtl .offlineMessagesGroupAgent .MessageGroupArrow,
	.rtl .offlineMessagesGroupMe .MessageGroupArrow {right:auto; left:0; margin-left:-8px; margin-right:0; border-width:8px 8px 8px 0; border-color: transparent #ddd transparent transparent;}
.rtl.TicketView .offlineMessagesGroupAgent .MessageGroupArrowBorder,
	.rtl.TicketView .offlineMessagesGroupMe .MessageGroupArrowBorder {left:0; right:auto; margin-left:-10px; margin-right:0; border-width:10px 10px 10px 0; border-color: transparent #ccc transparent transparent;}
.rtl .offlineMessagesGroupCustomer .MessageGroupArrow {right:0; left:auto; margin-right:-8px; margin-left:0; border-width:8px 0 8px 8px; border-color: transparent transparent transparent #fff;}
	.rtl.TicketView .offlineMessagesGroupCustomer .MessageGroupArrowBorder {right:0; left:auto; margin-left:-10px; margin-right:auto; border-width:10px 0 10px 10px; border-color: transparent transparent transparent #ddd;}
.rtl .chatMessagesGroup .MessageNotification.Notes {margin:0 0 5px -10px;}
.rtl .NoteTopLeft {right:0; left:auto;}
.rtl .TicketView .InternalMessageGroup .messageBody {margin-left:0;}
.rtl .Body .TagWidget {margin: 5px 5px 5px 0;}
.rtl .AddTagsPanel .TagClose {float:left; padding-left: 15px; padding-right:0;}
.rtl .StatusLeft .StatusIcon {margin:4px 8px 0 3px;}
.rtl .actionPanelLoadMore .ActionIcon {left:auto; right:0;}
.rtl .CloseActionsPopup {right:auto; left:11px;}
.rtl .TransferListBoxArrow {left:15px; right:auto;}
.rtl .MessageGroupContent .chatMessageGroupArrow {right:0; left:auto; margin-right:-8px; margin-left:0; border-width:8px 0 8px 8px; border-color: transparent transparent transparent #fff;}
	.rtl .TicketView .MessageGroupContent .chatMessageGroupArrowBorder {right:0; left:auto; margin-right:-10px; margin-left:0; border-width:10px 0 10px 10px; border-color: transparent transparent transparent #ddd;}
	.rtl .MessageGroupContent .chatMessagesGroup-My .chatMessageGroupArrow {left:0; right:auto; margin-left:-8px; margin-right:0; border-width: 8px 8px 8px 0; border-color: transparent #ddd transparent transparent;}
		.rtl .TicketView .MessageGroupContent .chatMessagesGroup-My .chatMessageGroupArrowBorder {right:auto; left:0; margin-right:0; margin-left:-10px; border-width:10px 10px 10px 0; border-color: transparent #ddd transparent transparent;}
.rtl .DepartmentTag {float:right; padding:0 10px 0 18px;}
	.rtl .ChannelIcon {float:right;}
.rtl .MoreActionBlocker {left:0; right:auto;} 

/* CKeditor */
.MessageGroupPartial .MessageGroupContent {overflow:hidden;}
.ShowMorePanel {display:none; position: absolute; bottom:0; left:0; right:0; margin:0 0 -1px; background:none;}
	.InternalMessageGroup .ShowMorePanel {background:none; margin:0 9px 0 10px; overflow:hidden;}
	.ShowMoreBox {background:#fff url('img/show-more-bg.png') repeat-x left bottom; padding:10px 10px 15px; box-shadow:0 -15px 30px #fff; -moz-box-shadow:0 -15px 30px #fff;}
		.InternalMessageGroup .ShowMoreBox {background:#FCFADC url('img/show-more-bg.png') repeat-x left bottom; padding:10px 10px 15px; margin:30px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; box-shadow:0 -15px 30px #FCFADC; -moz-box-shadow:0 -15px 30px #FCFADC;}
		.offlineMessagesGroupMe .ShowMoreBox, .offlineMessagesGroupAgent .ShowMoreBox {background-color:#e0e0e0; box-shadow:0 -15px 30px #e0e0e0; -moz-box-shadow:0 -15px 30px #e0e0e0;}
	.MessageGroupPartial .ShowMorePanel {display:block;}
	.ShowMoreButton {border:none; position: relative;}
		.ShowMoreButton .ImLeButtonMain {background:#ddd; border:1px solid #bbb;}
			.ShowMoreButton.ImLeButton-over .ImLeButtonMain {background:#ccc;}
			.InternalMessageGroup .ShowMoreButton .ImLeButtonMain {background:#d5d4c8; border:1px solid #aaa890;}
				.InternalMessageGroup .ShowMoreButton.ImLeButton-over .ImLeButtonMain {background:#bdbba9;}
			.offlineMessagesGroupMe .ShowMoreButton .ImLeButtonMain,
				.offlineMessagesGroupAgent .ShowMoreButton .ImLeButtonMain {background:#c8c8c8; border:1px solid #aaa;}
				.offlineMessagesGroupMe .ShowMoreButton.ImLeButton-over .ImLeButtonMain,
					.offlineMessagesGroupAgent .ShowMoreButton.ImLeButton-over .ImLeButtonMain {background:#bbb;}
		.ShowMoreButton .ImLeButtonMainInnerBox {background:none; border:none;}
		.ShowMoreButton .ImLeButtonMainShadow {display:none;}
		.ShowMoreButton .ImLeButtonMainContent {margin:0;}
		.ShowMoreButton .buttonText {padding:0 10px 0 25px; font-size:13px; font-size:0.8rem; color:#000; line-height:24px; line-height:1.5rem;}
		.ShowMoreButton .buttonIcon {display:block; position:absolute; left:7px; top:5px; width:16px; height:16px; background:url('img/icons16.png?t=63') no-repeat -224px -80px; opacity:0.7; filter:alpha(opacity=70);}
			.ShowMoreButton.ImLeButton-over .buttonIcon {opacity:1; filter:alpha(opacity=100);}
.MessageFile {margin:10px 0; padding:0 10px; border:1px solid #bbb; border-radius: 5px;}
	.MessageFile .PreviewBox {margin:0 10px 0 0;}
	.MessageFile .FileSize {font-size:12px; font-size:0.75rem; color:#666; margin-left:10px;}
	.MessageFile .ImLeButton {margin:0 15px 0 0;}
	.MessageFile .buttonText {text-decoration:underline; color:#7f6300; font-style:italic;}

.BrandingPanel {
	color:#000;
}

.Avatar {
	position:relative;
	background-color:#ffffff;
	background-size:cover;
}

.Avatar-Silhouette0,
.Avatar-Silhouette1,
.Avatar-Silhouette2,
.Avatar-Silhouette3,
.Avatar-Silhouette4,
.Avatar-Silhouette5,
.Avatar-Silhouette6,
.Avatar-Silhouette7,
.OwnerAvatar,
.Avatar {
	background-image:url('img/avatar.svg?v=@{version}');
}
.Avatar-System {
    background-image:url('img/avatar-system.svg?v=@{version}');
}

/* ******************************************* */
/* END OF FILE                                 */
/* Keep this section at the very bottom of     */
/* this file, so that custom.css is imported   */
/* after all styles are defined                */
/* ******************************************* */