/************************************************************************************************************************
 **************************************************WestEnd.Approval.css**************************************************
*************************************************************************************************************************/

/******************************************************************************************
    MRP Sample Requests
*******************************************************************************************/
.mrpSampleRequests_Request > table { border-spacing: 0px; border-collapse: collapse; width: 100%; }
.mrpSampleRequests_Request > table > tbody > tr > td { padding: 0; padding-bottom: 2px; }
.mrpSampleRequests_Request > table > tbody > tr > td.tdLabel { padding-right: 5px; width: 150px; font-weight: bold; }
.mrpSampleRequestsContent { padding-bottom: 5px !important; padding-right: 10px !important; }
.mrpSampleRequestsContent .wsControl { width: 247px; }

.mrpSampleRequestsItemsAndTrackingsTable { width: 100%; margin-bottom: 5px; padding: 10px; }
.mrpSampleRequestsItemsAndTrackingsTable > thead > tr > th { text-align: left; }
.mrpSampleRequestsItemsAndTrackingsTable > thead > tr > th { padding: 5px; }
.mrpSampleRequestsItemsAndTrackingsTable > tbody > tr > td { padding: 3px; }
.mrpSampleRequestsItemsAndTrackingsTable > thead > tr > .tableTitle { text-align: center; }
/******************************************************************************************
    END MRP Sample Requests
*******************************************************************************************/

