/****************************************************************************************** Body *******************************************************************************************/ body { font-size: 12px; font-weight: 500; font-family: Arial, sans-serif, Helvetica, Roboto; /* 'Noto Sans', sans-serif; 'Roboto Condensed script=latin rev=2', sans-serif; Oswald, Tahoma, sans-serif; */ margin: 0; padding: 0px; overflow-y: scroll; } .wsNoScriptPanel { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; }` .wsNoScriptPanel .wsText { width: 50%; margin-left: auto; margin-right: auto; padding: 20px; text-align: center; font-weight: bold; font-size: 1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /****************************************************************************************** END Body *******************************************************************************************/ /****************************************************************************************** WS Header Popup *******************************************************************************************/ .wsHeaderPopup { position: absolute; top: 0; left: 0; display: block; width: auto; border: solid 1px; z-index: 10; } .wsHeaderPopup.wsPopupLogin { } .wsHeaderPopup.wsPopupLogin .wsContent { position: relative; padding: 10px 10px 5px 10px; width: 270px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsContentTable { width: 100%; } .wsHeaderPopup.wsPopupLogin .wsContent .wsContentTable > tbody > tr > td { padding-bottom: 8px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsTitle { text-align: left; font-size: 14px; margin-top: -10px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsError { } .wsHeaderPopup.wsPopupLogin .wsContent .wsControl.wsTextbox { width: 250px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginButton { padding: 3px; width: 250px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsRegisterButton { padding: 3px; width: 250px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginForgotButton { padding: 0px; width: auto; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginMessage { position: absolute; top: 0; left: 0; bottom: 0; right: 0; vertical-align: central; text-align: center; z-index: 2; line-height: 200px; font-size: 14px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginTextbox { padding-right: 0; padding-left: 29px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginTextbox .wsIcon { left: -1px; top: -1px; bottom: -1px; right: auto; width: 29px; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginTextbox .wsIcon span { width: 29px; } .wsHeaderPopup.wsPopupUserInfo { } .wsHeaderPopup.wsPopupUserInfo .wsContent { padding: 10px 10px 5px 10px; width: 290px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsContentTable { width: 100%; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsContentTable > tbody > tr > td { padding-bottom: 4px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsTitle { margin-bottom: 4px; text-align: center; font-size: 14px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsTitle .wsImage img { max-width: 60px; max-height: 60px; width: auto; height: auto; display: block; margin-right: 10px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsTitle .wsImage .wsIcon { width: 60px; height: 60px; display: block; margin-right: 10px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsTitle .wsImage .wsIcon span { font-size: 40px; line-height: 60px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsTitle .wsInfoMemberSince { font-size: 11px; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsInfoButton { padding: 3px; width: 270px; text-align: left; border: none; border: 1px solid #d1d1d1; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsInfoButton:hover { } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsLogoutButton { padding: 3px; width: 270px; margin-top: 4px; } /****************************************************************************************** END WS Header Popup *******************************************************************************************/ .wsSectionTitle { font-size: 14px; font-weight: 600; } /****************************************************************************************** WS Layout *******************************************************************************************/ .wsLayoutContentTable.wsContentTable > tbody > tr > td.wsLabel { min-width: 90px; } .wsLayoutImageGalleryContainer { width: 400px; min-height: 147px; } .wsLayoutImageGalleryContainer .wsControl.wsGrid { max-height: 320px; } .wsControl.wsFile.wsLayoutImageGalleryUpload { width: 320px; } .wsContent.wsLayoutEdit .wsWidthCtrl { width: 127px; } .wsContent.wsLayoutEdit .wsWidthTypeCtrl { width: 70px; } .wsContent.wsLayoutEdit .wsHeightCtrl { width: 127px; } .wsContent.wsLayoutEdit .wsBorderWidthCtrl { width: 70px; } .wsContent.wsLayoutEdit .wsBorderStyleCtrl { width: 71px; } .wsContent.wsLayoutEdit .wsMarginCtrl { width: 62px; } .wsContent.wsLayoutEdit .wsOrderNoCtrl { width: 70px; } .wsLayoutView { /* text-align: center; */ } .wsLayoutView .wsLayoutItemContainer { text-align: left; margin-bottom: 10px; } .wsLayoutView.wsEditMode { position: relative; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader { padding: 5px 10px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutAddNew { display: block; float: left; padding-top: 3px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutAddNew a { line-height: 14px; text-decoration: none; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutAddNew a:hover { text-decoration: underline; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutAddNew a span { font-size: 14px; line-height: 14px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutAddNew a span:before { margin-right: 2px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutType { display: block; float: right; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList.wsControlHasFocus { } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList.wsOpen { } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList .wsValue { padding: 2px 1px 2px 8px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList .wsIcon { font-size: 16px; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList .wsIcon span { height: 20px; } .wsLayoutView.wsEditMode .wsLayoutEditDelete { position: absolute; display: none; top: 0; right: 0; z-index: 2; } .wsLayoutView.wsEditMode .wsLayoutEditDelete.wsLastChild { top: 20px; } .wsLayoutView.wsEditMode .wsLayoutEditDelete a { font-size: 14px; line-height: 14px; text-decoration: none; } .wsLayoutView.wsEditMode .wsLayoutItemContainer.wsRowContainer .wsLayoutEditDelete.wsLastChild { top: 0; } .wsLayoutView.wsEditMode .wsLayoutItemContainer.wsRowContainer .wsLayoutEditDelete.wsFirstChild { top: 20px; } .wsLayoutView.wsEditMode .wsLayoutItemContainer:hover > .wsLayoutEditDelete { display: block; } .wsLayoutView .wsLayoutViewTable { border-spacing: 0px; border-collapse:collapse; } .wsLayoutView .wsLayoutViewTable { margin: 0 auto; } .wsLayoutView .wsLayoutViewTable > tbody > tr > td { vertical-align: top; padding: 0; margin: 0; } .wsLayoutView .wsLayoutContentCustom { padding: 0px; } .wsLayoutView .wsLayoutContentCustom p { margin: 0; } .wsLayoutView .wsLayoutContentNews { padding: 5px; } .wsLayoutView .wsLayoutContentStat { padding: 5px; max-height: 260px; width: auto; position: relative; /* overflow-x: scroll; overflow-y: hidden; white-space: nowrap; */ } .wsLayoutView .wsShadow { } /****************************************************************************************** END WS Layout *******************************************************************************************/ /****************************************************************************************** WS Panel Bar *******************************************************************************************/ .wsPanelBar, .wsPanelBar * { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-spacing: 0px; } .wsPanelBar { overflow: hidden; border-radius:3px; } .wsPanelBar a { text-decoration: none; } .wsPanelBar .wsPanelBar-section-title { width:100%; padding: 5px; display:inline-block; border-bottom: 1px solid; transition: all linear 0.15s; font-size: 1.00em; font-weight: 400; } .wsPanelBar .wsPanelBar-section-title.active, .wsPanelBar-section-title:hover { text-decoration: none; } .wsPanelBar .wsPanelBar-section-title:hover { cursor: pointer; } .wsPanelBar .wsPanelBar-section:last-child .wsPanelBar-section-title { border-bottom: none; } .wsPanelBar .wsPanelBar-section .wsClosed { display: none; } .wsPanelBar .wsPanelBar-section-content { padding: 5px; border-top: 1px solid; } .wsPanelBar .wsPanelBar-section-content:hover { padding: 5px; border-top: 1px solid; cursor: pointer; } .wsPanelBar .wsCircle { border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; display: inline-block; font-size: 0.9em; font-weight: 300; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em; } /****************************************************************************************** END WS Panel Bar *******************************************************************************************/ /****************************************************************************************** WS ContentHeader *******************************************************************************************/ .wsContentHeader, .wsContentHeader * { box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-spacing: 0px; } .wsContentHeader { } .wsContentHeader > .wsClosingPanelHeader { width: 400px; height: 28px; display: inline-block; position: relative; } .wsContentHeader > .wsClosingPanelHeader:nth-child(even) { } .wsContentHeader > .wsClosingPanelHeader.wsFloatLeft { float: left; } .wsContentHeader > .wsClosingPanelHeader.wsFloatRight { float: right; } .wsContentHeader > .wsClosingPanelHeader > .wsTitle { display: inline-block; line-height: 28px; padding: 0 30px 0 10px; overflow: hidden; text-overflow: ellipsis; } .wsContentHeader > .wsClosingPanelHeader > .wsTitleIcon { display: block; line-height: 28px; padding: 0 30px 0 10px; overflow: hidden; font-size: 20px; } .wsContentHeader > .wsClosingPanelHeader > .wsIcons { position: absolute; top: 0; right: 0; height: 28px; margin: 3px; } .wsContentHeader > .wsClosingPanelHeader > .wsIcons > .wsIcon { font-size: 16px; line-height: 18px; text-align: center; display: block; vertical-align: top; height: 20px; width: 20px; cursor: pointer; border: solid 1px; /* border-radius: 12px; */} .wsContentHeader > .wsClosingPanelHeader > .wsIcons > .wsIcon:before { margin: 0; } .wsContentHeader > .wsClosingPanelHeader > .wsIcons > .wsIcon:hover { } .wsContentHeader > .wsClosingPanelHeader > .wsIcons > .wsIcon.wsIconHide { display: none; line-height: 16px; } .wsContentHeader > .wsClosingPanelHeader.wsOpen > .wsIcons > .wsIcon.wsIconShow { display: none; } .wsContentHeader > .wsClosingPanelHeader.wsOpen > .wsIcons > .wsIcon.wsIconHide { display: block; } .wsContentHeader > .wsTitleBar { display: inline-block; font-size: 14px; line-height: 28px; padding-left: 20px; } .wsContentHeader > .wsTitleBar.wsFloatLeft { float: left; } .wsContentHeader > .wsTitleBar.wsFloatRight { float: right; } .wsContentHeader > .wsClosingPanelHeader > .wsClosingPanel { display: block; position: absolute; left: 0px; top:28px; /* min-width: 370px; */ z-index: 99; } .wsContentHeaderTabs, .wsContentHeaderTabs * { box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-spacing: 0px; } .wsContentHeaderTabs > table { border-spacing: 0px; border-collapse: collapse; width: 100%; } .wsContentHeaderTabs > table > tbody > tr > td { height: 28px; padding: 0; vertical-align: middle; text-align: center; cursor: pointer; } .wsContentHeaderTabs > table > tbody > tr > td:hover { } .wsContentHeaderTabs > table > tbody > tr > td.wsSelected { } /****************************************************************************************** END WS ContentHeader *******************************************************************************************/ /****************************************************************************************** WS Message View *******************************************************************************************/ /*CLEAR GRID*/ .wsFullMessageListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { padding: 0px; } .wsFullMessageListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { } .wsFullMessageListView .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td { } .wsFullMessageListView .wsControl.wsGrid > .wsContent table > tbody > tr.wsSelected:hover > td { } div.wsFullMessageListView { width:400px;max-height: 650px;overflow-y:auto;overflow-x:hidden; } div.wsFullMessageContent { display: block; position: absolute; top: 0px;left: 410px; max-height: 650px; overflow-y: auto;overflow-x: hidden; width: calc(100% - 410px); } .wsMessageCard { border: 1px solid #d1d1d1; background-color: #fafafa; cursor:pointer; display:table; width:100%; box-sizing:border-box; } .wsImgCircular { width: 60px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .wsBubble { position: relative; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wsBubble:after { content: ''; position: absolute; border-style: solid; border-width: 6px 13px 6px 0; display: block; width: 0; z-index: 1; left: -13px; top: 12px; } .wsBubbleRight { position: relative; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wsBubbleRight:after { content: ''; position: absolute; border-style: solid; border-width: 6px 0 6px 13px; display: block; width: 0; z-index: 1; right: -13px; top: 12px; } .wsMsgUser { float: left; font-size: 0.9em; font-weight: 600; } .wsMsgPostedOn { float: right; font-size: 0.85em; font-weight: 600; } .wsFullMessageView { background-color: #fafafa; } .wsFullMessageView .wsUploadArea > input[type="file"] { width: 100% !important; height: 100% !important; } /****************************************************************************************** END WS Message View *******************************************************************************************/ /****************************************************************************************** WS Attachment Thumbnail *******************************************************************************************/ .wsSectionHeader { width: 100%; font-size: 12px; font-weight: 900; height: 30px; line-height: 30px; vertical-align: middle; /* border-bottom: 1px solid #d1d1d1; */ } .wsSectionSubHeader { width: 100%; background-color: #d1d1d1; height: 24px; line-height: 24px;} .wsSectionSubHeader h4 { padding-left: 10px; height: 20px; line-height: 20px; vertical-align: middle; } .wsSubSectionBody { border: 1px solid #d1d1d1; border-radius: 5px; /* border-top: none; */ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176); } .wsSectionSubSubHeader h4 { font-size: 11px; position: relative; margin-top: 0px; left: 5px; font-weight: 600; padding: 0px 5px 0px 5px; background-color: #fff; max-width: 65px; } .wsSubSubSectionBody { padding: 0px 10px 10px 10px; } .wsAttachmentContent { border: 3px #d1d1d1 solid; display: inline-block; border-radius: 5px; width: 148px; height: 179px; margin: 0 15px 15px 0; padding: 0px; padding-bottom: 5px; text-align: center; position:relative; } .wsAttachmentContent:hover { background-color: #f5f5f5; border-color: #ccc; } .wsAttachmentContent > .wsThumbnail { height: 95px; width: 143px; border-radius: 3px; border: 1px solid #e9e9e9; text-align: center; cursor: pointer; box-sizing: unset; -moz-box-sizing: unset; -webkit-box-sizing: unset; } .wsAttachmentContent .wsThumbnail .wsImageContainer { display: table-cell; text-align: center; vertical-align: middle; font-size: 0; margin: auto; width: inherit; height: 95px; } .wsAttachmentContent .wsThumbnail .wsImageContainer img.wsThumbnail { display: inline-block; margin: auto; border: none; width: auto; height: auto; max-width: 145px; max-height: 95px; } .wsAttachmentContent .wsIcon { line-height: 95px; font-size: 60px; } .wsAttachmentContent .wsInfo { padding: 4px 5px; width: 100%; } .wsAttachmentContent .wsInfo .wsName, .wsAttachmentContent .wsInfo .wsDateTime { display: block; margin: 0 0 2px 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .wsAttachmentContent .wsInfo > .wsName { font-size: 12px; } .wsAttachmentContent .wsInfo > .wsName > .wsIcon { font-size: 12px; line-height: 14px; } .wsAttachmentContent .wsInfo > .wsDateTime { font-size: 10px; } .wsAttachmentContent .wsImageAdditionalData { font-size: 11px; float: left; color:#ffffff; background-color:#808080; padding: 2px; position:absolute; top:0px; left:0px; } .wsAttachmentContent .wsInfo >.wsImageFileSize { font-size: 11px;} .wsAttachmentContent .wsInfo > .wsName:hover { text-decoration: underline; cursor: pointer; } .wsAttachmentContent .wsIcon.wsIcon-Delete { line-height: 14px; font-size: 14px; position:absolute; top: 5px; right: 5px; cursor:pointer; } .wsAttachmentContent .wsIcon.wsIcon-Attach { line-height: 24px; font-size: 24px; position:absolute; top: 3px; right: 3px; cursor:pointer; } /****************************************************************************************** END WS Attachment Thumbnail *******************************************************************************************/ /****************************************************************************************** WS Ticket View *******************************************************************************************/ .wsTicketView .wsAttachments .wsUploadArea > input[type="file"] { width: 100% !important; height: 100% !important; } .wsTicketView .wsSectionHeader { border-bottom: none; } .wsTicketView .wsTicketDescription { cursor: pointer; max-width: 840px; overflow: auto; } .wsTicketView .wsTicketDescription img { max-width: 800px; width: auto; height: auto; } .wsTicketView .wsTicketDescription img:hover { -ms-transform: scale(0.98); /* IE 9 */ -webkit-transform: scale(0.98); /* Safari 3-8 */ transform: scale(0.98); border: 1px dashed #d1d1d1; } .wsTicketView .wsTicketDescription:hover { background-color: #f5f5f5; border: 1px dashed #d1d1d1; border-radius: 5px; } /****************************************************************************************** END WS Ticket View *******************************************************************************************/ /****************************************************************************************** WS DetailsTable *******************************************************************************************/ .wsDetailsTable, .wsDetailsTable * { box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-spacing: 0px; } .wsDetailsTable { border-spacing: 0px; border-collapse: separate; width: 100%; } .wsDetailsTable > tbody > tr > td { vertical-align: top; padding: 0; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader { padding: 2px 5px; height: 32px; } .wsDetailsTable > tbody > tr > td.wsDetailsNavBar { width: 40px; } .wsDetailsTable > tbody > tr > td.wsDetailsContent { min-height: 500px; border: 1px solid; border-top: none; padding: 3px; padding-top: 0px; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderTitle { display: inline-block; padding: 4px 0 4px 4px; font-size: 14px; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton { display: inline-block; margin-top: 2px; height: 23px; padding: 0 2px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton .wsIcon { font-size: 16px; line-height: 22px; vertical-align: middle; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton .wsText { vertical-align: middle; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-left: 5px; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList .wsValue { padding: 4px 1px 4px 8px; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList .wsIcon { font-size: 16px; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList .wsIcon span { height: 24px; } .wsDetailsTable > tbody > tr > td.wsDetailsNavBar .wsControl.wsVerticalNavBar { margin-top: -1px;} .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton:hover, .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton.wsHover { } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList.wsControlHasFocus { } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList.wsOpen { } .wsDetailsTable > tbody > tr.wsDetailsSubHeader { background-color: #4DA5A7; height: 15px; } .wsDetailsTable > tbody > tr.wsDetailsSubHeader > td .gaRightPart { display: block; width: calc(100% - 1px); height: 15px; margin-bottom: -1px; margin-left: 1px; border: none; border-right: 1px solid #d1d1d1; } .wsDetailsTable > tbody > tr.wsDetailsSubHeader > td .gaRightPart .wsRightPartHdr { width: 100%; height: 100%; background-color: #fff; border-top-left-radius: 15px; top: 0px; left: 0px; position: relative; font-size: 12px;} .wsDetailsTable > tbody > tr.wsDetailsSubHeader > td .gaRightPart .wsRightPartHdr .gaStatusIcon { display: block; position: absolute; top: 0px; right: 5px; cursor: default; } /****************************************************************************************** END WS DetailsTable *******************************************************************************************/ /****************************************************************************************** WS AssetLibrary *******************************************************************************************/ .wsAssetLibrary > table { border-spacing: 0px; border-collapse: collapse; width: 100%; } .wsAssetLibrary > table > tbody > tr > td { vertical-align: top; padding: 0; } .wsAssetLibrary > table > tbody > tr > td.tdAccordion { width: 250px; padding-right: 4px; } .wsAssetLibrary .wsAccordion { margin-top: 4px; } .wsAssetLibrary .wsAccordion > .wsAccordionHeader { padding: 8px 10px; border-bottom: 1px solid; } .wsAssetLibrary .wsAccordion > .wsAccordionHeader:hover { cursor: pointer; } .wsAssetLibrary .wsAccordion > .wsAccordionHeader.wsFirst { border-top-left-radius: 5px; border-top-right-radius: 5px; } .wsAssetLibrary .wsAccordion > .wsAccordionHeader.wsLast:not(.wsExpanded) { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom: none; } .wsAssetLibrary .wsAccordion > .wsAccordionHeader > .wsIcon { float: right; } .wsAssetLibrary .wsAccordion .wsControl.wsTreeView { width: 250px; height: 400px; max-height: 400px; margin: 0 0px; border-top: 0; } .wsAssetLibrary .wsAccordion > .wsAccordionContent.wsLast .wsControl.wsTreeView { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } /****************************************************************************************** END WS AssetLibrary *******************************************************************************************/ /****************************************************************************************** WS AccessRightsPage *******************************************************************************************/ .wsAccessRightsPage > .wsPageHeader { padding: 4px 10px 4px 4px; } .wsAccessRightsPage > .wsPageHeader .spnAccessType { margin-left: 10px; } .wsAccessRightsPage > .wsPageHeader .spnAccessType .wsControl.wsSelect { width: 100px; } .wsAccessRightsPage > .wsPageHeader .spnUserType .wsControl.wsSelect { width: 80px; } .wsAccessRightsPage > .wsPageHeader .spnSaveBtn { margin-left: 10px; } .wsAccessRightsPage > .wsPageHeader .spnUseGroup { margin-left: 10px; } .wsAccessRightsPage > .wsPageHeader .spnUserGroups { margin-left: 10px; } .wsAccessRightsPage > .wsTabHeader { padding: 4px 10px 4px 4px; } .wsAccessRightsPage > .wsTabHeader .spnOptionFullAccess { display: inline-block; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanView { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanModify { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanUpdate { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanDelete { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px; } .wsAccessRightsPage > .wsTabHeader .spnActionAllow { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px;} .wsAccessRightsPage > .wsTabHeader .spnAssetCanView {display: inline-block; } .wsAccessRightsPage > .wsTabHeader .spnAssetCanEdit { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px; } .wsAccessRightsPage > .wsTabHeader .spnAssetCanUpload { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: solid 1px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView { display: block; max-height: none; height: auto; width: auto; overflow: visible; border: solid 1px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li .wsItem:hover { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons { right: 5px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox input[type="checkbox"] + label > .wsIcon { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvSeparatorItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvTitleItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightsItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightModuleItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightGroupItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightOptionItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightActionItem { } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbOptionFullAccess { margin-right: 35px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbOptionCanView { margin-right: 25px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbOptionCanModify { margin-right: 30px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbOptionCanUpdate { margin-right: 35px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbOptionCanDelete { margin-right: 25px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbActionAllow { margin-right: 10px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbAssetCanView { margin-right: 15px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbAssetCanEdit { margin-right: 25px; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox.cbAssetCanUpload { margin-right: 15px; } /****************************************************************************************** END WS AccessRightsPage *******************************************************************************************/ /****************************************************************************************** WS Section *******************************************************************************************/ .wsSection.wsPaddingBottom { margin-bottom: 5px; } .wsSection.wsPaddingTop { margin-top: 10px; } .wsSection.wsPaddingLeft { margin-left: 10px; } .wsSection.wsNoPadding > .wsContent { padding: 0; } .wsSection.wsTransparent { border:none; box-shadow: none; } .wsSection.wsTransparent > .wsContent { border: none; box-shadow: none; } .wsSection.wsFloatLeft { float: left; } .wsSectionSubTitle { display: inline; width: 100%; height: 20px; } .wsSectionSubTitle span { font-size: 12px; font-weight: 600; } /****************************************************************************************** END WS Section *******************************************************************************************/ /****************************************************************************************** WS GuestContent *******************************************************************************************/ .wsGuestContent .wsPageTitle { display: none; } .wsGuestContent .wsPageContent { padding: 0; } /****************************************************************************************** END WS GuestContent *******************************************************************************************/ /****************************************************************************************** WS ContentTable *******************************************************************************************/ .wsContentTable { border-spacing: 0px; border-collapse:collapse; } .wsContentTable.wsFill { width: 100%; display: table; } .wsContentTable.wsInline { display:inline-block; vertical-align: top; } .wsContentTable.wsPaddingRight { padding-right: 10px; } .wsContentTable > tbody > tr > th { font-weight: normal; padding: 0px 2px 2px 2px; margin: 0; } .wsContentTable > tbody > tr > td { vertical-align: top; padding: 0px 0px 3px 0px; margin: 0; min-height: 26px; } .wsContentTable > tbody > tr > td.wsRight { text-align: right; } .wsContentTable > tbody > tr > td.wsCenter { text-align: center; } .wsContentTable > tbody > tr > td.wsLabel { padding-right: 5px; padding-top: 3px; display: inline-block; min-width: 120px; max-width: 250px; } .wsContentTable > tbody > tr > td.wsLabelMin { padding-right: 5px; padding-top: 3px; min-width: 95px; } .wsContentTable > tbody > tr > td.wsLabelMax { padding-right: 5px; padding-top: 3px; width: 100%; } .wsContentTable > tbody > tr > td.wsPaddingLeft { padding-left: 10px; } .wsContentTable > tbody > tr > td.wsPaddingRight { padding-right: 10px; } .wsContentTable > tbody > tr > td.wsPaddingBottom { padding-bottom: 10px; } .wsContentTable > tbody > tr > td.wsPaddingTop { padding-top: 10px; } .wsContentTable > tbody > tr > td.wsContentColumn { min-width: 214px; } .wsContentTable > tbody > tr > td.wsDisplayContact { padding-top:3px; } /****************************************************************************************** END WS ContentTable *******************************************************************************************/ /****************************************************************************************** WS Content *******************************************************************************************/ .wsContent .wsControl.wsSection.wsImageSection { width: auto; } .wsContent .wsImageSection .wsContent { padding: 0; } .wsContent .wsImageSection .wsContent .wsSingleImageUpload { border: none; } .wsContent .wsGalleryContainer { border: none; } .wsContent .wsGalleryContainer .wsGallery { width: 500px; height: 389px; } .wsContent .wsGalleryImageUpload { width: 334px; } .wsContent .wsGalleryImageUpload .wsUploadArea { padding-right: 15px; } /****************************************************************************************** END WS Content *******************************************************************************************/ /****************************************************************************************** WS Page Search *******************************************************************************************/ .wsPageSearch { margin-bottom: 5px; border-radius: 3px; padding: 3px 5px; } /****************************************************************************************** END WS Page Search *******************************************************************************************/ /****************************************************************************************** WS Email Grid Template *******************************************************************************************/ .wsEmailTemplate .wsDescription { margin-right: 14px; } .wsEmailTemplate .wsBodyContent { min-width: 615px; } .wsEmailTemplate .wsEmailSubject { width: 433px; } .wsEmailTemplate .wsSubjectPlaceholder { width: 150px; } .wsEmailTemplate .wsEmailFooter { height: 100px } /****************************************************************************************** END WS Email Grid Template *******************************************************************************************/ /****************************************************************************************** WS Grid Template ? *******************************************************************************************/ .wsGridtemplate { vertical-align: top; padding: 5px; } .wsGridtemplate > .wsValue {} .wsGridLink { text-decoration: none; cursor: pointer; color: #0271B9; } .wsGridLink:hover { text-decoration: underline; } /****************************************************************************************** END WS Grid Template ? *******************************************************************************************/ /****************************************************************************************** WS Address Template *******************************************************************************************/ .wsAddress { max-width: 512px; } .wsAddress:not(.wsAddressSingle) .wsContentTable > tbody > tr > td { vertical-align: top; padding: 0px 2px 2px 0px; margin: 0; } .wsAddress .wsAddressLine { width: 495px; } .wsAddress .wsAddressCity { width: 134px; } .wsAddress .wsAddressCountry { width: 150px; } .wsAddress .wsAddressState { width: 100px; } .wsAddress .wsAddressZip { width: 80px; } .wsAddress .wsDisplayCompact .wsAddressLine { width: 320px; } .wsAddress .wsDisplayCompact .wsAddressCity { width: 168px; } .wsAddress .wsDisplayCompact .wsAddressCountry { width: 150px; } .wsAddress .wsDisplayCompact .wsAddressState { width: 168px; } .wsAddress .wsDisplayCompact .wsAddressZip { width: 150px; } .wsAddressTemplate .wsAddress2:empty { display: none; } .wsAddressTemplate .wsAddress2:empty + br { display: none; } .wsAddressTemplate .wsStateZip:empty { display: none; } .wsAddressList { display: block; } .wsAddress.newCustSetupForm { max-width: 565px; } .wsAddress.newCustSetupForm .wsAddressLine { width: 548px; } /****************************************************************************************** END WS Address Template *******************************************************************************************/ /****************************************************************************************** WS Payment Schedule Template *******************************************************************************************/ .wsPaymentSchedule { outline: none; position: relative; display: inline-block; vertical-align: middle; } /****************************************************************************************** END WS Payment Schedule Template *******************************************************************************************/ /****************************************************************************************** WS System Preferences *******************************************************************************************/ .wsSystemPreferences .wsControl.wsImageGallery.wsSystemPreferencesLogo .wsImageContainer .wsIcon { font-size: 50px; width: 100%; display: table; margin: 0 auto; } .wsSystemPreferences .wsControl.wsSection.wsLogoSection { width: 264px; } .wsSystemPreferences .wsControl.wsSection.wsWatermarkSection { width: 264px; } .wsSystemPreferences .wsControl.wsTextbox.wsSubmissionCodeFormat { width: 183px; } .wsSystemPreferences .wsSystemPreferencesSaveButton {background-color: white;} .wsEmbargoDate { width: 200px;} /* .wsEmbargoDate > .wsTitle { text-align: center; } */ .wsEmbargoDate .wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer .wsIcon { font-size: initial; } .wsEmbargoDate .wsEmbargoDateImage::before { content: " "; width: 150px; height: 150px; background-image: url('/Uploads/101/Images/EmbargoImage.png'); background-repeat: no-repeat; background-size: auto 100%; position: absolute; top: 0px; left: 22px; } .wsReportGeneric { width: 250px; } .wsReportGeneric > .wsTitle { text-align: center; } .wsReportGeneric .wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer .wsIcon { font-size: initial; } .wsReportGeneric .wsReportGenericImage::before { content: " "; width: 230px; height: 150px; background-image: url('/Uploads/101/Images/ReportGenericImage.png'); background-repeat: no-repeat; background-size: auto 100%; position: absolute; top: 0px; left: 0px; } /****************************************************************************************** END WS System Preferences *******************************************************************************************/ /****************************************************************************************** WS Warning *******************************************************************************************/ .wsWarning { } /****************************************************************************************** END WS Warning *******************************************************************************************/ /****************************************************************************************** WS Grid Template Table ? *******************************************************************************************/ .wsGridTemplateTable { border-spacing: 0px; border-collapse: collapse; } .wsGridTemplateTable > tbody > tr > td.wsLabel { padding: 2px 15px 2px 0px; font-weight: bold; } .wsGridTemplateTable > tbody > tr > td.wsLabel.wsPaddingLeft { padding-left: 15px; } .wsGridTemplateTable > tbody > tr > td.wsLabel .wsLink { text-decoration: none; cursor: pointer; } .wsGridTemplateTable > tbody > tr > td.wsLabel .wsLink:hover { text-decoration: underline; } .wsGridTemplateTable > tbody > tr > td { padding: 2px; } .wsGridTemplateTable > tbody > tr > td .wsSingleLine { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wsGridTemplateLink { cursor: pointer; text-decoration: underline; font-weight:bold; } .wsGridTemplateLink:hover { text-decoration: underline; } .wsGridTable tr.wsSelected .wsGridTemplateLink { } /****************************************************************************************** END WS Grid Template Table ? *******************************************************************************************/ /****************************************************************************************** WS Company Details Page *******************************************************************************************/ .wsCompanyDetailsPage .wsHorizontalTabContent { width: 510px; height: auto; min-height: 435px;} .wsCompanyDetailsPage .wsAddress .wsAddressLine { width: 496px; } .wsCompanyDetailsPage .wsAddress .wsAddressCity { width: 160px; } .wsCompanyDetailsPage .wsCompanyContactDescription { width: 100%; } .wsCompanyDetailsPage .wsImageColumn { position:relative; height:100%; } .wsCompanyDetailsPage .wsImageColumn .wsBottomContent { position:absolute; bottom:5px; } .wsContactDetailsPage .wsCompanyContactDescription { width: 660px; height: 70px;} .wsContactDetailsPage .wsHorizontalTabContent { width: 100%; min-width: 484px; min-height: 365px; } /****************************************************************************************** END WS Company Details Page *******************************************************************************************/ /****************************************************************************************** WS Registration Step *******************************************************************************************/ .wsRegistrationStep .wsRegistrationSection { width: 510px; } .wsRegistrationStep .wsRegistrationSection .wsContentTable { margin-right: -3px; } .wsRegistrationStep .wsRegField { width: 300px; } /****************************************************************************************** END WS Registration Step *******************************************************************************************/ /****************************************************************************************** WS Info Message *******************************************************************************************/ .wsInfoMessage { margin: 20px; border: solid 1px; border-radius: 2px; padding: 10px 10px 10px 35px; position: relative; } .wsInfoMessage > .wsIcon { position: absolute; top: 0; left: 5px; bottom: 0; font-size: 20px; vertical-align: middle; } .wsInfoMessage > .wsIcon:before { display: block; position: relative; top: 50%; transform: translateY(-50%); } /****************************************************************************************** END WS Info Message *******************************************************************************************/ /****************************************************************************************** WS Chat *******************************************************************************************/ .wsChat { position:fixed; bottom:0px; left:0; z-index:10; } .wsHeaderChatButton { cursor: pointer; } /****************************************************************************************** END WS Chat *******************************************************************************************/ /****************************************************************************************** WS Contact wsContactListPage, wsContactThumbnailList *******************************************************************************************/ .wsContactListPage > .wsPageSearch { border: 1px solid } .wsContactListPage .wsAddNewList { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 180px; margin-right: 10px; } .wsContactListPage .wsAddNewList.wsControlHasFocus { } .wsContactListPage .wsAddNewList.wsOpen { } .wsContactListPage .wsAddNewList .wsIcon { font-size: 16px; } .wsContactListPage .wsAddNewList .wsValue { padding: 4px 4px 4px 8px; } .wsImageGalleryList > .wsThumbnail { display : block; float: left; width: 200px; height: 160px; position: relative; border: solid 1px; text-align:center; line-height: 190px; margin: 5px;} .wsImageGalleryList > .wsThumbnail > .wsImage { display: block; width: auto; height: auto; max-height: 160px; max-width: 170px; margin-left: auto; margin-right: auto; cursor: pointer; vertical-align: middle; } .wsContactThumbnailList > .wsContactListItem { display: block; float: left; width: 250px; margin: 5px; border: solid 1px; } .wsContactThumbnailList > .wsContactListItem > .wsThumbnail { display: block; width: 248px; height: 160px; } .wsContactThumbnailList > .wsContactListItem > .wsThumbnail > .wsImage { display: block; width: auto; height: auto; max-height: 160px; max-width: 248px; cursor: default; position: relative; top: 50%; left: 50%; margin-right: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .wsContactThumbnailList > .wsContactListItem > .wsThumbnail > .wsIcon { display: block; line-height: 160px; font-size: 100px; width: 136px; margin-left: auto; margin-right: auto; cursor: default; } .wsContactThumbnailList > .wsContactListItem > .wsInfo { display: block; height: 96px; padding: 4px 5px; } .wsContactThumbnailList > .wsContactListItem > .wsInfo > span { display: block; margin: 0 0 2px 0; width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wsContactThumbnailList > .wsContactListItem > .wsInfo > .wsName { } .wsContactThumbnailList > .wsContactListItem > .wsInfo > .wsName:hover { text-decoration: underline; cursor: pointer; } .wsContactThumbnailList > .wsContactListItem > .wsInfo > .wsHeaderButton { } .wsContactThumbnailList > .wsContactListItem > .wsInfo > .wsHeaderButton:hover { text-decoration: underline; cursor: pointer; } /****************************************************************************************** END WS Contact *******************************************************************************************/ /****************************************************************************************** WS DOCUMENT MANAGER NEW THUMBNAILS LOOK *******************************************************************************************/ .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem { width: 280px; position: relative; } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsHeader { } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail { margin: 5px 0 5px 0; height: 160px; } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail .wsImage { max-width: 278px; max-height: 140px; line-height: 160px; } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail .wsIcon { line-height: 160px; font-size: 70px; } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo { padding-top: 0px; } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter { } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table { height: 88px; } .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table > tbody > tr > td.wsLabel { } .wsControl.wsDocumentManager .wsDocuments .wsListItem { width: 420px; float: left; } .wsControl.wsDocumentManager .wsDocuments .wsListItem > table { margin: 0; } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThubmnailTD { width: 160px; } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail { height: 160px; width: 160px; } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail .wsImage { max-width: 150px; max-height: 160px; line-height: 160px; } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail .wsIcon { line-height: 160px; font-size: 70px; } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsInfoTD > table > tbody > tr > td { padding: 2px 0px 2px 5px; white-space: nowrap; } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsInfoTD > table > tbody > tr > td.wsLabel { } .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsDescriptionTD .wsDescription { max-height: 160px; } /****************************************************************************************** END WS DOCUMENT MANAGER NEW THUMBNAILS LOOK *******************************************************************************************/ /****************************************************************************************** WS Elastislide Style *******************************************************************************************/ .elastislide-list { list-style-type: none; display: none; } .no-js .elastislide-list { display: block; } .elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ } .elastislide-wrapper { position: relative; margin: 0 auto; min-height: 60px; } .elastislide-wrapper.elastislide-loading { background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; } .elastislide-horizontal { padding: 10px 40px; } .elastislide-vertical { padding: 40px 10px; } .elastislide-carousel { overflow: hidden; position: relative; } .elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .elastislide-horizontal ul { white-space: nowrap; } .elastislide-carousel ul li { margin: 0; -webkit-backface-visibility: hidden; } .elastislide-horizontal ul li { height: 100%; display: inline-block; } .elastislide-vertical ul li { display: block; } .elastislide-carousel ul li a { display: inline-block; width: 100%; } .elastislide-carousel ul li a img { display: block; border: 2px solid; max-width: 100%; } /* Navigation Arrows */ .elastislide-wrapper nav span { position: absolute; width: 23px; height: 23px; border-radius: 50%; text-indent: -9000px; cursor: pointer; opacity: 0.8; } .elastislide-wrapper nav span:hover { opacity: 1.0 } .elastislide-horizontal nav span { top: 50%; left: 10px; margin-top: -11px; } .elastislide-vertical nav span { top: 10px; left: 50%; margin-left: -11px; background-position: -17px 5px; } .elastislide-horizontal nav span.elastislide-next { right: 10px; left: auto; background-position: 4px -17px; } .elastislide-vertical nav span.elastislide-next { bottom: 10px; top: auto; background-position: -17px -18px; } /****************************************************************************************** END WS Elastislide Style *******************************************************************************************/ /****************************************************************************************** WS FAQ *******************************************************************************************/ .wsFAQ { padding: 5px; } .wsFAQWrapper { width: 100%; box-sizing: border-box; } .wsFAQWrapper .wsFAQQuestion { height: 30px; line-height: 30px; cursor: pointer; font-weight: 700; } .wsFAQWrapper .wsFAQQuestion:hover { } .wsFAQWrapper .wsFAQAnswer { width: 100%; box-sizing: border-box; padding-left: 21px; margin-bottom: 10px; display: none; max-height: 500px; overflow-y: auto; } .wsFAQWrapper .wsIcon-Collapse:before { /* font-size: 12px; */ } .wsFAQWrapper .wsIcon-Expand:before { /* font-size: 12px; */ } .wsFAQList tr.wsEmptyRow > td { border-bottom: none !important; } .wsFAQList .wsControl.wsGrid .wsLoading { } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsSelected > td, .wsControl.wsGrid > .wsContent table > tbody > tr.wsSelected:hover > td { } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsMessageRow > td { } .wsFAQMain .wsDetailsHeader { width:100%; padding: 2px 5px; height: 32px; } .wsFAQMain .wsDetailsHeader .wsHeaderTitle {display: inline-block; padding: 4px 0 4px 4px; font-size: 14px; } /****************************************************************************************** END WS FAQ *******************************************************************************************/ /****************************************************************************************** WS Password Change *******************************************************************************************/ .wsPasswordChangeFormTable { width: 365px; } .wsPasswordChangeFormTable .validationMsgBox { display: table; visibility: hidden; } .wsPasswordChangeFormTable .validationMsg { display: table-cell; font-size: 12px; } /****************************************************************************************** END WS Password Change *******************************************************************************************/ /****************************************************************************************** WS QuickLinks *******************************************************************************************/ .wsQuickLinks {} .wsQuickLinks td > span.wsLink { cursor:pointer; padding:4px; display:block; } .wsQuickLinks td > span.wsLink:hover { } .wsQuickLinks > .wsLink { cursor:pointer; padding:4px; display:block; border-bottom: 1px solid; } .wsQuickLinks > .wsLink:hover { text-decoration:underline; } .wsQuickLinks td.wsButton { cursor:pointer; padding:4px; text-align:right; width:50px;} .wsQuickLinks td.wsButton > span:hover { } /****************************************************************************************** END WS QuickLinks *******************************************************************************************/ /***** Fixed Tae on the right or left side of the page*/ /*********************************************************** USer defined UI content files list and upload ***********************************************************/ .wsDocumentList { width: 100%; max-height: 820px; min-height: 575px; overflow: auto; padding: 5px; } .wsDocumentList .wsDocumentActions { margin-bottom: 10px; padding-left: 5px; } .wsDocumentList .wsDocumentUpload { margin-bottom: 10px; } .wsDocumentList .wsDocumentEdit { margin-bottom: 10px; } .wsDocumentList .wsDocumentItem { display: block; float: left; border: solid 1px; margin: 0 5px 5px 0; width: 250px; overflow: hidden; } .wsDocumentList .wsDocumentItem > .wsTitle { padding: 2px 5px; border-bottom: solid 1px; } .wsDocumentList .wsDocumentItem > .wsImage { height: 110px; text-align: center; padding: 5px; line-height: 100px; } .wsDocumentList .wsDocumentItem > .wsImage > .wsIcon { line-height: 100px; font-size: 50px; } .wsDocumentList .wsDocumentItem > .wsImage img { width: auto; height: auto; max-width: 280px; max-height: 100px; display: inline-block; vertical-align: middle; } .wsDocumentList .wsDocumentItem > .wsButtons { text-align: center; padding: 2px 5px; border-top: solid 1px; } .wsDocumentList .wsDocumentItem > .wsButtons a { cursor: pointer; font-size: 14px; outline: none; } .wsDocumentList .wsFooter { margin-top: 10px; text-align: center; } .wsDocumentList .wsDocumentUpload .wsContentTable { border-spacing: 0px; border-collapse:collapse; width: 100%; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td { padding-bottom: 3px; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td.tdLabel { width: 100px; padding-right: 5px; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td.tdLabelLong { width: 170px; padding-right: 5px; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td select { width: 98%; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td input { width: 98%; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td .wsControl.wsTextbox input { width: 98%; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td .wsFileInput { border: solid 1px; cursor: pointer; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td textarea { width: 100%; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td.tdButtons { text-align: center; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr.trShortContent > td > textarea { height: 150px; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr.trContent > td > textarea { height: 600px; } .wsDocumentList .wsDocumentUpload .wsContentTable.wsMarginBottom { margin-bottom: 10px; } .wsDocumentList .wsUploadWindow .wsFiles { height: 280px; overflow: auto; } .wsDocumentList .wsUploadWindow .wsUnzip { text-align: right; } .wsRotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .wsTabRight { width:50px; height:100px; position:fixed; right:0px; top:250px; display:block; cursor:pointer; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 18px; padding-top: 25px; } .wsPanelRight { position:fixed; right:0px; top: 0px; height: 100vh; width: 0px; z-index: 99; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); } .wsPanelRight .wsContentRight { width: 800px; margin-left:0px; display: none; } iframe.wsAdminEmbedded { width: 950px; height: 820px; margin: 15px 0px 0px 0px; padding:0px; border: 0px; } body.wsAdminEmbedded { padding: 0px 0px 0px 0px; margin: 5px 5px 5px 5px; } div.wsAdminEmbedded {} .wsImagePicker { width: 100px; border: 1px solid; overflow: auto; padding: 2px; } .wsImagePicker .wsImagesContainer { width: 1500px; height: 115px; } .wsImagePicker .wsImagesContainer > ul { display: block; list-style: none; margin: 0; padding: 0; } .wsImagePicker .wsImagesContainer> ul > li { float: left; margin-bottom: 0px; margin-left: 0px; } .wsImagePicker .wsImagesContainer> ul > li .wsThumbnail { border: 1px solid; border-radius: 0px; display: block; line-height: 20px; padding: 4px; transition: all 0.2s ease-in-out 0s; min-width: 100px; min-height: 100px; margin-left: 3px; } .wsImagePicker .wsImagesContainer > ul > li .wsThumbnail:hover { } .wsImagePicker .wsImagesContainer > ul > li .wsThumbnail > img { display: block; margin-left: auto; margin-right: auto; max-width: 100px; max-height: 100px; } .wsImagePicker .wsImagesContainer > ul > li .wsThumbnail.wsSelected { border: 3px solid; } .wsImagePickerVer { height: 400px; width: 130px; border: 1px solid;overflow: auto; padding: 2px; } .wsImagePickerVer .wsImagesContainer { width: 115px; height: 2000px; } .wsImagePickerVer .wsImagesContainer > ul { display: block; list-style: none; margin: 0; padding: 0; } .wsImagePickerVer .wsImagesContainer> ul > li { float: left; margin-bottom: 0px; margin-left: 0px; } .wsImagePickerVer .wsImagesContainer> ul > li .wsThumbnail { border: 1px solid; border-radius: 0px; display: block; line-height: 20px; padding: 4px; transition: all 0.2s ease-in-out 0s; min-width: 100px; min-height: 100px; margin-top: 3px; } .wsImagePickerVer .wsImagesContainer > ul > li .wsThumbnail:hover { } .wsImagePickerVer .wsImagesContainer > ul > li .wsThumbnail > img { display: block; margin-left: auto; margin-right: auto; max-width: 100px; max-height: 100px; } .wsImagePickerVer .wsImagesContainer > ul > li .wsThumbnail.wsSelected { border: 3px solid; } .wsGridList {} .wsGridList > .wsHeader { width: 100%; height: 32px; padding: 2px 4px; } .wsGridList > table.wsContent { width: 100%; border-collapse: collapse; border-spacing: 0px; border-bottom: 1px solid; } .wsGridList > table.wsContent > tbody > tr > td.wsColSpacer { width: 5px; } .wsGridList > table.wsContent > tbody > tr > td.wsImage { width: 110px; padding: 5px; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails { padding: 5px; font-size: 12px; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails .wsLabel { display: inline-block; min-width: 90px; padding-bottom: 4px; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails .wsValue { padding-bottom: 4px; font-weight: 600; word-wrap: normal; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table { border-collapse: collapse; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table td, .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table th { border: 1px solid; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr:first-child td { border-top: 0; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr:last-child td { border-bottom: 0; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr td:first-child, .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr th:first-child { border-left: 0; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr td:last-child, .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr th:last-child { border-right: 0; } .wsLabelValueList { width: 210px; min-height: 410px; font-size: 12px; margin-top: 5px; padding: 4px; border-bottom: 1px solid; } .wsLabelValueList > table.wsContent { width: 100%; border-collapse: collapse; border-spacing: 0px; } .wsLabelValueList > table.wsContent > thead > tr { width: 100%; height: 30px; padding: 4px; } .wsLabelValueList > table.wsContent > tbody > tr > td { border: 1px solid; } .wsLabelValueList > table.wsContent > tbody > tr:first-child td { border-top: 0; } .wsLabelValueList > table.wsContent > tbody > tr:last-child td { border-bottom: 0; } .wsLabelValueList > table.wsContent > tbody > tr td:first-child { border-left: 0; } .wsLabelValueList > table.wsContent > tbody > tr td:last-child { border-right: 0; } .wsLabelValueList > table.wsContent > thead > tr th { border: 0; } .wsLabelValueList > table.wsContent > tbody > tr > td:nth-child(1) { max-width: 95px; padding-bottom: 4px; } .wsLabelValueList > table.wsContent > tbody > tr > td:nth-child(2) { font-weight: 600; word-break: break-all; padding-bottom: 4px; } .wsLabelValueList > table.wsContent > tbody > tr > td:nth-child(2) > span.wsValueListText { display:inline-block; width: 125px; word-break: break-all; } .wsLabelValueList > table.wsContent > tbody > tr > td a { } .wsLabelValueList > table.wsContent > tbody > tr.wsWarning > td.wsListLabel, .wsLabelValueList > table.wsContent > tbody > tr.wsWarning > td.wsListText { color: #ca4e42; } .wsCompanyContactsList .wsPhoneTemplate > .wsLabel { display: inline-block; width:15px; } .wsCompanyContactsList .wsPhoneTemplate > .wsLabel.wsHideEmpty:empty { display:none; } .wsControl.wsSection.wsScreenCenterd { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .wsControl.wsSection.wsScreenCenterd.wsPasswordReset { width:380px; height: 160px; } /****************************************************************************************** WS MAIN CompanyList *******************************************************************************************/ .wsCompaniesAndContacts { padding: 2px; box-sizing: border-box; } .wsCompaniesAndContacts > .wsHeader { width: 100%; height: 34px; box-sizing: border-box; border: 2px solid; display: table; } .wsCompaniesAndContacts > .wsHeader > .wsButtonAdd { width: 185px; padding-left: 3px; box-sizing: border-box; display: table-cell; vertical-align: middle; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar { height: 30px; padding-left: 30px; box-sizing: border-box; display: table-cell; vertical-align: middle; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsCharacterTopBarItem { width: 26px; height: 26px; float: left; line-height: 26px; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; cursor: default } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsCharacterTopBarItem:hover:not(.wsDisabled):not(.wsSelected) { cursor: pointer; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsSelected { cursor: pointer; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsCharacterTopBarItem.wsDisabled { } /****************************************************************************************** END WS MAIN CompanyList *******************************************************************************************/ /****************************************************************************************** WS CompaniesContacts *******************************************************************************************/ .wsCompaniesContactWrapper { width: 100%; min-height: 600px; padding-top: 2px; box-sizing: border-box; } .wsCompaniesContactWrapper > table { width: 100%; border-collapse: collapse; table-layout: fixed; } .wsCompaniesContactWrapper > table > tbody > tr > td { vertical-align: top; padding: 0; border:none; } .wsCompaniesContactWrapper > table > tbody > tr > td:first-child { width: 400px; } /****************************************************************************************** END WS CompaniesContacts *******************************************************************************************/ /****************************************************************************************** WS CompanyList *******************************************************************************************/ /*CLEAR GRID*/ .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { padding: 0px; } .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { } .wsCompanyListView .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td { } .wsCompanyListView .wsControl.wsGrid > .wsContent table > tbody > tr.wsSelected:hover > td { } /*END CLEAR GRID*/ /*PAGER STYLES*/ .wsCompanyListView .wsCompanyPagerTop { border-width: 1px; } .wsCompanyListView .wsCompanyPagerBottom { border-width: 0px 1px 1px 1px; } .wsCompanyListView .wsCompanyPagerTop, .wsCompanyListView .wsCompanyPagerBottom { width:100%; box-sizing: border-box; border-style: solid; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager { width: 100%; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPageInfo, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPageInfo { width: 200px; text-align: left; border-right: none } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerLeft, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft { border-right: none; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerLeft a, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft a { } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerRight a, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerRight a { } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerOptions .wsIcon, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerOptions .wsIcon { } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerLeft > a > span:hover , .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft > a > span:hover, .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerRight > a > span:hover, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerRight > a > span:hover, .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerOptions .wsIcon:hover, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerOptions .wsIcon:hover { } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager .wsControl.wsSelect .wsIcon, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager .wsControl.wsSelect .wsIcon { } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager .wsControl.wsSelect .wsIcon:hover, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager .wsControl.wsSelect .wsIcon:hover { } /*END PAGER STYLES*/ /*ROW TEMPLATE*/ .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td .wsCompanyListItemWrapper:not(:hover):not(.wsSelected) { } .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td .wsCompanyListItemWrapper:not(:hover):not(.wsSelected) { } .wsCompanyListItemWrapper { width: 100%; position: relative; padding: 0px 17px 0px 0px; cursor: pointer; border-width: 0px 1px 1px 1px; border-style: solid; border-radius: 0px; } .wsCompanyListItemWrapper > .wsCompanyListItem { width:100%; height: 66px; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsCompanyLogo { width: 97px; height: 64px; padding: 3px 0px 3px 3px; border-right-width: 1px; border-right-style: solid; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsCompanyName { font-weight: bold; padding-left: 5px; vertical-align: middle; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsCompanyName > span { display: table-row; font-weight: bold; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions { width: 75px; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsUpdateCompanyButton { } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsUpdateCompanyButton:hover { } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsDeleteCompanyButton { } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsDeleteCompanyButton:hover { } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsControl.wsDisabled { } .wsCompanyListItemWrapper:hover { } .wsCompanyListItemWrapper:hover .wsCompanyLogo { } .wsCompanyListItemWrapper:hover .wsCompanyLogo > span { } .wsCompanyListItemWrapper:hover > .wsCompanyListItem .wsCompanyName { } .wsCompanyListItemWrapper.wsSelected { } .wsCompanyListItemWrapper.wsSelected .wsCompanyLogo { } .wsCompanyListItemWrapper.wsSelected .wsCompanyLogo > span { } .wsCompanyListItemWrapper.wsSelected > .wsCompanyListItem .wsCompanyName { } .wsCompanyListItemWrapper.wsSelected:after, .wsCompanyListItemWrapper.wsSelected:before { content: " "; width: 0; height: 0; top: 50%; right: -1px; position: absolute; border-style: solid; pointer-events: none; } .wsCompanyListItemWrapper.wsSelected:after { border-width: 12px; margin-top: -12px; } .wsCompanyListItemWrapper.wsSelected:before { border-width: 13px; margin-top: -13px; } /*END ROW TEMPLATE*/ /****************************************************************************************** END WS CompanyList *******************************************************************************************/ .wsCompanyContactListView .wsControl.wsGrid > .wsHeader { border: none; margin-bottom: 2px; } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { border: none; padding: 0px; } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsSelected > td { } .wsCompanyContactListView .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td { } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table > tbody > tr.wsSelected:hover > td { } /*CONTACTS TEMPLATE*/ .wsCompanyContactListWrapper { width: 100%; box-sizing: border-box; padding: 0px 0px 5px 5px; } .wsCompanyDetailsWrapper { width: 100%; min-height: 100px; margin: 0px 0px 5px 0px; padding: 2px 2px 2px 2px; border: 1px solid; border-radius: 0px; } .wsCompanyDetailsWrapper > .wsCompanyDetails { width:100%; table-layout: fixed; } .wsCompanyDetailsWrapper > .wsCompanyDetails > tbody > tr > td { vertical-align: top; } .wsCompanyDetailsWrapper > .wsCompanyDetails > tbody > tr > td .wsImageContainer { display: table-cell; background-color: #fff; font-size: 0; text-align: center; vertical-align: middle; } .wsCompanyDetailsWrapper > .wsCompanyDetails td > .wsControlContainer { display: block; } .wsCompanyDetailsWrapper > .wsCompanyDetails td > .wsInlineBlock { display: inline-block; } .wsCompanyDetailsWrapper > .wsCompanyDetails .wsTitle { height: 22px; font-size: 13px; font-weight: normal; } .wsCompanyContactTemplate { width: 100%; margin-bottom: 6px; margin-right: 7px; table-layout: fixed; } .wsCompanyContactTemplate .wsBorderTop { border-top: 1px solid; } .wsCompanyContactTemplate .wsBorderRight { border-right: 1px solid; } .wsCompanyContactTemplate .wsBorderBottom { border-bottom: 1px solid; } .wsCompanyContactTemplate .wsBorderLeft { border-left: 1px solid; } .wsCompanyContactTemplate .wsBorderTopLeftRadius { border-top-left-radius: 2px; } .wsCompanyContactTemplate .wsBorderTopRightRadius { border-top-right-radius: 2px; } .wsCompanyContactTemplate .wsBorderBottomLeftRadius { border-bottom-left-radius: 2px; } .wsCompanyContactTemplate .wsBorderBottomRightRadius { border-bottom-right-radius: 2px; } .wsCompanyContactTemplate .wsHeader { /*position: absolute; top: 0px;*/ } .wsCompanyContactTemplate .wsContactPhotoCell { width: 110px; vertical-align: top; padding: 0px; } .wsCompanyContactTemplate .wsContactPhotoCell > div { width: 100%; height: 80px; position: relative; } /* .wsCompanyContactTemplate .wsContactPhoto { width: 80px; height: 80px; border-radius: 50%; border: 1px solid; position: relative; top: 0px; left: 0px; } */ .wsCompanyContactTemplate .wsContactPhoto { display: block; width: 80px; height: 80px; margin: 1em auto; background-size: 100%; /* cover; */ background-repeat: no-repeat; background-position: center center; -webkit-border-radius: 54em; -moz-border-radius: 54em; border-radius: 54em; border: 1px solid #d1d1d1; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); } .wsCompanyContactTemplate .wsLine { width: 110px; height: 30px; } .wsCompanyContactTemplate .wsContactName { width: 180px; font-size: 13px; font-weight: bold; } .wsCompanyContactTemplate .wsJobTitle { font-weight: bold; } .wsCompanyContactTemplate .wsSectionContent { vertical-align: top; padding-top: 2px; padding-left: 10px; padding-bottom: 5px; } .wsCompanyContactTemplate .wsSpanTable { display: table; } .wsCompanyContactTemplate .wsSpanRow { display: table-row } .wsCompanyContactTemplate .wsSpanCell { display: table-cell; } .wsCompanyContactTemplate .wsSpanLabel { padding-right: 5px; } .wsCompanyContactTemplate .wsSpanSection { font-weight: bold; height: 17px; } .wsContactList .wsEMailSection a:link { text-decoration: none; } .wsContactList .wsEMailSection a:visited { text-decoration: none; } .wsContactList .wsEMailSection a:active { text-decoration: none; } .wsContactList .wsVisibilityHidden { visibility: hidden; } .wsContactList .wsHidden { display: none; } /*.wsContactTopPager, .wsCompanyListView .wsCompanyPagerBottom { width:100%; box-sizing: border-box; border-style: solid; } .wsContactTopPager { border-width: 1px; }*/ .wsContactTopPager .wsControl.wsGrid > .wsFooter { height: 33px; padding: 0px; border: 1px solid; border-radius: 1px; } /*END CONTACTS TEMPLATE*/ /************************************************************************************************************************ **********************************************WestEnd.Shared.css Colors************************************************* *************************************************************************************************************************/ /****************************************************************************************** Body *******************************************************************************************/ body { background-color: #D9D9D9; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-base-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; } /****************************************************************************************** END Body *******************************************************************************************/ /****************************************************************************************** WS HeaderPopup *******************************************************************************************/ .wsHeaderPopup { -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.30); box-shadow: 0px 0px 2px rgba(0,0,0,0.30); } .wsHeaderPopup.wsPopupLogin { background-color: #FFFFFF; border-color: #808080; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); } .wsHeaderPopup.wsPopupLogin .wsContent .wsTitle { color: #63706F; } .wsHeaderPopup.wsPopupLogin .wsContent .wsError { color: #F86B4F; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginForgotButton { color: #63706F; } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginMessage { background-color: rgba(255, 255, 255, 0.7); } .wsHeaderPopup.wsPopupLogin .wsContent .wsLoginTextbox .wsIcon { background-color: #56CCC8; color: #FFFFFF; } .wsHeaderPopup.wsPopupUserInfo { background-color: #FFFFFF; border-color: #808080; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsTitle { color: #666666; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsInfoButton { background-color: #3C9BB2; border-color: #3C9BB2; color: #FFFFFF; } .wsHeaderPopup.wsPopupUserInfo .wsContent .wsInfoButton:hover { background-color: #068587; border-color: #068587; color: #FFFFFF; } /****************************************************************************************** END WS HeaderPopup *******************************************************************************************/ /****************************************************************************************** WS Layout *******************************************************************************************/ .wsLayoutView.wsEditMode > .wsLayoutEditHeader { background-color: #4DA5A7; color: #FFFFFF; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader > .wsLayoutAddNew a { color: #FFFFFF; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList { background-color: #134357; color: #FFFFFF; border-color: #134357; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList.wsControlHasFocus { background-color: #556C7E; border-color: #556C7E; color: #FFFFFF; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList.wsOpen { background-color: #556C7E; border-color: #556C7E; color: #FFFFFF; } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList .wsValue { } .wsLayoutView.wsEditMode > .wsLayoutEditHeader .wsHeaderSelList .wsIcon { background-color: transparent; color: #FFFFFF; } .wsLayoutView.wsEditMode .wsLayoutEditDelete { background-color: #FFFFFF; color: #000000; } .wsLayoutView.wsEditMode .wsLayoutEditDelete a { color: #000000; } .wsLayoutView .wsShadow { -webkit-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); } /****************************************************************************************** END WS Layout *******************************************************************************************/ /****************************************************************************************** WS PanelBar *******************************************************************************************/ .wsPanelBar { background: #EDEEF0; box-shadow:0px 1px 3px rgba(0,0,0,0.25); } .wsPanelBar .wsCircle { background: #EA7A1B; color: #FFFFFF; } .wsPanelBar .wsPanelBar-section-title { background: #058588; border-bottom-color: #1A1A1A; color: #FFFFFF; text-shadow: 0px 1px 0px #1A1A1A; } .wsPanelBar .wsPanelBar-section-content { border-top-color: #D1D1D1; } .wsPanelBar .wsPanelBar-section-content:hover { background: #D1D1D1; border-top-color: #D1D1D1; } /****************************************************************************************** END WS PanelBar *******************************************************************************************/ /****************************************************************************************** WS Content Header *******************************************************************************************/ .wsContentHeader { background-color: #4DA5A7; color: #FFFFFF; } .wsContentHeader > .wsClosingPanelHeader { background-color: #E57D04; } .wsContentHeader > .wsClosingPanelHeader:nth-child(even) { background-color: #ef9126; } .wsContentHeader > .wsClosingPanelHeader > .wsIcons > .wsIcon { border-color: transparent; /* #FFFFFF; */ } .wsContentHeader > .wsClosingPanelHeader > .wsIcons > .wsIcon:hover { background-color: #32D2C9; } .wsContentHeader > .wsClosingPanelHeader > .wsClosingPanel { background-color: #DADADA; color: #000000; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); } .wsContentHeaderTabs > table > tbody > tr > td { background-color: #069FA4; color: #FFFFFF; } .wsContentHeaderTabs > table > tbody > tr > td:hover { background-color: #037073; } .wsContentHeaderTabs > table > tbody > tr > td.wsSelected { background-color: #037073; } /****************************************************************************************** END WS Content Header *******************************************************************************************/ /****************************************************************************************** WS Message View *******************************************************************************************/ .wsMessageCard:not(.wsSelected):hover { outline: none !important; border-color: #119197 !important; box-shadow: 0 0 5px #119197 !important; } .wsMessageCard.wsSelected { background-color: #119197 !important; color: #FFFFFF; } .wsBubble { background: #FFFFFF; } .wsBubble:after { border-color: transparent #FFFFFF; } .wsBubbleRight { background: #FFFFFF; } .wsBubbleRight:after { border-color: transparent #FFFFFF; } .wsMsgUser { color: #56CDC9; } .wsMsgPostedOn { color: #B7B1B1; } /****************************************************************************************** END WS Message View *******************************************************************************************/ /****************************************************************************************** WS Attachment Thumbnail *******************************************************************************************/ .wsAttachmentContent .wsInfo > .wsName { color: #037073; } /****************************************************************************************** END WS Attachment Thumbnail *******************************************************************************************/ /****************************************************************************************** WS Details Table *******************************************************************************************/ .wsDetailsTable > tbody > tr > td.wsDetailsHeader { background-color: #4DA5A7; color: #FFFFFF; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton { background-color: transparent; color: #FFFFFF; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton:hover, .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderButton.wsHover { background-color: #56CDC9; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList { background-color: #263A55; border-color: #134357; color: #FFFFFF; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList .wsValue { background-color: #fff; color: #000; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList.wsControlHasFocus { background-color: #556C7E; border-color: #556C7E; color: #FFFFFF; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList.wsOpen { background-color: #7C8587; border-color: #7C8587; color: #FFFFFF; } .wsDetailsTable > tbody > tr > td.wsDetailsHeader .wsHeaderSelList .wsIcon { background-color: transparent; color: #FFFFFF; } .wsDetailsTable > tbody > tr > td.wsDetailsContent { background-color: #FFFFFF; border: 1px solid #d1d1d1; border-top: none; padding: 0px 10px 0px 10px; } .wsDetailsTable > tbody > tr > td.wsDetailsContentNoBorder { background-color: #FFFFFF; border: none; padding: 5px; } .wsDetailsTable > tbody > tr.wsDetailsSubHeader { background-color: #4DA5A7; } /****************************************************************************************** END WS Details Table *******************************************************************************************/ /****************************************************************************************** WS AssetLibrary *******************************************************************************************/ .wsAssetLibrary .wsAccordion > .wsAccordionHeader { background-color: #4DA5A7; color: #FFFFFF; border-bottom-color: #D1D1D1; } .wsAssetLibrary .wsAccordion > .wsAccordionHeader:hover { background-color: #068587; color: #FFFFFF; } .wsAssetLibrary .wsAccordion .wsControl.wsTreeView { border-color: #FFFFFF; } /****************************************************************************************** END WS AssetLibrary *******************************************************************************************/ /****************************************************************************************** WS AccessRight Page *******************************************************************************************/ .wsAccessRightsPage > .wsPageHeader { background-color: #FFFFFF; color: #000000; } .wsAccessRightsPage > .wsTabHeader { background-color: #D1D1D1; color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanView { border-left-color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanModify { border-left-color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanUpdate { border-left-color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnOptionCanDelete { border-left-color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnActionAllow { border-left-color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnAssetCanEdit { border-left-color: #000000; } .wsAccessRightsPage > .wsTabHeader .spnAssetCanUpload { border-left-color: #000000; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView { border-color: #D1D1D1; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li .wsItem:hover { background-color: #4DA5A7; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox input[type="checkbox"] + label > .wsIcon { background-color: #FFFFFF; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvSeparatorItem { color: #666666; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvTitleItem { color: #068587; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightsItem { color: #000000; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightModuleItem { color: #000000; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightGroupItem { color: #000000; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightOptionItem { color: #000000; } .wsAccessRightsPage .wsControl.wsTreeView.wsAccessRightsTreeView li.tvAccessRightActionItem { color: #000000; } /****************************************************************************************** END WS AccessRight Page *******************************************************************************************/ /****************************************************************************************** WS Section *******************************************************************************************/ .wsSection.wsTransparent { background-color: transparent; } .wsSection.wsTransparent > .wsContent { background: transparent; } /****************************************************************************************** END WS Section *******************************************************************************************/ /****************************************************************************************** WS Content *******************************************************************************************/ .wsContent .wsGalleryContainer { border-color: #D8DDE1; } /****************************************************************************************** END WS Content *******************************************************************************************/ /****************************************************************************************** WS PageSearch *******************************************************************************************/ .wsPageSearch { background-color: #FFFFFF; border-color: #D1D1D1; } /****************************************************************************************** END WS PageSearch *******************************************************************************************/ /****************************************************************************************** WS Warning *******************************************************************************************/ .wsWarning { color: #FF0000; } /****************************************************************************************** END WS Warning *******************************************************************************************/ /****************************************************************************************** WS EventScheduler *******************************************************************************************/ .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerDarkCyan .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerDarkCyan, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerDarkCyan { background-color: #008B8B; border-color: #008B8B; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerDarkOrange .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerDarkOrange, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerDarkOrange { background-color: #FF8C00; border-color: #FF8C00; color: #000000; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerForestGreen .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerForestGreen, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerForestGreen { background-color: #228B22; border-color: #228B22; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerGold .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerGold, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerGold { background-color: #FFD700; border-color: #FFD700; color: #000000; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerLightPink .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerLightPink, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerLightPink { background-color: #FFB6C1; border-color: #FFB6C1; color: #000000; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerLightSteelBlue .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerLightSteelBlue, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerLightSteelBlue { background-color: #B0C4DE; border-color: #B0C4DE; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerGreenYellow .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerGreenYellow, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerGreenYellow { background-color: #ADFF2F; border-color: #ADFF2F; color: #000000; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerDodgerBlue .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerDodgerBlue, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerDodgerBlue { background-color: #1E90FF; border-color: #1E90FF; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerCrimson .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerCrimson, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerCrimson { background-color: #DC143C; border-color: #DC143C; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerOrchid .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerOrchid, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerOrchid { background-color: #DA70D6; border-color: #DA70D6; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerSienna .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerSienna, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerSienna { background-color: #A0522D; border-color: #A0522D; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerRed .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerRed, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerRed { background-color: #FF0000; border-color: #FF0000; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerDarkBlue .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerDarkBlue, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerDarkBlue { background-color: #00008B; border-color: #00008B; color: #FFFFFF; } .wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsSchedulerMaroon .wsColorBox, .wsControl.wsEventScheduler .wsEventsContainer .wsSchedulerMaroon, .wsControlPopup.wsEventSchedulerTypeColor .wsColor.wsSchedulerMaroon { background-color: #800000; border-color: #800000; color: #FFFFFF; } /****************************************************************************************** END WS EventScheduler *******************************************************************************************/ /****************************************************************************************** WS InfoMessage *******************************************************************************************/ .wsInfoMessage { background-color: #FAFAFA; border-color: #D1D1D1; } .wsInfoMessage > .wsIcon { color: #556C7E; } /****************************************************************************************** END WS InfoMessage *******************************************************************************************/ /****************************************************************************************** Contact wsContactListPage, wsContactThumbnailList *******************************************************************************************/ .wsContactListPage > .wsPageSearch { border-color: #D1D1D1; } .wsContactListPage .wsAddNewList { background-color: #56CDC9; color: #393333; border-color: #F1F1F1; } .wsContactListPage .wsAddNewList.wsControlHasFocus { background-color: #556C7E; border-color: #556C7E; color: #FFFFFF; } .wsContactListPage .wsAddNewList.wsOpen { background-color: #556c7e; border-color: #556C7E; color: #FFFFFF; } .wsContactListPage .wsAddNewList .wsIcon { background-color: transparent; color: #FFFFFF; } .wsImageGalleryList > .wsThumbnail { background-color: #FFFFFF; border-color: #D1D1D1; } .wsContactThumbnailList > .wsContactListItem { border-color: #D1D1D1; } .wsContactThumbnailList > .wsContactListItem > .wsThumbnail { background-color: #FFFFFF; } .wsContactThumbnailList > .wsContactListItem > .wsThumbnail > .wsIcon { color: #D1D1D1; } .wsContactThumbnailList > .wsContactListItem > .wsInfo { background-color: #D8DDE1; } .wsContactThumbnailList > .wsContactListItem > .wsInfo > .wsName { color: #037073; } .wsContactThumbnailList > .wsContactListItem > .wsInfo > .wsHeaderButton { color: #037073; } /****************************************************************************************** END Contact wsContactListPage, wsContactThumbnailList *******************************************************************************************/ /****************************************************************************************** WS Elastislide *******************************************************************************************/ .elastislide-wrapper { background-color: #FFFFFF; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .elastislide-carousel ul li a img { border-color: #FFFFFF; } /* Navigation Arrows */ .elastislide-wrapper nav span { background: #DDDDDD url(../images/nav.png) no-repeat 4px 3px; } /****************************************************************************************** END WS Elastislide *******************************************************************************************/ /****************************************************************************************** WS FAQ *******************************************************************************************/ .wsFAQ { background-color: #FFFFFF; } .wsFAQWrapper .wsFAQQuestion { background-color: #DADADA; color: #333939; } .wsFAQWrapper .wsFAQQuestion:hover { background-color: #C8C8C8; color: #000; } .wsFAQWrapper .wsFAQAnswer { background-color: transparent; } .wsFAQList .wsControl.wsGrid .wsLoading { background-color: transparent; } .wsFAQList .wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table.wsGridTable > tbody > tr.wsSelected > td, .wsFAQList .wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table > tbody > tr.wsSelected:hover > td { background-color: transparent; } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { border-color:#C6C6C6; background-color: transparent; } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { background-color: transparent; } .wsFAQList .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsMessageRow > td { background-color: transparent; border-color: transparent; } .wsFAQMain .wsDetailsHeader { background-color: #4DA5A7; color: #FFFFFF; } /****************************************************************************************** END WS FAQ *******************************************************************************************/ /****************************************************************************************** WS PasswordChange *******************************************************************************************/ .wsPasswordChangeFormTable .validationMsg { color: #FF0000; } .wsPasswordChangeFormTable .validationMsgBox > .wsIcon-Block::before { color: #FF0000; } /****************************************************************************************** END WS PasswordChange *******************************************************************************************/ /****************************************************************************************** WS Login Buttons *******************************************************************************************/ .wsControl.wsButton.wsStyle1 { background-color: #56CCC8; border-color: #56CCC8; color: #FFFFFF; } .wsControl.wsButton.wsStyle1:hover, .wsControl.wsButton.wsStyle1:focus { background-color: #068587; border-color: #068587; color: #FFFFFF; } .wsControl.wsButton.wsStyle2 { background-color: #B2B9BD; border-color: #B2B9BD; color: #FFFFFF; } .wsControl.wsButton.wsStyle2:hover, .wsControl.wsButton.wsStyle2:focus { background-color: #068587; border-color: #068587; color: #FFFFFF; } /****************************************************************************************** END WS Login Buttons *******************************************************************************************/ /****************************************************************************************** WS QuickLinks *******************************************************************************************/ .wsQuickLinks { background-color: #FAFAFA; } .wsQuickLinks > .wsLink { border-bottom-color: #333939 } .wsQuickLinks > .wsLink:hover { color: #59BCB9; } .wsQuickLinks tr:hover > td { background-color: #59BCB9; border-color: #59BCB9; color: #FFFFFF; } .wsEventWnd#QuickLinksWnd { background-color: #FAFAFA } .wsEventWnd#QuickLinksWnd > .wsHeader { background-color: #FBC322; } .wsEventWnd#QuickLinksWnd > .wsHeader > a.wsClose { background-color: transparent; color: #63706F } .wsEventWnd#QuickLinksWnd > .wsHeader > a.wsClose:hover { color: #FFFFFF } .wsEventWnd#QuickLinksWnd::after { border-color: #FBC322 transparent; } .wsEventWnd#QuickLinksWnd > .wsContent { background-color: #FAFAFA } /****************************************************************************************** END WS QuickLinks *******************************************************************************************/ /*********************************************************** USer defined UI content files list and upload ***********************************************************/ .wsDocumentList { background-color: #FFFFFF; } .wsDocumentList .wsDocumentItem { border-color: #D1D1D1; background-color: #FAFAFA; -webkit-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); } .wsDocumentList .wsDocumentItem > .wsTitle { border-bottom-color: #D1D1D1; } .wsDocumentList .wsDocumentItem > .wsImage > .wsIcon { color: #000000; } .wsDocumentList .wsDocumentItem > .wsButtons { border-top-color: #D1D1D1; } .wsDocumentList .wsDocumentItem > .wsButtons a { color: #000000; } .wsDocumentList .wsDocumentUpload .wsContentTable > tbody > tr > td .wsFileInput { border-color: #D1D1D1; background-color: #FFFFFF; } .wsTabRight {background-color: #3C80A2; color: #FFFFFF; box-shadow: 0 0 5px #000000; } .wsPanelRight { background-color: #e1e1e1; /* #D1D1D1; */ } .wsImagePicker { border-color: #D1D1D1; background-color: #FFFFFF; } .wsImagePicker .wsImagesContainer> ul > li .wsThumbnail { border-color: #DDDDDD; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); } .wsImagePicker .wsImagesContainer > ul > li .wsThumbnail:hover { border-color: #068587; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .wsImagePicker .wsImagesContainer > ul > li .wsThumbnail.wsSelected { border-color: #068587; } .wsImagePickerVer { border-color: #D1D1D1; background-color: #FFFFFF; } .wsImagePickerVer .wsImagesContainer> ul > li .wsThumbnail { border-color: #DDDDDD; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); } .wsImagePickerVer .wsImagesContainer > ul > li .wsThumbnail:hover { border-color: #068587; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .wsImagePickerVer .wsImagesContainer > ul > li .wsThumbnail.wsSelected { border-color: #068587; } .wsGridList .wsHeader { background-color: #E3E4E4; } .wsGridList > table.wsContent { background-color: #FAFAFA; border-bottom-color: #D1D1D1; -webkit-box-shadow: 0 1px 1px 0 #CCCCCC; -moz-box-shadow: 0 1px 1px 0 #CCCCCC; box-shadow: 0 1px 1px 0 #CCCCCC; } .wsGridList > table.wsContent > tbody > tr > td.wsImage { } .wsGridList > table.wsContent > tbody > tr > td.wsDetails .wsLabel { color: #656868; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails .wsValue { color: #484D4D; } .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table td, table th { border-color: #AAA7A7; } .wsLabelValueList { background-color: #F8F8F8; border-bottom-color: #D1D1D1; } .wsLabelValueList > table.wsContent > thead > tr { background-color: #E3E4E4; } .wsLabelValueList > table.wsContent > tbody > tr > td { border-color: #AAA7A7; } .wsLabelValueList > table.wsContent > tbody > tr > td:nth-child(1) { color: #656868; } .wsLabelValueList > table.wsContent > tbody > tr > td:nth-child(2) { color: #484D4D; } .wsLabelValueList > table.wsContent > tbody > tr > td a { color: inherit; } /*********************************************************** END USer defined UI content files list and upload ***********************************************************/ /****************************************************************************************** WS MAIN CompanyList *******************************************************************************************/ .wsCompaniesAndContacts { background-color: #FFFFFF; } .wsCompaniesAndContacts > .wsHeader { background: #4DA5A7; border-color: #4DA5A7; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsCharacterTopBarItem { background-color: #4DA5A7; color: #FFFFFF; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsCharacterTopBarItem:hover:not(.wsDisabled):not(.wsSelected) { background-color: #56CECA; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsSelected { background-color: #253652; } .wsCompaniesAndContacts > .wsHeader > .wsCharacterTopBar > .wsCharacterTopBarItem.wsDisabled { color: #656868; } /****************************************************************************************** END WS MAIN CompanyList *******************************************************************************************/ /****************************************************************************************** WS CompaniesContacts *******************************************************************************************/ .wsCompaniesContactWrapper { background-color: #FFFFFF; } /****************************************************************************************** END WS CompaniesContacts *******************************************************************************************/ /****************************************************************************************** WS CompanyList *******************************************************************************************/ /*CLEAR GRID*/ .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { background-color: transparent; } .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { background-color: transparent; } .wsCompanyListView .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td { background-color: transparent; } .wsCompanyListView .wsControl.wsGrid > .wsContent table > tbody > tr.wsSelected:hover > td { background-color: transparent; } /*END CLEAR GRID*/ /*PAGER STYLES*/ .wsCompanyListView .wsCompanyPagerTop, .wsCompanyListView .wsCompanyPagerBottom { background-color: #F8F8FA; border-color: #E1E1E1; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPageInfo, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPageInfo { color: #333939; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerLeft a, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft a { color: #333939; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerRight a, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerRight a { color: #333939; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerOptions .wsIcon, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerOptions .wsIcon { color: #333939; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerLeft > a > span:hover , .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft > a > span:hover, .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerRight > a > span:hover, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerRight > a > span:hover, .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager > .wsPagerOptions .wsIcon:hover, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerOptions .wsIcon:hover { color: #56CDD9; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager .wsControl.wsSelect .wsIcon, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager .wsControl.wsSelect .wsIcon { background-color: #E6E6E8; color: #333939; } .wsCompanyListView .wsCompanyPagerTop .wsControl.wsPager .wsControl.wsSelect .wsIcon:hover, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager .wsControl.wsSelect .wsIcon:hover { color: #56CDD9; } /*END PAGER STYLES*/ /*ROW TEMPLATE*/ .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td .wsCompanyListItemWrapper:not(:hover):not(.wsSelected) { background-color: #F8F8FA;} .wsCompanyListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td .wsCompanyListItemWrapper:not(:hover):not(.wsSelected) { background-color: #E6E6E8; } .wsCompanyListItemWrapper { background-color: #F8F8FA; border-color: #E1E1E1; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsCompanyLogo { background-color: #FFFFFF; border-right-color: #E1E1E1; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsCompanyName { color: #333939;} .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsUpdateCompanyButton { background-color: #666666; color: #FFFFFF; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsUpdateCompanyButton:hover { background-color: #4A4F50; color: #FFFFFF; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsDeleteCompanyButton { background-color: #DA592C; color: #FFFFFF; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsDeleteCompanyButton:hover { background-color: #DA4B2C; color: #FFFFFF; } .wsCompanyListItemWrapper > .wsCompanyListItem .wsOptions .wsControl.wsDisabled { background-color: #D3D8DC !important; } .wsCompanyListItemWrapper:hover { background-color: #119197; color: #FFFFFF; } .wsCompanyListItemWrapper:hover .wsCompanyLogo { background-color: #119197; border-right-color: #119197; } .wsCompanyListItemWrapper:hover .wsCompanyLogo > span { background-color: #FFFFFF; } .wsCompanyListItemWrapper:hover > .wsCompanyListItem .wsCompanyName { color: #FFFFFF; } .wsCompanyListItemWrapper.wsSelected { background-color: #119197; color: #FFFFFF; } .wsCompanyListItemWrapper.wsSelected .wsCompanyLogo { background-color: #119197; border-right-color: #119197; } .wsCompanyListItemWrapper.wsSelected .wsCompanyLogo > span { background-color: #FFFFFF; } .wsCompanyListItemWrapper.wsSelected > .wsCompanyListItem .wsCompanyName { color: #FFFFFF} .wsCompanyListItemWrapper.wsSelected:after { border-color: transparent #FFFFFF transparent transparent; } .wsCompanyListItemWrapper.wsSelected:before { border-color: transparent #E1E1E1 transparent transparent; } /*END ROW TEMPLATE*/ /****************************************************************************************** END WS CompanyList *******************************************************************************************/ .wsCompanyContactListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { background-color: transparent; } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { background-color: transparent; } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsSelected > td { background-color: transparent; } .wsCompanyContactListView .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td { background-color: transparent; } .wsCompanyContactListView .wsControl.wsGrid > .wsContent table > tbody > tr.wsSelected:hover > td { background-color: transparent; } /*CONTACTS TEMPLATE*/ .wsCompanyContactListWrapper { background-color: #FFFFFF; } .wsCompanyDetailsWrapper { border-color: #D1D1D1 ; background-color: #FFF7E5; -webkit-box-shadow: 2px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 2px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 2px 8px 9px -8px rgba(0,0,0,0.75); } .wsCompanyDetailsWrapper > .wsCompanyDetails .wsTitle { color: #058588; } .wsCompanyContactTemplate { -webkit-box-shadow: 5px 3px 3px 0px #CCCCCC; table-layout: fixed; -moz-box-shadow: 5px 3px 3px 0px #CCCCCC; box-shadow: 5px 3px 3px 0px #CCCCCC; } .wsCompanyContactTemplate .wsBorderTop { border-top-color: #ACB8BC; } .wsCompanyContactTemplate .wsBorderRight { border-right-color: #ACB8BC; } .wsCompanyContactTemplate .wsBorderBottom { border-bottom-color:#ACB8BC ; } .wsCompanyContactTemplate .wsBorderLeft { border-left-color: #ACB8BC; } .wsCompanyContactTemplate .wsHeader { background-color: #666666; color: #FFFFFF; } .wsCompanyContactTemplate .wsContactPhotoCell { background-color: #EBEBEB; } .wsCompanyContactTemplate .wsContactPhoto { border-color: #ACB8BC; background-color: #FFFFFF; } .wsCompanyContactTemplate .wsLine { background-color: #666666; } .wsCompanyContactTemplate .wsSectionContent { background-color: #EBEBEB; } .wsContactList .wsEMailSection a { color: #1E90FF; } .wsContactList .wsEMailSection a:hover { color: #389DFF; } .wsContactList .wsControl.wsGrid .wsLoading { background-color: transparent; } /*.wsContactTopPager, .wsCompanyListView .wsCompanyPagerBottom { background-color: #F8F8FA; border-color: #E1E1E1; }*/ .wsContactTopPager .wsControl.wsPager > .wsPageInfo, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPageInfo { color: #333939; } .wsContactTopPager .wsControl.wsPager > .wsPagerLeft, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft { border-right-color: #E6DDDD; } .wsContactTopPager .wsControl.wsPager > .wsPagerLeft a, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerLeft a { color: #333939; } .wsContactTopPager .wsControl.wsPager > .wsPagerRight a, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager > .wsPagerRight a { color: #333939; } .wsContactTopPager .wsControl.wsPager .wsControl.wsSelect .wsIcon, .wsCompanyListView .wsCompanyPagerBottom .wsControl.wsPager .wsControl.wsSelect .wsIcon { background-color: #E6E6E8; color: #333939; } .wsContactTopPager .wsControl.wsPager > .wsPagerOptions .wsIcon { color: #333939; } .wsContactTopPager .wsControl.wsGrid > .wsFooter { background-color: #F8F8FA; border-color: #ACB8BC; } .wsContactTopPager .wsFooter .wsControl.wsPager > .wsPageInfo { color: #333939; } .wsContactTopPager .wsFooter .wsControl.wsPager > .wsPagerLeft { border-right-color: #E6DDDD; } .wsContactTopPager .wsFooter .wsControl.wsPager > .wsPagerLeft a { color: #333939; } .wsContactTopPager .wsFooter .wsControl.wsPager > .wsPagerRight a { color: #333939; } .wsContactTopPager .wsFooter .wsControl.wsPager .wsControl.wsSelect .wsIcon { background-color: #E6E6E8; color: #333939; } /*END CONTACTS TEMPLATE*/ /************************************************************************************************************************ ******************************************END WestEnd.Shared.css Colors************************************************* *************************************************************************************************************************/ .wsGridTemplateTable > tbody > tr > td.wsLabel { color: #134357; } /****************************************************************************************** TODO *******************************************************************************************/ .truncate { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wsNoScriptPanel { background-color: rgba(0,0,0,0.7); } .wsNoScriptPanel .wsText { background-color: #FFF; } .wsGridTemplateLink { color: #fff; } .wsGridTable tr.wsSelected .wsGridTemplateLink { color: #000; } .wsTaskUser { display: none; } .wsImageList { display: table; margin: 0 auto; } .wsImageList ul { width: 345px; list-style: none; padding-top: 0px; margin-top: -2px; } .wsImageList ul li { display: inline; float: right; } .wsImageList ul li .wsImageContainer { display: table-cell; text-align: center; vertical-align: middle; font-size: 0; background-color: #fff; padding: 5px; border: 1px solid #d1d1d1; } .wsImageList ul li .wsImageContainer img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .wsImageList table > tbody > tr > td .wsImageContainer { display: table-cell; text-align: center; vertical-align: middle; font-size: 0; background-color: #fff; padding: 5px;} .wsImageList table > tbody > tr > td .wsImageContainer img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .wsFullSizeImgPanel { display: block; width: 100%; background-image: url(../../WestEnd.Workspace/Uploads/101/Content/Lotr_2.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 1920px auto; min-height: 500px; overflow: hidden; position: relative; } /* GRID DARK EXPAND OVERRIDE */ /* If this block is uncommented please comment DARK PADDING OVERRIDE block */ /* .wsControl.wsGrid > .wsContent table.wsSubLevel tbody > tr { border: none; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { border-bottom: none; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsExpanded td { background-color: #5a5a5a; color: #e4e4e4; border-color: #6b6b6b; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsExpanded td.wsExpandColumn .wsControl.wsButton .wsIcon { color: #e4e4e4; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsExpanded td a { color: #e4e4e4; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td { background-color: #323232; color: #e4e4e4; border-color: #6b6b6b; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsExpandColumn.wsSubLevelExpand { display: none; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer { padding: 0; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle { display: none; } .wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > thead > tr > th { background-color: #262626; color: #e4e4e4; border-color: #6b6b6b; } .wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > tbody > tr.wsGridRow > td a { color: #e4e4e4; } .wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > tbody > tr.wsGridRow.wsAlternateRow > td { background-color: #2c2c2c; } .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td, .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsHover > td { background-color: #263a55; color: #e4e4e4; border-color: #6b6b6b; } .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td.wsExpandColumn .wsControl.wsButton .wsIcon { color: #e4e4e4; } */ /* .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsExpandColumn.wsSubLevelExpand { display: none; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer { background-color: #5a5a5a; padding: 10px; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle { display: none; } .wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > thead > tr > th { border: solid 1px #fff; } */ /* GRID DARK PADDING OVERRIDE */ /* If this block is uncommented please comment DARK EXPAND OVERRIDE block */ /* .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsExpanded td { background-color: #8B8F93; color: #e4e4e4; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsExpanded td.wsExpandColumn .wsControl.wsButton .wsIcon { color: #e4e4e4; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsExpanded td a { color: #e4e4e4; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsExpandColumn.wsSubLevelExpand { display: none; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer { background-color: #8B8F93; padding: 10px; } .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle { display: none; } .wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > thead > tr > th { border: solid 1px #fff; } */ /****************************************************************************************** WS Ticketing *******************************************************************************************/ /*Ticketing Search Filter*/ .wsTicketing { width: 100%; border:none; border-collapse: collapse; } .wsTicketing td, .wsTicketing th { padding: 0; vertical-align:top; border:none; } /* cellspacing */ table.wsTicketing { border-collapse: collapse; border-spacing: 0; } /* cellspacing="0" */ .wsTicketing .wsControl.wsVerticalNavBar.wsCollapsed { width: 70px; } .wsTicketing .wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0 > .wsIconsColapseExpand > .wsIcon { top: 10px; right: 13px; } .wsTicketing .wsControl.wsVerticalNavBar > .wsCollapseExpandButton { width:70px; } .wsTicketing .wsTicketingSearchFilter td { height: 32px; background-color: #4DA5A7; vertical-align:middle; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsSelect { height:21px; background-color: #263A55; border-color: #263A55; color: #FFF; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsSelect .wsValue { height:19px; padding: 2px 1px 2px 8px;} .wsTicketing .wsTicketingSearchFilter .wsControl.wsSelect .wsIcon { height:19px; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsSelect span { height: 20px; } .wsTicketing .wsTicketingSearchFilter .wsControlPopup.wsSelect .wsItems ul li {background-color: #263A55; border-bottom-color: #2E4667; color: #FFF; padding: 3px 12px;} .wsTicketing .wsTicketingSearchFilter .wsControl.wsSelect.wsControlHasFocus, .wsTicketingSearchFilter .wsControl.wsSelect:focus { background-color: #263A55; border-color: #263A55; } .wsTicketing .wsTicketingSearchFilter .wsControlPopup.wsSelect .wsItems ul li:hover:not(.wsTitle), .wsTicketingSearchFilter .wsControlPopup.wsSelect .wsItems ul li.wsSelected { background-color: #42679A; color: #FFF; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsTextbox { height:21px; background-color: #263A55; border-color: #263A55; color: #FFF; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsTextbox.wsControlHasFocus { background-color: #263A55; border-color: #263A55; color: #FFF } .wsTicketing .wsTicketingSearchFilter .wsControl.wsTextbox input { height:19px;} .wsTicketing .wsTicketingSearchFilter .wsControl.wsDate { width: 188px; height:21px; background-color: #263A55; border-color: #263A55; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsDate input[type="text"] { height:19px; color: #FFF; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsDate .wsIcon span {width:19px; height:19px; color: #FFF; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsDate.wsControlHasFocus, .wsTicketingSearchFilter .wsControl.wsDate.wsOpen { background-color: #263A55; border-color: #263A55; } .wsTicketing .wsTicketingSearchFilter .wsControl.wsButton.wsHasIcon.wsNoText { width:22px; height:21px; } /* End Ticketing Search Filter*/ /*Ticket Grid*/ .wsTicketList { width:100%; background-color: #FFF; border-spacing: 0px; border-collapse:collapse; } /*.wsTicketList td, th { padding:0px; vertical-align:top; }*/ .wsTicketList > tbody > tr > td { vertical-align:top; padding-left: 8px; } .ticketGrid .wsControl.wsButton:not(.wsTextOutside) { background-color: transparent; border:none; box-shadow: none; text-shadow:none; color:#000 } .ticketGrid .wsControl.wsButton:not(.wsTextOutside):hover { color: #A9A9A9 } .ticketGrid .wsControl.wsPager > .wsPageSize .wsControl.wsSelect .wsIcon span { background-color: #AAA7A7; } .ticketGrid .wsControl.wsPager > .wsPageSize .wsControlPopup.wsSelect .wsItems ul li.wsSelected { background-color: #AAA7A7; } .ticketGrid .wsControl.wsPager > .wsPageSize .wsControlPopup.wsSelect .wsItems ul li:hover:not(.wsTitle) {background-color: #AAA7A7; } .ticketGrid .wsControl.wsPager > .wsPageSize .wsControlPopup.wsSelect .wsItems ul li { border-bottom-color: #C0C0C0 } .ticketGrid .wsControl.wsGrid > .wsHeader { background-color: #F1F1F1; border: 1px solid #B9C0C2; color: #000; border-radius: 2px; margin-left: 2px; margin-right: 2px;} .ticketGrid .wsControl.wsGrid > .wsHeader .wsControl.wsButton { color:#000 #AAA7A7; font-weight:bold; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsControl.wsButton > .wsIcon { display:none } .ticketGrid .wsControl.wsGrid > .wsHeader .wsControl.wsButton:hover { color: #AAA7A7 !important; font-weight:bold;} .ticketGrid .wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton:hover { color: #56cdc9; } .ticketGrid .wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton:hover .wsIcon { color: #56cdc9; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsItemsInfo { color: #7F7F7F; border-color: #000; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPager { border-color: #000; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsControl.wsPager > .wsPager a { color: #7F7F7F } .ticketGrid .wsControl.wsGrid > .wsHeader .wsControl.wsPager > .wsPager a:hover { color: #000 } .ticketGrid .wsControl.wsGrid > .wsHeader .wsControl.wsPager > .wsPager a.wsCurrent { color: #000 } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPageInfo { color: #000; border-color: #000; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPagerLeft { border-color: #000; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPagerRight { border-color: #000; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPagerLeft a { color: #000 !important; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPagerLeft a:hover { color: #7F7F7F !important; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPagerRight a { color: #000 !important; } .ticketGrid .wsControl.wsGrid > .wsHeader .wsPagerRight a:hover { color: #7F7F7F !important; } .ticketGrid .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { background-color: transparent !important; border:none; } .ticketGrid .wsControl.wsGrid .wsLoading { background-color: #FFF;} .ticketGrid .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsSelected > td .wsTicketTemplateWrapper { background-color: #cdcdcd !important;} /*.ticketGrid .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsSelected > td .wsTicketTemplate .wsTicketUserProfile .btnOptions { visibility: visible !important;}*/ .ticketGrid .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsSelected > td .wsTicketTemplate { background-color: #cdcdcd !important;} .ticketGrid .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr:hover > td .wsTicketTemplateWrapper { cursor: pointer; background-color: #c0c0c0 !important; color: #000; } /*End Ticket Grid*/ /*Ticket Template*/ .wsTicketTemplateWrapper { background-color: #F1F1F1; border: 1px solid #B9C0C2; border-radius: 2px; } .wsTicketTemplate { background-color: #F1F1F1; margin: 2px 2px 2px 2px; padding:10px; border-radius: 2px; } .wsTicketTemplate .wsTicketUserProfile { width:100%; height:60px; } .wsTicketTemplate .wsTicketUserProfile .wsUserImgWrapper { width:60px; height:60px; float:left } .wsTicketTemplate .wsTicketUserProfile .wsUserImg { width:60px; height:60px; border-radius: 2px; } .wsTicketTemplate .wsTicketUserProfile .wsUserInformation { float:left; margin: 10px 10px 10px 5px;} .wsTicketTemplate .wsTicketUserProfile .wsUserInformation .wsText .wsControlContainer { vertical-align:initial; } .wsTicketTemplate .wsTicket { width:100%; margin-top: 3px; } .wsTicketTemplate .wsTicket table { width:100%} .wsTicketTemplate .wsTicket table tr td { border-right: 1px solid #FFF; text-align: center; } .wsTicketTemplate .wsTicket table tr:first-child { background-color: #058588; } .wsTicketTemplate .wsTicket table tr:first-child td>span { color: #FFF; } .wsTicketTemplate .wsTicket table tr td:last-child { border: none; } .wsTicketTemplate .wsTicket table tr:nth-child(2) { background-color: #C0C0C0 } /*End Ticket Template*/ /*Ticket Response Template*/ .wsClientUserResponseTemplate, .wsUserResponseTemplate { width:100%; } .wsClientUserResponseTemplate .wsUserImgWrapper, .wsUserResponseTemplate .wsUserImgWrapper { width:60px; height:60px; vertical-align: top; } .wsClientUserResponseTemplate .wsUserImg, .wsUserResponseTemplate .wsUserImg { width: 60px; height: 60px; border-radius: 60%; } .wsClientUserResponseTemplate .wsBubblee { position: relative; width: calc(100% - 13px); min-height: 60px; background: #FFFFFF; padding: 7px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float:left; margin-left: 13px; } .wsClientUserResponseTemplate .wsBubblee:after { content: ''; position: absolute; border-style: solid; border-width: 5px 13px 5px 0; border-color: transparent #FFFFFF; display: block; width: 0; z-index: 1; left: -13px; top: 9px; } .wsUserResponseTemplate .wsBubblee { position: relative; width: 95%; min-height: 60px; padding: 7px; background: #FAFAFA; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float:right; margin-right: 13px; } .wsUserResponseTemplate .wsBubblee:after { content: ''; position: absolute; border-style: solid; border-width: 5px 0 5px 13px; border-color: transparent #FAFAFA; display: block; width: 0; z-index: 1; right: -13px; top: 9px; } .wsClientUserResponseTemplate .wsBubblee:hover, .wsUserResponseTemplate .wsBubblee:hover { background-color: #FFFFF0; } .wsClientUserResponseTemplate .wsBubblee:hover:after, .wsUserResponseTemplate .wsBubblee:hover:after { border-color: transparent ##FFFFF0; } .wsClientUserResponseTemplate .wsResponseMsg p:first-child, .wsUserResponseTemplate .wsResponseMsg p:first-child { margin:0px; padding: 0px; } .wsClientUserResponseTemplate tr:first-child td:nth-child(3) { display:none; } .wsUserResponseTemplate tr:first-child td:first-child { display:none; } .wsCommentImage img { max-width: 600px; width: auto; height: auto;} /*End Ticket Response Template*/ .ticketResponsesWrapper { background-color: #F1F1F1; /*border: 1px solid #B9C0C2;*/ border-radius: 2px; } .responseGrid .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { background-color: transparent; border:none; } .wsTicketList .wsLoadingPanel .wsMessage { background-color: transparent; margin-top: 150px; } .wsResponseMsg .wsBubble .wsClearFix .wsCreatedDate { color: #b7b1b1; font-size: 0.85em; font-weight: 600; } /****************************************************************************************** END WS Ticketing *******************************************************************************************/ .wsAvatarCircle { display: inline-block; width: 28px; height: 28px; background-color: #FBC000; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-top: -2px; } .wsAvatarCircle span { position: relative; top: 7px; /* 25% of parent */ font-size: 14px; /* 50% of parent */ line-height: 14px; /* 50% of parent */ color: #fff; font-weight: 400; } /****************************************************************************************** END TODO *******************************************************************************************/ /****************************************************************************************** MC 07-17-2017 *******************************************************************************************/ .wsData .wsRemoveIcon { border: 1px solid #000000; display: inline-block; margin-left: 5px; border-radius: 2px; } .wsData .wsRemoveIcon:hover { border-color: gray; cursor: pointer; } /****************************************************************************************** END WS Ticketing *******************************************************************************************/ /****************************************************************************************** WS Card *******************************************************************************************/ .wsCardSec { background-color: #fff; width: 300px; border: 1px solid #d1d1d1; margin-left: 5px; float: left; /* box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2) */} .wsCardSec .wsHeader { width: 100%; height: 30px; background-color: #FEB63B; border-bottom: 2px solid #d1d1d1; font-size: 14px; font-weight: 600; line-height: 30px; vertical-align: middle; } .wsCardSec .wsHeader > span { margin-left: 5px; } .wsCardSec .wsContent { width: 100%; background-color: transparent; padding: 0px;} .wsCardSec .wsContent ul { list-style: none; margin: 0; padding: 0;} .wsCardSec .wsContent ul li { padding: 5px 5px 5px 5px; } .wsCardSec .wsContent ul li:nth-child(odd) { background-color: #f0f0f0; } /****************************************************************************************** END WS Card *******************************************************************************************/ /****************************************************************************************** WS Approval Signee Card *******************************************************************************************/ .wsApprovalSigneeCard { width: 250px; padding: 4px 5px 5px 5px; display: inline-block; vertical-align:top; font-weight: bold; margin-left: 10px; margin-bottom: 10px; background-color: #FAFAFA; border: 1px solid #d1d1d1; border-radius: 0; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); } /****************************************************************************************** END WS Approval Signee Card *******************************************************************************************/ /****************************************************************************************** Notifications Template *******************************************************************************************/ .notificationTemplateTable { width: 100%; } .notificationTemplateTable .notificationsRowCol1 { width: 37%; display: inline-block; } .notificationTemplateTable .notificationsRowCol2 { width: 63%; display: inline-block; } .notificationTemplateTable .notificationsRowCol1 .wsLabel, .notificationTemplateTable .notificationsRowCol1 .wsLabel, .notificationTemplateRow .wsLabel { font-weight: bold; width: 150px; display: inline-block; } .notificationTemplateSubmRow { width: 100%; } .notificationTemplateSubmRow > .col { padding: 2px; border-right: 1px solid #ddd; word-break: break-word; } .notificationTemplateSubmRow > .col.col9 { width: 9%; } .notificationTemplateSubmRow > .col.col10 { width: 10%; } .notificationTemplateSubmRow > .col.col64 { width: 64%; } /****************************************************************************************** END Notifications Template *******************************************************************************************/ /****************************************************************************************** Custom Scrollbars (MiniBar) *******************************************************************************************/ .mb-track { border-radius: 5px; } .mb-bar { background-color: #4C9689; } .mb-container > .mb-track { background-color: #110c10; border-radius: 5px; } /*.wsInfo.wsScroll { overflow: visible !important; }*/ /****************************************************************************************** END Custom Scrollbars (MiniBar) *******************************************************************************************/ .wsPointerDiv { /* Styling block element, not required */ position: relative; margin-bottom: 2em; padding: 1em; border: 1px solid #999; background: #f3f3f3; max-width: 800px; } /* Required for Down Triangle */ .wsPointerDiv:before, .wsPointerDiv:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0; } /* Stroke */ .wsPointerDiv:before { left: -11px; top: 15px; /* If 1px darken stroke slightly */ border-right-color: #777; border-width: 11px; } /* Fill */ .wsPointerDiv:after { left: -10px; top: 16px; border-right-color: #f3f3f3; border-width: 10px; } .wsHr { clear:both; border: 0; max-width: 800px; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } /****************************************************************************************** MC 09-15-2017 Activities & Opportunities Layout *******************************************************************************************/ .wsLayoutCardView .wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { padding: 0px; } .wsLayoutCardViewTemplate { background-color: #FFFFFF; padding: 5px 5px 10px 5px; border-bottom: 1px solid #EFF0F1; width: 380px; } .wsLayoutCardViewTemplate:hover { background-color: #EFF0F1; cursor: pointer; } .wsLayoutCardViewTemplate .wsImage { width: 70px; height: 70px; } .wsLayoutCardViewTemplate .wsInfo { width: 100%; vertical-align: top; padding: 5px 0px 0px 5px; } .wsLayoutCardViewTemplate .wsInfo .wsTitle { display: block; font-weight: bold; } .wsLayoutCardViewTemplate .wsInfo .wsDate { display: block; } .wsLayoutCardViewTemplate .wsInfo .wsSubTitle { display: block; margin-top: 3px; } .wsLayoutCardViewTemplate .wsOptions { width: 50px; } .wsLayoutCardViewTemplate .wsDetails { padding-top: 5px; } /****************************************************************************************** END *******************************************************************************************/ /******* 2 Columns Price Table in Grid Cell ********/ .wsPriceTable { display: flex; flex-direction: column; width: 600px; background-color: #fff; } .wsPriceTable > ol { display: flex; flex-direction: row; list-style: none; margin: 0; padding: 0; white-space: nowrap; border: 1px solid #d1d1d1; } .wsPriceTable > ol > li { height: 20px; padding: 2px; vertical-align: middle; } .wsPriceTable > ol > li:first-child { flex-basis: 300px; } .wsPriceTable > ol > li:nth-child(2n) { flex-basis: 40px; border-left: 1px solid #d1d1d1;} .wsPriceTable > ol > li:nth-child(3n) { flex-basis: 60px; text-align: right;} .wsPriceTable > ol > li:nth-child(4n) { flex-basis: 25px; border-left: 1px solid #d1d1d1;} .wsPriceTable > ol > li:nth-child(5n) { flex-basis: 25px; text-align: right; } .wsPriceTable > ol > li:nth-child(6n) { flex-basis: 30px; border-left: 1px solid #d1d1d1;} .wsPriceTable > ol > li:nth-child(7n) { flex-basis: 60px; text-align: right; } .wsPriceTable > ol > li:nth-child(8n) { flex-basis: 30px; border-left: 1px solid #d1d1d1;} .wsPriceTable > ol > li:nth-child(9n) { flex-basis: 30px; text-align: right; border-left: none; } /***********************************/