/* *WFX Grid Plugin v 0.0.1 CSS *Date:18-07-2013 *Written By: Chandan Bisht */ /*,Date:27-DEC-2018,Done By:<1389>*/ /*,Date:10-JAN-2019,Done By:<1255>*/ /*,Date:11-JAN-2019,Done By:<1255>*/ /*,Date:09-MAY-2019,Done By:<1426>*/ /*,Date:20-Feb-2020,Done By:<1459>*/ body{font-family: Open Sans;font-size:11px;font-weight:normal;background-color: #fafafa;} TH,input,select,textarea{ font-size:11px;font-weight:normal;} .clsRightDivBody{padding: 15px 15px 5px 15px !important;background-color: #fafafa;} .divGridLoading{ background-image:url("../Images/progressbar.gif");background-repeat:no-repeat; position:absolute;color:#247AC4; width:66px;height:66px; } .divGridHeader{ padding:0px;margin:0px;} .tblGridHeader{ overflow:scroll;table-layout:fixed;padding-top:0px;margin-top:-1px;margin-left:-1px; position:relative; border-bottom:1px solid #e6e6e6; } .trHeader{ table-layout:fixed;vertical-align:middle;text-align:center;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden; } /*ALERT: Please do not change padding on tdHeader class. It has effect in gridgenerator also.*/ .tdHeader{ height:31px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding:3px;border-bottom: 2px solid #e6e6e6;vertical-align: middle;color: #008ECB;font-size: 11px;font-weight: 600;text-transform: capitalize !important;} .tdHeaderSpan{ float:left;padding-top:1px;text-overflow:ellipsis;overflow:hidden;font-size: 11px; text-transform:capitalize; font-weight:600;color: #008ECB;} .tdHeaderDesc{ background:url('../Images/iconDesc.png') no-repeat right top;display: inline-block;height: 10px;width: 7px;margin-top:3px;} .tdHeaderAsc{ background:url('../Images/iconAsc.png') no-repeat right top;display: inline-block;height: 10px;width: 7px;margin-top:3px;} .divHeaderScrollAdjustment { width: 15px; border: 1px solid #fff; background: #fff; } /*.divInnerGridHeader{ PADDING-RIGHT: 25px;z-index:9999; float:left;padding-top:0px;margin-top:0px; }*/ .divGridContent{ Overflow:auto !important;padding-top:0px;/*margin-top:-1px;border-top:solid 1px #e6e6e6;border-bottom:0px;*/} .tblGrid{ overflow:scroll;table-layout:fixed;/*border:solid 1px #e6e6e6 !important;*/ padding-top:0px;margin-top:-2px;margin-left:-1px; position:relative; /*e6e6e6*/} /*.tblGridHeader tr td:first-child{ border-left:0px; } .tblGridHeader tr th:first-child{ border-left:0px; }*/ /*.tblGrid tr td:first-child{ border-left:1px; }*/ .tdSearch{padding:1px 2px; height:31px;display:table-cell;vertical-align:middle; vertical-align:middle;text-align:center;background-color:#FFFFFF;/*border:solid 1px #e6e6e6;*/ border-bottom:0px; } .trContent{ table-layout:fixed;height:31px;vertical-align:middle;color:#4a4a4a;} .trContent .clsSectionSearch {color:#4a4a4a;border:dotted 1px #a5a5a5;background:url('../Images/grid-list-search.png') no-repeat right center;} .trContent .clsSearchLink {overflow:hidden;text-overflow:ellipsis;float:left;} .trContenthighlight .clsSectionLink {color:#191919;} .tdSearch input{ height:28px;color:#191919;outline:none;float:left;border: 1px solid #E6E6E6;background-color: #fafafa;border-radius: 2px;} .lblSearchIcon{ background:url('../Images/search.gif') no-repeat right center;height:23px;width:16px;display:block;float:right; border:solid 1px #FFF;margin-left:-1px;border-left:none; padding-left:3px;cursor:pointer; } .clsTrackLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer; } .clsTrackLink[IsTrackAttached="1"]{background:url('../Images/TrackAttached.png') no-repeat center; } .clsTrackLink[IsTrackAttached="0"]{background:url('../Images/TrackNotAttached.png') no-repeat center; } .clsNewFolderLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/newfolder.png') no-repeat center; } .clsNewGroupLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/newgroup.png') no-repeat center; } .clsDeleteLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/Delete.png') no-repeat center; } .clsSearchingLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/search.gif') no-repeat center; } .clsEditLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/Edit.png') no-repeat center; } .clsCopyLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/Copy.png') no-repeat center; } .clsBackLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/Back.gif') no-repeat center; } .clsNewDivisionLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/new-division.png') no-repeat center; } .clsNewDeptLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/new-department.png') no-repeat center; } .clsNewSiteGroupLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/new-sitegroup.png') no-repeat center; } .clsNewUserGroupLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/new-usergroup.png') no-repeat center; } .clsReviseLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/revisetransaction.gif') no-repeat center; } .clsAddLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/add.jpg') no-repeat center; } .clsApproveLink{height:16px;margin:auto;border:none;cursor:pointer;background:url('../Images/Approve.jpg') no-repeat center; } .clsRejectLink{height:16px;margin:auto;border:none;cursor:pointer;background:url('../Images/Reject.jpg') no-repeat center; } .clsApprovedLink{height:16px;margin:auto;border:none;cursor:pointer;background:url('../Images/Approved.jpg') no-repeat center; } .clsRejectedLink{height:16px;margin:auto;border:none;cursor:pointer;background:url('../Images/Rejected.jpg') no-repeat center; } .clsCloseLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/close.gif') no-repeat center; } .clsReopenLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/reopentransaction.gif') no-repeat center; } .clsClearDateLink{height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;background:url('../Images/ClearDate.gif') no-repeat center; } .clsViewLink{background:url('../Images/view.png') no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer; } .clsSplitLink{background:url('../Images/add-row.gif') no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer; } .clsCommentLink{background:url('../Images/Comment.png') no-repeat center center;height:30px !important;width:120px !important;display:block;margin:auto;border:none;cursor:pointer; } .clsCopyBelowLink{background:url('../Images/copy_below.png') no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer; } .clsAttachmentLink{background:url('../Images/attachment.jpg') no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer; } /*.clsContentLink{background:url('../Images/contentlink.png') no-repeat center center;height:16px;width:16px;display:block;float:right;margin-left:-1px;border:none; padding-left:3px;cursor:pointer; }*/ .clsMoreLink{background:url('../Images/gridmore.png') no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer; } .clsSearchLink{height:21px;display:block;margin:auto;border:none;cursor:pointer;} .clsFreeze{position:relative;background-color:#fff;} .clsFreezeBorder{ border-right: 0px solid #cfcfcf !important } .clsWhereusedLink{background:url('../images/icon_whereused.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsNormalTrackLink{background:url('../images/track_attach.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsSaveTrackLink{background:url('../images/track_inactive.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsActivateTrackLink{background:url('../images/track_active.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsIconArrowLink{background:url('../images/icon_go_grid.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsApplyToArticleLink{background:url('../images/ApplyToArticle.png')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsCopyLink{background:url('../images/icon_copy.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} .clsEditNewLink{background:url('../images/edit.gif')no-repeat center center;height:16px;width:16px;display:block;margin:auto;border:none;cursor:pointer;} /*Start*/ .tdContent{BORDER-BOTTOM: 1px solid;PADDING-BOTTOM: 0px;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;HEIGHT: 31px;OVERFLOW: hidden;PADDING-TOP: 0px;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;border-color: #fff;color: #4a4a4a;border-bottom: 1px solid #ddd;font-size: 11px;border-right: 1px solid transparent;border-left: 1px solid transparent;} /*Start*/ .tdData { padding: 0 3px; border-left: 0; border-right: 0; } /*End*/ /*End*/ .tdContent img { padding:0px; margin:0px;} .tdContent a img { padding:0px; margin:3px 0 0 0;} .tdContent [IndentLevel="1"] { padding-left:20px;} .tdContent [IndentLevel="2"] { padding-left:40px;} .tdContent [IndentLevel="3"] { padding-left:60px;} .tdContent [IndentLevel="4"] { padding-left:80px;} .tdContent [IndentLevel="5"] { padding-left:100px;} .tdContentEditable{background-color:#fcf8e3; /*background-image:url('../Images/iconEditable.png');background-repeat:no-repeat;background-position:right bottom;*/} .tdContentMandatory{ /*background-image:url('../Images/iconMandatory.png');background-repeat:no-repeat;background-position:right bottom;*/} .tdSortable{ cursor: pointer !important;} .trFooter{ height:25px;overflow:hidden; border-color:#FFFFFF;/*background-color:#CFE8FE;border:0px Solid #FF0000 !important;*/ } .tdFooter{ height:25px;vertical-align:middle;text-align:right;text-overflow: ellipsis !important; white-space:nowrap;overflow:hidden;padding:2px 3px;/*border:0px solid #FFFFFF !important;background-color:#C6DFFE; */} .divRecordsInfo{ color:#4a4a4a;float:right;margin-top:5px; } /*Start*/ /*.divPageSize{float:left;margin-left:28%;}*/ .divPageSize select {height: 20px;margin-top: 7px;float: right;margin-right: 155px;} /*End*/ .trAltClass{ background-color:#FFFFFF;background-image: none;} .trContentHover td{ background-color:#ebf9ff /*fcfcfc;*/} .trContenthighlight td{ background-color:#eeeeee;color:#191919; } .divFocus{ outline: none;/*overflow:hidden;vertical-align:middle;padding:10px;*/} .divFocus LABEL{ outline: none;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden; } .divFocus input:focus,input[type="checkbox"]:focus,a:focus,Select:focus{ outline:none;/*border:solid 0px #FFFFFF;outline:none;padding-right:2px; overflow:hidden; vertical-align:middle;*/}/* .divFocus input[type="checkbox"]:focus{ border:solid 0px #FFFFFF;outline:none;padding-right:2px; } .divFocus a:focus{ border:solid 0px #FFFFFF;outline:none;padding-right:2px; }*/ .divFocusEditable{ outline:none;overflow:hidden;vertical-align:middle;padding:0px 2px 0px 0px;margin:0px;} .divFocusEditable TextArea{ outline:none;padding:0 1px !important;margin:0px;} .divFocusEditable input{ outline:none;margin:0px;padding:0px 3px !important; box-sizing:inherit;} .divFocusEditable input[type="checkbox"]{ outline:none;padding:0px !important;} .divFocusEditable select{ font:11px Open Sans; outline:none;/*padding:0 2px;*/margin:0px;float:left; } .divFocusEditable a{ outline:none;height:22px;padding:0 2px;margin:0px;} .divFocusEditable select:focus{ outline:none;/*padding-right:2px;*/} .divFocusEditable > a:focus{ outline:none;border:0px; } .tdAltClass{ background-image: none;} .tdContentHover{ /*border:#fcfcfc solid 1px;*/ } .tdContenthighlight{ /*border:#eeeeee solid 1px;*/} .tdContentFocus{background-color:#fff;} .clsGridLabelContent{ white-space: normal !important;float:left;} .clsGridLabelEllipsis{/* padding: 0 3px;*/display:block !important;line-height:22px;text-overflow: ellipsis;white-space: nowrap !important;overflow: hidden; /*min-height:22px;*/} .clsSectionWrapText { height:auto!important;} .lblNonEditable{ height:22px;display:table-cell;vertical-align:middle;padding:0 4px;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden; } .lblEditable{ height:28px !important;border: 1px solid #E6E6E6;background-color: #fafafa;border-radius: 2px;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden; padding:0 3px; line-height: 29px !important; } .lblMandatory{ line-height: 28px;height:28px !important;border-left:solid 1px #d62727 !important;display:table-cell;vertical-align:middle;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden;border: 1px solid #E6E6E6;background-color: #fafafa;border-radius: 2px;padding:0 3px;} .lblWingdingsMandatory {width:11px;height:11px;border:Solid 1px #a5a5a5;text-align:center;display:inline-block !important;float:none !important;} .lblWingdingsEditable{width:11px;height:11px;border:Solid 1px #a5a5a5;text-align:center;display:inline-block !important;float:none !important;} .lblEditSelect { background:url('../Images/dropdown.png') no-repeat right center; } .lblEditDatePicker{ background:url('../Images/date.gif') no-repeat right center; } .searchItem input{ outline:none;margin:0px;padding:0px 3px!important;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden; } .searchItem input:focus,.searchItem select:focus,.searchItem textArea:focus{background-color:#ffffff;border: 1px solid #D3D3D3;} .searchItem input:hover{cursor:text; } input[type="checkbox"] { width:13px !important;max-width:13px !important;margin-left:auto; margin-right:auto;} input[type="radio"] { width:13px !important;max-width:13px !important;margin-left:auto; margin-right:auto;} /*Pager start*/ .divGridPager{/*border-top:solid 1px #e6e6e6;*/ height:31px; } .tblGridPager{width:99%;} .tblPager{ margin-left:44% ;position:relative;height:31px;color:#4a4a4a; float:left; text-align:center; } .tdPager{ height:33px;vertical-align:middle;text-align:center;text-overflow: ellipsis !important;white-space:nowrap;overflow:hidden; width:100%;} .tdPagerFirst, .tdPagerPrev, .tdPagerNext, .tdPagerLast { border:solid 1px #fff;text-align:center;width:20px;} .tdPagerFirst:hover,.tdPagerPrev:hover,.tdPagerNext:hover,.tdPagerLast:hover{ border:1px solid #b4b4b4;border-radius:5px;cursor:pointer; } /*Start*/ .tdPager .divRecordsInfo { margin-top: 8px; margin-right: -192px; float: right;} /*End*/ .txtPageNumber{ color:#474747;text-align:center;height:15px !important;line-height:12px !important;padding-top:3px;border: solid 1px #a5a5a5; outline:none; width:40px; } .txtPageNumber:focus{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;} /*Pager end*/ /*Highlight Row start*/ .cssGridRowHighlightNone td{color:#4a4a4a;} .cssGridRowHighlightRed td{color:red;} .cssGridRowHighlightRed a{color:red;} .cssGridRowHighlightBlue td{color:#0000A0;} .cssGridRowHighlightBlue a{color:#0000A0;} .cssGridRowHighlightbackground td{background:#fcf6e8; color:#333;} .cssGridRowHighlightBold{font-weight: bold; font-family: Calibri; } .cssGridRowHighlightItalic{font-style: italic;} .cssGridRowHighlightBlackBold td span,.cssGridRowHighlightBlackBold td a{color:black;font-weight:bold; } /*.cssGridRowNonEditable td{HEIGHT: 31px;OVERFLOW: hidden;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;color: #4a4a4a;border-bottom: 1px solid #ddd;}*/ /*Highlight Row end*/ /*Highlight cell item*/ .cssGridItemHighlightRed{color:red;} .cssGridItemHighlightGreen{color:green !important;} .cssGridItemHighlightGreenBold{color:green !important;font-weight:bold;} /*Highlight item end*/ .GridRowBackgroundLightGrey td { background:#cecece !important; border:1px solid #cecece} /*above line should be changed to follwing when TNA css is done .GridRowBackgroundLightGrey td { background:#f5f5f5 !important; border:1px solid #f5f5f5}*/ /*Multi Select Dropdown with checkbox CSS Start*/ .removeOverflow{overflow:visible!important;} /*Multi Select Dropdown with checkbox CSS End*/ .errordiv{margin:0 30px;position:relative; padding:5px 10px; line-height:15px; color:#C00; background:#f5f3f3; max-width:160px; border:1px solid #c8c7c7; font-size:11px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;} .errordiv span{position:absolute; left:-10px; background:url(../images/arrow.png) center center no-repeat; width:10px; height:11px;} /*Advance Search CSS Start*/ .clsSectionAdvanceSearch{height:23px;width:16px!important;display:block;float:right; border:solid 1px #FFF;margin-left:-1px;border-left:none; padding-left:3px;cursor:pointer; } .clsSectionAdvanceSearchInactive{background:url('../Images/filter-inactive.png') no-repeat right center;} .clsSectionAdvanceSearchActive{background:url('../Images/filter-active.png') no-repeat right center;} .clsAdvanceSearchContainer{background-color:White;border:1px solid #787878; width:300px;float:left;} .clsAdvanceSearchTitlebar{background-color:#f1f1f1;border-bottom:#787878 1px solid;width:100%; } .clsAdvanceSearchTitlebar table{width:100%; position:relative;} .clsAdvanceSearchTextBox{ padding:0 2px !important; line-height:24px; outline:none; float:left; width:70px;margin:0px;border:1px dotted #a5a5a5;} .clsAdvanceSearchTitle{font-weight:bold;} .clsAdvanceSearchTool{float: left;color: #474747;margin-right: 10px;cursor: pointer;} .clsAdvanceSearchContent { padding:3px 0} .clsAdvanceSearchContentSpan{ line-height: 22px; text-align:center;float:left; width:50px;white-space: normal !important;float:left; } /*Advance Search CSS End*/ /* SVG Drawing CSS Start*/ .clsSectionSVGDrawing{border:1px solid;} /* SVG Drawing CSS End*/ /*Grid Indent Start*/ .clsIndentLeft0{ text-align:left!important; margin-left:0px; } .clsIndentLeft1{ text-align:left!important; margin-left:20px; } .clsIndentLeft2{ text-align:left!important; margin-left:40px; } .clsIndentLeft3{ text-align:left!important; margin-left:60px; } .clsIndentLeft4{ text-align:left!important; margin-left:80px; } .clsIndentLeft5{ text-align:left!important; margin-left:100px; } .clsIndentRight0{ text-align:right!important; margin-left:0px; } .clsIndentRight1{ text-align:right!important; margin-left:-20px; } .clsIndentRight2{ text-align:right!important; margin-left:-40px; } .clsIndentRight3{ text-align:right!important; margin-left:-60px; } .clsIndentRight4{ text-align:right!important; margin-left:-80px; } .clsIndentRight5{ text-align:right!important; margin-left:-100px; } /*Grid Indent Ends*/ /*Start*/ .clsGridLabelEllipsisPomCaption{display: block;display: -webkit-box;line-height:11px;text-overflow: ellipsis;white-space:normal;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top: 2px;width: 100% !important;height:22px !important;} /*End*/ /*TNA Grid Changes Start*/ #sectionTrackTaskDetailsWrapper .tdContent {padding:1px 2px;height:22px;vertical-align:middle; border:#fff solid 1px;background-color:#fff !important; overflow:hidden !important;} #sectionTrackTaskDetails .divGridContent { Overflow:auto !important;padding-top:0px;margin-top:-1px;border-top:solid 0px #e6e6e6 !important;border-bottom:0px;} #sectionObjectAttachment .tblGrid {background-color:#fff !important;} #sectionObjectAttachment .divGridContent {border-top: solid 0px #e6e6e6 !important} #sectionObjectAttachment .clsFileupload {border-top: solid 1px #e6e6e6 !important;} #sectionObjectAttachment .clsSectionLabelCaption {color: #078CDD !important;} /*TNA Grid Changes End*/