/* ******************************************* */ /* 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 {overflow:hidden; color:#202020; background-color:#fff;} body, html {height:100%;} .CloseButton {width:16px; height:16px; background:url('img/icons16.png?t=65') no-repeat -144px -80px;} .CloseButton:hover {background:url('img/icons16.png?t=65') no-repeat -96px -32px;} .CloseButton span {display:none;} .PopupActionButtons {text-align:right; padding:10px 0 0;} .PopupActionButtons .GreenButton, .PopupActionButtons .or_css {margin:0 0 0 10px;} .DeleteEmptyDepartmentView {padding:5px 10px 0;} .FullTextSearch .TextBoxContainer {width:250px;} /* TODO: check if still needed */ .SideBar {background:#969696; overflow:hidden; position:absolute; height:100%; left:0; padding-right:5px;} .ResizeIconPanel {background:url('img/resizer.png?t=65') no-repeat right center;} .LaSidebarPanel {margin-top:39px;} .UserAvatar {background:url('img/unknown-avatar.png') no-repeat center;} .ButtonCode {overflow:auto;} .UserAvatarPanel {float:left;} .FilterListWidget {text-align:center; font-size:1.12em; padding:25px 0 0;} .NoOpen {font-weight:bold; padding:40px 0 0; background:url('img/no_conversations.png') no-repeat center top; color:#393939;} .BrowseOther {color:#393939; padding:0 0 5px;} .ButtonLikeLink.ConversationFiltersItem {background:url('img/filter-divider.gif') no-repeat center top; display:block;} .ButtonLikeLink.ConversationFiltersItem .buttonText {font-size:0.9em; text-decoration:none; color:#000 !important; font-weight:bold;} .BrowseFilters .ButtonLikeLink.ConversationFiltersItem:first-child {background:none !important;} .ButtonLikeLink.ConversationFiltersItem .buttonOverBorderColor .buttonText {text-decoration:underline;} /* TODO: check if still needed */ .CollapseButton {background:transparent url('./img/collapsed-icon.png') no-repeat; width:16px; height:16px; margin:10px 10px 0 0; float:right;} .CollapseButton-down {background:transparent url('./img/expanded-icon.png') no-repeat;} .CollapseButton-downOver {background:transparent url('./img/expanded-icon.png') no-repeat;} /* TODO: check if still needed */ .ConversationManager .Code {font-weight:bold; float:left;} .ConversationManager .Department {float:left; clear:both; margin-left:17px;} .ConversationManager .Time {color:#666666; font-weight:bold; margin:0; float:none;} .ConversationManager .Time-Highlighted {color:red;} .OnlineStatusIcon_Online {background:url('./img/status-online-small.png') no-repeat; width:12px; height:12px; float:left;} .OnlineStatusIcon_Offline {background:url('./img/status-offline-small.png') no-repeat; width:12px; height:12px; float:left;} .OnlineStatusIcon_Invisible {background:url('./img/status-invisible-small.png') no-repeat; width:12px; height:12px; float:left;} .ConversationManager .OnlineStatusIcon_Online {margin-right:5px;} .ConversationManager .OnlineStatusIcon_Offline {margin-right:5px;} .ChatIcon {background:url('./img/chat.png') no-repeat; width:32px; height:32px;} .ConversationIcon {background:url('./img/conversation.png') no-repeat; width:32px; height:32px;} /* TODO: check if still needed */ .ButtonsCell {vertical-align:top;} .TextCell .UserLabel, .TextCell .UserEmail {display:inline; font-size:11px; padding-left:5px; white-space:nowrap;} .TextCell .UserLabel {font-weight:bold;} .HeaderButtonsCell {text-align:right;} .RefreshHeader {min-height:38px; padding:10px;} .ButtonPreview {background:url('img/image_editor_background.png') repeat; position:relative;} .ButtonPreview .ActionButton {right:-1px; bottom:-18px; position:absolute; z-index:3;} .ButtonPreview.Image .ActionButton {font-weight:normal; height:16px; width:75px; overflow:hidden; cursor:pointer; background:#e6e6e6 url('img/send_file_back.gif') repeat-x center center; border:1px solid #B6B5B5 !important; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-top:none !important;} .ButtonPreviewImage {overflow:auto; width:367px; height:144px;} .ButtonPreview.Image .ActionButton .Icon {display:none;} .ButtonPreview.Image .ActionButton.Uploading .Icon {display:none;} .ButtonPreview.Image .ActionButton .Text {float:left; padding:1px 2px; width:75px;} .ButtonPreview.Image .ActionButton.Disabled .Text {color:rgb(200,200,200);} .ButtonPreview.Image .ActionButton .File {border:0px; cursor:pointer; display:block; top:-16px; opacity:0; float:left; zoom:1;} .ButtonPreview.Empty .ActionButton {position:absolute; top:50px; left:122px; height:32px; width:134px; border:1px solid #9f9f9f !important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#5c5c5c; font-size:1.5em; background:#e6e6e6 url('img/send_file_back.gif') repeat-x center left;} .ButtonPreview.Empty .ActionButton .Text {float:none; text-align:center; width:auto;} .ButtonPreview.Empty .ActionButton .File {top:-30px; height:32px;} .ButtonPreview.HTML {background:url('img/html_editor_background.gif') repeat;} .ButtonPreview.HTML .Editor, .ButtonPreview.HTML .Viewer, .ButtonPreview.Image .Viewer {height:100%; width:100%; background:transparent; border:none;} .ButtonPreview.HTML .Viewer, .ButtonPreview.Image .Viewer {overflow:auto;} .ButtonPreview.HTML.EditMode {background:#fff;} .ButtonPreview.HTML.Empty .ActionButton {top:50px; left:122px; bottom:auto; right:auto; height:32px; width:134px; border:1px solid #9f9f9f !important; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#5c5c5c; font-size:1.5em;} .ButtonPreview.HTML.Empty .ActionButton .buttonText {line-height:1.8em;} .ButtonPreview.HTML.Empty.EditMode .ActionButton {font-size:1em; top:auto; left:auto; width:auto; height:auto; right:-1px; bottom:-17px; text-align:center; background:#e6e6e6 url('img/send_file_back.gif') repeat-x center center; border:1px solid #B6B5B5 !important; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-top:none !important;} .ButtonPreview.HTML.Empty.EditMode .ActionButton .buttonText {line-height:1.2em;} .ButtonPreview.HTML .ActionButton {top:auto; left:auto; width:auto; height:auto; bottom:-17px; text-align:center; background:#e6e6e6 url('img/send_file_back.gif') repeat-x center center; border:1px solid #B6B5B5 !important; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-top:none !important;} .ButtonPreview.HTML .ActionButton .buttonText {line-height:1.2em; padding:0 10px; text-decoration:none;} .ButtonPreview.Disabled {background:#f9f9f8 url('img/button_disabled.png') no-repeat center center;} .ButtonShowPreview {border:none;} .ButtonEditView .EditSection {border:1px solid #e0e0e0;} .ButtonEditView .PreviewLabel, .ButtonShowView .PreviewLabel {font-weight:bold; font-size:1.2em;} .ButtonShowView .IntegrationHeader {font-weight:bold;} .ButtonShowView .name {font-weight:bold; font-size:1.2em;} .ButtonShowView .IntegrationSection {font-size:1.2em; width:750px;} .RightPreviewCheckbox .g-FormField2-Label {float:right; margin:0 0 0 5px;} .RightPreviewCheckbox .g-FormField2-Description, .RightPreviewCheckbox .g-FormField2-ErrorMessage {display:none;} .PreviewWidget {background:url('img/image_editor_background.png') repeat; position:relative;} .PreviewWidget .g-FormField2 {margin:0;} .PreviewWidget .ActionButton {margin:0;} .PreviewWidget .g-FormField2-InputContainer {float:none;} .PreviewWidget .g-FormField2-Description, .PreviewWidget .g-FormField2-ErrorMessage {position:absolute; bottom:0; left:0; z-index:2; width:367px;} .SettingsSection .g-FormField2-Label {margin:0 5px 0 0;} .SettingsSection .ArrowLabel {width:150px;} .SettingsSection .g-FormField2-InputContainer .g-ListBox {display:block;} .SettingsSection .g-FormField2-Description {clear:both; float:left; border:1px solid transparent; font-size:0.818em; height:12px;} .SettingsSection .g-FormField2-ErrorMessage {height:12px;} .SettingsSection .disclosurePanel {padding:15px 0;} .disclosurePanel .label {display:inline; padding:0 15px 0 0; color:#7a7a7a; font-size:1.1em; text-decoration:underline; background:transparent url('./img/expand.png') no-repeat right 7px;} .disclosurePanel.opened .label {background:transparent url('./img/expand.png') no-repeat right -14px;} .InvitationDetails {float:left; width:300px; min-width:300px;} .HtmlInvitation .InvitationDetails {width:700px;} .DepartmentId {margin:15px 0 0;} .DepartmentWidget .ImageData {float:left;} .DepartmentWidget .TextData {float:left;} .DepartmentWidget .TextData .Name {font-weight:bold; font-size:large; padding-left:5px;} .DepartmentWidget .TextData .Description {padding-left:20px;} .SearchBoxInput {float:left;} .SearchBoxInput input {background:none;} .SearchListBox.SearchListBox-expand {border:1px solid #fff !important;} .GridSearchPanel .GreenButton {margin-right:5px;} .GridSearchPanel .ImLeButtonMain {border-color:#bababa;} .GridSearchPanel .GreenButton .ImLeButtonMain {border-color:#448002;} .GridSearchPanel .OrangeButton .ImLeButtonMain {border-color:#a65a00;} /* clearfix for GridSearchPanel */ .GridSearchPanel:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .GridSearchPanel {display:inline-block;} html[xmlns] .GridSearchPanel {display:block;} .ContentScrolled {overflow:auto;} .ContentScrolled .FormFieldsetButtons {margin:0; padding:10px 15px;} .NewTicketContent {padding:15px 0;} .NewTicketContent, .CreateConversationForm {position:absolute; left:0; top:0; bottom:0; right:0; overflow:auto; padding:15px 10px;} .StartChatButton {float:right;} .UserType.Agent {background-color:#787878; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-size:10px; font-style:normal; font-weight:bold;} .CustomerReply .ScrolledToBottom .MessageGroup {opacity:1.0;} .Resolved .ScrolledToBottom .MessageGroup {opacity:1.0;} .AwaitingReply .ScrolledToBottom .MessageGroup {opacity:1.0;} .chatRunning .ScrolledToBottom .MessageGroup {opacity:0.6;} .CustomerReply .ScrolledToBottom .MessageGroupFocus {opacity:1.0;} .chatRunning .ScrolledToBottom .MessageGroupFocus {opacity:1.0;} .chatRunning .ScrolledToBottom .MessageGroupChatRunning {opacity:1.0;} .CustomerReply, .Resolved, .AwaitingReply, .ScrolledToBottom div.MessageGroup:hover {opacity:1.0;} .LeftButtons {float:left} .LeftButtons .InputMainButton {margin:7px 0 5px 10px;} .LeftButtons .ImLeButton {margin-right:5px;} .InputButtons {float:right; margin:0 10px 0 0;} .InputButtons .ImLeButton {margin-left:5px;} .RightButtons .ImLeButton {margin-left:5px; float:right;} .or_css {position:relative; margin:0 5px 0 0; vertical-align:middle; font-size:1em; text-decoration:none; color:#626262; font-weight:normal; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .InputBox .NoMailInfo {max-width:600px; padding:10px 0 0;} .emptyText {color:gray;} .MessageFormInput {font-size:1.2em; padding:5px; word-wrap: break-word;} .MessageForm {background:#fff; border:1px solid #b6b5b5; border-bottom:0px;} .inputViewContainer {clear:both;} .inputViewContainerFocus .inputViewContainerShadow, .inputBoxAreaFocus {box-shadow:0 0 5px #9a9a9a;} .UserDetails .Icon .Background {background:url('img/avatar-userdetails.jpg') no-repeat;} .UserDetails .Avatar .Background {width:50px; height:50px;} .urlAddress:hover {text-decoration:underline; cursor:pointer;} .ActualUrl {color:#0075bf; padding:2px;} .ReferrerUrl {color:#888; padding:2px;} .NoReferrer {color:#BBB;} .SimpleTextRowTable .g-TableRow {line-height:20px;} .g-TableRefreshIcon {background:url('img/icons16.png?t=201311271714') no-repeat 0px -80px !important; height:16px !important; width:16px !important; margin:0; opacity:0.6;} .g-Table .g-TableRefreshIcon {margin:0;} .g-TableRefreshIcon-over {background:url('img/icons16.png?t=201311271714') no-repeat 0px -80px !important; opacity:0.8;} .g-TableLoading .g-TableRefreshIcon {background:url('img/loading-small.gif') no-repeat top right !important; opacity:1;} .g-TableMassActions {display:inline-block;} .g-TableMassActions .ImLeButton, .g-TableActionPanel .ImLeButton {margin-right:5px;} .MassActionPanel .RulesContent {width:auto;} .MassActionPanel .RuleValue {padding:0 0 0 150px;} .MassActionPanel .RuleItem .g-ListBoxInput {width:110px;} .MassActionButtonsPanel {margin:10px 0 0;} .MassActionButtonsPanel .ImLeButton {margin:0 10px 0 0;} .MassActionCancelButton {margin:10px 0 0;} .CannedMessagesContent {background:#ffffdc; border:1px solid #b1a77e; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow-y:auto;} .CannedMessagesContent > div {height:100%;} .CannedMessagesChatPopup .PopupWrapper-TopLeft {padding-bottom:9px; background:url('img/canned-top.png') no-repeat bottom left;} .CannedMessagesChatPopup .PopupWrapper-BottomLeft {padding-top:9px; background:url('img/canned-bottom.png') no-repeat top left;} .CannedMessageRow {height:24px; overflow:hidden; line-height:24px;} .CannedMessageRow-Selected {background:#fef198; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .CannedMessageRow div {padding:0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .NoCannedMessages {text-align:center; padding:63px 0 0; font-size:1.455em; font-weight:bold; color:#b1a77e;} .CannedMessages td > div:first-child {padding:6px 5px;} .editCannedMessage {cursor:pointer; border-bottom:1px solid #ededed;} .UserNoteBox .CustomerNoteField, .UserNoteBox .CustomerNoteField .g-FormField2-InputContainer, .UserNoteBox .CustomerNoteField .g-FormField2-InputPanel, .UserNoteBox .CustomerNoteField .TextBoxContainer, .UserNoteBox .CustomerNoteField .TextBox {position:absolute; left:0; right:0; top:0; bottom:0; height:auto !important;} .UserNoteBox .CustomerNoteField .TextBox {padding:5px 5px 5px 10px;} .UserNoteBox .CustomerNoteFieldInput {position:absolute; left:0; right:0; top:19px; bottom:0;} .UserNoteBox .CustomerNoteField .TextBoxContainer-focus {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .UserNoteBox .CustomerNoteFooter {position:absolute; bottom:0; left:0; right:0;} .CustomerNoteField .g-FormField2-Label {padding:5px 0 0 3px;} .CustomerNoteField .TextBoxContainer {padding:0 !important;} .CustomerNoteField .TextBox {position:absolute; top:0; bottom:0; font-size:11px !important;} .CustomerNoteField .g-FormField2 {margin:0;} .CustomerNoteField .g-FormField2-InputContainer, .CustomerNoteField .g-FormField2-InputPanel {float:none;} .CustomerNoteField .CaptionTextBoxView, .CustomerNoteField .CaptionTextBoxEdit, .CustomerNoteField .CaptionTextBoxEmpty {background:transparent; border:none; left:0; position:static; right:0; width:auto !important;} .CustomerNoteField .CaptionTextBoxEmpty textarea {color:#908d7e;} .CustomerNoteField .CaptionTextBoxOver {background:transparent; border:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; position:static; right:0; width:auto !important;} .CustomerNoteField .CaptionTextBoxOver textarea {color:#79703d;} .CustomerNoteField textarea {resize:none; background:transparent;} .CustomerNoteField .CaptionTextBoxView textarea {color:#79703d;} .CustomerNoteField .CaptionTextBoxEdit textarea {color:#79703d;} /* TODO: check if still needed */ .MapPanelWrapper {background:url('img/side-note-top.png') no-repeat top center; padding:8px 0 0; width:250px; margin:0 auto;} .MapPanel {background:url('img/side-note-bottom.png') no-repeat bottom center; padding:0 0 8px; box-sizing:padding-box; -ms-box-sizing:padding-box; -webkit-box-sizing:padding-box; -moz-box-sizing:padding-box;} .BoxDivider {height:4px; clear:both;} .smallLabel {display:inline; color:#6f6f6f; font-size:10px; margin:0 5px 0 0;} .smallLabel div {display:inline;} /* TODO: check if still needed RecipientEmailField?? */ .RecipientsWidget {display:block; position:relative;} .RecipientsWidget .RecipientEmailField {background:#efeeed url('img/agent.png') no-repeat 7px 2px; border:1px solid #b8b8b8; min-height:18px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0 5px 0 25px; color:#000; line-height:18px; margin:0 5px 5px 0;} .RecipientsWidget .OwnerMail {display:block; float:left; margin:0 5px 5px 0; white-space:nowrap; background:#d8d8d8 url('img/agent.png') no-repeat 7px 2px; border:1px solid #b8b8b8; min-height:18px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0 5px 0 25px; color:#000; line-height:18px;} .RecipientsWidget .AddRecipientEmailField {width:240px; float:left; margin-bottom:5px;} .RecipientsWidget .AddRecipientEmailField .TextBox {width:203px; color:#999;} .RecipientsWidget .AddRecipientEmailField .TextBoxContainer-focus .TextBox, .RecipientsWidget .AddRecipientEmailField .g-FormField2-Error .TextBox {color:#000;} .RecipientsWidget .RecipientEmailField .buttonText {padding:0; display:block; width:15px; height:15px; background:url('img/cc_remove.png') no-repeat center 3px;} .RecipientsWidget .RecipientEmailField .buttonOverBgColor .buttonText {background:url('img/cc_remove.png') no-repeat center -11px;} .RecipientsWidget .ShowLabel {cursor:pointer; background:url('img/agent.png') no-repeat 0px 1px; width:16px; height:16px; z-index:16777270; position:absolute; top:7px; right:12px;} .RecipientsButtonsPanel .ImLeButton {margin-right:10px;} .RecipientsWidget .UserWidget .UserInfo {padding:0 0 0 35px;} .RecipientsWidget .UserWidget .Avatar {margin:3px 5px;} .RecipientsWidget .UserWidget .UserName, .RecipientsWidget .UserWidget .InfoHtml {font-weight:normal; border:none; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .RecipientsWidget .UserWidget .UserName {line-height:14px; padding:2px 0 0;} .RecipientsWidget .UserWidget .InfoHtml {font-size:10px; color:#c1c1c1; line-height:13px;} .RecipientsWidget .UserWidget-selected .UserName {color:#fff;} .ConversationInfoView .RecipientWidget:hover {background:#ddd;} .ConversationInfoView .InputClearButton {left:5px; top:5px; right:auto;} .ConversationInfoView .RecipientWidget {padding:0 10px 0 60px;} .ConversationInfoView .RecipientWidgetAvatarBox {left:30px;} .ConversationInfoView .SubjectField {position:relative;} .ConversationInfoView .SubjectField .g-FormField2-InputContainer, .ConversationInfoView .SubjectField .g-FormField2-InputPanel, .ConversationInfoView .SubjectField .TextBoxContainer {position:absolute; left:0; top:0; right:0; height:27px;} .ConversationInfoView .SubjectField .g-FormField2-InputContainer {left:145px; right:25px; top:10px;} .ConversationInfoView .SubjectField .gwt-TextBox {width:100%;} .AdvancedViewTextArea {margin:0px; max-width:600px;} .SearchOptionsDiv {padding:10px; background:#edf7e8; border:1px solid #c0ddb2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .SearchOption {float:left; margin:5px 40px 10px 0;} .SearchOptionRight {float:right; margin:5px 40px 10px;} .SearchOptions .Divider {height:0px; clear:both; background:none;} .SearchOptions .BoxDivider {height:0px; margin:5px 0; border-bottom:1px solid #fff; border-top:1px solid #B1CEA2; background:none;} .SearchOptionLabel {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:0 15px 0 0; font-size:1.1em; position:relative; vertical-align:middle; float:left;} .OrFilterFieldWidget .OrLabel {margin:0 5px 0 0; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .OrField {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-right:10px;} .OrField .g-ListBox {margin-right:5px;} .SearchOptionValue, .SearchOptionValue .InfoTooltip, .SearchOptionValue .DateRangeFilterField {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; float:left;} .SearchOptionValue .TextBoxContainer, .SearchOptionValue .g-ListBox {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; float:left; padding:2px !important;} .SearchOptionValue .InfoTooltip {vertical-align:middle;} .FilterField {float:none !important; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .SearchBoxEmpty input{color:#7E7E7E !important;} .g-SearchButtons .ButtonLikeLink.ImLeButton-focused .buttonBgColor {background:#d3e4ca;} .SearchOptionButton .buttonText {background:url('img/search.png') no-repeat left center; border:3px solid transparent; padding:0 5px 0 25px;} .GridWithSearch .g-Link {text-decoration:none;} .g-ShowHideSearchOptions .ButtonText {white-space:nowrap; font-weight:normal; text-decoration:underline; padding:3px 20px 2px 5px; color:#686868; background:url('img/expand.png') no-repeat right 12px; display:block;} .g-ShowHideSearchOptions.g-HideSearchOptions .ButtonText {background-position:right -8px;} .g-ShowHideSearchOptions.g-HideSearchOptions {margin-top:5px;} .g-ShowHideSearchOptions .ButtonSmall {text-decoration:none; display:block;} .g-ShowHideSearchOptions.LinkButton-over .ButtonText {color:#000;} .SearchOptionsTitleDiv {padding:0 0 10px;} .g-SearchOptionsTitle {width:395px; padding-top:8px;} .GridWithSearch .ItemPanelItems {height:21px;} .GridWithSearch .SearchBox {border:1px solid #cccaca; background:#fff;} .GridWithSearch .ItemPanelMenuOpen {height:20px; background:url('img/expand.png') no-repeat center 8px;} .GridWithSearch .ItemPanelMenuOpen-Opened {background:#cbcbcb url('img/expand.png') no-repeat center -13px; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;} .ContextPanel {border:none; background:#cbcbcb; padding:5px; border-radius:5px 0px 5px 5px; -webkit-border-radius:5px 0 5px 5px; -moz-border-radius:5px 0 5px 5px; padding:10px 0; -moz-box-shadow:-1px 2px 2px #444; -webkit-box-shadow:-1px 2px 2px #444; box-shadow:-1px 2px 2px #444;} .ContextPanel .MenuItems {background:none; max-height:300px; overflow:auto;} .ContextPanel .MenuItems .MenuItem {background:none; padding:3px 10px;} .ContextPanel .MenuItems .MenuItem-Hover {background:#efeeed; color:#000;} .g-TableHeaderCell .CheckBox, .g-TableHeaderCell .CheckBox-checked {margin:2px 6px;} .g-TableHeaderCell .gwt-Label {font-size:0.9em; line-height:24px;} .g-TableRow .CheckBoxContainer {padding:0;} .NoDataContent {width:250px; margin:15px auto;} .NoDataMessage {background:url('img/no_data.png') no-repeat left -10px; color:#8b8b8b; font-size:1.4em; font-weight:normal; border:10px solid transparent; padding-left:50px; margin:0;} .ConversationManager .NoDataMessage {display:block; background:url('img/conversations-no_data.png') no-repeat left top; border:15px solid transparent; padding-left:70px; margin:0; font-size:13px;} .SearchOptionValue.OptionsGroupBox {position:relative;} /* TODO: can be moved to gamification ui.xmls? */ .Section {padding:20px 0 0; clear:both;} .SectionContent {padding:0 0 0 100px;} .SectionContent .g-TablePanel {border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .SectionLabel {float:left; clear:both;} .SectionInput {float:left; margin:0 0 5px 10px;} .ButtonLikeLink.ErrorMessage {background:#bd2025; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .ButtonLikeLink.ErrorMessage .buttonText {color:#fff; font-weight:bold; font-size:1.1em; line-height:1.4em; text-decoration:none;} .ButtonLikeLink.ErrorMessage .buttonOverBorderColor .buttonText {text-decoration:underline;} .MailAccountDetailsForm .Section .g-TablePanel, .MailAccountDetailsForm .Section .g-TableRow {border:none;} .MailAccountDetailsForm .Section .RadioButton {float:none; white-space:nowrap;} .MailAccountDetailsForm .g-FormField2 .TextBox, .SystemMailAccount .g-FormField2 .TextBox {width:200px;} .SystemMailAccount .RadioButtonGroup {width:260px; clear:both; padding:1px 0 0;} .SystemMailAccount .RadioButton {clear:both; white-space:nowrap;} .SystemAccountActions {padding:10px 0 0;} .NewFormFieldContent.UseSMTP {padding-bottom:15px;} .UseSMTP .FormFieldLabel {display:none;} /* TODO: pouziva sa? */ .UserDepartmentsWrapper .DepartmentName {font-size:1.2em; margin:0 0 0 5px; padding:7px 0 0 26px; position:relative;} .UserDepartmentsWrapper .CheckBox {margin:6px 0 0 5px;} .UserDepartmentsWrapper .ShowLinkLabel {padding:0 0 0 10px; float:left;} .UserDepartmentsPanel .g-TablePanel {border:1px solid #ddd;} .UserDepartmentsPanel .g-TableRow {border-top:1px solid #ddd; border-bottom:none;} .g-TableRow.StatusRowDeactive {background:#f2f2f2;} .g-TableRow.StatusRowDeactive .AcceptsIconEditable, .g-TableRow.StatusRowDeactive .AcceptsIconNonEditable {display:none;} .g-TableRow.StatusRowDeactive .DepartmentNameIcon {background-position:-96px -80px;} .UserDepartmentsPanel .g-TableRow-over {background:none;} .UserDepartmentsPanel .g-TableRow:first-child {border-top:none;} .UserDepartmentsPanel .g-TableLoadRowEven {background:none;} .UserDepartmentsDisplay {padding:0;} .UserDepartmentsDisplay .g-TablePanel {background:#fff;} .AddAction, .RemoveAction {line-height:30px; padding:0 0 0 22px; cursor:pointer; position:relative; text-decoration:underline; color:#666;} .AddAction:hover, .RemoveAction:hover {color:#000;} .AddActionIcon, .RemoveActionIcon {width:16px; height:16px; position:absolute; top:7px; left:4px; background:url('img/icons16.png') no-repeat 0 0;} .AddActionIcon {background-position:-96px 0px;} .AddAction:hover .AddActionIcon {background-position:-96px -16px;} .RemoveActionIcon {background-position:-96px -32px;} .RemoveAction:hover .RemoveActionIcon {background-position:-96px -48px;} /* TODO: pouziva sa? */ .DepartmentShowView {background:#fff;} .DepartmentShowView .NameLabel {font-size:25px; font-weight:bold; padding:15px 10px 0 20px;} .DepartmentShowView .EditButton {margin:25px 0 0 10px;} .DepartmentShowView .EditButton .buttonText {font:normal 1em "Lucida grande","Lucida sans unicode", Arial; padding:0 10px;} .DepartmentShowView .Avatar {float:left;} .DepartmentEditForm .g-FormField2-Label, .DepartmentEditForm .g-FormField2-InputContainer {float:left;} .ConversationsPanel .RadioButton {padding:0 5px 2px 25px; display:block; float:none;} .ConversationsPanel .RadioButtonLabel {font-size:1.1em;} .MoveConversationsListBox .g-ListBox {margin:0 0 0 25px;} /* TODO: pouziva sa? */ .DepartmentEditForm .CaptionTextBox.NameField {padding:20px 0 0 20px;} .CaptionTextBox.NameField .TextBox {font-size:1.5em !important; height:20px;} .CaptionTextBox.EmailField {clear:both;} .CaptionTextBox.EmailField .TextBox {font-size:1.2em !important; height:16px;} .ShortcutHelpPopupWidget {background:#fffed6; color:#000; padding:4px 3px; border:1px solid #b5b5b5; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center;} .ShortcutKeys {font-weight:bold;} .ShortcutLabel {font-size:0.9em;} .ShortcutHelpPopup .PopupWrapper-Top .ShortcutHelpPopupWidget {margin-bottom:8px; margin-top:-3px;} .PopupWrapper-Top .ShortcutArrowBorder {height:0; width:0; left:50%; bottom:-2px; border:5px solid #b5b5b5; border-color:#b5b5b5 transparent transparent; position:absolute; margin-left:-3px;} .PopupWrapper-Top .ShortcutArrow {height:0; width:0; left:50%; bottom:-1px; border:5px solid #fffed6; border-color:#fffed6 transparent transparent; position:absolute; margin-left:-3px;} .ShortcutHelpPopup .PopupWrapper-Bottom .ShortcutHelpPopupWidget {margin-top:8px;} .PopupWrapper-Bottom .ShortcutArrowBorder {height:0; width:0; left:50%; top:-1px; border:5px solid #b5b5b5; border-color:transparent transparent #b5b5b5; position:absolute; margin-left:-3px;} .PopupWrapper-Bottom .ShortcutArrow {height:0; width:0; left:50%; top:0; border:5px solid #fffed6; border-color:transparent transparent #fffed6; position:absolute; margin-left:-3px;} .ShortcutHelpPopup .PopupWrapper-TopLeft .ShortcutHelpPopupWidget {margin-bottom:8px; margin-top:-3px;} .PopupWrapper-TopLeft .ShortcutArrowBorder {height:0; width:0; left:5px; bottom:-2px; border:5px solid #b5b5b5; border-color:#b5b5b5 transparent transparent; position:absolute;} .PopupWrapper-TopLeft .ShortcutArrow {height:0; width:0; left:5px; bottom:-1px; border:5px solid #fffed6; border-color:#fffed6 transparent transparent; position:absolute;} .ShortcutHelpPopup .PopupWrapper-BottomLeft .ShortcutHelpPopupWidget {margin-top:8px;} .PopupWrapper-BottomLeft .ShortcutArrowBorder {height:0; width:0; left:5px; top:-1px; border:5px solid #b5b5b5; border-color:transparent transparent #b5b5b5; position:absolute;} .PopupWrapper-BottomLeft .ShortcutArrow {height:0; width:0; left:5px; top:0; border:5px solid #fffed6; border-color:transparent transparent #fffed6; position:absolute;} .ShortcutHelpPopup .PopupWrapper-TopRight .ShortcutHelpPopupWidget {margin-bottom:8px; margin-top:-3px;} .PopupWrapper-TopRight .ShortcutArrowBorder {height:0; width:0; right:5px; bottom:-2px; border:5px solid #b5b5b5; border-color:#b5b5b5 transparent transparent; position:absolute;} .PopupWrapper-TopRight .ShortcutArrow {height:0; width:0; right:5px; bottom:-1px; border:5px solid #fffed6; border-color:#fffed6 transparent transparent; position:absolute;} .ShortcutHelpPopup .PopupWrapper-BottomRight .ShortcutHelpPopupWidget {margin-top:8px;} .PopupWrapper-BottomRight .ShortcutArrowBorder {height:0; width:0; right:5px; top:-1px; border:5px solid #b5b5b5; border-color:transparent transparent #b5b5b5; position:absolute;} .PopupWrapper-BottomRight .ShortcutArrow {height:0; width:0; right:5px; top:0; border:5px solid #fffed6; border-color:transparent transparent #fffed6; position:absolute;} .ShortcutHelpPopup .PopupWrapper-Right .ShortcutHelpPopupWidget {margin-right:8px; margin-left:-3px} .PopupWrapper-Right .ShortcutArrowBorder {height:0; width:0; right:-1px; top:50%; border:5px solid #b5b5b5; border-color:transparent transparent transparent #b5b5b5; position:absolute; margin-top:-3px;} .PopupWrapper-Right .ShortcutArrow {height:0; width:0; right:0; top:50%; border:5px solid #fffed6; border-color:transparent transparent transparent #fffed6; position:absolute; margin-top:-3px;} .ShortcutHelpPopup .PopupWrapper-Left .ShortcutHelpPopupWidget {margin-left:8px;} .PopupWrapper-Left .ShortcutArrowBorder {height:0; width:0; left:-1px; top:50%; border:5px solid #b5b5b5; border-color:transparent #b5b5b5 transparent transparent; position:absolute; margin-top:-3px;} .PopupWrapper-Left .ShortcutArrow {height:0; width:0; left:0; top:50%; border:5px solid #fffed6; border-color:transparent #fffed6 transparent transparent; position:absolute; margin-top:-3px;} .ShortcutHelpPopup .PopupWrapper-Center {transform: translate(-50%, 0);} .PopupWrapper-Center .ShortcutHelpPopupWidget {padding: 10px 15px;} .TabSwitchShortcut {white-space:nowrap;} .TabSwitchShortcutLeft {text-align:left; vertical-align:top; display:inline-block; margin-right:5px; width: 70px; white-space:normal;} .TabSwitchShortcut .CloseTabShortcut {text-align:center; vertical-align:top; display:inline-block; width: 100px; white-space:normal;} .TabSwitchShortcutRight {text-align:right; vertical-align:top; display:inline-block; margin-left:5px; width: 70px; white-space:normal;} .CloseTabSeparateShortcut {width:110px;} .CloseTabSeparateShortcut .CloseTabShortcut {text-align:center;} .FormfieldAsNewFormField .Subject .TextBox {width:480px;} .TemplateVariablesList {max-height:400px; overflow-x:auto;} .ConstantSplit {display:none;} .ConstantName {font-weight:bold; color:#333; display:inline-block; word-wrap:break-word;} .ConstantVariable {display:inline-block; word-wrap:break-word;} .ConstantVariableIcon {width:16px; height:16px; position:absolute; left:0; top:0; background:url("img/icons16.png?t=65") no-repeat -208px -80px; opacity:0.4;} .addVariable {position:relative; font:normal 1em/1.4em "Lucida grande","Lucida sans unicode", Arial; padding:2px 2px 2px 17px !important; text-align:left; cursor:pointer; } .EmailTemplateVariable-over {background:#f1f0b9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .EmailTemplateVariable-over .ConstantVariableIcon {opacity:0.7;} .g-FormField2-Error .SwitchableEditor .EditorWrapper .cke {border-color: #A60000;} .g-FormField2-Error .SwitchableEditor .EditorWrapper .gwt-TextArea {border-color: #A60000;} .g-FormField2-Error .SwitchableEditor .InputStyleArrowBorder {border-color: #A60000 transparent transparent;} .g-FormField2-Error .SwitchableEditor .InputFilesWrapper {border-bottom-color: #A60000; border-left-color: #A60000; border-right-color: #A60000;} .g-FormField2-Error .SwitchableEditor .InputFiles .InputFileView {border-color: #A60000;} .EmailTemplateCellWidget .RowButtons {background:transparent;} .EmailTemplateCellWidget .ImLeButton {margin-top:0; background:transparent;} .EmailTemplateCellWidget .ImLeButton-focused, .EmailTemplateCellWidget .ImLeButton:hover {background:transparent;} .EmailTemplateRowWidget .EmailTitle {cursor:pointer;} .EmailTemplateRowWidget .EmailTitle:hover {text-decoration:underline;} .DepartmentEmailTemplates .g-TablePanel {background:#fff; border:none;} .EmailTemplateWidget .DepartmentNames .DepartmentInfo {color:#00AA00; display:inline;} .EmailTemplateWidget .DepartmentNames .DepartmentsLabel {display:inline-block;} .Editor .ToolbarPanel .RichTextToolbar {width:100%;} .Editor .TextAreaPanel {height:180px;} .Editor .TextAreaPanel .gwt-TextArea, .Editor .TextAreaPanel .gwt-RichTextArea {height:100%; min-height:100%; width:100%; position:relative; float:none; background:none; border:none;} .TextBoxContainer-Readonly {width:700px; background-color:#FFF6B9; border-top:1px solid #868161; border-left:1px solid #d7cf9b; border-right:1px solid #d7cf9b; border-bottom:1px solid #ede9d0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; clear:both; padding:4px 4px 2px !important;} .TextBoxContainer-Readonly .TextBox {font-size:1.1em !important; width:700px;} .CronJobIntegration {margin:0 5px;} .CronJobIntegration .SimpleFieldset {float:none;} .OrBox {margin:10px 5px; font-size:1.1em; text-transform:uppercase; font-weight:bold;} .NewsBox {background:#fffed6 url("img/news-types.png") no-repeat 14px 5px; margin:0 5px 15px; padding:8px; border:1px solid #CCCACA; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 1px #fff;} .CronJobIntegration-Error .NewsBox {background:#ffe6dd url("img/news-types.png") no-repeat 14px -87px;} .NewsBox .NewsBoxMessage {padding-left:55px; line-height:1.4em; font-size:1.2em;} .LastCronJobExecution {font-size:0.8em;} .LastCronJobExecution .TextData {font-weight:bold;} .CronJobTypeLabel {padding:2px 10px; margin:0 0 10px; clear:both; background:#efeeed; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:1.2em; font-weight:bold; max-width:700px;} .CronWarningMessage {font-size:1.2em; color:#4d4643; font-weight:normal;} .CronJobSettingExampleBox {margin:15px 0 0 35px;} .CronJobSettingExample {background:url('img/cpanel-cron.gif') no-repeat top left; width:453px; height:314px; border:1px solid #e0e0e0;} .CronInterval {margin:0 0 7px;} .CronInterval .FormFieldLabel {width:180px;} .CronInterval .g-ListBoxInput {width:50px;} .CronJobIntegration .TextBoxContainer {margin:5px 0;} .ChatWindowConfigurationView .ImageChange {text-align:left;} .ChatWindowConfigurationView .TabItem {background:#EFEEED;} .ChatWindowConfigurationView .TabItem-actual {background:#fff;} .ChatWindowConfigurationView .TabItem-over {background:#fff;} .ChatWindowConfigurationView .MainSectionField .g-FormField2-InputPanel {width:420px;} .ChatWindowConfigurationView .MainSectionField .TextArea .TextBox {height:48px;} .FormfieldAsNewFormField .TextBoxContainer-Number .TextBox {width:30px;} .FormfieldAsNewFormField.NumberInput .g-FormField2-ErrorIcon {right:auto; left:40px;} .UsedInSearchWarning .InfoTooltip {float:left;} .UsedInSearchWarning .gwt-Label {float:left; color:gray;} .FullTextWarningLabel {display:inline; color:gray; margin-left:10px;} .g-FormField2-Label .ArrowLabel {margin-right:10px;} .SystemMailAccount .ArrowLabel, .MailAccountDetailsForm .ArrowLabel {width:120px;} .SystemMailAccount .SectionContent {padding:0 0 0 130px;} .Languages .g-TablePanel, .AddLanguage .g-TablePanel {border:medium none; width:100%; height:300px;} .Languages .HiddenDiv .gwt-Label, .LanguageTranslations .HiddenDiv .gwt-HTML {line-height:27px;} .AddLanguage .HiddenDiv .gwt-Label {line-height:19px;} .AddLanguage input.uploadField {height:auto; cursor:pointer;} .AddLanguage .FileUpload {padding: 7px 0 7px 40px;} .AgentRankingP {background-color:#ffd9d9;} .AgentRankingW {background-color:#e1ffd9;} /* TODO: check if still needed */ .ButtonH, .ButtonI, .ButtonF {color:#fff; background-color:#000; border:1px solid #000; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; float:left; clear:both; padding:2px;} .RegionalSettings .FormFieldInput {width:auto;} .RegionalSettings .RadioButton {clear:both;} .RegionalSettings .FormFieldLabel {display:none;} .TagWidget.TagListBox {width:100%; cursor:pointer} .TagWidget.TagListBox:hover {opacity:0.8;} .ExpandedListBoxWithCreateView .TextBoxContainer {border:none;} .ExpandedListBoxWithCreateView .TextBoxContainer-focus {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .ExpandedListBoxWithCreateView .TextBox {width:147px;} .ExpandedListBoxWithCreateView .g-FormField2-InputPanel {margin:0;} .ExpandedListBoxWithCreateView .g-FormField2 {margin:0;} .ExpandedListBoxWithCreateView .g-TableCell .gwt-HTML {cursor:pointer; line-height:20px; padding:0 5px;} .ExpandedListBoxWithCreateView .CreatePanel {background:none; overflow:inherit; border-top:1px solid #ccc;} .ExpandedListBoxWithCreateView .CreateButton {margin: 6px 7px;} .ExpandedListBoxWithCreateView .g-FormField2-ErrorIcon {right:5px;} .ExpandedListBoxWithCreateView .TagWidget {margin:1px 0 0;} .g-ListBoxPopup .ExpandedListBoxWithCreateView .g-TableRow {padding:0;} .CreateButton .buttonText, .AddTagButton .buttonText {display:none;} .CreateButton .buttonIcon, .AddTagButton .buttonIcon {display:block; width:16px; height:16px; background:url("img/icons16.png?t=65") no-repeat -208px -80px; opacity:0.4;} .CreateButton .buttonOverBorderColor .buttonIcon, .AddTagButton .buttonOverBorderColor .buttonIcon {opacity:0.8;} .TagView {padding:5px;} .TagTableWidget {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .g-TableRow .TagTableWidget .RowButtons {background:#F7F7F7; border-top:1px solid #CCCACA; border-bottom:1px solid #CCCACA;} .ServerTagWidget {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-left:4px; padding:0 10px; opacity:0.5;} .ServerTagWidget:hover {opacity:1;} .ActionUpdateTags {color:#898989; margin:0 0 2px !important;} .MessageNotification.ActionUpdateTags .messageBody {font-size:0.9em; line-height:1.8em;} .SendMailAction .EmailTemplateActions {display:none;} .SendMailAction .SendMailToField, .SendMailAction .SendMailAsLabel, .SendMailAction .SendMailAsField {float:left;} .SendMailAsLabel {line-height:22px; font-size:12px; margin:0 5px 0 0; } .SendAnswerAction .MessageText {padding:0;} .SendAnswerAction .MessageInputPanel {font-size:12px; padding:8px 0 0;} .SendAnswerAction .FromNamePanel .FromNameLabel {line-height:22px; display:inline; display:inline-block; margin:0 5px 0 0; min-width: 80px;} .SendAnswerAction .FromNamePanel .FromNameText {line-height:22px; display:inline; display:inline-block;} .SendAnswerAction .SubjectPanel .SubjectLabel {line-height:22px; display:inline; display:inline-block; margin:0 5px 0 0; min-width: 80px;} .SendAnswerAction .SubjectPanel .SubjectText {line-height:22px; display:inline; display:inline-block;} .PriorityRadioGroup .RadioButton {text-align:center; padding:21px 0 0; margin:0 5px 2px 2px; width:28px;} .PriorityRadioGroup .RadioButtonIcon {left:4px;} .MailConfigHeader {font-size:1.2em; font-weight:bold; clear:both;} .CannedMessagesTooltip .InfoLink, .CannedMessagesTooltip .InfoLabel {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .CannedMessagesTooltip .InfoLink {text-decoration:underline; color:#000; font-weight:normal; padding:0 5px; cursor:pointer;} .DateRangePopup {background:#b3cce9; padding:10px 5px 5px 10px; width:400px;} .AgentRankingView .RowButtons .ActionButton {display:block;} .AgentBusy {opacity:0.5;} .Solving.Status_Calling {background-color:black; color:white;} .NewFormFieldLabel.DepartmentLabels {font-weight:normal; text-shadow:none;} .NewFormFieldLabel.DepartmentLabels .ImLeButtonMainContent {padding:0 15px;} .NewFormFieldLabel.DepartmentLabels .buttonText {padding:0; white-space:normal;} .DepartmentSettingsLabel, .DepartmentSettingsDefault {color:#000; line-height:20px;} .ContactWidget .ProvideCheckBoxGroup {padding:5px 0;} .ContactWidget .ProvideCheckBoxGroup .g-FormField2-Label, .ContactWidget .SizeFields .g-FormField2-Label, .ContactWidget .PositionFields .g-FormField2-Label {width:auto;} .PositionFields .g-ListBoxInput {width:163px;} .ContactWidget .ProvideCheckBoxGroup .g-FormField2 {float:left; margin-right:20px;} .ContactWidget .ProvideCheckBoxGroup .g-FormField2 .g-FormField2-Label {float:right; line-height:20px;} .ContactWidget .ButtonDesign .RadioButtonGroup .RadioButton, .ContactWidget .ChatSettings .RadioButtonGroup .RadioButton, .ContactWidget .PhoneSettings .RadioButtonGroup .RadioButton {float:none;} .ContactWidget .ContactWidgetSectionTitle {font-size:18px; font-weight:bold; padding:10px 0;} .ContactWidget .CustomHtml .TextBoxContainer {width:300px; height:100px;} .CustomHtml .FormfieldAsNewFormField .TextBox {width:100%;} .OTypeListBox, .CTypeListBox, .UTypeListBox {width:25px; height:25px; background:url('img/contact_widget_type_listbox.png') no-repeat center top;} .OTypeListBox {background-position:center -27px;} .UTypeListBox {background-position:center -54px;} .CTypeListBox {background-position:center 0px;} .ChatSettings .RadioButton {margin:0 0 4px;} .ButtonTypes .RadioButtonGroup {margin:0 20px 0 0;} .ButtonTypes .RadioButton {clear:left; margin:0 0 4px;} .RecipientPopupWidget {background:#fffed6; color:#000; padding:4px 3px; border:1px solid #b5b5b5; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center;} .InfoLabel {font-size:0.9em;} .RecipientPopup .PopupWrapper-Top {padding-bottom:9px;} .PopupWrapper-Top .InfoArrowBorder {height:0; width:0; left:40%; bottom:-2px; border:5px solid #b5b5b5; border-color:#b5b5b5 transparent transparent; position:absolute;} .PopupWrapper-Top .InfoArrow {height:0; width:0; left:40%; bottom:-1px; border:5px solid #fffed6; border-color:#fffed6 transparent transparent; position:absolute;} .RecipientPopup .PopupWrapper-Bottom {padding-top:9px;} .PopupWrapper-Bottom .InfoArrowBorder {height:0; width:0; left:40%; top:-1px; border:5px solid #b5b5b5; border-color:transparent transparent #b5b5b5; position:absolute;} .PopupWrapper-Bottom .InfoArrow {height:0; width:0; left:40%; top:0; border:5px solid #fffed6; border-color:transparent transparent #fffed6; position:absolute;} .DeleteColumn {width:25px; height:25px; float:right;} .ButtonLikeIcon.Delete {background:url('img/button.icons.png') no-repeat -50px 0px; width:25px; height:25px;} .ButtonLikeIcon.Delete.ImLeButton-over {background:url('img/button.icons.png') no-repeat -50px -25px;} .ButtonLikeIcon.UpButton {float:right; background:url('img/button.icons.png') no-repeat -25px 0px; width:25px; height:25px;} .ButtonLikeIcon.UpButton.ImLeButton-over {background:url('img/button.icons.png') no-repeat -25px -25px;} .ButtonLikeIcon.DownButton {float:left; background:url('img/button.icons.png') no-repeat 0px 0px; width:25px; height:25px;} .ButtonLikeIcon.DownButton.ImLeButton-over {background:url('img/button.icons.png') no-repeat 0px -25px;} .FieldTypePanel .g-ListBoxInput {width:100px;} .AgentSignatureLabel {font-size:12px; font-weight:bold; background:#fff; border:1px solid #e0e0e0; -moz-border-radius:5px; padding:8px;} .AgentSignature .NewFormField:first-child {padding:10px 0;} .AgentSignatureForm .TextArea {height:48px; margin:4px 0 0;} .AgentSignatureForm .TextArea .g-FormField2-InputPanel, .AgentSignatureForm .TextArea .TextBox{width:500px;} .AgentSignatureForm .TextArea .TextBoxContainer{display:block;} .aboutPanel .ButtonLikeLink .buttonText {color:#ec9222;} .UserDepartmentsSignatures {padding:5px 0;} .UserSignatureLabel {line-height:19px;} .UserDepartmentSignature {background:#e5e5e5; padding:5px; margin:0 0 4px;} .SignatureTextArea .TextBoxContainer {width:400px; height:100px;} .FooterDescription {padding:0 0 20px 145px; margin:0px !important;} .InitSignaturePanel {padding:15px 0 5px;} .InitSignatureLink {text-decoration:underline; cursor:pointer;} .InitSignaturePanel .DescriptionLabel { display:inline;} .LinkLabel {color:#00f; text-decoration:underline;padding-left:10px;cursor:pointer; display:inline;} .InputBoxHeader, .InputBoxFooter {padding:0 10px; clear:both;} .InputBoxHeader .TextBoxContainer, .InputBoxFoter .TextBoxContainer {display:block;} .InputBoxHeader .InputBoxAreaContainer {border-bottom:0; overflow:auto;} .InputBoxFooter .InputBoxAreaContainer {border-top:0; overflow:auto;} .ActionInputBox-expand .AboveInput {position:relative; margin:5px 0;} .ActionInputBox-expand .AboveInput .SubjectPanel {padding:0 0 10px;} .InputBoxAreaContainer {background:#efefef; border:1px #b6b5b5 solid;} .ActionInputBox-active .AdvancedViewPanel {position:absolute; right:10px; bottom:5px;} .ActionInputBox-active .AdvancedViewLabel {cursor:pointer; display:block; color:#575757;} .AdvancedViewLabel:hover {text-decoration:underline;} .inputEmail {padding:0 180px 0 0;} .Input .g-FormField2-Label {width:auto; text-align:left; float:none;} .InputBoxPanel {position:relative;} .InputBoxRight {position:absolute; top:0px; right:10px; display:none;} .InputBoxPanelWithPhone .InputBoxRight {display:block;} .InputBoxPanelWithPhone .InputBox {margin-right:80px;} .InputBoxPanelMessageExpanded .InputBox {margin-right:0;} .InputBoxPanelMessageExpanded .InputBoxRight {display:none;} .CategoryView .RadioButton2 {float:left;} .AssignedToMeFilter .AssignedToMe {font-weight:bold;} .InviteAction .Agent {float:left;} .InviteAction .Agent .g-FormField2-Label {margin:0 5px 0 0;} .InviteAction .Input {clear:both;} .InviteAction .Input .g-FormField2-Label {float:none; width:auto; text-align:left;} .InviteAction .Input .g-FormField2-InputContainer {float:none;} .InviteAction .Input .g-FormField2-InputPanel {width:100%;} .InviteListboxAgentName {line-height:14px;} .InviteListboxAgentEmail {line-height:11px; font-size:0.8em; color:#c0c0c0;} .g-ListBoxPopup .UserWidget .UserInfo, .g-ListBoxPopup .AgentWidget .UserInfo {line-height:13px;} .AgentInviteCountLabel {float:left; margin:6px 3px 0;} .AgentInviteIcon {float:left; width:20px; height:18px; background:url("img/unread_chat.png?t=65") no-repeat top left; margin:5px 0 0;} .ActionInputBox-noteReopen .ReopenPanel {float:left; margin:5px 0 0 10px;} .ActionInputBox-noteReopen .LeftButtons {float:left; clear:left;} .UserDepartmentsPanel .g-TablePanel {background-color:#EFEEED;} .UploadImageButton .Text {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .PresetMenuIcon-visible {background-color:transparent; background:url("img/expand3.png") no-repeat 4px -13px;} .PresetMenuIcon-hover {background-color:transparent; background:url("img/expand3.png") no-repeat 4px 7px;} .PresetIcon {background:url("img/icons16.png?t=65") no-repeat -192px -96px;} .PresetSelected .PresetIcon {background:url("img/icons16.png?t=65") no-repeat -208px -96px;} .InfoCallButtons .InfoLink {text-decoration:underline;} .InfoCallButtons .InfoLink:hover {cursor:pointer;} .MessageSendFailedMessage {color:red; font-weight:bold;} .ButtonDesignFormWidget.ButtonPreview, .KbSearchWidgetDesignFormWidget.ButtonPreview {width:300px; height:200px;} .ContactFormDesignFormWidget.ButtonPreview {width:300px; height:300px;} .IntegrationByEmailView {width:600px;} .IntegrationByEmailView .TextBoxContainer textarea {width:450px; height:200px;} .AddViewTable .g-Table {float:left;} .AutoPauseContent .CheckBoxlabel {float:left; padding-left:5px;} .VisitRow {background:#fff;} .VisitRow.g-TableRow-over {background:#f7f7f7;} .VisitRowT {background:#c3e1fd;} /* chatting */ .VisitRowT.g-TableRow-over {background:#add6fc;} /* chatting - over */ .VisitRowP {background:#c5e8ac;} /* calling */ .VisitRowP.g-TableRow-over {background:#b9dba1;} /* calling - over */ .VisitRowAP {background:#c5c5c5;} /* auto invited */ .VisitRowAP.g-TableRow-over {background:#b2b2b2;} /* auto invited - over */ .VisitRow .LastActivity {font-weight:bold; line-height:19px;} .VisitRow .ActionLabel, .VisitRow .StatusDescriptionLabel {line-height:19px;} .VisitRow .ImLeButton {margin:7px 0 0 2px;} .VisitRow .ImLeButton .buttonText {line-height:21px; padding:0 10px;} .VisitRow .ImLeButtonMain {border:1px solid #a5a5a5;} .VisitRow .GreenButton .ImLeButtonMain {border:1px solid #448002;} .PreviewInPageOnClickPopup, .PreviewInPageUrlPopup {background-color:#FFFFDC; color:#202020; border:1px solid #B1A77E; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .PreviewInPageOnClickPopup .gwt-Label {margin:5px;} .PreviewInPageUrlPopup .PreviewInPageUrlPopupContent {margin:5px 5px 5px 8px; height:16px;} .PreviewInPageUrlPopup .PreviewInPageUrlPopupClose {position:relative; float:left; margin-left:5px;} .PreviewInPageUrlPopup .gwt-Label {float:left;} .PreviewInPageUrlPopupArrow {width:16px; height:11px; position:absolute; top:26px; left:7px; background:url("img/conversation-arrows.png") no-repeat -16px -238px transparent;} .HoverButton.ImLeButton {border:none; clear:both; padding:3px; margin:0; font-weight:bold; background:url('img/button_glow.png') repeat left top; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-decoration:none; text-align:center;} .HoverButton.ImLeButton-focused, .HoverButton.ImLeButton:hover {background:url('img/button_glow.png') repeat left top;} .HoverButton .buttonBgColor {background:rgb(72,72,72); background:rgba(0,0,0,0.65); border:0px !important; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .HoverButton .buttonBgColor .buttonBgColor {background:transparent;} .HoverButton .buttonBorderColor {border:0px !important;} .HoverButton .buttonBgShadowColor {display:none;} .HoverButton .buttonText {color:#fff; font-size:15px; line-height:36px; padding:0 15px 0 35px;} .HoverButton .buttonIcon {display:block; position:absolute; top:6px; left:6px; width:22px; height:22px; background:url('img/icons22.png') no-repeat -22px 0px;} .EditHoverButton .buttonIcon {background-position:-22px -22px;} .CreateHoverButton .buttonIcon {background-position:-22px 0px;} .CustomizeHoverButton .buttonIcon {background-position:-22px -44px; top:7px;} .HoverButton .buttonOverBgColor, .HoverButton.ImLeButton-focused .buttonBgColor {background:rgb(50,50,50); background:rgba(0,0,0,0.85); border:0px;} .HoverButton .buttonOverBgShadowColor {display:none;} .CustomerHeader {position:relative; height:110px;} .CustomerMainInfo {padding:0 0 0 145px;} .CustomerMainInfo .CaptionTextBox {float:none;} .CustomerAvatar {position:absolute; width:130px; height:110px; top:0; left:0;} .CustomerAvatar .g-FormField2-InputContainer, .CustomerAvatar .g-FormField2-InputPanel {float:none;} .FormFieldset .CustomerAvatar .ImLeButton.ChangeLink {display:block; text-align:center;} .CustomerShowGroups .ConversationTagsView .TagWidget {margin:4px 0 2px;} .Customers .g-TableRow .TagWidget {margin:4px 0 0 4px;} .Customers .UserWidget .UserInfo, .Customers .AgentWidget .UserInfo {padding:3px 0 0 40px; line-height:14px;} .Customers .g-TableRow .CheckBox, .Customers .g-TableRow .CheckBox-checked {margin:9px 6px;} .FormfieldAsNewFormField.NoteText .TextBox {width:350px; height:250px; background:#FCFADC; padding:8px 12px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .FormfieldAsNewFormField.NoteText .TextBoxContainer {background:transparent; padding:0 !important; border:none;} .FormfieldAsNewFormField.NoteText .TextBoxContainer-focus {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:none;} .CustomerEditNote {position:relative; padding:10px 0; background:url('img/box_divider.png') repeat-x left bottom;} .CustomerEditNote .FormfieldAsNewFormField {padding:0;} .ExtensionFormFieldSeparator.ExtensionFields-Full {background:url('img/box_divider.png?t=65') repeat-x left bottom;} .HelpPopup {padding:5px 15px 10px; border-radius:0px; -moz-box-shadow:0 0 8px #666; -webkit-box-shadow:0 0 8px #666; border:1px solid #999; box-shadow:0 0 8px #666666;} .EmailTemplateRowPanel .CheckBoxContainer {width:100%;} .ContactWidgetEditView {min-width:880px;} .ContactWidgetEditView .ButtonDesignSection, .KbSearchWidgetEditView .KbsearchDesignSection {width:300px; height:200px; margin:0 10px; border:1px solid #d5d5d5;} .ContactWidgetEditView .StatsSection {width:440px; height:200px; margin:0 10px;} .ContactWidgetEditView .RadioButton {float:none;} .ContactWidgetEditView .IntegrationSection {margin:10px;} .ContactWidgetEditView .IntegrationArrow {position:absolute; top:15px; left:0; margin:0 0 0 -11px; width:0; height:0; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #c7c3a1 transparent transparent;} .ContactWidgetEditView .IntegrationArrowIn {position:absolute; top:15px; left:0; margin:0 0 0 -10px; width:0; height:0; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #FFFDED transparent transparent;} .ContactWidgetEditView .ContactFormDesignSection, .InvitationEditView .InvitationDesignSection, .SuggestionButtonEditView .SuggestionDesignSection, .CallButtonEditView .CallDesignSection {width:300px; height:200px; margin:0 10px; border:1px solid #d5d5d5;} .ContactWidgetEditView .HowWorksLeftSection {width:500px; margin:0 10px 0 0;} .ContactWidgetEditView .ButtonDesignLabel {margin:0 0 0 10px;} .InvitationEditView .ConditionSectionLabel {font-size:14px; font-weight:bold; margin:30px 10px 10px;} .PreviewWrapperWidget .LeftPanel, .PreviewWrapperWidget .RightPanel {float:left; height:100%;} .PreviewWrapperWidget .RightPanel {margin-left:20px;} .ContactWidgetEditView .PreviewWrapperWidget .HtmlPreviewWithHoverButton, .ContactWidgetEditView .g-FormField2 .HtmlPreviewWithHoverButton {height:200px;} .ChatNotAvailableAction .PreviewWrapperWidget .LeftPanel , .ChatAction .PreviewWrapperWidget .LeftPanel {width:250px;} .TicketDetailHeader {cursor:pointer; padding:5px; line-height:23px; padding:0 0 0 20px; background:url('img/ticket_detail_header-close.png') no-repeat 8px 7px;} .TicketDetailHeader-open {background:url('img/ticket_detail_header-open.png') no-repeat 6px 10px;} .TicketDetailHeader:hover {text-decoration:underline;} .TaskbarBrandingPanel {position:absolute; right:10px; top:2px; max-height:34px;} .TaskbarBrandingPanel .gwt-Image {max-height:34px;} /*need for IE*/ .CreateInvitationButtonView .CreateButtonWidgetPreview {height:220px;} .CreateOwnWidget {width:100%; height:100%; background-color:#eee;} .CreateOwnWidget .Icon.Html {background:url('img/create-from-html-icon.png') no-repeat center bottom !important; height:100px; width:100%;} .CreateOwnWidget .Icon.Image {background:url('img/create-from-image-icon.png') no-repeat center bottom !important; height:100px; width:100%;} .CreateOwnWidget .Name {float:none; font-weight:bold; text-align:center; font-size:13px; color:#666;} .KbStartMessageGroup .HeaderChanged {padding:4px 8px 4px 43px;} .ContactWidgetsView .ContactWidgetHeader .Widgets, .ContactWidgetsView .ContactWidgetHeader .Title {float:left;} .ContactWidgetHeader .ImLeButton {margin-right:5px;} .ContactWidgetHeader .DisabledInfo {background:#eee; display:inline-block; line-height:16px; padding:2px 4px 2px 8px; vertical-align:middle; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;} .ContactWidgetHeader .EnabledButton {background:#eee !important; vertical-align:middle; border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;} .ContactWidgetHeader .EnabledButton .buttonBgColor, .ContactWidgetHeader .EnabledButton .buttonOverBgColor {border:none !important;} .ContactWidgetHeader .EnabledButton .buttonText {line-height:20px; padding:0 8px 0 3px;} .RowNumber {padding:5px 0 0 5px; font-size:12px;} .OrCancel {margin:5px;} .SecureUrlImage {background:url('img/browser_secure.png') no-repeat; width:500px; height:33px;} .ChannelName {padding:0 0 0 23px; position:relative; line-height:28px;} .ChannelName .ChannelIcon {left:0; top:7px; width:16px; height:16px; background:url('img/icons16.png?t=201401151606') no-repeat 0 0; position:absolute; opacity:0.5;} .MyConversationViewText .ChannelIcon {left:6px; top:7px; width:16px; height:16px; background:url('img/icons16.png?t=65') no-repeat 0 0; position:absolute;} .ChannelNameE .ChannelIcon, .Channel_E .MyConversationViewText .ChannelIcon {background-position:0 -96px;} .ChannelNameA .ChannelIcon, .Channel_A .MyConversationViewText .ChannelIcon {background-position:-16px -96px;} .ChannelNameF .ChannelIcon, .Channel_F .MyConversationViewText .ChannelIcon {background-position:-16px -96px;} .ChannelNameB .ChannelIcon, .Channel_B .MyConversationViewText .ChannelIcon {background-position:-32px -96px;} .ChannelNameQ .ChannelIcon, .Channel_Q .MyConversationViewText .ChannelIcon {background-position:-48px -96px;} .ChannelNameT .ChannelIcon, .Channel_T .MyConversationViewText .ChannelIcon {background-position:-64px -96px;} .ChannelNameS .ChannelIcon, .Channel_S .MyConversationViewText .ChannelIcon {background-position:-80px -96px;} .ChannelNameM .ChannelIcon, .Channel_M .MyConversationViewText .ChannelIcon {background-position:-96px -96px;} .ChannelNameK .ChannelIcon, .Channel_K .MyConversationViewText .ChannelIcon {background-position:-112px -96px;} .ChannelNameI .ChannelIcon, .Channel_I .MyConversationViewText .ChannelIcon {background-position:-128px -96px;} .ChannelNameC .ChannelIcon, .Channel_C .MyConversationViewText .ChannelIcon {background-position:-144px -96px;} .ChannelNameW .ChannelIcon, .Channel_W .MyConversationViewText .ChannelIcon {background-position:-144px -96px;} .ChannelNameH .ChannelIcon, .Channel_H .MyConversationViewText .ChannelIcon, .ChannelNameJ .ChannelIcon, .Channel_J .MyConversationViewText .ChannelIcon {background-position:-272px -96px;} /*weibo*/ .ChannelNameD .ChannelIcon, .Channel_D .MyConversationViewText .ChannelIcon, .ChannelNameN .ChannelIcon, .Channel_N .MyConversationViewText .ChannelIcon {background-position:-288px -96px;} /*tencent*/ .SearchPanelBasicOptions .RadioButton2 {margin-top:4px;} .ChangeLink {margin:5px 0;} .MenuLevel2 {padding-left:20px;} .MenuLevel3 {padding-left:35px;} .MyDepartmentsTable {z-index:99999;} .MonitoringViewTable.g-TablePanel {border:none;} .SelectTagListBoxLikeWidget .AddTagButton .buttonIcon {display:block; width:18px; height:18px; background:transparent url("img/expand.png") no-repeat center 7px;} .SelectTagListBoxLikeWidget .SelectedTagPanel .TagWidget {margin:0 4px;} .SelectTagListBoxLikeWidget .SelectedTagPanel .TagWidget .TagName {whitespace-wrap:nowrap;} .SelectTagListBoxLikeWidget .SelectedTagPanel .TagWidget .TagClose {display:none;} .ConversationRow-inqueue .ConversationCellWidgetLineIn, .ConversationRow-ringing .ConversationCellWidgetLineIn, .ConversationRow-running .ConversationCellWidgetLineIn {float:left; width:auto;} .MonitoringStatusActionButton {margin:13px 0 0 3px;} .MonitoringStatusActionButton .ImLeButtonMain {border:1px solid #a5a5a5;} .MonitoringStatusActionButton .buttonText {padding:0 10px; line-height:21px;} .ConversationManagerHeader {padding:0;} .CustomPresetDescription {line-height:20px; vertical-align:middle;} /* TODO: is it necessary? can we remove it from code? */ .ContentPadding {margin:0;} .ChannelDisableSection .ButtonLikeLink {margin:0 5px; vertical-align:top;} .ChannelDisableTitle {display:inline;} .QuickLinks {width:auto; overflow:hidden; clear:both;} .QuickLinksLabel {font-size:12px; line-height:30px; border-bottom:2px solid #ccc;} .LanguageTranslationsTable .g-TableRow {cursor:pointer;} .VisitorsMapCount div {font-size:13px; line-height:24px; display:inline; margin:0 5px 0 0;} .SimpleDialogPadding {width:auto !important; height:auto !important;} .ActualLicense {font-size:13px; padding:10px 0 30px; text-align:center; font-weight:bold;} .PleaseSelectLabel {width:320px; margin:0 auto 10px; font-size:11px;} .AgentsCount {width:320px; margin:0 auto;} .AgentsCount .g-FormField2-Label {text-align:left; width:250px;} .AgentsCount .g-FormField2-InputContainer {float:right;} .AgentsCount .g-FormField2 .TextBox {width:40px; text-align:right;} .PricePerAgentPanel {width:320px; padding:0 0 10px; margin:10px auto; font-size:11px; text-align:right; border-bottom:2px solid #6d6d6d;} .PricePerAgentLabel {float:left;} .TotalPriceAgentsPanel {width:320px; margin:0 auto 15px; font-size:11px; font-weight:bold; text-align:right;} .TotalPriceAgentsLabel {float:left;} .BuyAgentsButtons.PopupActionButtons {width:320px; margin:0 auto; font-size:11px;} .ExplanationNote {font-size:11px; margin:30px 0 0;} .massActionProcessing {padding:35px 15px 10px !important; background-image:url('img/progress.gif'); background-repeat:no-repeat; background-position:center 10px;} .MessageLoadView .LoadAvgSlots {background-color:#e6f2d9;} .MessageLoadView .g-TableRow-Odd .LoadAvgSlots {background-color:#dceccc;} .MessageLoadView .g-TableRow-over .LoadAvgSlots {background-color:#d3e4c2;} .MessageLoadView .g-TableRow-Odd.g-TableRow-over .LoadAvgSlots {background-color:#d3e4c2;} .MessageLoadView .LoadAvgService {background-color:#e3eef5;} .MessageLoadView .g-TableRow-Odd .LoadAvgService {background-color:#d8e7f0;} .MessageLoadView .g-TableRow-over .LoadAvgService {background-color:#c7dbe6;} .MessageLoadView .g-TableRow-Odd.g-TableRow-over .LoadAvgService {background-color:#c7dbe6;} .MessageLoadView .LoadAvgQueue {background-color:#fff4df;} .MessageLoadView .g-TableRow-Odd .LoadAvgQueue {background-color:#f8e9cc;} .MessageLoadView .g-TableRow-over .LoadAvgQueue {background-color:#f4e2c0;} .MessageLoadView .g-TableRow-Odd.g-TableRow-over .LoadAvgQueue {background-color:#f4e2c0;} .FromNumberPanel {display:inline;} .FromNumberLabel {float:left;} .VoiceMessagesDescriptionLabel {padding:5px 0 10px 150px; line-height:20px;} .VoiceMessagesDescriptionLabel b {font-size:12px;} .VoiceType { padding-bottom:0px;} .VoiceMessageField {padding-left:150px;} .VoiceField .TextBox { width:600px;} .PersonalDetailsForm .FormFieldsetButtons {padding:15px 15px 3px 145px;} .DepartmentNameForm .FormFieldsetButtons, .SettingsAgentForm .FormFieldsetButtons, .DialogWithForm .FormFieldsetButtons {padding:15px 15px 3px 160px;} .DialogWithGrid {padding:15px;} .DialogWithGrid .g-FormField2-InputContainer .gwt-Label {padding:5px 0;} .CustomerFields .FormfieldAsNewFormField {padding:3px 0;} .DialogPanel .CustomerFields .FormFieldset {padding:8px 15px;} .CustomerFields .AddLink {margin:4px 0 0 145px;} .CustomerFields .SelectButton {margin:4px 0 4px 145px;} .CustomFormFieldset {padding:10px 15px;} .CustomerFields .gwt-TextBox {width:203px;} .CustomerFields .ConversationTagsView .TagInsertButton {margin-top:5px;} .CustomerFields .ConversationTagsView .TagWidget {margin-top:4px;} .CustomerNamePanel .gwt-Label {width:auto;} .CustomerNamePanel .TextBoxBaseWithDefault .TextBox {width:250px; height:25px; line-height:25px; font-size:15px !important;} .ContactFieldWidget.AddressFieldView .g-FormField2-InputPanel .gwt-HTML {background-color:#fff; border:1px solid #CBCBCB; padding:7px; width:197px; min-height:40px; font-size:13px; line-height:20px;} .ContactFieldWidget .g-FormField2-ErrorIcon {right:-40px;} .ConvertToCompanyButton {margin:0 0 0 25px;} .ConvertToCompanyButton .buttonText {line-height:30px !important; padding:0 0 0 26px;} .ConvertToCompanyButton .buttonIcon {display:block; width:22px; height:22px; background:url('img/icons22.png?t=65') no-repeat -154px -110px; opacity:0.5; position:absolute; left:0; top:3px;} .ImLeButton-over.ConvertToCompanyButton .buttonIcon {opacity:0.8;} .SetCompanyFormView {margin:5px 0 0; position:relative; padding:0 0 0 21px; line-height:18px;} .CompanyFormIcon {background:url('img/icons16.png?t=65') no-repeat -224px -64px; width:16px; height:16px; position:absolute; left:0; top:1px;} .SetCompanyFormView .ButtonLikeLink .buttonText {line-height:18px !important;} .ViewMapButton.ButtonLikeLink .buttonText {line-height:23px !important; padding:0 5px;} .CustomerMergeView .g-FormField2-InputContainer {float:none;} .CustomerMergeView .g-FormField2-InputPanel {float:none;} .CustomerMergeView .UserWidget .UserInfo {padding:0 0 0 42px;} .CustomerMergeView .FormFieldsetButtons {padding:10px 15px 3px 0; background:none;} .CustomerMergeView .RadioButton2-Content {padding:10px 0 8px 35px; margin:0 0 1px; background:#f1f1f1;} .CustomerMergeView .RadioButton2-Content:hover {background:#e7e7e7;} .CustomerMergeView .RadioButtonGroup2-grid .RadioButton2-Button {left:5px;} .AddPeopleView .g-TableRow .CheckBoxContainer .CheckBox {margin:9px 6px;} .AddPeopleView .UserWidget .UserInfo {padding:0 0 0 42px;} .AddPeopleView .UserWidget .InfoHtml {line-height:13px;} .PeopleView .g-TableRow .CheckBoxContainer .CheckBox {margin:9px 6px;} .PeopleView .UserWidget .UserInfo {padding:0 0 0 42px;} .PeopleView .UserWidget .InfoHtml {line-height:13px;} .MessageGroupOpenLabel {color:#717171; cursor:pointer; margin-left:60px;} .CodeLabel {text-decoration:none; font-size:15px; color:#000; line-height:21px; cursor:pointer;} .CodeLabel:hover {text-decoration:underline;} .RecipientWidget:hover {background:#f5f5f5;} .ConversationInfoView .RecipientWidgetFields {width:400px;} .SuggestionVotesIcon {background:url('img/icons16.png?t=651') no-repeat -160px -64px; opacity:0.4;} .SuggestionStatus {font-size:11px; padding:0 5px; border:1px solid #6f6f6f; border:1px solid rgba(111,111,111,0.5); line-height:13px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .SuggestionStatusN {background:#ff8758;} .SuggestionStatusU {background:#ffc600;} .SuggestionStatusL {background:#d19ee9;} .SuggestionStatusS {background:#63daf4;} .SuggestionStatusC {background:#70e151;} .SuggestionStatusX {background:#c9c9c9;} .HideMap {position:absolute; right:0; top:0; bottom:0; background:#fff;} .HideMap .buttonIcon {width:16px; height:16px; background:url('img/icons16.png?t=65') no-repeat -224px -96px; opacity:0.6;} .HideMap.ImLeButton-over .buttonIcon {opacity:0.8;} .ShowMap {margin:0 0 0 85px;} .ShowMap .buttonText {opacity:0.6; padding:0 0 0 20px;} .ShowMap .buttonIcon {display:block; position:absolute; left:0; top:0; width:16px; height:16px; background:url('img/icons16.png?t=65') no-repeat -224px -80px; opacity:0.6;} .ShowMap .buttonText {opacity:0.8;} .ShowMap.ImLeButton-over .buttonIcon {opacity:0.8;} .SetRequesterRowWidget .RadioButton2 {position:absolute; left:5px; top:8px;} .SetRequesterRowWidget .UserWidget {position:absolute; left:30px;} .SetRequesterRowWidget .ImLeButton {position:absolute; left:450px; top:6px;} .SetRequesterRowWidget .UserInfo {padding:3px 0 0 45px;} .SetRequesterRowWidget .UserInfo .UserName, .SetRequesterRowWidget .UserInfo .InfoHtml {border:none; line-height:16px;} .ExpandButton {position:absolute; cursor:pointer; width:16px; height:16px; height:16px; background:url('img/icons16.png?t=65') no-repeat -224px -80px; opacity:0.6;} .ExpandButton:hover {opacity:0.8;} .expandButtonOpen {background:url('img/icons16.png?t=65') no-repeat -224px -96px;} .DetailsExtensionBox .ExpandButton {right:0; top:0;} .ExtensionViewTitle {line-height:40px; padding:0 10px; font-size:16px; font-weight:bold;} .TabViewTitle {line-height:40px; padding:0 10px; font-size:14px; font-weight:bold;} .TicketFields .TabViewTitle {background:url('img/header_divider.png') repeat-x left bottom;} .RecipientsView .TabViewTitle {line-height:14px; padding:0 0 13px;} .BrowserInfoFields .g-FormField2 {margin:0 0 10px;} .BrowserInfoFields .g-FormField2-Label {padding:0 10px 0 0; font-size:12px;} .BrowserWidget {position:relative;} .KnownBrowserType {padding:0 0 0 22px;} .KnownBrowserType .BrowserIcon {left:0; top:50%; margin-top:-9px; width:16px; height:16px; position:absolute; background:url('img/icons16.png?t=65') no-repeat 0 0;} .Safari .BrowserIcon {background-position:-240px 0;} .Chrome .BrowserIcon {background-position:-240px -16px;} .InternetExplorer .BrowserIcon {background-position:-240px -32px;} .Edge .BrowserIcon {background-position:-240px -32px;} .Firefox .BrowserIcon {background-position:-240px -48px;} .Opera .BrowserIcon {background-position:-240px -64px;} .PlatformWidget {position:relative;} .KnownPlatformType {padding:0 0 0 22px;} .KnownPlatformType .PlatformIcon {left:0; top:50%; margin-top:-9px; width:16px; height:16px; position:absolute; background:url('img/icons16.png?t=65') no-repeat 0 0;} .Windows .PlatformIcon {background-position:-256px 0;} .Apple .PlatformIcon {background-position:-256px -16px;} .Linux .PlatformIcon {background-position:-256px -32px;} .Android .PlatformIcon {background-position:-256px -48px;} .iPhone .PlatformIcon {background-position:-256px -64px;} .DetailsPanelScrolledY {overflow-x: hidden; overflow-y: auto;} .DetailsFormWidgetSmall .DetailsPanelScrolledY {margin:0 -10px;} .DetailsFormWidgetSmall .DetailsFormfield {margin:0;} .MoreUniqueFields {margin:0 0 5px 95px;} .MoreUniqueFields .buttonText {font-size:10px;} .CurrentAddressWidget .Flag {margin:4px 5px 0 0} .OwnerFormWidgetWrapper .WindowResizerS {background:url('img/boxes_resizer.png') no-repeat center center;} .EditTranslation .g-FormField2-Label {width:auto;} .EditTranslation .g-FormField2-InputContainer {clear:both;} .EditTranslation .TextBoxContainer {width:280px; height:50px;} .EditTranslation .Disabled {background:#F1F1F1;border: none;} .EditTranslation .Disabled textarea {color:#000;} .SetRequesterView .g-TablePanel {overflow:hidden;} .SetRequesterView .g-TableRow {border-bottom:1px solid #fff; background:#f1f1f1;} .SetRequesterView .g-TableRow-over {background:#e7e7e7;} .SetRequesterView .FormfieldAsNewFormField {padding:5px 0;} .SetRequesterView .FormFieldSeparator {padding:5px 0 10px; margin:0 0 5px;} .ContactConflictsIcon {background:url('img/icons35.png?t=65') no-repeat -315px -70px;} .ContactConflictActions .RadioButton2-Content {padding:0 0 0 23px; position:relative; margin:3px 0;} .ContactConflictActions .RadioButton2-Widget {background:url('img/icons16.png?t=65') no-repeat 0 0; position:absolute; left:0; top:2px; width:16px; height:16px;} .mergeToHim .RadioButton2-Widget {background-position:-256px -80px;} .mergeToMe .RadioButton2-Widget {background-position:-240px -80px;} .move .RadioButton2-Widget {background-position:-240px -96px;} .discard .RadioButton2-Widget {background-position:-256px -96px;} .ContactConflictsView .FormFieldsetButtons {padding:10px 15px 3px 0; background:none;} .InfoWidgetSource {width:50px; height:50px;} .InfoWidgetView .CodeLabel {font-size:15px; font-weight:bold;} .LabelLikeLink {cursor: pointer; text-decoration: underline;} .CallTransferAction .Input {clear:both;} .CallTransferAction .Input .g-FormField2-Label {float:none; width:auto; text-align:left;} .CallTransferAction .Input .g-FormField2-InputContainer {float:none;} .CallTransferAction .Input .g-FormField2-InputPanel {width:100%;} .ConversationInfoView .TicketFields .SelectButton {margin:4px 0 4px 145px;} .ChangeStatusAction .Input {clear:both;} .ChangeStatusAction .Input .g-FormField2-Label {float:none; width:auto; text-align:left;} .ChangeStatusAction .Input .g-FormField2-InputContainer {float:none;} .ChangeStatusAction .Input .g-FormField2-InputPanel {width:100%;} .ChangeStatusAction .SuggestionStatus {margin:5px 0 0; padding:0 20px 0 5px;} .ChangeStatusAction .SuggestionStatus.g-ReadOnlyListBox .g-ListBoxInput {font-size:11px;} .ChangeStatusAction .SuggestionStatus.g-ReadOnlyListBox .g-ListBoxButton {top:0; height:15px; width:15px; background: url("img/icons16.png?t=65") no-repeat -193px -17px;} .AgentOwnerFormWidgetView .UserType.Agent {margin: 0 0 0 5px; padding:0px 3px;} .CustomCssWarningWidget .CustomCssWarningLabel {color: #f00;} .CustomCssDialogContentWidget textarea {width: 100%; height: 100%;} .CustomCssDialogContentWidget .CustomCssDialogButtons .CustomCssCancelButton {margin-left: 10px;} .ChatsView .ChatsViewRowClickable, .ChatsOverviewView .ChatsOverviewViewRowClickable, .CallsHistoryView .CallsHistoryViewRowClickable {cursor: pointer;} .RetweetTextBox {width:100%; margin:0 0 10px;} .RetweetTextBox.TextBoxContainer-Readonly .TextBox {width:100%;} .EmailFetchWidget .ErrorMessage {background:#ad1d22; color:#fff; padding:0 3px; border-radius:3px;} .HiddenNewFormField {padding:0;} .UserWidget.PopupUserWidget {padding:0 0 10px 85px;} .UserWidget.PopupUserWidget .UserInfo {padding:0 0 0 56px;} .UserWidget.PopupUserWidget .UserName {line-height:50px; font-size:15px;} .AgentPhonesUserWidget {padding:7px;} .AgentPhonesUserWidget .InfoHtml {display:inline; margin-right:5px;} .AgentPhonesUserWidget .AgentsGridItem {padding:0 0 0 45px;} .AgentPhoneNumber, .AgentNumberStatus {font-size:12px; padding:0 5px;} .PhoneDepartmentNameLabel, .PhoneNumberLabel {font-size:12px; padding:0 5px; vertical-align:middle;} .PhoneNumberLabel {display:inline-block;} .PhoneNumberTypeLabel { display: inline-block; vertical-align: middle; line-height: 18px; padding: 0 10px; border-radius: 2px; } .PhoneNumberTypeLabel.OutgoingNumber { background: #aaa; color: #fff; } .PhonesGridItem {position:relative; padding:10px 10px 10px 60px;} .PhonesGridItem:before {display:block; position:absolute; left:10px; top:10px; content:''; width:35px; height:35px; background:url('img/icons35.png?t=201429051630') no-repeat -315px -105px;} .PhonesGridItemValue {line-height:35px; font-size:15px; cursor:pointer; margin-bottom:11px;} .PhonesGridItemValue:hover {text-decoration:underline;} .AltTextPanel {width:104px; overflow:hidden; background:#fffed6; color:#000; padding:4px 3px; border:1px solid #b5b5b5; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center;} .AltTextPanel .AltText {width:104px; padding:0 2px; text-align:left;} .AltTextPanel .AltText .gwt-Label {border:none;} .KnowledgebaseSettingsStatus {font-weight: bold;} .KnowledgebaseSettingsStatus.StatusS {color: green;} .KnowledgebaseSettingsStatus.StatusD {color: orange;} .KnowledgebaseSettingsStatus.StatusU {color: red;} /* ******************************************* */ /* END OF FILE */ /* Keep this section at the very bottom of */ /* this file, so that custom.css is imported */ /* after all styles are defined */ /* ******************************************* */