/*,Date:01-OCT-2018,Done By:<1255>*/ /*,Date:10-JAN-2019,Done By:<1255>*/ /*,Date:10-JAN-2019,Done By:<1383>*/ /*,Date:22-May-2019,Done By:<1424>*/ /*,Date:05-Dec-2019,Done By:<1424>*/ /*,Date:22-Oct-2020,Done By:<1384>*/ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } @media print { * { color:#000 !important;font-size:12px !important;} } body { font-weight:normal;position:relative;padding:15px 15px 5px 15px;margin:0px; overflow:hidden !important; font-family: Open Sans !important; } .clsIframeBody { padding:0px; } .clsSectionDivContent { margin-bottom:15px;padding:0px 20px;background-color:#fff;transition: box-shadow .25s; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .clsBorderLessSectionDivContent {margin-bottom:10px;border:solid 0px #c2c2c2;border-radius:5px;width:99.7%;padding:0px;} .clsSectionContent{margin:0px;} .clsSectionContentGrid{margin:0px;width:100%;border-spacing:0px;table-layout:fixed; } .clsSectionDivPopup{border:solid 1px #E6E6E6;border-radius:5px;padding:5px 10px 5px 10px;} .clsSectionContentPopup{margin:0px;width:100%;border-spacing:0px;border:solid 1px #E6E6E6;border-top:solid 1px #E6E6E6;} .clsSectionDivPopup .divGridHeader{ margin-top:-1px;} .clsSectionDivSummary{border:solid 1px #E6E6E6;border-radius:5px;padding:5px 10px 5px 10px;background-color:#F1F9FF !important;} .clsSectionContentSummary{border-collapse:collapse;} .clsSectionContentTab{border-bottom:0px;position:relative;} .clsSectionDivTab{border-collapse:collapse;border-bottom:0px;background-color: #eae5e5;} /*.clsSectionDivTab + Div{ -webkit-margin-top:-1px !important; -moz-margin-top:-1px; margin-top:-1px; }*/ /* .defaultStandardBody{border:solid 1px #e6e6e6;border-radius:5px;width:97%;padding:1%;} .SectionStandardBody{width:100%;padding:0px;} .SectionPaddedBorderBody{border:solid 1px #e6e6e6;border-radius:5px;width:98%;padding:1%;} .SectionSummaryPopupBody{border:solid 1px #e6e6e6;border-radius:5px;width:98%;padding:1%;background-color:#F1F9FF !important; } .SectionPopupBody{} .SectionPaddedPopupBody{overflow:hidden;}*/ TH,input,select,textarea,label{ font-size:11px;font-weight:normal;} input[type="text"]{height:28px; padding:0px 3px !important;margin :0px /*!important*/;line-height:18px; font: 11px Open Sans; box-sizing: border-box; -webkit-appearance: none; color:#4a4a4a;} input[type="text"]:focus{background-color:#ffffff;border: 1px solid #D3D3D3;} select{height:30px;} /*---------Page TitleBar--------*/ .clsPageTitleBar{width:100%;height:35px; margin-bottom:15px; ;table-layout:fixed;} .clsPageTitleBarTitle{ font-family: "Open Sans"; font-weight: 300; line-height: normal; font-size: 20px; color: #4a4a4a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px;} .clsPageTitleBarPopupTitle{ padding:0 5px; font-size:16px;color:#008ECB;} .clsPageTitleBarTools{ font-size:11px;color:#4a4a4a;/* margin-right:15px;margin-top:2px;text-align:right;float:right;vertical-align:middle;*/} .clsPageToolButton{ color:#4a4a4a;margin-left:18px; /*margin-left:18px;height:16px;vertical-align:super;float:left;text-align:right;outline: none;*/} .TabPageTitleBar{margin-top: -15px;padding: 15px 15px 1px 15px;background-color: #fff;margin-bottom: 0px;} /*updated end---------Page Note TitleBar---------*/ /*border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;*/ .clsNotePageTitleBar{padding-left:5px;width:100%;height:35px;border-bottom:solid 1px #e6e6e6;line-height:35px; /*height:25px;background:#EAF4FD;border:solid 1px #A6C9E2;border-radius:5px;background-color :#86B6D9;*/} .clsNotePageTitleBarTitle{font-size:16px;color:#4a4a4a;float:left; /*overflow:hidden;font-weight:bold;height:20px;background-color :#86B6D9;padding-top:5px;*/} .clsNotePageTitleBarTools{font-size:14px;color:#4a4a4a;float:right;/*-margin-right:15px;margin-top:2px;text-align:right;vertical-align:middle;*/} .clsNotePageTitleBarButton{/*margin-left:18px;height:16px;vertical-align:super;float:left;text-align:right;outline: none;*/} /*---------Section TitleBar---------*/ .clsSectionTitleBar{width:100%;height:35px;line-height:35px;overflow:hidden;table-layout:fixed;} .clsSectionTitleBarTitle{float:left; font-size: 15px;font-weight: 600;text-transform: uppercase;COLOR: #4a4a4a;} .clsSectionTitleBarTools{font-size:11px;color:#4a4a4a;float:right;/*-margin-right:15px;margin-top:2px;text-align:right;vertical-align:middle;*/} .clsSectionTitleBarTools:hover{cursor: pointer;} /*-------------------Icons------------------*/ .clsSectionTitleBarToolAdd{background: url('../Images/add.gif') left 8px no-repeat; } .clsSectionTitleBarToolDelete{background: url('../Images/delete.gif') left 8px no-repeat;} .clsSectionTitleBarToolEdit{background-image: url('../Images/edit.gif') left 8px no-repeat;} .clsSectionTitleBarToolActivate{background: url('../Images/Activate.gif') left 8px no-repeat;} .clsPageTitleBarToolReceipt{background: url('../Images/Receipt.gif') left 8px no-repeat;} .clsSectionTitleBarToolDeactivate{background: url('../Images/Deactivate.gif') left 8px no-repeat;} .clsSectionTitleBarToolAddnContinue{background: url('../Images/savencontinue.gif') left 8px no-repeat;} .clsSectionTitleBarToolSave,.clsSectionTitleBarToolSavenContinue,.clsSectionTitleBarToolSaveDraft{background: url('../Images/savencontinue.gif') left 8px no-repeat;} .clsSectionTitleBarToolAddnClose{background: url('../Images/savenclose.gif') left 8px no-repeat;} .clsSectionTitleBarToolSavenClose{background: url('../Images/savenclose.gif') left 8px no-repeat;} .clsSectionTitleBarToolClose{background: url('../Images/closetransaction.gif') left 8px no-repeat;} .clsSectionTitleBarToolCloseWindow{background: url('../Images/close.gif')left 8px no-repeat;} .clsSectionTitleBarToolCloseDiv{background: url('../Images/close.gif')left 8px no-repeat;} .clsSectionTitleBarToolClosePopup{background: url('../Images/close.gif')left 8px no-repeat;} .clsSectionTitleBarToolCloseExit{background: url('../Images/close.gif')left 8px no-repeat;} .clsSectionTitleBarToolExit{background: url('../Images/close.gif')left 8px no-repeat;} .clsSectionTitleBarToolOk{background: url('../Images/savenclose.gif') left 8px no-repeat;} .clsSectionTitleBarToolOK{background: url('../Images/savenclose.gif') left 8px no-repeat;} .clsSectionTitleBarToolCancel{background: url('../Images/cancel.jpg') left 8px no-repeat;} .clsSectionTitleBarToolTxnCancel{background: url('../Images/closetransaction.gif') left 8px no-repeat;} .clsSectionTitleBarToolExport{background: url('../Images/export.gif') left 8px no-repeat;} .clsSectionTitleBarToolExportToExcel{background: url('../Images/icon_excel.gif') left 8px no-repeat;} .clsSectionToolButton{/*margin-left:18px;height:16px;vertical-align:super;float:left;text-align:right;outline: none;*/} .clsSectionTitleBarToolManageMapping{background: url('../Images/link.png') left 8px no-repeat;} .clsSectionTitleBarToolLog {background: url('../Images/log.gif') left 8px no-repeat; } .clsSectionTitleBarToolRevisionHistory {background: url('../Images/log.gif') left 8px no-repeat; } .clsSectionTitleBarToolDiscard {background: url('../Images/discard.gif') left 8px no-repeat; } .clsSectionTitleBarToolAddFolder{background: url('../Images/AddFolder.gif') left 8px no-repeat; } .clsSectionTitleBarToolAddGroup{background: url('../Images/GroupNode.gif') left 8px no-repeat; } .clsSectionTitleBarToolDeleteNode{background: url('../Images/DeleteNode.gif') left 8px no-repeat; } .clsSectionTitleBarToolEditNode{background: url('../Images/EditNode.gif') left 8px no-repeat; } .clsSectionTitleBarToolMoveNode{background: url('../Images/MoveNode.gif') left 8px no-repeat; } .clsSectionTitleBarToolMore{background: url('../Images/more.gif') left 8px no-repeat; } .clsSectionTitleBarToolAllocate{background: url('../Images/allocate.gif') left 8px no-repeat;} .clsSectionTitleBarToolNew{background: url('../Images/new.gif') left 8px no-repeat;} .clsSectionTitleBarToolViewRequirement{background: url('../Images/view.png')left 8px no-repeat;} .clsPageTitleBarToolDownload{background: url('../Images/download.gif') left 0px no-repeat;} .clsPageTitleBarToolUpload{background: url('../Images/icon_upload.gif') left 0px no-repeat;} .clsPageTitleBarToolSync{background: url('../Images/green-sync.gif') left 0px no-repeat;} .clsSectionTitleBarToolConfirm{background: url('../Images/Confirm1.png') left 8px no-repeat;} .clsSectionTitleBarToolClear {background: url('../Images/clear.gif') left 8px no-repeat; } .clsSectionTitleBarToolReconcile {background: url('../Images/reconcile.png') left 8px no-repeat; } .clsSectionTitleBarToolUnReconcile {background: url('../Images/reconcile.png') left 8px no-repeat; } .clsSectionTitleBarToolImport {background: url('../Images/Import.png') left 8px no-repeat; } .clsSectionTitleBarToolViewCurrent {background: url('../Images/view.png') left 8px no-repeat; } .clsSectionTitleBarToolRevise{background: url('../Images/revisetransaction.gif') left 8px no-repeat; } .clsSectionTitleBarToolCopy{background: url('../Images/copy.png') left 8px no-repeat; } .clsSectionTitleBarToolCopyFromGroup{background: url('../Images/copyfrom.png') left 8px no-repeat; } .clsSectionTitleBarToolPaste{background: url('../Images/paste.png') left 8px no-repeat; } .clsSectionTitleBarToolReload{background: url('../Images/reload.png') left 9px no-repeat; } .clsSectionTitleBarToolMergeOrder{background: url('../Images/merge.gif') left 8px no-repeat;} .clsSectionTitleBarToolUnmergeOrder{background: url('../Images/unmerge.gif') left 8px no-repeat;} .clsSectionTitleBarToolRun{background: url('../Images/run.gif') left 8px no-repeat; } .clsSectionTitleBarToolSync{background: url('../Images/green-sync.gif') left 8px no-repeat;} .clsSectionTitleBarToolSupplyChainMap{background: url('../Images/supplyChain.png') left 8px no-repeat; } .clsSectionTitleBarToolCopyStyle{background: url('../Images/copy.png') left 8px no-repeat; } .clsSectionTitleBarToolCopyAndCreateNewStyle{background: url('../Images/copy.png') left 8px no-repeat; } .clsSectionTitleBarToolCopySWN{background: url('../Images/copy.png') left 8px no-repeat; } .clsSectionTitleBarToolResolveAll{background: url('../Images/icon_resolveall.png') left 8px no-repeat;} .clsPageTitleBarToolMap{background: url('../Images/mapView.png') left 0px no-repeat;} .clsSectionTitleBarToolResolveLog {background: url('../Images/resolve_all.png') left 8px no-repeat;} /*---------Section Note TitleBar---------*/ .clsNoteSectionTitleBar{width:100%;height:20px;line-height:20px; /*height:25px;background:#EAF4FD;border:solid 1px #A6C9E2;border-radius:5px;background-color :#86B6D9;*/} .clsNoteSectionTitleBarTitle{font-size:16px;color:#474747;float:left; /*overflow:hidden;font-weight:bold;height:20px;background-color :#86B6D9;padding-top:5px;*/} .clsNoteSectionTitleBarTools{font-size:14px;color:#474747;float:right;/*-margin-right:15px;margin-top:2px;text-align:right;vertical-align:middle;*/} .clsNoteSectionToolButton{margin-left:18px;height:16px;vertical-align:super;float:left;text-align:right;outline: none;} /*----------Titlebar Tools---------- updated*/ .clsPageTitleBarTools>span{float:right;} .clsPageTitleBarTools>span>div{background-repeat:no-repeat;float:left;padding-right:7px;height:16px; } .clsSectionTitleBarTools>span>div{background-repeat:no-repeat;float:left;padding-right:7px;} /*updated end*/ .clsNoteSectionTitleBarToolAdd{background: url('../Images/add.gif') left 1px no-repeat; } .clsPageTitleBarToolNew{background-image: url('../Images/new.gif');} .clsPageTitleBarToolEdit{background-image: url('../Images/edit.gif');} .clsPageTitleBarToolSave{background-image: url('../Images/savencontinue.gif');} .clsPageTitleBarToolSaveDraft{background-image: url('../Images/savencontinue.gif');} .clsPageTitleBarToolSavenContinue{background-image: url('../Images/savencontinue.gif');} .clsPageTitleBarToolSavenClose{background-image: url('../Images/savenclose.gif');} .clsPageTitleBarToolPreview{background-image: url('../Images/preview.gif');} .clsPageTitleBarToolNotify{background: url('../Images/icon_markasunread.gif') left 0px no-repeat;} .clsPageTitleBarToolPrint{background-image: url('../Images/print.gif');} .clsPageTitleBarToolSearch{background-image: url('../Images/search.gif');} .clsPageTitleBarToolDisplay{background-image: url('../Images/search.gif');} .clsPageTitleBarToolClose{background-image: url('../Images/closetransaction.gif');} .clsPageTitleBarToolConfirm{background-image: url('../Images/Confirm1.png');} .clsPageTitleBarToolConfirmNNew{background-image: url('../Images/Confirm1.png');} .clsPageTitleBarToolDelete{background-image: url('../Images/delete.gif');} .clsPageTitleBarToolCancel{background-image: url('../Images/cancel.jpg');} .clsPageTitleBarToolTxnCancel{background-image: url('../Images/closetransaction.gif');} .clsPageTitleBarToolClear{background-image: url('../Images/cancel.gif');} .clsPageTitleBarToolLog{background-image: url('../Images/log.gif');} .clsPageTitleBarToolRevisionHistory{background-image: url('../Images/log.gif');} .clsPageTitleBarToolAdd{background-image: url('../Images/add.gif');} .clsPageTitleBarToolRemove{background-image: url('../Images/remove.gif');} .clsPageTitleBarToolRevise{background-image: url('../Images/revisetransaction.gif');} .clsPageTitleBarToolApprove,.clsPageTitleBarToolGenerateIndent{background-image: url('../Images/approve.gif');} .clsPageTitleBarToolReject{background-image: url('../Images/reject.gif');} .clsPageTitleBarToolReturn{background-image: url('../Images/return.gif');} .clsPageTitleBarToolUpdate{background-image: url('../Images/Update.gif');} .clsPageTitleBarToolReopen{background-image: url('../Images/reopentransaction.gif');} .clsPageTitleBarToolOk{background-image: url('../Images/savenclose.gif');} .clsPageTitleBarToolCloseWindow{background-image: url('../Images/close.gif');} .clsPageTitleBarToolCloseDiv{background-image: url('../Images/close.gif');} .clsPageTitleBarToolClosePopup{background-image: url('../Images/close.gif');} .clsPageTitleBarToolExit{background-image: url('../Images/exit.png');} .clsPageTitleBarToolExport{background-image: url('../Images/export.gif');} .clsPageTitleBarToolCut{background-image: url('../Images/icon_cut.gif');} .clsPageTitleBarToolCopy{background-image: url('../Images/copy_below.png');} .clsPageTitleBarToolPaste{background-image: url('../Images/icon_paste.gif');} .clsPageTitleBarToolImport{background-image: url('../Images/import.png');} .clsPageTitleBarToolDetailExport{background-image: url('../Images/export.gif');} .clsPageTitleBarToolMark{background-image: url('../Images/mark.gif');} .clsPageTitleBarToolUnmark{background-image: url('../Images/unmark.gif');} .clsPageTitleBarToolPay{background-image: url('../Images/pay.gif');} .clsPageTitleBarToolReverse{background-image: url('../Images/reverse.gif');} .clsPageTitleBarToolDiscard{background-image: url('../Images/discard.gif');} .clsPageTitleBarToolValidate{background-image: url('../Images/validate.gif');} .clsPageTitleBarToolRevalidate{background-image: url('../Images/validate.gif');} .clsPageTitleBarToolUnValidate{background-image: url('../Images/unvalidate.gif');} .clsPageTitleBarToolClearnPost{background-image: url('../Images/clearnpost.gif');} .clsPageTitleBarToolPost{background-image: url('../Images/post.gif');} .clsPageTitleBarToolUnClear{background-image: url('../Images/unclear.gif');} .clsPageTitleBarToolDelink{background-image: url('../Images/delink.png');} .clsPageTitleBarToolBack{background-image: url('../Images/back.gif');} .clsPageTitleBarToolCreateDispatchCourier{background-image: url('../Images/new.gif');} .clsPageTitleBarToolCreateDispatchForwarder{background-image: url('../Images/new.gif');} .clsPageTitleBarToolCreateReceipts{background-image: url('../Images/new.gif');} .clsPageTitleBarToolNewSWN{background-image: url('../Images/new.gif');} .clsPageTitleBarToolNewDWN{background-image: url('../Images/new.gif');} .clsPageTitleBarToolDrop{background-image: url('../Images/delete.gif');} .clsPageTitleBarToolForwardApproval{background-image: url('../Images/send.gif');} .clsPageTitleBarToolMore{background-image: url('../Images/more.gif');} .clsPageTitleBarToolNewPWN{background-image: url('../Images/new.gif');} .clsPageTitleBarToolAllocate{background-image: url('../Images/allocate.gif');} .clsPageTitleBarToolNewBuyerClaim{background-image: url('../Images/new.gif');} .clsPageTitleBarToolCreateInvoice{background-image: url('../Images/new.gif');} .clsPageTitleBarToolCreateDebitNote{background-image: url('../Images/new.gif');} .clsPageTitleBarToolEmail,.clsPageTitleBarToolResendEmail{background-image: url('../Images/mail.png');} .clsPageTitleBarToolReceipt{background: url('../Images/new.gif');} .clsPageTitleBarToolReleaseRequirement{background: url('../Images/validate.gif');} .clsPageTitleBarToolAdjust{background: url('../Images/allocate.gif');} .clsPageTitleBarToolPostnAdjust{background: url('../Images/allocate.gif');} .clsPageTitleBarToolAdjustment{background: url('../Images/allocate.gif');} .clsPageTitleBarToolUnadjust{background: url('../Images/unvalidate.gif');} .clsPageTitleBarToolConfirmnAdjust{background: url('../Images/allocate.gif');} .clsPageTitleBarToolViewCurrent{background: url('../Images/view.png');} .clsPageTitleBarToolUnConfirm{background: url('../Images/unvalidate.gif');} .clsPageTitleBarToolReallocatePOAdjustment{background: url('../Images/allocate.gif');} .clsPageTitleBarToolBackToSearch{background: url('../Images/back.gif');} .clsPageTitleBarToolSortView{background: url('../Images/Sort.gif');} .clsPageTitleBarToolStandardView{background: url('../Images/Sort.gif');} .clsPageTitleBarToolPrintAll{background-image: url('../Images/print.gif');} .clsPageTitleBarToolExportToExcel{background-image: url('../Images/icon_excel.gif');} .clsPageTitleBarToolLinkedTransaction{background-image: url('../Images/addpo.png');} .clsPageTitleBarToolReleaseRevised{background-image: url('../Images/icon_releaserevised.gif');} .clsPageTitleBarToolSizeSettings{background-image: url('../Images/icon_sizesetting.png');} .ToolLink A{text-decoration: none;} .ToolLink:link {text-decoration: none;} .ToolLink:visited{text-decoration: none;} .ToolLink:hover{text-decoration: underline;} .ToolLink:active{text-decoration: none;} .clsCriticalLink, .clsTargetTaskLink, .clsStatusLink { height: 16px !important; width: 16px !important; display: block; margin:auto;} .clsCriticalLink[Critical="1"] { background: url("../Images/Exclamation_Active.png") no-repeat center; } .clsCriticalLink[Critical="0"] { background: url("../Images/trans.gif") no-repeat center; } .clsCriticalLink[Critical="Push"] { background: url("../Images/push.png") no-repeat center; } .clsCriticalLink[Critical="Pull"] { background: url("../Images/pull.png") no-repeat center; } .clsCriticalLink[Critical="Expression"] { background: url("../Images/icon_natask.gif") no-repeat center; } .clsCriticalLink[Critical="NoExpression"] { display:none; } /*================Page Section Layer==============*/ .clsSectionLabelCaption{line-height:22px;color:#4a4a4a } .clsSectionBoldLabelCaption{font-weight: bold;line-height:22px;color:#4a4a4a ; float: none !important } .clsSectionMultilineLabelCaption{color:#4a4a4a; float: none !important;} .clsSectionSmallLabelCaption{line-height:15px;font-size: 10px;color:#353535 ;float:none !important } .clsLineBreak{display:block !important;height:0px !important ; float:none !important } /*.clsDivPageSection{border:solid 1px #bfe2f3;background-color: #f5fbfe;margin-top:5px; }*/ .clsSectionRow{height:20px;} .clsSectionControls{padding:5px 0px; /*overflow: hidden;text-overflow: ellipsis;*/ } .clsSectionColumn{font-weight: normal;} .clsSectionItems{font-weight: normal;} .clsSectionLabel{font-weight: normal;} .clsSectionLabelContent{font-weight: normal;margin:0px;padding:0px;vertical-align:middle;line-height:22px;} .clsSectionCheckBox{font-weight: normal;margin:0px;padding:0px;vertical-align:middle;} .clsSectionLabelNoteCaption{font-weight: normal;font-size: 9px;} .clsSectionLabelNoteContent{font-weight: normal;font-size: 9px;} .clsSectionLabelContentWingdings{font-weight: normal;color: #878787;font-size: 16px;line-height: 15px !important;} .clsSectionLink {color:#474747;line-height:28px; height:28px !important; cursor:pointer;} .clsSectionLink A{cursor:pointer;text-decoration:underline;} /* Error Link */ .clsSectionErrorLink {color:red;line-height:20px; cursor:pointer; padding-left:28px; background: url('../Images/error.gif') left -2px no-repeat; } .clsSectionErrorLink A{cursor:pointer;text-decoration:underline;} .clsSectionLink:hover{text-decoration: underline;} .clsSectionLinkContainer{font-weight: normal;display:block;} .clsSectionLinkList{width:100%;float:left;} .clsSectionImageSpan{width: 200px; float: left;} .clsSectionImageSpan>img{max-width: 50px;max-height:50px;float: left;} .clsSectionImageSpan>a{margin-top: 7px; float: left;} .clsSectionTextBox{margin:0px;border: 1px solid #E6E6E6;background-color: #fafafa;border-radius: 2px;height: 28px;padding: 0 3px;} .clsSectionTextArea{Width: 100%;margin:0px; border: 1px solid #E6E6E6;background-color: #fafafa;border-radius: 2px; outline: none;} .clsSectionDatePicker {background: url('../Images/date.gif') no-repeat right center;background-color:#fafafa;} .clsSectionDatePicker:focus{ background:none;} .clsSectionSelect{margin:0px;color:#4a4a4a; border: 1px solid #e6e6e6;background-color: #fafafa;border-radius: 2px;} .clsSectionSpacer{Width: 20px;} .clsSectionButton{ background-color: #fff !important; border: 1px solid #ccc !important; display: inline-block; color: #099CDC; padding: 2px 10px !important; margin-bottom: 0; font-size: 11px; font-weight: 400; line-height: 1.9; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .clsSectionTextBoxPopout {position: fixed !important;z-index: 999999;} .clsSectionButton:hover { background-color: #099CDC !important; border: 1px solid #ccc !important; display: inline-block; color: #fff; } /*---------------------Total-----------------------*/ .clsSectionLabelContentTotal{font-weight:bold;font-size: 14px;line-height: 22px} .clsSectionTotalLink{font-weight:bold;font-size: 14px;border-top:solid 1px #a5a5a5;border-bottom:solid 1px #a5a5a5;color:#1a517d;text-align:right;line-height: 22px} .clsSectionDivSummary .clsSectionNumeric{color:#1a517d;} /*------------------------------------------------*/ input[readonly],select[readonly] ,textArea[readonly],input[disabled],select[disabled],textArea[disabled]{border-radius: 2px; border: 1px solid #e6e6e6; background-color:#eee; TEXT-ALIGN: left;} .clsMandatoryItem{/*border:1px dotted #a5a5a5;*/border-left:solid 1px #d62727!important;} .clsMandatoryViewOnly{border-left:solid 1px #d62727!important;} .clsSectionItem{ padding-right:5px; /*display:inline-block;height:100%;width:100%;*/ } /*----------Disable Div----------*/ .divDisable{filter:alpha(opacity=30);opacity:0.30;background:#000000;height:100%;width:100%; position:absolute;z-index:100;left:0px;top:0px;} /*Import Excel*/ .clsDivImport{overflow: auto;height: 270px; width:837px;list-style-type: none;padding: 5px;margin: 0px;background-color: #ffffff;border-top:0px;min-height: 29px;} .clsDivImportHeader{} .clsTableImport{overflow:scroll;table-layout:fixed;padding-top:0px;margin-top:-1px;margin-left:-1px;float:left;width:100px;} .clsTableImportHeader{overflow:scroll;table-layout:fixed;padding-top:0px;margin-top:-1px;margin-left:-1px;float:left;width:839px; } .clsImportTR{height:25px;} .clsImportTRHeader{height:25px;font-weight:bold;text-align:left; font-size: 12px; text-transform: capitalize; color: #008ECB;} #sectionImportExcel .clsFileupload {border: 2px dashed #ddd;border-radius: 5px;padding: 5px;text-align: center;} #sectionImportExcel .clsFileupload:hover {background:#f8f3c4;} #sectionImportExcel .clsFileupload:focus {background:#f8f3c4;} #sectionImportExcel .clsFileupload:after {background:#f8f3c4;} #sectionImportExcel #RowID1, #sectionImportExcel #RowID4,#sectionImportExcel #RowID5, #sectionImportExcel #RowID6,#sectionImportExcel #RowID7 { display: table; position: relative; width: 100%; } .dropZoneBorder{background:#f8f3c4;} .clsImportTRHeader td{height: 31px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 5px; border-bottom: 2px solid #ddd !important; vertical-align: middle; color: #008ECB; font-size: 12px; font-weight: bold;} /*.clsImportTD{border: 1px solid #b3b3b3;width: 200px; background: #d4d7d8;padding: 5px;}*/ .clsImportTD{OVERFLOW: hidden;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;border: 1px dashed #ddd; list-style-type: none;padding: 3px; background-color: #fff!important;list-style: none;cursor: move;height: 22px; border-radius: 5px; margin-bottom: 5px;width:250px;} .clsImportTD:hover{background-color: #f5f0f0!important;} .clsImportTDHeader{border:0px solid #a5a5a5;width:200px;} .clsDivULExcel{padding-top:0px;margin-top:0px;margin-left:0px;float:left;width:280px;} /*.clsULExcel {list-style-type: none;padding: 0px;margin: 0px;background-color:#eaf6ff;min-height:23px;} .clsULExcel li{border: 1px solid #65afd4;list-style-type: none;padding: 0px; padding-left: 5px; margin: 0px;margin-bottom: 1px;background-color: #c3dfec;list-style: none;cursor: move;height: 27px;}*/ .clsULExcel {list-style-type: none;padding: 5px;margin: 0px;background-color: #ffffff;min-height: 29px; padding-top:0px;} .clsULExcel li{OVERFLOW: hidden;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;border: 1px dashed #ddd; list-style-type: none;padding: 3px; width: 265px; background-color: #fff!important;list-style: none;cursor: move;height: 22px; border-radius: 5px; margin-bottom: 1px;} /*.clsULExcel li:first-child{border-bottom: 1px solid #ddd !important;}*/ .clsULExcel li:hover{background-color: #f5f0f0!important;} /*----------Tab CSS----------*/ .clsTab{border-spacing:0px;padding:0px;font-size: 14px; } .clsTabtr{height:26px;padding:0px;margin:0px;} .tabSpace{width:2px;} .clsTabtd{height:50px;cursor:pointer;text-align:center;padding:0px;margin:0px;font-size:11px;width:150px;} .clsTabtd .tabTextDIV:hover{color:#008ecb;} .clsTabtdselected{background-color:#FFFFFF;cursor:default;padding: 0;margin: 0;border-bottom:#fff solid 1px; color:#008ecb !important;} .clsTabtd img{position: absolute;top: 32px; margin: 0px 0px 0px -8px;} .clsSectionItems.clsSectionDivTab { margin-bottom:-5px;} .tabTextDIV,.tabTextDIVWithImg{float:left;padding-top:2px; } .tabTextDIV{width:150px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color: transparent;border-radius: 0;border: none;cursor: pointer;line-height: 50px;font-weight: 400; padding: 0px 20px; } .tabTextDIVWithImg{width:130px;} .tabDeleteSpan{background:url('../Images/tabclose.gif') no-repeat center center;height:16px;width:16px;display:block;float:left;padding-top:1px; } .clsTabtd >.tabDeleteSpan{border:1px solid #D9EEFF;height:16px;} .clsTabtdselected >.tabDeleteSpan{border:1px solid #FFF;height:16px;} .tabDeleteSpan:hover{border:1px solid #A5A5A5;border-radius:3px;width:16px;height:16px;cursor:pointer;} .clsTabEditTextBox{width: 115px !important;padding: 0px !important;border:1px solid #A5A5A5; height:15px !important;line-height:14px !important; } .clsCheckedSymbol{font-family:Wingdings;} .tabADD{height:26px;border:solid 1px #A6C9E2;border-bottom:0px;background-color:#D9EEFF;border-radius:5px 5px 0px 0px;width:18px;} .tabADDSpan{background:url('../Images/add.gif') no-repeat center center;height:16px;width:16px;display:block;float:left;padding-top:1px;border:1px solid #D9EEFF;} .tabADDSpan:hover{border:1px solid #A5A5A5;border-radius:3px;width:16px;height:16px;cursor:pointer;} .clsTabDIVEditTextBox{ padding-top: 1px !important; } .clsSectionSelect:focus{ background-color:#ffffff;border: 1px solid #D3D3D3; } .clsSectionItem input{ outline:none;margin:0px;padding:0 3px;} .clsSectionItem input:focus,.clsSectionItem select:focus,.clsSectionItem textArea:focus{ background-color:#ffffff;border: 1px solid #D3D3D3;} /*Dialog Box*/ /* transparent div start */ .dialogTransparentDiv .dialogMessage {position:fixed; top:50%; min-height:90px; left:50%; width:400px;background:#ffffff;padding:0px !important;z-index:99999; border-radius:5px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;border:1px solid #E7E7E7} .dialogMessage .dialogHeader { padding:3px 15px; border-bottom:1px dashed #DFDFDF; background:#E7E7E7; font-size:18px; font-weight:normal;color:#4a4a4a; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0;} .dialogMessage .dialogHeader .dialogMessageClose { height:25px; width:25px; font-size:14px; line-height:25px; font-weight:bold; text-decoration:none; color:#444444; text-align:center; position:absolute; top:1px; right:1px;border:1px solid #E7E7E7; } .dialogMessage .dialogHeader .dialogMessageClose:hover {background:#D8D5D5; border:1px solid #b4b4b4;border-radius:5px;} .dialogMessage .dialogContent {display:block; overflow:hidden; width:100%; outline: none;} .dialogMessage .dialogContent .dialogContentLeft { width:45px; height:55px; float:left; background:none } .dialogMessage .dialogContent .dialogContentleftInfo { width:45px; height:55px; float:left; background:url('../Images/info.gif') center right no-repeat; } .dialogMessage .dialogContent .dialogContentleftConfirm { width:45px; height:55px; float:left; background:url('../Images/info.gif') center right no-repeat; } .dialogMessage .dialogContent .dialogContentleftError { width:45px; height:55px; float:left; background:url('../Images/error.gif') center right no-repeat; } .dialogMessage .dialogContent .dialogContentright { width:330px; margin:10px; float:right; line-height:20px; font-size:14px;word-wrap:break-word;max-height:200px;overflow:auto;} .dialogMessageButton { padding:3px 10px; text-decoration:none; margin: 0 15px 15px 0; background:#dddede; border:1px solid #999999; font-size:12px; color:#333; float:right; } .dialogMessageButton:hover { background:#D8D5D5; border:1px solid #b4b4b4; } /* transparent div end */ /* Progressbar CSS Start*/ .clsProgressBarCover{float:left; border:1px Solid Gray;background-color:#009554;} .clsProgressBarCover div{float:left;height:100%;background-color:#D33F2A;} /* Progressbar CSS End*/ /*CustomReport CSS Start*/ .clsReportManagerTypeFolder{float:left;margin: 2px;border: 1px solid #FFFFFF;background: url('../Images/RMfolder.gif') left 0px no-repeat;} .clsReportManagerTypeReport{float:left;margin: 2px;border: 1px solid #FFFFFF;background: url('../Images/RMreport.gif') left 0px no-repeat;} .clsReportManagerTypeError{float:left;margin: 2px;border: 1px solid #FFFFFF; background: url('../Images/error.gif') left 0px no-repeat;} .clsReportManagerReport{color:#474747;margin-left:35px;margin-top:15px;margin-right:15px;} .ReportLink:hover{border: 1px solid #FFDE00;} /*CustomReport CSS Start*/ /*MenuBar CSS Start*/ .clsSectionDivMoreMenu { border-radius:5px; } .clsSectionDivMoreMenu .arrow { background: url('../Images/menu-top-arrow.gif') right 0px no-repeat; height:12px; position:absolute; top:-13px; right:14px; width:100%;} .clsSectionDivMoreMenu .clsSectionContent { margin-top:-3px;} .clsSectionDivMoreMenu .tblGrid{ width:102%; } .clsSectionDivMoreMenu .divGridContent { background:#fff; border:#e6e6e6 solid 1px; border-radius:5px; width:179px !important; overflow:inherit !important; overflow: inherit !important; overflow-x: hidden !important; max-height: 200px; } .clsSectionDivMoreMenu .trContent{ background:#fff; } .clsSectionDivMoreMenu .trContent .tdContent.tdContentFocus{ border:none !important; } .clsSectionDivMoreMenu .trContent .tdContent{ border:none; } .clsSectionDivMoreMenu .trContent a{ padding: 0 10px; display:block; width:inherit !important; text-decoration:none; } .clsSectionDivMoreMenu .trContent a:hover { color:#000;} /* .clsSectionDivMoreMenu{ margin-bottom:15px;position:relative;overflow:hidden;border:solid 1px darkgray;border-radius:5px;width:99.8%;padding:0px;} .clsSectionDivMoreMenu .trContent{ table-layout:fixed;height:20px;vertical-align:middle;color:#4a4a4a;background-color:#FFFFFF/*e4f1fb;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; */ /*}.clsSectionDivMoreMenu .tdContent{ height:20px;vertical-align:middle; padding:2px;border: #fffff solid 0px; } .clsSectionDivMoreMenu .tdContentHover{ height:20px;vertical-align:middle; padding:2px;border: #fffff solid 0px; /*text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:table-cell;}.clsSectionDivMoreMenu .tblGrid{ overflow:scroll;table-layout:fixed; background-color:#ffffff;padding-top:0px;margin-top:-1px;margin-left:-1px;} .clsSectionDivMoreMenu .divGridContent{ Overflow:auto !important;padding-top:0px;margin-top:-1px;/*border-top-color:#FFFFFF; border-top:none;border-bottom:none; }*/ /*MenuBar CSS End*/ /*Multi Select Dropdown with checkbox CSS Start*/ .clsSectionMultiSelectTextBox{background:url('../Images/dropdown.png') no-repeat right center; cursor:pointer;margin:0px;color:#474747;border: 1px solid #e6e6e6;background-color: #fafafa;border-radius: 2px;} .clsMultiSelectDiv{border: 1px dotted #a5a5a5;border-top: none; max-height:154px;overflow-y:auto ;display:none;position:absolute;background:white;width:100%;} .clsMultiSelectDiv ul{ list-style:none;margin:0;padding:0; display:block; } .clsMultiSelectDiv ul li { padding:1%; display:block; width:98%; float: left; } .clsMultiSelectDiv ul li input[type='checkbox']{ margin:1px 0 0 1px; float:left;} .clsMultiSelectDiv ul li a{height:14px;float:left;text-overflow:ellipsis;white-space:nowrap !important;overflow:hidden;padding-left:3px;cursor:pointer;} .clsMultiSelectDiv ul li:hover { background:#1e90ff; } .clsMultiSelectDiv ul li:hover a{ color:#fff; text-decoration:underline; } /*Multi Select Dropdown with checkbox CSS End*/ /*.clsMultiSelectDiv>ul{list-style:none;margin:0;padding:0;} .clsMultiSelectHeader{ vertical-align:middle;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; background-color:#D9EEFF; color:#4a4a4a;} .clsMultiSelectDiv>ul>li{padding-bottom:2px;float:left;} .clsMultiSelectDiv>ul>li>input[type='checkbox']{float:left;} .clsMultiSelectDiv>ul>li>label{float:left;text-overflow:ellipsis;white-space:nowrap !important;overflow:hidden;padding-left:2px;} .clsMultiSelectDiv .clsMultiSelectContent{background-color:#eaf6ff;} .clsMultiSelectDiv .clsAltLi{background-color:#FFFFFF;} .clsMultiSelectDiv .clsMultiSelectContent:hover{background-color:#f5f5f5} .clsMultiSelectDiv .liFocus{ border:1px solid #b5b5b5 !important;box-shadow: 0px 0px 5px #fe8f00 inset !important; -moz-box-shadow: 0px 0px 5px #fe8f00 inset; -o-box-shadow: 0px 0px 5px #fe8f00 inset; -ms-box-shadow: 0px 0px 5px #fe8f00 inset; -webkit-box-shadow: 0px 0px 5px #fe8f00 inset;}*/ .clsSectionItem .clsSectionSearch {color:#4a4a4a;border: 1px solid #E6E6E6;border-radius:2px;background:url('../Images/grid-list-search.png') no-repeat right center; float:left;overflow:hidden;background-color:#fafafa;} .clsSectionItem .clsSearchLink {overflow:hidden;white-space:nowrap;float:left;} .clsSectionContentTable {border: solid 1px #e6e6e6;border-collapse:collapse;margin:-1px 0 10px -1px;} .clsSectionContentTable td{border: solid 1px #e6e6e6;} .clsSectionContentTable th{border: solid 1px #e6e6e6;} .clsCriticalLink, .clsTargetTaskLink, .clsStatusLink { height: 16px !important; width: 16px !important; display: block; margin:auto;} .clsCriticalLink[Critical="1"] { background: url("../Images/Exclamation_Active.png") no-repeat center; } .clsCriticalLink[Critical="0"] { background: url("../Images/Exclamation_Inactive.png") no-repeat center; } .clsTargetTaskLink[IsTargetTask="1"] { background: url("../Images/TargetTask_Active.png") no-repeat center; } .clsTargetTaskLink[IsTargetTask="0"] { background: url("../Images/TargetTask_Inactive.png") no-repeat center; } .clsStatusLink[TaskUpdateMethod="Manual"][IsClosed="1"] { background: url("../Images/ClosedTask.png") no-repeat center; } .clsStatusLink[TaskUpdateMethod="Manual"][IsClosed="0"] { background: url("../Images/OpenTask.png") no-repeat center; } .clsStatusLink[TaskUpdateMethod="Automatic"] { cursor:auto; } .clsStatusLink[TaskUpdateMethod="Automatic"][IsClosed="1"] { background: url("../Images/Auto_ClosedTask.png") no-repeat center; } .clsStatusLink[TaskUpdateMethod="Automatic"][IsClosed="0"] { background: url("../Images/Auto_OpenTask.png") no-repeat center; } .clsStatusLink[IsApproved="1"] { background: url("../Images/ApprovedTask.png") no-repeat center; } .clsStatusLink[IsApproved="0"] { background: url("../Images/NotApprovedTask.png") no-repeat center; } .clsStatusLink[IsRejected="1"] { background: url("../Images/RejectedTask.png") no-repeat center; } .clsStatusLink[IsRejected="0"] { background: url("../Images/NotRejectedTask.png") no-repeat center; } .clsMasterPanel{margin-right:0px;/*margin-bottom:15px; overflow-y:auto; overflow-x:hidden;*/ overflow:auto; } .clsDivMasterPanel{overflow:auto; } .clsRoundedBorder { border:solid 1px #c2c2c2; border-radius:5px; } /*Used for left tab on WFXIntegrationConfiguration page*/ .clsTabSectionLeft {margin-right: 5px;margin-top: 15px;} .clsTabSectionRight {margin-top: 15px;} .clsFloatLeft {float: left;} .clsFloatRight {float: right;} .clsTopVerticalAlign {vertical-align: top;} .clsDivYScroll {overflow-y: auto;overflow-x: hidden;} @media only screen and (max-width: 1440px){ .clsTabtd{width:125px;} .tabTextDIV{width:100px;font-size:12px;} } @media only screen and (max-width: 1024px){ .clsTabtd{width:105px;} .tabTextDIV{width:75px;font-size:12px;} } .clsHide{display:none;} .clsShow{display:normal;} .clsLeftMargin5{margin-left:5px;} .clsCustomReportIframe{display: block; background-color: #fff; width: 100%; height: 100%;} .clsWFXCustomReportBody{padding:15px 0px;} .clsCustomReportHeader{margin-top: -15px;padding:0px 0px 0px 15px;} .clsCustomReportTree{float: left; overflow: hidden; margin-top: -15px; padding: 0px;} .tdHeader{text-align:left !important;} .trHeader .clsCenterAlign{text-align:center !important;} .trHeader .clsRightAlign{text-align:right !important; padding-right:10px !important;} .trContent td{text-align:left !important;} .trContent .clsCenterAlign{text-align:center !important;} .trContent .clsRightAlign{padding-right:10px !important;} .clsSectionContentGrid tr .clsRightAlign{text-align:right !important; padding-right:10px !important;} .clsSectionDivPopupGray{transition: box-shadow .25s; box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.2); background-color: #F5f0f0 !important;} .clsdvComments{position: absolute;z-index: 10000;top: 10px;border:1px solid #c2c2c2; background-color: white;} .clsdivWhiteBG{background-color: white;} .clsULExportHeader {list-style-type: none; padding: 0px 4px;margin: 0px;background-color: #ffffff;min-height: 25px; width: 100%;} .clsULExport {list-style-type: none;padding: 5px;margin: 0px;background-color: #ffffff;border: 1px solid #ddd;min-height: 29px; width: 97%; border-top:none;} .clsULExport li{border: 1px dashed #ddd; list-style-type: none;padding: 3px; background-color: #fff!important;list-style: none;cursor: move;height: 22px; border-radius: 5px; margin-bottom: 5px;} .clsULExport li:hover{background-color: #f5f0f0!important;} .clsdivScrollExport {overflow-y: scroll;overflow-x: hidden;height:280px} .clsdivExportTop {height:160px;} .clstblFullWidth{width:100%} .clsExportMoveAll { padding-left:13% } table[id^=sectionCommentsAttachments]{ width:80% !important; } table#sectionResultCommentsAttachments{ width:80% !important; } #gridQARequestAttachments_divGridContent { height: 65px !important; } #gridQAResultAttachment_divGridContent { height: 65px !important; } #gridQAResultAttachmentView_divGridContent { height: 65px !important; } div[id^=sectionQARequestAttachments] { height: 190px !important; } [id^=gridQARequestAttachments][id$=divGridContent] { height: 65px !important; } .clsExportAttribute { display: flex; pointer-events: none; text-align: left; border: 0px !important; border-bottom: 1px solid #ddd !important; border-radius: 0 !important; background-color: #fff !important; /*position:fixed;*/ } #divExcelImport { padding:0px!important; } .clsdivExportAttributeSectionHeader { border-bottom: 2px solid #e6e6e6; } .clsExportAttributeHeader { display: flex; pointer-events: none; text-align: left; border: 0px !important; background-color: #fff !important; height: 25px!important; border-bottom: 2px solid #e6e6e6; } .clsExportExcelLiHidden{ visibility: hidden; height: 0px !important; padding: 0px !important; } /* Classes for 66972 Measurement Approval - Quality Assurance Enhancement (Size Set Approval) */ .clsdivTabHeader { float: left; width: 100%; text-align: center; } .clsdivTabHeaderIcon { position: absolute; right: 15px; top: 0px; width: 24%; text-align: right; } .clstdTabHeader { position: relative; border-left:1px solid #d1d1d1; padding-left:5px; padding-right:5px; z-index:198; } .clsdivTabHeader input { text-align: center; width: 64px; border: none; } .clsdivTabHeaderIcon a { display: inline-block; width: 20px; } .clsdivSampleColor{ text-align: center; line-height: 36px; margin-top: 28px; } .clsdivSampleColor span { font-size: 11px; width: 48%; text-align: left; padding-right: 4px; font-weight: 400; } .clsdivSampleColor select { width: 36%; } .clsdivReason { text-align: center; margin: 0 auto; margin-top: 4px; } .clsStatusLabel { font-size: 8px; color: #4a4a4a; text-align: center; line-height: 24px; font-weight:400; } .clsStatusValue {margin: 0px 6px 0px 2px;} .clsReasonStatusLabel { display: inline-block; vertical-align: top; line-height: 28px; font-size: 9px; font-weight: normal; } .clsSectionTextBoxTabName { text-align:left; width:65px; } .clsTabIcon { text-align:left; width: 30px; } .clsSectionSelectDDLColor { text-align:left; width: 90px } .clsStatusIcon { width: 30px; display: inline-block; } .clsdivBack { position: absolute; height: 140px; width: 220px; background-color: #E4F1FB; border-style: solid; border: 1px; display: none; overflow: auto; } .clsTabTextBox { margin-top:0px; } .clsDifferenceRed { border:solid 1px red !important; } .clsDifferenceGreen { border:solid 1px green !important; } .clsDifferenceNone { border:none !important; } .clsDivContentPopup { background-color: #F5f0f0; padding: 15px 15px 5px 15px !important; text-align: center; overflow: auto; } .clsSectionDivContentPopup { margin-right:0px; padding:16px 20px 16px 20px; background-color:#fff; overflow-x:auto; overflow-y:hidden; margin-bottom:15px; transition:box-shadow .25s; box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2); } .clsFixedHeaderToolButtons { padding-top:6px; } .clsGridLeftBorder { border-left:1px solid #d1d1d1!important; z-index:198; } .clsSizeSetApprovalgridPadding { padding-left:3px!important; padding-right:3px!important; } #gridSizeSetApproval_trHeader_blankrow th { border-bottom: 0px solid #e6e6e6 !important; } #gridSizeSetApproval_trHeader_blankrow tr { height: 1px!important; } .clsSizeSetApprovalPaddingTopBottom { padding-top:10px!important; padding-bottom:10px!important; } .clsCenterAlignColumn{text-align:center !important;} .clsSizeSetGridtdContentFocus { outline: 1px solid #5292f7; outline-offset: -1px; } .clsSizeSetRevisedBackgroundColor{background-color:#FCE2E2 !important;} .clsSizeSetFinalBackgroundColor{background-color:honeydew !important;} .clstblSizeSetgrid td { border-spacing:0px !important; margin-top:0px !important; margin-left:0px !important; } .clsSizeSetGridtdBorder { border:none !important; } .clsSizeSetGridSpanBGColor { background-color:#E6E6E6 !important; } .clsSizeSetGridBorderSpacing{border-spacing:0px !important;} .clsSizeSetGridRemoveBorderLeft{border-left:0px solid #fff!important;} .clsGridRightBorder { border-right:1px solid #d1d1d1!important; z-index:199!important; } .clsZIndex199 { z-index:199!important; } .clsZIndex200 { z-index:200!important; } .clsZIndex201 { z-index:201!important; } /*Start*/ .ms-search input {border: none !important;box-shadow: none !important;outline: none;padding: 6px 0;width: 100%;} .ms-search{padding: 6px 8px;border-bottom: 1px solid #eee;cursor: default;} .ms-search {padding: 0 8px;} .ms-hidden {display: none !important;} .ms-no-results {padding: 6px 8px;} /*End*/ /*Start*/ .clsArticlePicturePOM { position: absolute; display: none; visibility: hidden; } .clsImageRoundDiv { border: 1px solid #c2c2c2; border-radius: 5px; padding: 5px; background-color: #fff; text-align: center; vertical-align: middle; } .clsCenterAlign { text-align: center !important; } .clsMiddleVerticalAlign { vertical-align: middle; } /*End*/ /*Start*/ #myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; } #myImg:hover { opacity: 0.7; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999999999; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (image) */ .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; } /* Caption of Modal Image */ #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes zoom { from { transform: scale(0) } to { transform: scale(1) } } /* The Close Button */ .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px) { .modal-content { width: 100%; } } /*End*/ .clsPageTitleBarToolReset { background-image: url('../Images/undo.gif'); } /*Start*/ div#divGroup1{ height:85% !important; } /*End*/