/******************************************************************************************
   Workflow
*******************************************************************************************/
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToWorkflow { display: inline-block; margin-top: 2px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToWorkflow .wsHeaderSelList { width: 200px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaWorfklowTitle { width: 205px; float: left; display: inline-block; padding: 4px 0 4px 4px; font-size: 14px; position: relative; }  
/******************************************************************************************
   END Workflow
*******************************************************************************************/

/******************************************************************************************
   WorkflowTeam
*******************************************************************************************/
.gaWorkflowTeamDetails { width: 100%; border-spacing: 0px; border-collapse: collapse; }
.gaWorkflowTeamDetails > tbody > tr > td { vertical-align: top; }
.gaWorkflowTeamDetails > tbody > tr > td.gaGroupBy { width: 300px; padding-left: 5px; }
.gaWorkflowTeamDetails > tbody > tr > td.gaGroupBy .wsControlPopup.wsMultiSelect.gaGroupByMS { margin-top: 5px; width: 100%; }
.gaWorkflowTeamDetails > tbody > tr > td.gaGroupBy .wsControlPopup.wsMultiSelect.gaGroupByMS .wsSearch { border: none; width: 100%; }
.gaWorkflowTeamDetails > tbody > tr > td.gaGroupBy .wsControl.wsSelect.gaGroupByTypeSL { width: 287px; }

.wsSection.gaWorkflowTeamEdit { width: 100%; padding-bottom:3px; }
.wsSection.gaWorkflowTeamEdit .gaGroupBy > .wsItems { width: 100%; }
.wsSection.gaWorkflowTeamEdit .wsFooter.wsDialogPanel { padding-left: 400px; }
.wsSection.gaWorkflowTeamEdit .gaName { width: 270px; }
.wsSection.gaWorkflowTeamEdit .gaDescription { width: 435px; }

.gaWorkflowUser > .gaHeaderItem { width: 100%; font-weight: 400;  display: inline-block; padding: 3px 5px; }
.gaWorkflowUser > .gaHeaderItem .gaOptions { float:right; }
.gaWorkflowUser > .gaRightSpan { float: right; }
.gaWorkflowUser .gaItemDataSpan { }
.gaWorkflowUser .gaItemsHeader { white-space: nowrap; font-weight: bold; display: block; margin-bottom: 2px; }
/******************************************************************************************
   END WorkflowTeam
*******************************************************************************************/

/******************************************************************************************
    WS Submission Activity Log
*******************************************************************************************/
.wsDetailsTable > tbody > tr > td.gaUsers { width: 320px; border-width: 0px 1px 1px 1px; border-style: solid; }
.wsDetailsTable > tbody > tr > td.gaUsers > div.gaUsersSectionWrapper { width: 100%; box-sizing: border-box; padding: 5px; border-top: 0.1em solid; }
.wsDetailsTable > tbody > tr > td.gaUsers > div.gaUsersSectionWrapper .gaUsersSection { width: 320px; }

.wsDetailsTable > tbody > tr > td.gaLog { width: 350px; padding-left: 5px; vertical-align: top; }
.wsDetailsTable > tbody > tr > td.gaLogClosed { width: 26px; padding-left: 5px; vertical-align: top; }
.wsDetailsTable > tbody > tr > td.gaLog .gaLogArea, #divLogClosed { min-width: 26px; min-height: 680px; padding: 5px; border: solid 1px; }
.wsDetailsTable > tbody > tr > td.gaLog .gaLogArea .gaQuickComment { padding-bottom: 5px; }
.wsDetailsTable > tbody > tr > td.gaLog .gaLogArea .gaQuickComment .gaFooter { text-align: right; padding-top: 5px; }
.wsDetailsTable > tbody > tr > td.gaLog .gaLogAreaHeader { padding: 3px 5px; height: 32px; }
.wsDetailsTable > tbody > tr > td.gaLog .gaActivityLogTitle { float: left; display: inline-block; padding: 4px 0 4px 4px; font-size: 14px; }
.wsDetailsTable > tbody > tr > td.gaLog .gaActivityLogFilter { display: inline-block; float: right; vertical-align: top; padding: 2px 0; }
.wsDetailsTable > tbody > tr > td.gaLog .gaActivityLogFilter .wsText { display: inline-block; vertical-align: top; padding-top: 4px; cursor: default; margin-right: 2px; }
.wsDetailsTable > tbody > tr > td.gaLog .gaActivityLogFilter .wsIcon { font-size: 15px; display: inline-block; padding-top: 2px; vertical-align: top; cursor: pointer; }
.wsDetailsTable > tbody > tr > td.gaLog .gaActivityLogFilter .wsHeaderSelList { width: 140px; }

/*.gaActivityLog { position: relative; }*/
.gaActivityLog .gaLogPopupContent { } 
.gaActivityLog .gaLogPopupContent .gaTextBox { width: 300px; height: 100px;}
.gaActivityLog .gaLogPopupContent .gaSelectList { margin-bottom: 4px; width: 300px; }
.gaActivityLog .gaLogPopupContent .gaMSCtrl { width: 300px; }

.gaActivityLog > .gaLogPopup { position: absolute; top: 0; left: 0; border: 2px solid; z-index: 10; margin-top: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gaActivityLog > .gaLogPopup .gaHeader { padding: 5px 5px; min-height: 30px; font-weight: bold; }
.gaActivityLog > .gaLogPopup .gaContent { padding: 5px 10px;}
.gaActivityLog > .gaLogPopup .gaTextBox { width: 300px; height: 100px;}
.gaActivityLog > .gaLogPopup .gaSelectList { margin-bottom: 4px; width: 300px; }
.gaActivityLog > .gaLogPopup .gaMSCtrl { width: 300px; }
.gaActivityLog > .gaLogPopup .gaFooter { text-align: center; padding-top: 5px; padding-bottom: 5px;}
.gaActivityLog > .gaLogPopup .gaTriangle { display: block; position: absolute; top: 0; left: 100%; width: 0; height: 0; -moz-transform: scale(.9999); border-style: solid; border-width: 8px 0 8px 8px; }

.gaActivityLog > .gaLoadAllItems { padding: 4px; text-align: center; border-top: solid 1px; cursor: pointer; }

.gaActivityLog .gaItem { position: relative; margin-top: 0px; border: 1px solid; margin-bottom: 4px; }
.gaActivityLog .gaItem > .gaHeader { padding: 3px 5px 3px 5px; border-bottom: solid 1px; cursor: pointer; }
.gaActivityLog .gaItem.gaLast > .gaHeader { border-bottom: solid 1px; }
.gaActivityLog .gaItem > .gaHeader .gaUserDate, .gaActivityLog .gaItem > .gaHeader .gaHeaderPrefix { float: left; font-size: 11px;}
.gaActivityLog .gaItem > .gaHeader .gaLogAccess { float: right; text-align: right; margin-left: 4px; }
.gaActivityLog .gaItem.gaLimitedAccess > .gaHeader .gaLogAccess { }

.gaActivityLog .gaItem > .gaContent { max-width: 320px; padding: 5px 10px; word-wrap: break-word; }
.gaActivityLog .gaItem > .gaContent .gaItemTitle { width: 100%; margin-bottom: 4px; }
.gaActivityLog .gaItem > .gaContent .gaItemTitle .gaIcon { width: 30px; height: 30px; display: inline-block; font-size: 18px; line-height: 30px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.gaActivityLog .gaItem > .gaContent .gaItemTitle .gaIcon span:before { line-height: 30px; vertical-align: top; }
.gaActivityLog .gaItem > .gaContent .gaItemTitle .gaTitle { font-weight: 600; }
.gaActivityLog .gaItem > .gaContent .gaItemTitleDescription { overflow-x: auto; }
.gaActivityLog .gaItem > .gaContent .gaItemTitleDescription img { height: auto; width: auto; max-height: 200px; max-width: 200px; cursor: pointer; }

.gaActivityLog .gaItem.gaTypeAction > .gaContent > .gaItemTitle.wsBadge > .gaIcon { float:right; color: #fff; background-color: transparent; font-size: 18px; }
.gaActivityLog .gaItem.gaTypeAction > .gaContent > .gaItemTitle.wsBadge > .gaIcon > span { display: inline-block; }
.gaActivityLog .gaItem.gaTypeAction > .gaContent ol, .gaActivityLog .gaItem.gaTypeAction > .gaContent ul, .gaActivityLog .gaItem.gaTypeAction > .gaContent p,
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText p { margin-top: 0px; margin-bottom: 0px; }
.gaActivityLog .gaItem.gaTypeAction > .gaContent br { display:block; content: ""; font-size: 0px; margin-top: 8px; }

.gaActivityLog .gaItem > .gaContent .gaItemTitle.wsBadge { /*width:200px;*/ }
.gaActivityLog .gaItem > .gaContent .gaItemTitle.wsBadge .gaIcon { height: 25px; }
.gaActivityLog .gaItem > .gaContent .gaItemTitle.wsBadge .gaIcon span::before { height: 25px; line-height: 25px; }

.gaActivityLog .gaItem > .gaContent .gaItemTitle.wsBadge .gaTitle { font-weight: normal; line-height: 22px; }

.gaActivityLog .gaItem > .gaContent .gaAttachmentItem { display: block; position: relative; padding-right: 18px; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaIcon { position: absolute; top: 0; right: 0; height: 18px; width: 18px; font-size: 0px; text-align:right; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaIcon span { display: inline-block; cursor: pointer; width: 16px; text-align: center; line-height: 18px; font-size: 14px; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaIcon span:hover { }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaAttachmentLink { display: inline-block; text-decoration: none; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaAttachmentLink:hover { text-decoration: underline; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem.gaDeleted .gaAttachmentLink { cursor: default; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem.gaDeleted .gaAttachmentLink:hover { text-decoration: none; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem.gaDeleted .gaDeletedDate { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 30px; }

.gaActivityLog .gaItem > .gaContent .gaImageItem { display:block; vertical-align: top; position: relative; }
.gaActivityLog .gaItem > .gaContent .gaImageItem .gaThumbnail { width: auto; height: auto; max-width: 150px; max-height: 150px; display: block; vertical-align: top; cursor: pointer;  }
.gaActivityLog .gaItem > .gaContent .gaImageItem span.gaThumbnail { padding-bottom: 5px; }
.gaActivityLog .gaItem > .gaContent .gaImageItem .gaIcon { display: none; position: absolute; top: 0; right: 0; width: 20px; height: 20px; font-size: 0px; }
.gaActivityLog .gaItem > .gaContent .gaImageItem:hover .gaIcon { display: block; }
.gaActivityLog .gaItem > .gaContent .gaImageItem .gaIcon span { display: inline-block; cursor: pointer; width: 20px; text-align: center; line-height: 18px; font-size: 14px; }
.gaActivityLog .gaItem > .gaContent .gaImageItem .gaIcon span:hover { }

.gaActivityLog .gaItem > .gaContent .gaNoteItem .gaNoteNo { display: inline-block; padding-right: 4px; }

.gaActivityLog .gaItem > .gaContent .gaSampleItem { position: relative; padding-right: 34px; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaTitle { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaSentDate { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 15px; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaReceivedDate { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 15px; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaDeletedDate { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 15px; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaIcon { position: absolute; top: 0; right: 0; height: 18px; width: 34px; font-size: 0px; text-align:right; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaIcon span { display: inline-block; cursor: pointer; width: 16px; text-align: center; line-height: 18px; font-size: 14px; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaIcon span:hover { }

.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText { display: block; overflow-x: auto; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText img { height: auto; width: auto; max-height: 200px; max-width: 200px; cursor: pointer; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText p, .gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText ul, 
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText ol { margin-top: 0px; margin-bottom: 0px; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaText br { display:block; content: ""; font-size: 0px; margin-top: 8px; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaIcon { display: block; text-align: right; font-size: 0px; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaIcon span { display: inline-block; cursor: pointer; width: 16px; text-align: center; line-height: 18px; font-size: 14px; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaDeletedDate { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 15px; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem.gaDeleted .gaText { }

.gaActivityLog .gaItem.gaTypeChat > .gaContent { max-height: 600px; overflow: auto; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem:not(.gaFirst) { margin-top: 5px; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatLogUserDate .gaChatUserImage { float: left; display: block; width: 30px; height: 30px; border: solid 1px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; overflow: hidden; vertical-align: top; cursor: default; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatLogUserDate .gaChatUserImage img { display: block; width: auto; height: auto; max-width: 30px; max-height: 30px; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatLogUserDate .gaChatUserImage .wsIcon { display: block; width: 28px; height: 30px; line-height: 25px; text-align: center; font-size: 18px; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatLogUserDate .gaChatUser { float: left; display: block; padding: 6px 0 0 4px; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatLogUserDate .gaChatDate { float: right; display: block; padding-top: 6px; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatMessage { margin: 2px 0 0 5px; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.gaActivityLog .gaItem.gaSelected > .gaHeader { }

.gaActivityLog .gaItem.gaTypeAction > .gaHeader > .gaIcon { }
.gaActivityLog .gaItem.gaTypeAction > .gaHeader > .gaIcon.gaNeedRevision {  }
.gaActivityLog .gaItem.gaTypeAction > .gaHeader > .gaIcon.gaPutOnHold {  }
.gaActivityLog .gaItem.gaTypeComment > .gaHeader > .gaIcon { }
.gaActivityLog .gaItem.gaTypeImage > .gaHeader > .gaIcon { }
.gaActivityLog .gaItem.gaTypeImageEdit > .gaHeader > .gaIcon { }
.gaActivityLog .gaItem.gaTypeAttachment > .gaHeader > .gaIcon { }
.gaActivityLog .gaItem.gaTypeChat > .gaHeader > .gaIcon { }
.gaActivityLog .gaItem.gaTypeSample > .gaHeader > .gaIcon { }

.gaActivityLog .gaSection { margin: 5px -5px; padding: 5px; font-size: 14px;padding-left:10px; }
.gaActivityLog .gaSectionComments { margin: 5px -5px; padding: 5px; font-size: 14px; }

/******************************************************************************************
    WS Submission Activity Log
*******************************************************************************************/

/******************************************************************************************
   WS Submission Header Section
*******************************************************************************************/
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionTitle { float: left; display: inline-block; padding: 4px 0 4px 4px; font-size: 14px; max-width: 700px; min-width: 220px; position: relative; vertical-align: middle; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionTitle .gaSubmitterIcon { display: block; position: absolute; top: 3px; right: 25px; cursor: default; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToSubmission { display: inline-block; margin-top: 2px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToSubmission .wsHeaderSelList { width: 200px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToSubmission .wsHelpIcon { margin-top: 2px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToSubmission .wsControl.wsButton.wsHasIcon.wsNoText { height: 21px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaGoToSubmission .wsControl.wsButton.wsHasIcon.wsNoText .wsIcon { height: 21px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionRating { float: right; display: block; padding-right: 30px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionInfoText { padding-top: 4px; display: inline-block; font-size: 14px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionAddNewMenu { float: right; vertical-align:top; display: inline-block; padding: 2px 0; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionAddNewMenu  .wsHeaderSelList { width: 120px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionButtons { float: right; display: block; margin-right: 10px; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionTeam { display: inline-block; vertical-align: top; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus  {  background-color: transparent; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaPending { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaApproved { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaDenied { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaNeedRevision { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaPutOnHold { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaTerminated { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaCanceled { }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaVaulted { text-decoration: underline; color: #FCD209; }
.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaStatus.gaVaulted:hover { font-weight:bold; color: #FCD209; cursor: pointer; }

.wsDetailsTable > tbody > tr.wsDetailsSubHeader .gaSubmissionSubInfoText { margin-left: 10px; }

.wsControl.wsSection.gaSubmStepSaveSection { position: absolute; bottom: -1px; left: 0; z-index: 2; box-shadow: none; border-bottom: none; }
.wsControl.wsSection.gaSubmStepSaveSection > .wsContent span { display: inline-block; }
.wsControl.wsSection.gaSubmStepSaveSection > .wsContent { border-bottom: none; box-shadow: none; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }

.wsControl.wsSection.gaSubmStepActionsSection { padding-bottom: 3px; min-height: 40px; position:relative; }
.wsControl.wsSection.gaSubmStepActionsSection.gaHasMargin { margin-left: 110px; }
.wsControl.wsSection.gaSubmStepActionsSection .gaDueDateDisplay { display: inline-block; padding-top: 5px; }
.wsControl.wsSection.gaSubmStepActionsSection .gaDueDateDisplayNoActions { display: inline-block; padding-top:5px; }

.wsControl.wsSection.gaSubmStepActionsSection .gaActionGroup { padding-right: 20px; }
.wsControl.wsSection.gaSubmStepActionsSection .gaActionGroup.gaProcessingActions {  }
.wsControl.wsSection.gaSubmStepActionsSection .gaActionGroup.gaStepActions {  }
.wsControl.wsSection.gaSubmStepActionsSection .gaActionGroup.gaFinalActions {  }

.wsControl.wsSection.gaSubmStepActionsSection .gaApprove { }
.wsControl.wsSection.gaSubmStepActionsSection .gaDeny { }
.wsControl.wsSection.gaSubmStepActionsSection .gaCancel { }
.wsControl.wsSection.gaSubmStepActionsSection .gaTerminate { }
.wsControl.wsSection.gaSubmStepActionsSection .gaApproveStep { }
.wsControl.wsSection.gaSubmStepActionsSection .gaNeedRevision { }
.wsControl.wsSection.gaSubmStepActionsSection .gaPutOnHold { }
.wsControl.wsSection.gaSubmStepActionsSection .gaSubmitForm { /* height: 25px; */ }
/******************************************************************************************
   END WS Submission Header Section
*******************************************************************************************/

/******************************************************************************************
   WS Submission Details - Header Popup Window
*******************************************************************************************/
.gaSubmissionDetailsWnd { width: 350px; border: 1px solid; border-radius: 3px; margin: 15px auto 0; position: relative; z-index: 998; }

.gaSubmissionDetailsWnd::before, .gaSubmissionDetailsWnd::after { content: ""; display: block; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; right: 22px; }
.gaSubmissionDetailsWnd::after { content: ""; display: block; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; top: -9px; }
.gaSubmissionDetailsWnd::before { top: -10px; right: 22px; }

.gaSubmissionDetailsWnd > .wsHeader { width: 100%; padding: 5px 0px 5px 0px; border-bottom: 1px solid; }
.gaSubmissionDetailsWnd > .wsHeader span { font-size: 14px; font-weight: 900; padding-left: 5px; padding-right: 5px; }
.gaSubmissionDetailsWnd > .wsHeader .wsClose { cursor: pointer; font-weight: bold; height: 15px; line-height: 15px; position: absolute; right: 10px; top: 4px; text-align: center;  width: 15px; z-index: 10000; }
.gaSubmissionDetailsWnd > .wsContent { width: auto; height: auto; padding: 10px 10px 10px 10px ; }
/******************************************************************************************
   END WS Submission Details - Header Popup Window
*******************************************************************************************/

/******************************************************************************************
   WS Submission Details - under vertical NavBar
*******************************************************************************************/
.contractDetailsIcon  { display: block; border-radius: 5%; width: 30px; height: 30px; text-align: center; line-height: 25px; border: solid 2px; margin: 5px auto 0px auto; font-size: 16px; cursor: pointer; }
/******************************************************************************************
   END WS Submission Details - under vertical NavBar
*******************************************************************************************/

.wsApprovalStatus { padding: 0px 5px 0px 2px; color: #fff; }

/******************************************************************************************
   WS Submission List View
*******************************************************************************************/
.gaSubmissionsListContainer { border: 1px solid; }

.gaSubmissionsListRow { }
.gaSubmissionsListRow.wsAlternateRow .gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td { }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.gaSubmissionsListRow > td { padding: 2px; border-bottom: none; }

.gaSubmissionsList { width: 100%; margin-top: 3px; margin-bottom: 3px; border: 1px solid; }
.gaSubmissionsList > table.gaSubmissionTemplate { width: 100%; border-collapse: collapse; border-spacing: 1px; border-bottom: 1px solid; -webkit-box-shadow: 0 1px 1px 0; -moz-box-shadow: 0 1px 1px 0; box-shadow: 0 1px 1px 0; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td { border: none !important; border-collapse: collapse; border-spacing: 1px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader { font-weight: normal; min-height: 36px; padding: 3px 5px 0 10px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaCheck { float: left; padding: 2px 5px 0px 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaTitle { float: left; padding: 3px 5px 0px 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaText { float: left; padding: 3px 30px 0px 0px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaText.gaHideEmpty:empty { display: none; min-width: 0px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaTextPaddingRight { float: left; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaRating { float: left; padding-right: 5px; margin-top: -4px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaRating .wsControl.wsRating span { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaTitle.gaHideEmpty:empty { display: none; min-width: 0px; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaSubmissionNo { margin: -2px -5px 0px -10px; width: 220px; height: auto; display: inline;  }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaOptions { float: right; padding-top: 1px; font-size: 16px; margin-top: -2px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .wsButton .wsIcon { font-size: 16px; margin-top: -2px; margin-left: 3px; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionImage { width: 150px; padding: 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails { vertical-align: top; /* min-width: 250px; */ font-size: 12px; padding-left: 10px; width: 400px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails > div { border-right: 1px solid #d1d1d1; padding-top: 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .wsLabel { width: 125px; display:inline-block; font-weight:bold; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .wsLabel.wsHidden { display:none; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .wsLabel.gaSubmListDetailsLabel { width: 170px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaDetail { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus { height: 18px; padding-left: 2px; padding-right: 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaPending { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaApproved { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaDenied { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaNeedRevision { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaPutOnHold { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaTerminated { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaCanceled { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer { display: flex; align-items: start; flex-direction: column; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer .gaSubmissionCommentsHeader { width: 100%; text-align: center; margin-bottom: 8px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer .gaSubmissionCommentsRow { display: flex; width: 100%; margin-bottom: 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer .gaSubmissionCommentsRow .gaSubmissionCommentsCol1 { width: 20%; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer .gaSubmissionCommentsRow .gaSubmissionCommentsCol2 { width: 25%; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer .gaSubmissionCommentsRow .gaSubmissionCommentsCol3 { width: 52%; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer :nth-child(2) span { font-weight: bold; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails.gaSubmissionComments .gaSubmissionCommentsContainer .gaSubmissionCommentsHeader span { font-weight: bold; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaInfoIcon { margin-left: -8px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaInfoIcon > .wsIcon { font-size: 32px; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription { padding-left: 5px; vertical-align: top; width: 400px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription .gaDescription {  min-height: 40px; max-height: 100px; overflow: auto; word-break: normal; white-space: normal; padding-left: 0px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription .gaDescription p { margin: 2px;  }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionMoreInfo { vertical-align: top; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionMoreInfo {}
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionMoreInfo .wsLabel { width:150px; display:inline-block; font-weight:bold; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionMoreInfo .gaDetail {  }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionFooter { }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionRowSpacer { height: 0px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionColSpacer, .gaSubmissionsListContainer > table.wsSubmissionLayoutView  > tbody > tr > td.gaSubmissionColSpacer  { width: 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionUserRights { /* width: 250px; */ padding: 5px 5px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionUserActions { padding: 0 5px; }

.gaSubmListHeader { padding-bottom: 5px; }
.gaSubmListHeader > .wsHeader { border: solid 1px; padding: 3px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gaSubmListHeader > .wsHeader .wsView { margin-top: 2px; }
.gaSubmListHeader > .wsHeader .wsView .wsIcon { font-size: 18px; cursor: pointer; }

.gaSubmListHeader > .wsHeader .wsView .wsIcon.wsSelected { }
/* .gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsFilesCount { background-color: #095677; color: #fff; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems { margin-top: 2px; margin-left: 5px; position: relative; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsCount { text-align: center; min-width: 30px; height: 23px; line-height: 23px; cursor: pointer; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup { position: absolute; top: 23px; left: 0; width: 300px; border: solid 1px; z-index: 1; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup .wsHeader { border-bottom: solid 1px; padding: 5px 20px 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup .wsHeader .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup .wsHeader .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 25px; width: 20px; cursor: pointer; font-size: 14px; line-height: 16px; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup .wsFooter { border-top: solid 1px; padding: 2px 5px; text-align: center; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup .wsItems { max-height: 189px; overflow: auto; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul { display: block; list-style: none; margin: 0; padding: 0; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul li { position: relative; display: block; padding: 2px 25px 1px 5px; border-bottom: solid 1px; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul li.wsLast { border-bottom: none; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul li .wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul li .wsFileName { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul li .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.gaSubmListHeader > .wsHeader .wsItemsCollection .wsSelectedItems .wsItemsPopup ul li .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 37px; width: 20px; cursor: pointer; font-size: 14px; line-height: 16px; }  */
/******************************************************************************************
   END WS Submission List View
*******************************************************************************************/

/*****************************************************************************
	Submission List Flex Template
*******************************************************************************/
.wsSubmissionRowTemplate { display: flex; position: relative; flex-wrap: nowrap; flex-direction: column; margin: 3px 0 3px 0; border: 1px solid #AAAAAA; }
.wsSubmissionRowTemplate > .wsTmpHeader { display: flex; /*flex-wrap: nowrap;*/ flex-direction: row; height: 28px; align-items: center; padding-left: 10px; padding-right: 5px; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderTitle { flex: 0 0 180px; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderTitle { flex: 0 0 180px; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderTitleDesc { flex: 2; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderStatuses { flex: 1; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderSelection { flex: 0 0 30px; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderBtnOptions { display: flex; justify-content:flex-end; padding-right: 3px; flex: 0 0 60px; width: 90px; }
.wsSubmissionRowTemplate > .wsTmpHeader .wsControl.wsButton.wsNoBackground.wsHasIcon .wsIcon { font-size: 16px; }
.wsSubmissionRowTemplate > .wsTmpHeader > .wsTmpHeaderBtnOptions > .wsIcon { font-size: 16px; width: 25px; cursor: pointer; }

.wsSubmissionRowTemplate > .wsTmpDataSections { display: flex; flex-wrap: nowrap; flex-direction: row; }
.wsSubmissionRowTemplate > .wsTmpDataSections > div.wsTmpDataSection { flex: 1 100%; }
/*.wsSubmissionRowTemplate > .wsTmpDataSections > div.wsTmpDataSection.gaHideEmpty:empty { display: none; }*/
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpImgSection { width: 115px; padding: 10px 0 10px 0; display: flex; flex: none; justify-content: center; align-items: center; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpImgSection > .wsThumbnail { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpImgSection > .wsThumbnail .wsIcon { font-size: 50px;  }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpImgSection > .wsThumbnail .wsImage { max-width: 100px; max-height: 100px; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection { padding: 10px 0 5px 10px; }
.wsSubmissionRowTemplate > .wsTmpDataSections .select2-container-multi .select2-choices .select2-search-choice { width: 80%; text-align: center; margin: 3px 0 0 5px; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields { border-right: 1px solid #D1D1D1; display: flex; flex-direction: column; }

.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField { display: flex; align-items: center; }
@media (max-width:1200px) { .wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField { flex-direction: column; align-items: flex-start; } }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField.wsHidden { display: none; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField > .wsLabel { width: 125px; flex: none; font-weight: bold; word-break: break-word }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField > .wsDetails { margin-left: 10px; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField > .wsDetails.gaStatus { padding-left: 2px; padding-right: 5px; }

.wsItemsContainer .wsSubmissionRowTemplate { margin: 0 2px 6px 2px }
/*****************************************************************************
	END Submission List Flex Template
*******************************************************************************/
/******************************************************************************************
   WS Submission Thubmnal View
*******************************************************************************************/
.gaSubmThubmnailList {
}
.gaSubmThubmnailList > .wsHeader { padding: 7px; border-bottom: solid 2px; position: relative; height: 35px; }
.gaSubmThubmnailList > .wsHeader .wsTitle { text-align: center; font-size: 14px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gaSubmThubmnailList > .wsHeader > .wsFloatLeft { position: absolute; top: 3px; bottom: 3px; left: 8px; float: none; }
.gaSubmThubmnailList > .wsHeader > .wsFloatRight { position: absolute; top: 3px; bottom: 3px; right: 0; float: none; }

.gaSubmThubmnailList > .wsHeader .wsItemsInfo, .gaSubmThubmnailList > .wsHeader .wsPageInfo, .gaSubmThubmnailList > .wsHeader .wsPager, .gaSubmThubmnailList > .wsHeader .wsPagerLeft, .gaSubmThubmnailList > .wsHeader .wsPagerRight { display: table-cell; text-align: center; vertical-align: middle; height: 26px; }

.gaSubmThubmnailList > .wsHeader .wsPager { padding: 0px 10px; border-right: solid 1px; }
.gaSubmThubmnailList > .wsHeader .wsPager a { text-decoration: none; }

.gaSubmThubmnailList > .wsHeader .wsPagerLeft { padding: 0px 2px; border-right: solid 1px; }
.gaSubmThubmnailList > .wsHeader .wsPagerLeft a { display: table-cell; text-decoration: none; }
.gaSubmThubmnailList > .wsHeader .wsPagerLeft a span { display: table-cell; text-align: center; vertical-align: middle; height: 26px; width: 20px; font-size: 20px; line-height: 18px;  }
.gaSubmThubmnailList > .wsHeader .wsPagerLeft a span:before { margin: 0; }

.gaSubmThubmnailList > .wsHeader .wsPagerRight { padding: 0px 2px; }
.gaSubmThubmnailList > .wsHeader .wsPagerRight a { display: table-cell; text-decoration: none; }
.gaSubmThubmnailList > .wsHeader .wsPagerRight a span { display: table-cell; text-align: center; vertical-align: middle; height: 26px; width: 20px; font-size: 20px; line-height: 18px;  }
.gaSubmThubmnailList > .wsHeader .wsPagerRight a span:before { margin: 0; }

.gaSubmThubmnailList > .wsHeader .wsItemsInfo { padding: 0px 10px; border-right: solid 1px; }
.gaSubmThubmnailList > .wsHeader .wsPageInfo { padding: 0px 10px; border-right: solid 1px; }

.gaSubmThubmnailList > .wsHeader { }
.gaSubmThubmnailList > .wsHeader .wsItemsInfo { }
.gaSubmThubmnailList > .wsHeader .wsPageInfo { }
.gaSubmThubmnailList > .wsHeader .wsPager, .gaSubmThubmnailList > .wsHeader .wsPagerLeft, .gaSubmThubmnailList > .wsHeader .wsPagerRight {  }
.gaSubmThubmnailList > .wsHeader .wsPager a, .gaSubmThubmnailList > .wsHeader .wsPagerLeft a, .gaSubmThubmnailList > .wsHeader .wsPagerRight a {  }
.gaSubmThubmnailList > .wsHeader .wsPager a:hover, .gaSubmThubmnailList > .wsHeader .wsPager a.wsHover, .gaSubmThubmnailList > .wsHeader .wsPagerLeft a:hover, .gaSubmThubmnailList > .wsHeader .wsPagerRight a:hover {  }
.gaSubmThubmnailList > .wsHeader .wsPager a.wsCurrent { }


.gaSubmThubmnailList .wsItemsContainer { padding-top: 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem { display: block; float: left; margin: 1px 5px 8px 5px; width: 490px; border: 1px solid; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader { padding: 5px 10px; position: relative; padding-right: 25px; font-size: 14px; font-weight: 500; height: 30px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader { padding: 5px 10px; position: relative; height: 30px; padding-right: 25px; font-size: 14px; font-weight: 500; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > span.wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.wsItemName { width: auto;  }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.wsStatus { max-width: 260px; text-align:right; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaPending { }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaApproved {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaDenied {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaNeedRevision {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaPutOnHold {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaTerminated {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaCanceled {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsInputSpan { display: block; position: absolute; top: 0; right: 3px; bottom: 0; width: 20px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span { display: table-cell; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent { max-width: 550px; min-height: 226px; cursor: default; overflow: hidden; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsThumbnail { margin: 0px; height: 140px; text-align: center; min-width: 150px; float: left;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsThumbnail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsThumbnail .wsImage { width: auto; height: auto; max-width: 150px; max-height: 100px; display: inline-block; line-height: 100px; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsThumbnail .wsIcon { vertical-align: middle; line-height: 100px; font-size: 60px;  }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo { float: left; /* margin: 0px 10px 0px 10px; */ width: 400px; max-height: 220px; padding: 4px; overflow-x: hidden; overflow-y: auto; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table { border-spacing: 0; border-collapse: collapse; /* min-width: 372px; */ min-height: 150px; table-layout: fixed; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table > tbody > tr > td { padding: 1px 5px 1px 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table > tbody > tr > td:nth-child(1) { font-weight: 600; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table > tbody > tr > td.wsLabel { padding-right: 0px; min-width: 120px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table > tbody > tr > td.gaRating .wsControl.wsRating span { }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table > tbody > tr > td.gaInfoIcon  { }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo > table > tbody > tr > td.gaInfoIcon > .wsIcon { margin-left: -8px; font-size: 32px; } 

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent .wsInfo .gaItemFilter { cursor: pointer; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsInfo .gaItemFilter { cursor: pointer; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsFooter { text-align: right; width: 100%; height: 30px; padding: 5px 5px; font-size: 0px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsFooter .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsFooter .wsIcon:before { width: auto; }


/* Long Thumbnails */
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong { display: block; float: left; margin: 2px 5px 8px 5px; width: 735px; border: 1px solid; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent { width: 100%; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable { width: 100%; border-collapse: collapse; border-spacing: 0px; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo { height: 180px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsSeparator { min-width: 3px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent { }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader { height : 30px; font-size: 14px; font-weight: 500; padding: 5px 20px 5px 10px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader.wsToDo { background-color: #fcb322; color: #333939; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader.wsOpenItems { background-color: #ca4e42; color: #fff; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.wsItemName { width: 390px; max-width: 70%; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.wsStatus { text-align: right; width: 150px; max-width: 25%; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaPending { }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaApproved {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaDenied {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaNeedRevision {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaPutOnHold {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaTerminated {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaCanceled {}

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData { height: 145px; padding-top: 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsOptions { position: relative; min-width: 32px; max-width: 32px; padding-top: 5px; text-align: center; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsOptions .wsActionIcon { width: 32px; padding: 3px; text-align: center; padding-top: 3px; display: block; padding-bottom: 3px; } 
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsOptions .wsActionIcon.wsIcon-Search { position: absolute; bottom: 5px; cursor: pointer; } 
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsImageContainer { width: 200px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsImageContainer .wsThumbnail { margin: 0px; height: 150px; text-align: center; min-width: 200px; float: left;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsImageContainer .wsThumbnail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsImageContainer .wsThumbnail .wsImage { width: auto; height: auto; max-width: 175px; max-height: 135px; display: inline-block; line-height: 130px; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsImageContainer .wsThumbnail .wsIcon { vertical-align: middle; line-height: 100px; font-size: 60px;  }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table { border-spacing: 0; border-collapse: collapse; width: 100%; /*min-height: 150px;*/ table-layout: fixed; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td { padding: 1px 5px 1px 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td:nth-child(odd) { font-weight: 600; width: 110px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td:nth-child(even) { width: 160px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td:nth-child(last) { width: 1px; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td.wsLabel { padding-right: 0px;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td.gaRating .wsControl.wsRating span { }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td.gaInfoIcon  { }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData > table > tbody > tr > td.gaInfoIcon > .wsIcon { margin-left: -8px; font-size: 32px; } 


.gaSubmThubmnailList .wsItemsContainer .wsListItem { }
.gaSubmThubmnailList .wsItemsContainer .wsListItem > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { }
.gaSubmThubmnailList .wsItemsContainer .wsListItem > .wsHeader > .wsTitle {  }
.gaSubmThubmnailList .wsItemsContainer .wsListItem .wsThumbnail { }
.gaSubmThubmnailList .wsItemsContainer .wsListItem .wsInfoTD > table > tbody > tr > td.wsLabel { }
.gaSubmThubmnailList .wsItemsContainer .wsListItem > .wsHeader > .wsIconSpan { }


/* Simple Thumbnails */
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple { display: block; float: left; margin: 1px 5px 8px 5px; width: 490px; border: 1px solid; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader { padding: 5px 10px; position: relative; padding-right: 25px; font-size: 14px; font-weight: 500; height: 30px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader { padding: 5px 10px; position: relative; height: 30px; padding-right: 25px; font-size: 14px; font-weight: 500; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.wsItemName { width: 99%;  }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.wsStatus { width: 140px; max-width:30%; text-align:right; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaPending { }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaApproved {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaDenied {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaNeedRevision {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaPutOnHold {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaTerminated {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaCanceled {}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsInputSpan { display: block; position: absolute; top: 0; right: 3px; bottom: 0; width: 20px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span { display: table-cell; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent { width: 100%; min-height: 224px; cursor: default; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsThumbnail { margin: 0px; height: 140px; text-align: center; min-width: 150px; float: left;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsThumbnail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsThumbnail .wsImage { width: auto; height: auto; max-width: 150px; max-height: 100px; display: inline-block; line-height: 100px; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsThumbnail .wsIcon { vertical-align: middle; line-height: 100px; font-size: 60px;  }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsInfo { float: left; /* margin: 0px 10px 0px 10px; */ /*width: 335px;*/ height: 110px; padding: 3px; overflow: auto; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsInfo > table { border-spacing: 0; border-collapse: collapse; /*width: 310px;*/ min-height: 150px; table-layout: fixed; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsInfo > table > tbody > tr > td { padding: 1px 5px 1px 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsInfo > table > tbody > tr > td:nth-child(1) { font-weight: 600; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsInfo > table > tbody > tr > td.wsLabel { padding-right: 0px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent .wsInfo > table > tbody > tr > td.gaRating .wsControl.wsRating span { }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsFooter { text-align: right; width: 100%; height: 30px; padding: 5px 5px; font-size: 0px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsFooter .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsFooter .wsIcon:before { width: auto; }

/* Row Items */
.gaSubmThubmnailList .wsItemsContainer .wsRowItem { width: 100%; margin-top: 3px; margin-bottom: 8px; border: 1px solid; display: block; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader { padding: 0px 10px; position: relative; padding-right: 25px; font-size: 14px; font-weight: 500; height: 30px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsHeader { padding: 5px 10px; position: relative; height: 30px; padding-right: 25px; font-size: 14px; font-weight: 500; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsHeader > .wsTitle { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable { width: 100%; height: 100%; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable > .wsDisplayTableCell { vertical-align: middle; line-height: 30px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable > .wsTitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable > .wsOptions { width: 100px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable > .wsOptions .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable > .wsOptions .wsIcon:before { width: auto; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader > .wsDisplayTable > .wsOptions input[type="checkbox"] { height: 16px; width: 16px; margin-top: 7px; }

.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent { width: 100%; display: table; cursor: default; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent > .wsContentCell { display: table-cell; vertical-align: top; padding: 5px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent > .wsContentCell:first-child { width: 130px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent > .wsContentCell .wsThumbnail { margin: 0px; height: 80px; text-align: center; min-width: 120px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent > .wsContentCell .wsThumbnail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent > .wsContentCell .wsThumbnail .wsImage { width: auto; height: auto; max-width: 120px; max-height: 80px; display: inline-block; line-height: 80px; vertical-align: middle; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent > .wsContentCell .wsThumbnail .wsIcon { vertical-align: middle; line-height: 80px; font-size: 60px;  }

.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent .wsInfo { width: calc(100% - 140px); max-height: 140px; padding: 10px 5px 5px 10px; overflow: auto; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent .wsInfo > table.gaSubmissionTemplateInfo { border-spacing: 0; border-collapse: collapse; width: 100%; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent .wsInfo > table.gaSubmissionTemplateInfo > tbody > tr > td.gaSubmissionDetails { vertical-align: top; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent .wsInfo > table.gaSubmissionTemplateInfo > tbody > tr > td.gaSubmissionDetails > div > table > tbody > tr > td:nth-child(1) { font-weight: 600; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent .wsInfo > table.gaSubmissionTemplateInfo > tbody > tr > td.gaSubmissionDetails > div > table > tbody > tr > td.wsLabel { padding-right: 0px; }

.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsFooter { text-align: right; width: 100%; height: 30px; padding: 5px 5px; font-size: 0px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsFooter .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsFooter .wsIcon:before { width: auto; }



.gaSubmissionChat { position:fixed; bottom:0px; left:0; z-index:10; }

.gaUseDocumentsLabel { width: 150px; display:inline-block; }
.gaSubmissionApprovalTypeDocuments { width: 400px; }
.gaSubmissionGuestInvite { width: 325px; height:255px; }
.gaSubmissionWorkflowTeamUsers { width: 375px; height:335px; }
.gaSubmissionUserRemarks { height:200px; }

.gaSubmissionSummary > table { border-spacing: 0px; border-collapse:collapse; width:100%; }
.gaSubmissionSummary > table > tbody > tr > td { vertical-align: top; padding: 0px; }
.gaSubmissionSummary > table > tbody > tr > td.wsContent { padding: 5px; }

.gaSubmissionSummary > table > tbody > tr > td.wsContent > div.wsInfo > table { border-spacing: 0px; border-collapse:collapse;}
.gaSubmissionSummary > table > tbody > tr > td.wsContent > div.wsInfo > table > tbody > tr > td { padding: 0px 10px  2px 0px; }
.gaSubmissionSummary > table > tbody > tr > td.wsContent > div.wsInfo > table > tbody > tr > td.wsLabel { font-weight: bold; }

.gaSubmissionSummary > table > tbody > tr > td.wsImage { width: 310px; text-align:center; padding:5px; }
.gaSubmissionSummary > table > tbody > tr > td.wsImage > img { width: auto; height: auto; max-width: 300px; max-height: 150px;  }
.gaSubmissionSummary > table > tbody > tr > td.wsImage > .wsIcon { display: inline-block; font-size: 80px; line-height: 135px; }


.gaContractWarning { display: block; padding: 5px 2px 5px 0px; color: #ca4e42; }
.gaSubmissionProdAppData .gaContractWarning { display: block; padding: 5px 2px 5px 0px; color: #ca4e42; }
.gaSubmissionProdAppData .gaViewContract { font-size: 16px; cursor: pointer; }
.gaSubmissionProdAppProducts { padding: 0px 0px; margin-bottom: 0px; height: auto;  }
.gaSubmissionProdAppProducts .gaAddNew { float: right; padding-right: 10px; cursor: pointer; }
.gaSubmissionProdAppProducts .gaAddNew:hover { text-decoration: underline; }

.gaSubmissionProdAppProducts .gaProductApprovalSKUs { float: left; width: 355px; min-height: 400px; overflow:hidden; }
.gaSubmissionProdAppProducts  .wsControlGridContainer { display: block; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaAddProduct { border: 1px solid; width: 355px;  }
.gaSubmissionProdAppProducts .gaAddProduct { border: 1px solid; width: 355px;  }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem { padding-bottom: 10px; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaHeaderItemName { font-size: 12px; font-weight: bold; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions { padding-right:5px; font-size: 12px; font-weight: 900; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaApproved .wsValueLabel.wsCheckbox { border: none; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaApproved .gaApprovedLabel { line-height: 22px; display: inline-block; height: 22px; vertical-align: middle; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaApproved .wsValueLabel.wsCheckbox .wsIcon { /*border: none; background-color: transparent; height: 22px;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaApproved .wsValueLabel.wsCheckbox .wsIcon .wsIcon-Yes { /*background-color: #48b130; color: #fff; width: 22px; height: 22px; display: inline-block; font-size: 14px; line-height: 22px;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaNotApproved .wsValueLabel.wsCheckbox {  /*border: none;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaNotApproved .gaApprovedLabel { line-height: 22px; display: inline-block; height: 22px; vertical-align: middle; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaNotApproved .wsValueLabel.wsCheckbox .wsIcon { /*color: #fff; width: 22px; height: 22px; line-height: 22px; padding-left: 2px; background-color: #d2413d; border: none;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaApproved .wsControl.wsCheckbox .wsIcon { /*border: none; background-color: transparent; height: 22px;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaApproved .wsControl.wsCheckbox .wsIcon .wsIcon-Yes { /*background-color: #48b130; color: #fff; width: 22px; height: 22px; display: inline-block; font-size: 14px; line-height: 22px;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaNotApproved .wsControl.wsCheckbox { /*border: none;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaNotApproved .gaApprovedLabel { line-height: 22px; display: inline-block; height: 22px; vertical-align: middle; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions.gaNotApproved .wsControl.wsCheckbox .wsIcon { /*color: #fff; width: 22px; height: 22px; line-height: 22px; padding-left: 2px; background-color: #d2413d; border: none;*/ }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions .wsHeaderButton { display: inline-block; height: 23px; padding: 0 2px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions .wsHeaderButton .wsIcon { font-size: 16px; line-height: 22px; vertical-align: middle; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaImageUploadWarning { line-height: 22px; display: inline-block; height: 22px; vertical-align: middle; font-size: 22px; color: #D2413D; margin-right: 50px; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaRevisionRequested { line-height: 22px; display: inline-block; height: 22px; vertical-align: middle; font-size: 22px; color: #FAA41A; margin-right: 20px; }

/*.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem .wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsImageAdditionalData .wsImageAdditionalDataItem 
{  
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    border: solid 2px;
    border-color: #000;
    background-color: #068587;
    color: #FFFFFF;
}*/

.gaSubmissionProdAppProducts .gaSKUImagePreview { float:left; width: 100%; min-height: 400px; height: auto; margin-left:5px; }
.gaSubmissionProdAppProducts .gaSKUImagePreview .wsImagePicker { border: none; overflow: auto; padding: 2px; margin-bottom: 2px; }
.gaSubmissionProdAppProducts .gaSKUImagePreview.wsSection > .wsContent { padding: 0px; }

.gaSubmissionProdAppProducts .gaOptionAddProduct { padding-right:5px; font-weight:bold; cursor: pointer; text-decoration: underline; }

/*.gaSubmissionProdAppProducts .wsSKUFileUpload { border: 1px solid #d1d1d1; background-color: #f1f1f1; }
.gaSubmissionProdAppProducts .wsSKUFileUpload > .wsUploadHeader { height:30px; background-color: transparent; color:#393999; }
.gaSubmissionProdAppProducts .wsSKUFileUpload > .wsUploadHeader > .wsHeaderOptions { float:right; padding-right:5px; padding-top:5px; line-height:20px; }
.gaSubmissionProdAppProducts .wsSKUFileUpload > .wsUploadHeader > .wsHeaderOptions > .wsUploadClose { display: inline-block; font-size: 14px; line-height: 14px; width: 22px; height: 22px; cursor: pointer;}
.gaSubmissionProdAppProducts .wsSKUFileUpload > .wsSKUContent { display:table; background-color: transparent;  text-align: center; vertical-align:middle; }
.gaSubmissionProdAppProducts .wsSKUFileUpload > .wsSKUContent span.wsIcon-Upload { color: #d1d1d1; vertical-align: middle; display: block; height: 100%; }
.gaSubmissionProdAppProducts .wsSKUFileUpload > .wsSKUContent span.wsText { font-size: 14px; color: #808080; }*/

.wsControl.wsSelect.gaMenuAddNewSubmissionSL { width: 190px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 2px; }
.wsControl.wsSelect.gaMenuAddNewSubmissionSL.wsControlHasFocus, .wsControl.wsSelect.gaMenuAddNewSubmissionSL.wsOpen { }
.wsControl.wsSelect.gaMenuAddNewSubmissionSL .wsValue { padding: 2px 1px 2px 8px; }
.wsControl.wsSelect.gaMenuAddNewSubmissionSL .wsIcon { font-size: 16px; }
.wsControl.wsDisabled.wsSelect.gaMenuAddNewSubmissionSL .wsIcon { }

.wsControl.wsSelect.gaMenuAddNewSubmissionSL .wsIcon span { height: 20px; }
/******************************************************************************************
   END WS Submission Thubmnal View
*******************************************************************************************/


.gaImageForm .gaImageUploadWarning { line-height: 22px; height: 22px; vertical-align: middle; font-size: 22px; color: #D2413D; position: absolute; top: 20px; left: 20px; }


/******************************************************************************************
   WS SubmissionRelatedWorkflow
*******************************************************************************************/
.wsSubmissionList .wsSubmissionWrapper { }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionHeader { width: 100%; height:30px; line-height: 30px; vertical-align: middle; padding-left: 10px; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionHeader .wsTitle { font-weight: 600; text-decoration: underline; }   
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionHeader .wsTitle:hover { cursor: pointer; }

.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent { width:100%; display: table; margin-top: 3px; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionImageGalery { width: 520px; vertical-align: middle; display: table-cell; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper { display: table-cell; vertical-align: top; padding-right: 10px; }

.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails { width: 100%; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails > tbody > tr > td:first-child { width: 150px; border-right: 1px solid; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails > tbody > tr:not(:last-child) > td { padding: 4px 0px 4px 0px; border-bottom: 2px solid; }    
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails > tbody > tr > td:nth-child(2) { padding-left: 3px; font-weight: 600; }

.gaSubmissionDetailsWnd > .wsHeader { width: 100%; padding: 5px 0px 5px 0px; border-bottom: 1px solid; }
.gaSubmissionDetailsWnd > .wsHeader span { font-size: 14px; font-weight: 900; padding-left: 5px; padding-right: 5px; }
.gaSubmissionDetailsWnd > .wsHeader .wsClose { cursor: pointer; font-weight: bold; height: 15px; line-height: 15px; position: absolute; right: 10px; top: 4px; text-align: center;  width: 15px; z-index: 10000; }
.gaSubmissionDetailsWnd > .wsContent { width: auto; height: auto; padding: 10px 10px 10px 10px ; }

.gaTaskPreview .wsControl.wsButton.wsHasIcon.wsNoText.gaTaskExpand { height: 16px; width: 16px; padding: 0; float: left; display: block; }
.gaTaskPreview .wsControl.wsButton.wsHasIcon.wsNoText.gaTaskExpand .wsIcon { cursor: default; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 16px; font-size:10px; }
.gaTaskPreview .wsControl.wsButton.wsHasIcon.wsNoText.gaTaskExpand .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 16px; width: 16px; cursor: pointer; line-height:16px; }
.gaTaskPreview .wsContent .wsContentTable > tbody > tr > td.wsLabel { padding-right: 5px; padding-top: 3px; /* min-width: 100px; max-width: 170px; */ width: 180px; }
.gaTaskPreview .wsImageInfoWnd .wsImageInfoWndContent .wsContent .wsContentTable > tbody > tr > td.wsLabel { padding-right: 5px; padding-top: 3px; width: 100px; }

.gaWndAllTaskUsers { min-height: 200px; }

.wsItemSimpleView {}
.wsItemSimpleView .wsContent .wsThumbnail { float: left; height: 150px; margin: 0; min-width: 150px; text-align: center; }
.wsItemSimpleView .wsContent .wsThumbnail .wsImage { display: inline-block; height: auto; line-height: 150px; max-height: 150px; max-width: 150px; vertical-align: middle; width: auto; }
.wsItemSimpleView .wsContent .wsInfo { float: left; height: 150px; padding: 20px;  }

.gaProdDevDetails {}
.gaProdDevDetails .gaSectionHeader { font-size:14px; font-weight: bold; }

.gaSubmissionListSummary .gaSummaryGrid table.wsListItem { border-spacing: 0; border-collapse: collapse; width: 100%; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td { cursor: pointer; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdIcon { font-size: 32px; width: 50px; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdPhoto { width: 100px; text-align:center;}
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdPhoto .tdTitle { font-size: 10px; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent { vertical-align: top; max-width:308px;  padding-top: 5px; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent > div { /*max-height: 50px;*/ overflow: hidden; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent .wsItemName { font-weight: bold; float: left; width: 60%; padding-top:1px; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent .wsDate {  }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent .wsOptions { font-weight: bold; float: right; margin-top: -3px; }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent .gaInfoIcon {  }
.gaSubmissionListSummary .gaSummaryGrid table.wsListItem > tbody > tr > td.tdContent .gaInfoIcon > .wsIcon { margin-left: -8px; font-size: 32px; } 

/******************************************************************************************
   END WS SubmissionRelatedWorkflow
*******************************************************************************************/

/******************************************************************************************
   WS Submission - Product Approval
*******************************************************************************************/
.gaSubmissionsListRow .wsGridList > table.wsContent > tbody > tr > td.wsImage { width: 300px; }
.gaSubmissionsListRow .wsGridList table.gaSKUItemsTable { }
.gaSubmissionsListRow .wsGridList table.gaSKUItemsTable > tbody, .gaSubmissionsListRow .wsGridList table.gaSKUItemsTable > tbody > tr { width:100%; display:inline-block; }
.gaSubmissionsListRow .wsGridList table.gaSKUItemsTable > tbody > tr.wsHidden { display:none; }
.gaSubmissionsListRow .wsGridList table.gaSKUItemsTable > tbody > tr > td { vertical-align: top; }
.gaSubmissionsListRow .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr td:first-child,
.gaSubmissionsListRow .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr th:first-child { min-width:150px; }
.gaSubmissionsListRow .wsGridList > table.wsContent > tbody > tr > td.wsDetails > table tr td:last-child, 
.gaSubmissionsListRow .wsGridList > table.wsContent > tbody > tr > td.wsDetails >table tr th:last-child { width:100%; }

.wsProductApprovalNotes { width: 100%; display: block; margin-right: -1em; padding-right: 1em; line-height:1.2em }
/******************************************************************************************
   END WS Submission - Product Approval
*******************************************************************************************/

/******************************************************************************************
   WS Submission - Product Development
*******************************************************************************************/
.gaProdDevDetails {}
.gaProdDevDetails .gaSectionHeader { font-size: 14px; font-weight: bold; }
/******************************************************************************************
   END WS Submission - Product Development
*******************************************************************************************/

/******************************************************************************************
   WS Submission - Packaging Approval
*******************************************************************************************/
.wsPackagingImageGallery { display: inline-block; border: 1px solid; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wsPackagingFileUpload { width: 338px; display: table-row; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wsPackagingFileViewer, .wsPackagingFileViewer th { width: 338px; }

.wsStickerImageWrapper { width: 200px; height: 200px; padding: 2px; display: block; position: relative; border: 1px solid; vertical-align: middle; margin-top: 2px; }
.wsStickerImage { width: 194px; max-height: 194px; position: absolute; top: 50%; transform: translate(0, -50%); }

.wsDownloadStickerImage { font-size: 14px; }
.wsDownloadStickerImage:hover { }
/******************************************************************************************
   END WS Submission - Packaging Approval
*******************************************************************************************/

/*Helpers*/
.gaSubmissionUpload { height: 1000px; }
.gaSubmissionImageGallery { position: absolute; z-index: 5; border: solid 1px; }
.gaSubmissionImageGallery .wsImageEditor { border: none; }
.gaSubmissionFileViewer { position: absolute; z-index: 5; border: solid 1px; }
.gaSubmissionFileViewer > .gaHeader { height: 26px; padding: 2px; text-align: center; position: relative; line-height: 24px; }
.gaSubmissionFileViewer > .gaHeader > .gaIcon { display: block; float:right; text-align: center; width: 22px; height: 22px; line-height: 19px; font-size: 14px; margin-right: 2px; cursor: pointer; /* border: solid 1px; */}
.gaSubmissionFileViewer .wsFileViewer { display: block; width: auto; height: auto; }

/*custom Field on Submissions*/
.gaSubmStepCustFields { width: 100%; display: block; margin-bottom: 5px; }
.gaSubmStepCustFields .wsControl.wsFileUploadViewer { width: 340px; }
.gaSubmStepCustFields .wsContent { padding: 0px; max-width: 800px; }
.gaSubmStepCustFields .wsContent > div > table > tbody > tr { border-bottom: 1px solid; }
.gaSubmStepCustFields .wsContent > div > table > tbody > tr:nth-child(odd) { /* border-bottom: 1px solid; */ }
.gaSubmStepCustFields .wsContent > div > table > tbody > tr > td { padding: 5px; }

/*Submission section Under Header*/
.gaSubmStepTopSection { min-height: 48px; vertical-align: top; }

/*section EXPAND BUTTON*/
.gaTaskPreview .wsControl.wsButton.wsHasIcon.wsNoText.gaTaskExpand { height: 16px; width: 16px; padding: 0; float: left; display: block; }
.gaTaskPreview .wsControl.wsButton.wsHasIcon.wsNoText.gaTaskExpand .wsIcon { cursor: default; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 16px; font-size:10px; }
.gaTaskPreview .wsControl.wsButton.wsHasIcon.wsNoText.gaTaskExpand .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 16px; width: 16px; cursor: pointer; line-height:16px; }
/*section EXPAND BUTTON*/

/*section LABELS*/
.gaTaskPreview .wsContent .wsContentTable > tbody > tr > td.wsLabel { padding-right: 5px; padding-top: 3px; /* min-width: 100px; max-width: 170px; */ width: 180px; }
.gaTaskPreview .wsImageInfoWnd .wsImageInfoWndContent .wsContent .wsContentTable > tbody > tr > td.wsLabel { padding-right: 5px; padding-top: 3px; width: 100px; }
/*section LABELS*/

/*Submission status indicator*/
div.gaStatusIndicator { position: absolute; right: 0px; bottom: 0px; width: 50px; height: 50px; border: none; background-color: transparent; /*z-index: 99;*/ }
div.gaStatusIndicator .wsIcon { font-size: 36px; }
/*Submission status indicator*/

/******************************************************************************************
    Submission List Summary
*******************************************************************************************/
.gaSubmissionAddList { border: none; border-top: 4px solid; }

.gaSubmissionAddList ul { width: 100%; list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: top; }
.gaSubmissionAddList ul li { display: block; cursor: pointer; white-space: nowrap; }
.gaSubmissionAddList ul li.wsTitle { padding: 4px 8px; cursor: default; border-bottom: solid 1px; }
.gaSubmissionAddList ul li.wsLink .wsTitle { display: inline-block; padding: 4px 8px;}

.gaSubmissionSummaryShowItems .wsControl.wsSelect { width: 150px; }

/******************************************************************************************
  End - Submission List Summary 
*******************************************************************************************/

/************************************************************************************************************************
 **********************************************WestEnd.Approval.css Colors***********************************************
*************************************************************************************************************************/

/******************************************************************************************
   WorkflowTeam
*******************************************************************************************/
.gaWorkflowUser > .gaHeaderItem { background-color: #058588; color: #FFFFFF; }
.gaWorkflowUser > .gaHeaderItem .gaOptions { color: #FFFFFF; }
/******************************************************************************************
   END WorkflowTeam
*******************************************************************************************/

/******************************************************************************************
    Submission Activity Log
*******************************************************************************************/
.wsDetailsTable > tbody > tr > td.gaUsers { background-color: #FFFFFF; border-color: #D1D1D1; }
.wsDetailsTable > tbody > tr > td.gaUsers > div.gaUsersSectionWrapper { border-color: #D1D1D1; }

.wsDetailsTable > tbody > tr > td.gaLog .gaLogArea, #divLogClosed { background-color: #FFFFFF; border-color: #D1D1D1; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
.wsDetailsTable > tbody > tr > td.gaLog .gaLogAreaHeader { background-color: #4DA5A7; color: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
.wsDetailsTable > tbody > tr > td.gaLog .gaActivityLogFilter { color: #FFFFFF; }

.gaActivityLog > .gaLogPopup { background-color: #C4C0C0; color: #FFFFFF; border-color: #D1D1D1; -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); }
.gaActivityLog > .gaLogPopup .gaHeader { color: #000000; }
.gaActivityLog > .gaLogPopup .gaContent { background-color: #FFFFFF; }
.gaActivityLog > .gaLogPopup .gaTriangle { border-color: transparent transparent transparent #C4C0C0; }

.gaActivityLog > .gaLoadAllItems { background-color: #E1E2E4; border-top-color: #D1D1D1; }

.gaActivityLog .gaItem { border-color: #D1D1D1; }
.gaActivityLog .gaItem > .gaHeader { background-color: #E1E2E4; border-bottom-color: #E1E2E4; }
.gaActivityLog .gaItem.wsHighlightedHeader > .gaHeader { background-color: #CA4E42; color: #FFFFFF; }
.gaActivityLog .gaItem.wsInternalCommentHeader > .gaHeader { background-color: #E99070; color: #FFFFFF; }
.gaActivityLog .gaItem.wsExternalUserHeader > .gaHeader { background-color: #FFD814; color: #333939; }
.gaActivityLog .gaItem.gaLast > .gaHeader { border-bottom-color: #E1E2E4; }
.gaActivityLog .gaItem.gaLimitedAccess > .gaHeader .gaLogAccess { color: #FF0000; }
.gaActivityLog .gaItem.gaLimitedAccess.wsHighlightedHeader > .gaHeader .gaLogAccess { color: #FBC322; }

/* ZR: for the submission images backgournd color if image uploaded by the external user */
.wsExtUserImg { background-color: #FFD814; color: #333939; }

.gaActivityLog .gaItem > .gaContent {
    background-color: #FFFFFF;
}
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaIcon span:hover { color: #A6001E; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem .gaAttachmentLink { color: #000000; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem.gaDeleted .gaAttachmentLink { color: #666666; }
.gaActivityLog .gaItem > .gaContent .gaAttachmentItem.gaDeleted .gaDeletedDate { color: #FF0000; }

.gaActivityLog .gaItem > .gaContent .gaImageItem span.gaThumbnail { color: #2BA5A8; }
.gaActivityLog .gaItem > .gaContent .gaImageItem .gaIcon { background-color: #FFFFFF; color: #000000; }
.gaActivityLog .gaItem > .gaContent .gaImageItem .gaIcon span:hover { color: #A6001E; }

.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaSentDate { color: #000000; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaReceivedDate { color: #439F40; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaDeletedDate { color: #FF0000; }
.gaActivityLog .gaItem > .gaContent .gaSampleItem .gaIcon span:hover { color: #A6001E; }

.gaActivityLog .gaItem > .gaContent .gaCommentItem .gaDeletedDate { color: #FF0000; }
.gaActivityLog .gaItem > .gaContent .gaCommentItem.gaDeleted .gaText { color: #666666; }

.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatLogUserDate .gaChatUserImage { background-color: #FFFFFF; border-color: #D1D1D1; }
.gaActivityLog .gaItem > .gaContent .gaChatLogItem .gaChatMessage { background-color: #DEDFE1; color: #000000; }

.gaActivityLog .gaItem.gaSelected > .gaHeader { background-color: #656868; color: #FFFFFF; }

.gaActivityLog .gaItem.gaTypeAction > .gaContent > .gaItemTitle > .gaIcon { background-color: #64A66C; color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeAction > .gaContent > .gaItemTitle > .gaIcon.gaNeedRevision { background-color: #0C7FA8; }
.gaActivityLog .gaItem.gaTypeAction > .gaContent > .gaItemTitle > .gaIcon.gaPutOnHold { background-color: #666666; }

.gaActivityLog .gaItem.gaTypeComment > .gaContent > .gaItemTitle > .gaIcon { background-color: #E99070; color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeImage > .gaContent > .gaItemTitle > .gaIcon { background-color: #2BA5A8; color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeImageEdit > .gaContent > .gaItemTitle > .gaIcon { background-color: #FF5722; color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeAttachment > .gaContent > .gaItemTitle > .gaIcon { background-color: #6D6A8D; color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeChat > .gaContent > .gaItemTitle > .gaIcon { background: linear-gradient(to top, #09161B, #0D4050); color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeSample > .gaContent > .gaItemTitle > .gaIcon { background-color: #AA9D9D; color: #FFFFFF; }
.gaActivityLog .gaItem.gaTypeFileDownloaded > .gaContent > .gaItemTitle > .gaIcon { background-color: #4EB6E6; color: #FFFFFF; }

.gaActivityLog .gaSection { background-color: #4DA5A7; color: #fff; }
.gaActivityLog .gaSectionComments { background-color: #177D80; color: #fff; }
.gaActivityLog .gaCommentItems { max-height: 400px; overflow-y: auto; }
/******************************************************************************************
    END Submission Activity Log
*******************************************************************************************/

/******************************************************************************************
   Submission Header Section
*******************************************************************************************/
.wsControl.wsSection.gaSubmStepActionsSection .gaApprove { background-color: #339900; }
.wsControl.wsSection.gaSubmStepActionsSection .gaDeny { background-color: #A02828; }
.wsControl.wsSection.gaSubmStepActionsSection .gaCancel { background-color: #0C7FA8; }
.wsControl.wsSection.gaSubmStepActionsSection .gaTerminate { background-color: #0C7FA8; }

.wsControl.wsSection.gaSubmStepActionsSection .gaApproveStep { background-color: #80BC1E; }
.wsControl.wsSection.gaSubmStepActionsSection .gaApproveStep:hover { background-color: #7C8587; }

.wsControl.wsSection.gaSubmStepActionsSection .gaNeedRevision { background-color: #36A4BD; }
.wsControl.wsSection.gaSubmStepActionsSection .gaNeedRevision:hover { background-color: #7C8587; }

.wsControl.wsSection.gaSubmStepActionsSection .gaPutOnHold { background-color: #666666; }
.wsControl.wsSection.gaSubmStepActionsSection .gaPutOnHold:hover { background-color: #7C8587; }

.wsControl.wsSection.gaSubmStepActionsSection .gaSubmitForm { background-color: #E57D04; }
.wsControl.wsSection.gaSubmStepActionsSection .gaSubmitForm:hover { background-color: #7C8587; }

.wsDetailsTable > tbody > tr > td.wsDetailsHeader .gaSubmissionHighlitedButton { background-color: #FCD209; color: #000000; border-color: #333939; }
/******************************************************************************************
   END Submission Header Section
*******************************************************************************************/

/******************************************************************************************
   Submission Details - under vertical NavBar
*******************************************************************************************/
.contractDetailsIcon  { border-color: #4DA5A7; background-color: #4DA5A7; color: #FFFFFF; }
.contractDetailsIcon:hover { border-color: #068587; background-color: #068587; }
/******************************************************************************************
   END Submission Details - under vertical NavBar
*******************************************************************************************/

/******************************************************************************************
   Submission List Header
*******************************************************************************************/
.gaSubmListHeader > .wsHeader { border-color: #D1D1D1; background-color: #FFFFFF; }
.gaSubmListHeader > .wsHeader .wsView { color: #D1D1D1; }
.gaSubmListHeader > .wsHeader .wsView .wsIcon.wsSelected { color: #263A55; }

.wsControl.wsSelect.gaMenuAddNewSubmissionSL { background-color: #56CDC9; color: #FFFFFF; border-color: #56CDC9; }
.wsControl.wsSelect.gaMenuAddNewSubmissionSL .wsIcon { background-color: #56CDC9; color: #FFFFFF; }

.wsControl.wsSelect.gaMenuAddNewSubmissionSL.wsControlHasFocus, .wsControl.wsSelect.gaMenuAddNewSubmissionSL.wsOpen { background-color: #119197; border-color: #119197; color: #FFFFFF; }
.wsControl.wsSelect.gaMenuAddNewSubmissionSL.wsControlHasFocus .wsIcon, .wsControl.wsSelect.gaMenuAddNewSubmissionSL.wsOpen .wsIcon { background-color: #119197; color: #FFFFFF; }

.wsControl.wsDisabled.wsSelect.gaMenuAddNewSubmissionSL .wsIcon { background-color: #FAFAFA; color: #666666; }
/******************************************************************************************
   END Submission List Header
*******************************************************************************************/

/******************************************************************************************
   Submission List View
*******************************************************************************************/
.gaSubmissionsListContainer { border-color: #D1D1D1; background-color: #FFFFFF; margin-bottom: 5px; -webkit-box-shadow: 0 1px 3px #777B7C; -moz-box-shadow: 0 1px 3px #777B7C; box-shadow: 0 1px 3px #777B7C; /* -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); */ }
.gaListViewHeader { font-weight: 500; font-size: 14px; height: 24px; padding: 2px 5px 0 10px; border-bottom-color: rgba(80, 80, 80, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); box-shadow: 0px 1px 4px rgba(0,0,0,0.30); }
.gaListViewHeader.wsDefaultItem { background-color: #12719C !important; color: #fff; }
.gaListViewHeader.wsPendingItem { background-color: #FCB322; color: #fff; }
.gaListViewHeader.wsOpenItem { background-color: #ca4e42; color: #fff; }

.gaSubmissionsListRow { background-color: transparent; }
.gaSubmissionsListRow.wsAlternateRow .gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td { }

.gaSubmissionsList { border-color: #AAAAAA; position: relative; }
.gaSubmissionsList > table.gaSubmissionTemplate { background-color: #FFFFFF; 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; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td:nth-child(1) { background-color: #FFFFFF; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td { background-color: transparent; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader { background-color: #4DA5A7 !important; color: #FFFFFF; border-bottom-color: rgba(80, 80, 80, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); box-shadow: 0px 1px 4px rgba(0,0,0,0.30); }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaTextPaddingRight { color: #FFFFFF;  }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaSubmissionNo { background-color: #2C8371 !important; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .gaOptions { color: #FFFFFF; margin-top: 2px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionHeader .wsButton .wsIcon { color: #FFFFFF; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaListViewHeader { font-weight: 500; font-size: 14px; height: 26px; padding: 2px 5px 0 10px; border-bottom-color: rgba(80, 80, 80, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); box-shadow: 0px 1px 4px rgba(0,0,0,0.30); }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaListViewHeader.wsDefaultItem { background-color: #12719C !important; color: #fff; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaListViewHeader.wsPendingItem { background-color: #FCB322; color: #333939; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaListViewHeader.wsOpenItem { background-color: #ca4e42; color: #fff; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaListViewHeader .wsButton .wsIcon { color: #FFFFFF; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionImage { background-color: #FFFFFF; width: 120px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails { background-color: #E6EAED; border-left-color: #D1D1D1; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus { background-color: #244963; color: #FFFFFF; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaPending { background-color: #E57D04; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaApproved { background-color: #B2B435; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaDenied { background-color: #B10058; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaNeedRevision { background-color: #3990C5; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaPutOnHold { background-color: #666666; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaTerminated { background-color: #C6190F; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaCanceled { background-color: #5F4A78; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaStatus.gaVaulted { background-color: #925CBB; color: #FF8C00; font-weight: bold; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails > div { padding-top: 0px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails > div > div.wsItemName { font-weight: bold; float: left; width: 60%; padding-top:1px; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails > div > div.wsOptions { font-weight: bold; float: right; margin-top: -3px; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDetails .gaItemFilter { cursor: pointer; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription { background-color: #E6EAED; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription .gaDescription { border-left-color: #D1D1D1; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionRowSpacer { background-color: #E6EAED;}
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionFooter { background-color: #61A4AC; }

.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription .wsIcon.gaNotApproved { font-size: 14px; color: #D2413D; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription  .wsIcon.gaApproved { font-size: 14px; color: #48B130; }
.gaSubmissionsList > table.gaSubmissionTemplate > tbody > tr > td.gaSubmissionDescription  .wsIcon.gaSKUApproved { font-size: 14px; color: #393333 ; }

/******************************************************************************************
   END Submission List View
*******************************************************************************************/

/*****************************************************************************
	Submission List Flex Template
*******************************************************************************/
.wsSubmissionRowTemplate { background-color: #FFFFFF; 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; }
/*.wsSubmissionRowTemplate::after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); transition: opacity 0.3s ease-in-out; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.wsSubmissionRowTemplate:hover::after { opacity: 1; }*/
.wsSubmissionRowTemplate > .wsTmpHeader { background-color: #4DA5A7; color: #FFFFFF; box-shadow: 0px 1px 4px rgba(0,0,0,0.30); }
.wsSubmissionRowTemplate > .wsTmpHeader.wsDefaultItem { background-color: #12719C; color: #FFFFFF; }
.wsSubmissionRowTemplate > .wsTmpHeader.wsPendingItem, .wsSubmissionRowTemplate > .wsTmpHeader.wsToDo { background-color: #FCB322; color: #333939; }
.wsSubmissionRowTemplate > .wsTmpHeader.wsOpenItem, .wsSubmissionRowTemplate > .wsTmpHeader.wsOpenItems  { background-color: #CA4E42; color: #FFFFFF; }
.wsSubmissionRowTemplate > .wsTmpHeader .wsControl.wsButton.wsNoBackground.wsHasIcon .wsIcon { color: #FFFFFF; }
.wsSubmissionRowTemplate > .wsTmpDataSections { background-color: #E6EAED; }
.wsSubmissionRowTemplate > .wsTmpDataSections > .wsTmpImgSection { background-color: #FFFFFF; }
.wsSubmissionRowTemplate >.wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField .wsIcon.gaNotApproved { font-size: 14px; color: #D2413D; }
.wsSubmissionRowTemplate >.wsTmpDataSections > .wsTmpDataSection > .wsTmpSectionFields > .wsTmpField .wsIcon.gaApproved { font-size: 14px; color: #48B130; }
/*****************************************************************************
	END Submission List Flex Template
*******************************************************************************/

/******************************************************************************************
    Submission List - Thumbnail View
*******************************************************************************************/
.gaSubmThubmnailList > .wsHeader { background-color: #404746; border-color: #FFFFFF; color: #FFFFFF; }
.gaSubmThubmnailList > .wsHeader .wsItemsInfo { color: #AAAAAA; border-color: #AAAAAA; }
.gaSubmThubmnailList > .wsHeader .wsPageInfo { color: #FFFFFF; border-color: #AAAAAA; }
.gaSubmThubmnailList > .wsHeader .wsPager, .gaSubmThubmnailList > .wsHeader .wsPagerLeft, .gaSubmThubmnailList > .wsHeader .wsPagerRight { border-color: #AAAAAA; }
.gaSubmThubmnailList > .wsHeader .wsPager a, .gaSubmThubmnailList > .wsHeader .wsPagerLeft a, .gaSubmThubmnailList > .wsHeader .wsPagerRight a { color: #FFFFFF; }
.gaSubmThubmnailList > .wsHeader .wsPager a:hover, .gaSubmThubmnailList > .wsHeader .wsPager a.wsHover, .gaSubmThubmnailList > .wsHeader .wsPagerLeft a:hover, .gaSubmThubmnailList > .wsHeader .wsPagerRight a:hover { color: #A6E4E1; }
.gaSubmThubmnailList > .wsHeader .wsPager a.wsCurrent { color: #A6E4E1; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem { min-width: 555px; background-color: #fff; border-color: #D1D1D1; color: #000000; -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); }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsThumbnail { background-color: #F1F1F1; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsThumbnail .wsIcon { color: #162840; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader { background-color: #F1F1F1; color: #000000; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader.wsToDo { background-color: #fcb322; color: #333939; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader.wsOpenItems { background-color: #ca4e42; color: #fff; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaPending { color: #3289BE; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaApproved { color: #1f8210; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaDenied { color: #F19D6A; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaNeedRevision { color: #7CA6A4; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaPutOnHold { color: #666666; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaTerminated { color: #DC5368; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsPreHeader > .wsTitle.gaCanceled { color: #E97965; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader { background-color: #FFFFFF; border-color: #ADB0B7; color: #000000;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #000000; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsInfo { background-color: #D8DDE1; color: #393333; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsInfo > .wsFooter { background-color: #52C6D5; color: #FFFFFF; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsInfo > table > tbody > tr > td.wsLabel { color: #666666; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsInfo > table > tbody > tr > td.gaRating .wsControl.wsRating span { color: #DA592C; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsContent { background-color: #FFFFFF; color: #333939; }

.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItem > .wsFooter { background-color: #63706F; /*/#444444; */ color: #FFFFFF; } 

.gaSubmThubmnailList .wsItemsContainer .wsListItem { background-color: #FFFFFF; border-color: #D1D1D1; -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); }
.gaSubmThubmnailList .wsItemsContainer .wsListItem > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #000000; }
.gaSubmThubmnailList .wsItemsContainer .wsListItem > .wsHeader > .wsTitle { color: #6A6A6C; }
.gaSubmThubmnailList .wsItemsContainer .wsListItem .wsThumbnail { background-color: #162840; color: #D1D1D1; }
.gaSubmThubmnailList .wsItemsContainer .wsListItem .wsInfoTD > table > tbody > tr > td.wsLabel { color: #666666; }
.gaSubmThubmnailList .wsItemsContainer .wsListItem > .wsHeader > .wsIconSpan { color: #162840; }

.gaSubmThubmnailList  > div.wsItemsContainer table > tbody > tr > td .wsIcon.gaNotApproved { font-size: 14px; color: #D2413D; }
.gaSubmThubmnailList  > div.wsItemsContainer table > tbody > tr > td .wsIcon.gaApproved { font-size: 14px; color: #48B130; }
/******************************************************************************************
    END Submission List - Thumbnail View
*******************************************************************************************/

/******************************************************************************************
    Submission List - Long Thumbnail View
*******************************************************************************************/
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong { border-color: #d1d1d1; -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); }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent { background-color: #FFFFFF; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsSeparator { background-color: #E57D04; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent { background-color: #F8F8FA; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsData { background-color: #FFFFFF; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaPending { color: #EDEFAB; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaApproved { color: #97C66B; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaDenied { color: #F19D6A; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaNeedRevision { color: #7CA6A4; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaPutOnHold { color: #666666; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaTerminated { color: #DC5368;  }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsMainContent .wsHeader > .wsTitle.gaCanceled { color: #E97965; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsOptions { background-color: #444444; color: #FFFFFF;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemLong > .wsContent .wsContentTable tr.wsInfo .wsOptions .wsActionIcon { background-color: #444444; color: #FFFFFF; } 
/******************************************************************************************
    END Submission List - Long Thumbnail View
*******************************************************************************************/

/******************************************************************************************
    Submission List - Row Items View (Sales Planner)
*******************************************************************************************/
.gaSubmThubmnailList .wsItemsContainer .wsRowItem { border-color: #D1D1D1; color: #000000; -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); }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsContent { background-color: #FFFFFF; color: #333939; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader { background-color: #F1F1F1; color: #000000; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsPreHeader .wsOptions { color: #333939; }
.gaSubmThubmnailList .wsItemsContainer .wsRowItem > .wsFooter { background-color: #63706F; color: #ffffff; }
/******************************************************************************************
    END Submission List - Long Thumbnail View
*******************************************************************************************/

/******************************************************************************************
    Submission List - Thumbnail View Simple
*******************************************************************************************/
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple { background-color: #61A4AC; border-color: #D1D1D1; color: #000000; -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); }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsThumbnail { background-color: #F1F1F1; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsThumbnail .wsIcon { color: #162840; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader { background-color: #F1F1F1; color: #000000; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader.wsToDo { background-color: #fcb322; color: #fff; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader.wsOpenItems { background-color: #ca4e42; color: #fff; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaPending { color: #E1D77B; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaApproved { color: #97C66B; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaDenied { color: #F19D6A; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaNeedRevision { color: #7CA6A4; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaPutOnHold { color: #666666; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaTerminated { color: #DC5368; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsPreHeader > .wsTitle.gaCanceled { color: #E97965; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader { background-color: #FFFFFF; border-color: #ADB0B7; color: #000000;}
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #000000; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsInfo { background-color: #D8DDE1; color: #393333; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsInfo > .wsFooter { background-color: #52C6D5; color: #FFFFFF; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsInfo > table > tbody > tr > td.wsLabel { color: #666666; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsInfo > table > tbody > tr > td.gaRating .wsControl.wsRating span { color: #DA592C; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsContent { background-color: #FFFFFF; color: #333939; }
.gaSubmThubmnailList .wsItemsContainer .wsThumbnailItemSimple > .wsFooter { background-color: #444444; color: #FFFFFF; } 
/******************************************************************************************
    END Submission List - Thumbnail View Simple
*******************************************************************************************/


/******************************************************************************************
    Submission Details - Header Popup Window
*******************************************************************************************/
.gaSubmissionDetailsWnd { border-color: #CCCCCC; background: #FFFFFF; -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); }
.gaSubmissionDetailsWnd > .wsHeader { background-color: #FBC000; border-bottom-color: #CCCCCC; }
.gaSubmissionDetailsWnd > .wsHeader .wsClose { background-color: transparent; color: #000000; }
.gaSubmissionDetailsWnd > .wsContent { background-color: #FFFFFF; }

.gaSubmissionDetailsWnd::after { border-color: #FBC000 transparent; }
.gaSubmissionDetailsWnd::before { border-color: #CCCCCC transparent; }
/******************************************************************************************
    END Submission Details - Header Popup Window
*******************************************************************************************/

/******************************************************************************************
    Submission Step
*******************************************************************************************/
.gaSubmStepTopSection { background-color: #FAFAFA; }


.gaSubmStepUsers { width: auto; padding-top: 0px; z-index: 9; position:absolute; right:0px; top: 26px; }
.gaSubmStepUsers > .wsContent { padding:5px; background-color:#FBC000; }
.gaSubmStepUsers .wsUpperArrow { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 10px solid #FBC000; position: relative; left: 293px; }

.gaSubmStepSignees { width: auto; padding-top: 0px; z-index: 9; position: absolute; right:5px; top: 26px; }
.gaSubmStepSignees > .wsContent { padding:5px; background-color:#FBC000; }
.gaSubmStepSignees .wsUpperArrow { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 10px solid #FBC000; position: relative; left: 293px; }

/*.gaSubmStepUsers { width: 36px; padding-top: 0px; z-index: 9; position:absolute; right:10px; top: 26px; }
.gaSubmStepUsers > ul {	background-color: #4DA5A7; border: 1px solid #d1d1d1; border-top: none; margin-top: 0px; }
.gaSubmStepUsers .wsUpperArrow { width: 0; height: 0; border-left: 18px solid transparent; 	border-right: 18px solid transparent; border-bottom: 10px solid #4DA5A7; position: relative; }
.gaSubmStepUsers .wsUpperArrow .wsArrowFill { width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 9px solid #4DA5A7; position: absolute; left: -16px; top: 1px;}*/

.gaSubmStepUsers span.gaStepUser { background-color: #119197; /*color: #FFFFFF;*/ }
.gaSubmStepUsers span.gaStepUser.gaActionDone { background-color:#56CDC9; /*color: #FFFFFF;*/  }
.gaSubmStepUsers span.gaStepUser.gaClickable.gaStepUserInvite .wsControl.wsButton.wsHasIcon { background-color: #0C7FA8; }
                 
.gaSubmStepUsers span.gaStepUser.gaWaitingForInvite { background-color: #0C7FA8;  }
                 
.gaSubmStepUsers span.gaStepUser.gaResponsible { background-color: #FCB322;  }
.gaSubmStepUsers span.gaStepUser.gaResponsible.gaWaitingForInvite { background-color: #63706F; }
.gaSubmStepUsers span.gaStepUser.gaResponsible.gaActionDone { }

.gaSubmissionImageGallery { border-color: #D1D1D1; }

.gaSubmissionFileViewer { border-color: #D1D1D1;  }
.gaSubmissionFileViewer > .gaHeader { background-color: #3C4E66; color: #FFFFFF; }
.gaSubmissionFileViewer > .gaHeader > .gaIcon { background-color: #3C4E66; color: #FFFFFF; }
/******************************************************************************************
    END Submission Step
*******************************************************************************************/

/******************************************************************************************
    Submission Step Task
*******************************************************************************************/
.gaSubmStepCustFields { background-color: #FAFAFA; }
.gaSubmStepCustFields .wsContent > div > table > tbody > tr { border-bottom-color: #D1D1D1; }
.gaSubmStepCustFields .wsContent > div > table > tbody > tr:nth-child(odd) { }
/******************************************************************************************
   END Submission Step Task
*******************************************************************************************/

/******************************************************************************************
   Submission Step Task - Check Off Form
*******************************************************************************************/
span.gaTaskUser { background-color: #119197; color: #FFFFFF; }
/******************************************************************************************
   END Submission Step Task - Check Off Form
*******************************************************************************************/

/******************************************************************************************
   WS SubmissionRelatedWorkflow
*******************************************************************************************/
.wsSubmissionList .wsSubmissionWrapper {  background-color: #FAFAFA; border: 1px solid #d1d1d1; padding-bottom: 5px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionHeader { background-color: #E3E4E4; border: 1px solid #d1d1d1; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionHeader .wsTitle:hover { color: #6F7C7C; }

.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent { }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails > tbody > tr > td:first-child { border-right-color: #AAA7A7; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails > tbody > tr:not(:last-child) > td { border-bottom-color: #AAA7A7; }

.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus { color: #FFFFFF; background-color: #244963; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaPending { background-color: #E57D04; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaApproved { background-color: #B2B435; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaDenied { background-color: #B10058; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaNeedRevision { background-color: #3990C5; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaPutOnHold { background-color: #666666; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaTerminated { background-color: #C6190F; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaCanceled { background-color: #5F4A78; }
.wsSubmissionList .wsSubmissionWrapper > .wsSubmissionContent > .wsSubmissionDetailsWrapper > .wsSubmissionDetails .gaStatus.gaVaulted { background-color: #925CBB; color: #FF8C00; font-weight: bold; }
/******************************************************************************************
   END WS SubmissionRelatedWorkflow
*******************************************************************************************/

/******************************************************************************************
    Submission Layout List
*******************************************************************************************/
.wsSubmissionLayoutView .wsOptions .wsButton .wsIcon { color: #393333 !important; } 
.wsSubmissionLayoutView span.gaStatus { height: 18px; padding-left: 2px; padding-right: 5px; }
/******************************************************************************************
    END Submission Layout List
*******************************************************************************************/

/******************************************************************************************
   Submission Summary View (Parent Submission)
*******************************************************************************************/
.gaSubmissionSummary > table > tbody > tr > td.wsImage { background-color: #F1F1F1; }
.gaSubmissionSummary > table > tbody > tr > td.wsImage > .wsIcon { color: #162840; }
/******************************************************************************************
   Submission - Product Approval
*******************************************************************************************/

/******************************************************************************************
    Submission List Summary - Submissions Add
*******************************************************************************************/
.gaSubmissionAddList {  background-color: #FAFAFA; border-color: #FFFFFF; border-top-color: #56CDC9; -webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); color: #333939; }
.gaSubmissionAddList ul li.wsTitle { border-color: #D1D1D1; color: #119197; }
.gaSubmissionAddList ul li.wsLink:hover { background-color: #59BCB9; color: #FFFFFF; }
/******************************************************************************************
  End - Submission List Summary - Submissions Add
*******************************************************************************************/

/******************************************************************************************
   Submission - Product Approval
*******************************************************************************************/
.gaSubmissionProdAppData .gaViewContract { color: #162840; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs { }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaAddProduct { background-color: #E57D04; }
.gaSubmissionProdAppProducts .gaAddProduct { background-color: #E57D04; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaAddProduct:hover { background-color: #7C8587; }

.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem { background-color: #FAFAFA; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaHeaderItemName { color: #656868; }
.gaSubmissionProdAppProducts .gaProductApprovalSKUs .gaSKUItem > .wsHeader .gaOptions .wsHeaderButton:hover { background-color: rgba(0, 0, 0, 0.2); }

.gaSubmissionProdAppProducts .gaSKUImagePreview .wsImagePicker { background-color: #FFFFFF; }
/******************************************************************************************
   END Submission - Product Approval
*******************************************************************************************/

/******************************************************************************************
   Submission - Packaging Approval
*******************************************************************************************/
.wsPackagingImageGallery { border-color: #D1D1D1; }
.wsStickerImageWrapper { border-color: #D1D1D1; }
.wsDownloadStickerImage:hover { color: #4B5454; }
/******************************************************************************************
   END Submission - Packaging Approval
*******************************************************************************************/

/******************************************************************************************
   Submission - Assortment Approval
*******************************************************************************************/
.gaAssortmentItems .gaStatus.gaPending { background-color: #E57D04; }
.gaAssortmentItems .gaStatus.gaApproved { background-color: #B2B435; }
.gaAssortmentItems .gaStatus.gaDenied { background-color: #B10058; }
.gaAssortmentItems .gaStatus.gaNeedRevision { background-color: #3990C5; }
.gaAssortmentItems .gaStatus.gaPutOnHold { background-color: #666666; }
.gaAssortmentItems .gaStatus.gaTerminated { background-color: #C6190F; }
.gaAssortmentItems .gaStatus.gaCanceled { background-color: #5F4A78; }
/******************************************************************************************
   END Submission - Assortment Approval
*******************************************************************************************/

/******************************************************************************************
    Submission List Summary
*******************************************************************************************/

.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li { color: #fff; }
.gaSubmissionSummaryShowItems .wsValue { color: #fff; }
.gaSubmissionSummaryShowItems .wsIcon-Down { color: #fff; }

.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li.ga-default, 
.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li.ga-default.wsSelected,  
.gaSubmissionSummaryShowItems .wsValue.ga-default { background-color: #425cfb; }

.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li.ga-open, 
.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li.ga-open.wsSelected, 
.gaSubmissionSummaryShowItems .wsValue.ga-open { background-color: #fc4242; }

.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li.ga-pending, 
.gaSubmissionSummaryShowItems .wsControlPopup.wsSelect .wsItems ul li.ga-pending.wsSelected, 
.gaSubmissionSummaryShowItems .wsValue.ga-pending { background-color: #f7ac08; }

/******************************************************************************************
  END - Submission List Summary
*******************************************************************************************/

/******************************************************************************************
    Submission Statuses
*******************************************************************************************/

.wsSubmStatus { position: relative;  width: 100%; display: inline-block; }
.wsSubmStatus .wsScroller { width: calc(100% - 60px); /* max-width: 510px; */ display: flex; flex-direction: row; margin-left: 130px; overflow-x: auto; overflow-y: hidden; }
@media (max-width:1280px) { .wsSubmStatus .wsScroller {  /* max-width: 400px; */ } }
.wsSubmStatus .wsScroller > ol { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; white-space: nowrap; border: 1px solid #808080; border-right: none; border-bottom: none; background-color: #ffffff; }
.wsSubmStatus .wsScroller > ol.wsSticky { position: absolute; left: 0; top: auto; border-right: 1px solid #d1d1d1; }
.wsSubmStatus .wsScroller > ol:last-child { border-right: 1px solid #d1d1d1; }
.wsSubmStatus .wsScroller > ol > li { border-bottom: 1px solid #d1d1d1; height: 22px; padding: 2px; text-align: center;}
.wsSubmStatus .wsScroller > ol > li:first-child { font-weight: 700; }
.wsSubmStatus .wsScroller > ol > li.wsCircle { font-size: 14px; width: 14px; background-color: aquamarine; padding: 2px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #000 }
.wsSubmStatus .wsScroller > ol > li.wsApproved { background-color: #A9D08E; }
.wsSubmStatus .wsScroller > ol > li.wsUnderway { background-color: #FFE699; }
.wsSubmStatus .wsScroller > ol > li.wsNotStarted { background-color: #CCCCCC; }
.wsSubmStatus .wsScroller > ol > li.wsPastDue { background-color: #FF3D00; color: #fff; }


/******************************************************************************************
    Sales Planner
*******************************************************************************************/

.wsIcon.wsApprove { cursor: pointer; color: #A1D764; }
.wsIcon.wsDeny { cursor: pointer; color: #FF8F00; }
.wsIcon.wsApprove.wsDisabled, .wsIcon.wsDeny.wsDisabled { cursor: default; color: #D1D1D1; }

/******************************************************************************************
  END - Sales Planner
*******************************************************************************************/

/* Milestones Temp */
/*.wsMilestone {	display: flex; flex-direction: row; width: 100%; overflow-x: auto; }
.wsMilestone > ol { display: flex; flex-direction: column; list-style: none; margin: 0;padding: 0; white-space: nowrap;  border: 1px solid #d1d1d1; border-right: none; }
.wsMilestone > ol:last-child { border-right: 1px solid #d1d1d1; }
.wsMilestone > ol > li { border-bottom: 1px solid #d1d1d1; background-color: #ffffff; height: 22px; padding: 4px; text-align: center;}
.wsMilestone > ol > li:first-child { font-weight: 700; }*/

.wsMilestone { position: relative;  width: 100%; display: inline-block; }
.wsMilestone .wsScroller { width: calc(100% - 60px); max-width: 510px; display: flex; flex-direction: row; margin-left: 134px; overflow-x: auto; overflow-y: visible; }
@media (max-width:1280px) { .wsMilestone .wsScroller { max-width: 400px; } }
.wsMilestone .wsScroller > ol { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; white-space: nowrap; border: 1px solid #d1d1d1; border-right: none; border-bottom: none; background-color: #ffffff; }
.wsMilestone .wsScroller > ol.wsSticky { position: absolute; left: 0; top: auto; border-right: 1px solid #d1d1d1; }
.wsMilestone .wsScroller > ol:last-child { border-right: 1px solid #d1d1d1; }
.wsMilestone .wsScroller > ol > li { border-bottom: 1px solid #d1d1d1; height: 22px; padding: 4px; text-align: center;}
.wsMilestone .wsScroller > ol > li:first-child { font-weight: 700; }
.wsMilestone .wsScroller > ol > li.wsOnTime { background-color: #8BC34A; color: #fff; }
.wsMilestone .wsScroller > ol > li.wsEndingSoon { background-color: #29B6F6; /* #FFB300; */ color: #fff; }
.wsMilestone .wsScroller > ol > li.wsPastDue { background-color: #FF3D00; color: #fff; }

/************************************************************************************************************************
 ******************************************END WestEnd.Approval.css Colors***********************************************
*************************************************************************************************************************/
/******************************************************************************************
   TODO
*******************************************************************************************/
.wsLongThumbDescription {
    width: 100%;
    border: none;
    border-collapse: collapse;
}
.wsLongThumbDescription td, .wsLongThumbDescription th { padding: 0; vertical-align: top; border: none; }
.wsLongThumbDescription { border-collapse: collapse; border-spacing: 0; }

.wsLongThumbDescription .wsLabel { width: 110px !important; }
.wsLongThumbDescription .wsValue { width: 100% !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.wsTest { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*bad selector*/
.wsControl.wsSection.gaSubmStepUsers > .wsContent { background-color: #E8E8E8; }

/*undefined*/
.gaSubmStepWarning .wsTitle { background-color:  #e0574d !important; }
.gaSubmStepWarningIcon { color: #e0574d; }
.wsControl.wsSection > .wsContent > .wsTitle > .gaSectionAdd { color: #000; }
.wsControl.wsSection.gaSubmStepSaveSection > .wsContent { background-color: #E8E8E8; }
.wsWorkflowTeamTaskUserHeader { background-color: #333939; }
.wsContactListItem > .wsThumbnail > .wsIcon-Delete:hover { color: #D3D3D3; }

.wsNoItems { background-color: #E3E3E3; border-color: #E3E3E3; }

.wsWorkflowTeamTaskUserHeaderTitle { color: #FFFFFF; }

/*submission list*/
table.wsListItem > tbody > tr > td.gaSubmissionImage { width: 110px; height: 82px; }

/*??*/
.wsContentTable > tbody > tr > td.gaHelpLabel { margin:0px; padding: 0; }
.wsContentTable > tbody > tr > td.gaHelpLabel .gaStandaloneHelp { font-size: 20px; padding: 0; line-height: 18px; margin: 0; }
.wsContentTable > tbody > tr > td.gaHelpLabel .gaStandaloneHelp:before { margin: 0; }

.gaWorkflowDetailsDescr { width:200px; }
.gaSubmissionDetailsDescr { }

.contractHeaderTable { border-spacing: 0px; border-collapse: collapse; width: 100%; display: inline; }
.contractHeaderTable > tbody > tr > td { width: 320px; }


.wsNoItems { text-align: center; }
.wsNoItems span { margin-left: 10px; font-size: 18px; }

.wsNoItems span { margin-left: 10px; font-size: 18px; }

.wsWorkflowTeamTaskUserHeader { display: block; width: 100%; height: 35px; position: relative; }
.wsWorkflowTeamTaskUserHeaderTitle { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 14px; }

.wsContactListItem > .wsThumbnail > .wsIcon-Info, .wsContactListItem > .wsThumbnail > .wsIcon-Delete { cursor: pointer; }
.wsContactListItem > .wsThumbnail > .wsThumbnailButton { position: absolute; top: 3px; right: 3px; }
.wsContactListItem > .wsThumbnail > .wsIcon-Delete:hover { }

.wsSubmissionLayoutView .wsOptions .wsButton .wsIcon { }

/*???*/ 
.wsControl.wsSection > .wsContent > .wsTitle > .gaSectionAdd { float: right; text-decoration: none; }
.gaWndAllTaskUsers { min-height: 200px; }

.gaSubmStepWarning .wsTitle { }
.gaSubmStepWarning .wsContent { display: none; }
.gaSubmStepWarningIcon { font-size: 22px; cursor: default; }

/*??*/
/*.gaSubmStepCustFields > .wsContent { min-height: 640px; }*/
.wsControl.wsSection.gaSubmStepUsers { float: right; padding-top: 3px; box-shadow: none; border-bottom: none; max-height: 50px;  max-width: 280px; overflow: auto; }
.wsControl.wsSection.gaSubmStepUsers > .wsContent span { display: inline-block; }
.wsControl.wsSection.gaSubmStepUsers > .wsContent { border-bottom: none; box-shadow: none; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }

/*.gaSubmStepUsers span.gaStepUser { border: 1px solid; margin: 0.2em; padding: 5px; cursor:default; }*/
span.gaTaskUser { /*border: 1px solid;*/ padding: 2px; cursor:default; }

.gaSubmStepUsers span.gaStepUser.gaClickable { cursor: pointer; }
.gaSubmStepUsers span.gaStepUser.gaActionDone { }
.gaSubmStepUsers span.gaStepUser.gaStepUserInvite{ padding:0px; }
.gaSubmStepUsers span.gaStepUser.gaClickable.gaStepUserInvite .wsControl.wsButton.wsHasIcon { height:24px; margin-bottom:1px; }

.gaSubmStepUsers span.gaStepUser.gaWaitingForInvite { }

.gaSubmStepUsers span.gaStepUser.gaResponsible { }
.gaSubmStepUsers span.gaStepUser.gaResponsible.gaWaitingForInvite { border: 3px solid; box-sizing: border-box;  }
/*.gaSubmStepUsers span.gaStepUser.gaResponsible.gaActionDone { }*/


/*.wsControl.wsSection.gaSubmStepUsers > .wsContent { background-color: #E8E8E8; }


.wsControl.wsSection.gaSubmStepSaveSection > .wsContent { background-color: #E8E8E8; }

.gaSubmStepWarning .wsTitle { background-color:  #e0574d !important; }
.gaSubmStepWarningIcon { color: #e0574d; }
.wsControl.wsSection > .wsContent > .wsTitle > .gaSectionAdd { color: #000; }*/

/*.wsControl.wsSection.gaSubmStepUsers > .wsContent { background-color: #E8E8E8; }

.wsControl.wsSection.gaSubmStepSaveSection > .wsContent { background-color: #E8E8E8; }

.gaSubmStepWarning .wsTitle { background-color:  #e0574d !important; }
.gaSubmStepWarningIcon { color: #e0574d; }
.wsControl.wsSection > .wsContent > .wsTitle > .gaSectionAdd { color: #000; }*/
/******************************************************************************************
    END TODO
*******************************************************************************************/

/*****************************************************
	ZR 04/27/2016 remove component from submissions, used in db only
*******************************************************/
.wsRemoveItem { float: right; cursor: pointer; padding-right: 5px; font-size: 18px; }

.gaStatus.gaPending { background-color: #E57D04; }
.gaStatus.gaApproved { background-color: #B2B435; }
.gaStatus.gaDenied { background-color: #B10058; }
.gaStatus.gaNeedRevision { background-color: #3990C5; }
.gaStatus.gaPutOnHold { background-color: #666666; }
.gaStatus.gaTerminated { background-color: #C6190F; }
.gaStatus.gaCanceled { background-color: #5F4A78; }
.gaStatus.gaVaulted { background-color: #925CBB; color: #FF8C00; font-weight: bold; }

/*****************************************************************************
    Custom Button Styles
*******************************************************************************/
.wsControl.wsButton.wsOrange:not(.wsTextOutside) {
    background-color: #FAA41A;
    color: #FFFFFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.wsControl.wsButton.wsOrange:not(.wsTextOutside):hover { background-color: #FCC200; color: #FFFFFF; }


/************************************************************************
    Exclusive Request Form
*************************************************************************/
.wsExclReqForm .wsHorizontalList { padding-left: 0; }
.wsExclReqForm .wsHorizontalList div.wsImageContainer { width: 100px !important; height: 100px !important; }
.wsExclReqForm .wsHorizontalList li { float:left; }