/*<IssueID:113411>,Date:08-Nov-2018,Done By:<Swati Sumal><1390>*/
/*<IssueID:107407>Date:16-Nov-2018, Done By:<Manoj Kumar Sharma><1256>*/
/*<IssueID:117645>,Date:14-Dec-2018,Done By:<Swati Sumal><1390>*/
/*<IssueID:117645>,Date:7-Jan-2019,Done By:<Swati Sumal><1390>*/
/*<IssueID:124256>,Date:08-FEB-2019,Done By:<Pankaj Singh><1255>*/
/*<IssueID:124548>,Date:26-Feb-2019,Done By:Ajit Kumar Singh<1423>*/
/*<IssueID:120586>,Date:22-Jan-2019,Done By:<Swati Sumal><1390>*/
/*<IssueID:116312>,Date:18-Feb-2019,Done By:Dharmender Saini<1355>*/
/*<IssueID:129421>,Date:25-Apr-2019,Done By:<Snehil Mishra><1341>*/
/*<IssueID:1459>,Date:25-Apr-2019,Done By:<Aanchal Rastogi><1459>*/
/*<IssueID:170790>,Date:04-Sep-2020,Done By:<Kanhaiya Sharma><1425>*/
/*<IssueID:177700>,Date:18-Nov-2020,Done By:<Kanhaiya Sharma><1425>*/
img{border-style:none;}
table{color:#4a4a4a;font-size: 11px; border-spacing:0px;}
td{padding:0px;}
/*Start<IssueID:124256>*/
.tdPager .divRecordsInfo {margin-right:0px!important;}
/*End<IssueID:124256>*/
form{margin:0px; padding:0px;}
#divGridData{overflow:auto;}
#divData{padding:3px;}
#divLeftMenu{height:100%;}
#HomeContainer{overflow:hidden; width:99.82%}
#divMain{overflow:auto;}
.clsBody{margin:0px!important; padding:0px!important; overflow:hidden;}
.clsCataogBody{margin:0px!important; padding:0px; /*padding:5px 25px 5px 5px;*/ overflow:hidden;}
.clsCataogTrackBody{margin:0px!important; padding:5px 15px 0px 5px; overflow:hidden;}
.clsRightAlign{text-align:right !important;}
.clsLeftAlign{text-align:left !important;}
.clsCenterAlign{text-align:center !important;} 
.tblFullWidth{width:100%;table-layout:fixed;overflow:auto;}
.tblWidth100Per{width:100%;}
.clsAutoWidth{width: auto;}
.clsHideAbsPosition{position: absolute;display:none;border:1px solid #c2c2c2;}
.clsEllipsis{border: #000000 0px solid; width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.clsReadOnlyMaterialTextBox{background-color:#eee!important;margin:0px;text-align: left;width:214px;}
.clsTextBox{background-color:#dcdcdc;margin:0px;border:1px dotted #a5a5a5;text-align: left;color: #000; width:214px;}
.clsTextRightAlign{text-align:right!important;width:100px;}
.clsPageToolButton{margin-left:2px; cursor: pointer;}
.clsPageToolControl{margin-left:2px;}
.clsPageToolControlCaption{margin-left:12px;}
.clsBindWithTextBox {position: absolute;right: 0px;padding: 6.5px 12px 6px 12px;font-size: 13px;font-weight: 400;color: #595959;text-align: center;background-color: #eae5e5;border-radius: 2px;border: 1px solid #E6E6E6;border-top-left-radius: 0;border-bottom-left-radius: 0;border-left: 0;}

.clsSpaceAfterTitleBar{margin-top:2px;}
.divData{padding:3px;}
.clsGridPrice{width: 54px;margin-left: 3px !important;}
.clsDeletedRecord{text-decoration: line-through; color:red;}
.clsBoldLabel{font-weight:bold;}
.clsSectiontableContent{border: solid 1px #c2c2c2; border-top: 0px; border-bottom: 0px; width: 99.8%; padding: 0px;}
.clsDivScroll {overflow:auto;/*height:1px; width:100%;*/}
.clsDivXScroll {overflow-y:hidden; overflow-x:auto;}
.clsDivYScroll {overflow-y:auto; overflow-x:hidden;}
.clsDivBOMScroll {/*overflow:auto; min-height:100px; max-height:200px; width:100%;*/}
.clsTextAreaScroll{height: 75px;overflow-y: auto;}
.clsCheckBoxCenter{width: 20px; text-align: center; }
.clsSectiontablefooterbar{width: 100%;height: 25px;border: solid 1px #c2c2c2;border-radius: 0px 0px 5px 5px;}
.ModelPopupPanel{background-color:#fff; border:1px solid #c2c2c2;padding: 15px 15px 5px !important; }
#igtabTabDelivery{background-color:#eae5e5;}
#wfx_BuyingPlan .clsTabtd img {position:static;}
#igtabTabTerritory{background-color:#eae5e5;}
/*TitleBar*/
.clsPageTitleBarTitle{width: 80%;display: table;table-layout: fixed;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; word-break: break-all;word-wrap: break-word;}
.clsSectiontabletitleBar{padding-left: 5px;width: 100%;height: 35px;border: solid 1px #c2c2c2;border-radius: 5px 5px 0px 0px;line-height: 35px;}
/*.clsSectionTitleBarTitle{width: 100%;display: table;table-layout: fixed;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word; }*/
.clsSectionTitleBarToolsLeft{float:left !important;} 
.clsPageTitleBarToolDelete{height:16px;width:16px;background-repeat:no-repeat;}
.clsPageTitleBarToolUpload{background-image: url('../Images/Icon_upload.gif');height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolCut{height:16px;width:16px;background-image: url('../Images/icon_cut.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolCopy{height:16px;width:16px;background-image: url('../Images/copy_below.png');background-repeat:no-repeat;white-space:normal !important;}
.clsSectionTitleBarToolUndo{height:16px;width:16px;background-image: url('../Images/undo.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsSectionTitleBarToolReset{height:16px;width:16px;background-image: url('../Images/undo.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolPaste{height:16px;width:16px;background-image: url('../Images/icon_paste.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolSavenContinue{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolSavenClose{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolCloseWindow{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolSave{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolDelete{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolCloseWindow{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolNew{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolAdd{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolSearch{height:16px;width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolBackSearch{height:16px;width:16px;background-image: url('../Images/back.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolSettings{height:16px;width:16px;background-image: url('../Images/icon_settings.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolExportToExcel{height:16px;width:16px;background-image: url('../Images/icon_excel.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolExportToPDF{height:16px;width:16px;background-image: url('../Images/icon_pdf.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolPublish{height:16px;width:16px;background-image: url('../Images/publish.png');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolBookMark{height:16px;width:16px;background-image: url('../Images/icon_bookmark.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolchangebomlayout{height:16px;width:16px;background-image: url('../Images/icon_changebomlayout.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolDownLoad{height:16px;width:16px;background-image: url('../images/Download.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolPrint{height:16px; width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolEdit{height:16px; width:16px;background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolVariants{height:16px;width:16px;background-image: url('../images/icon_Variants.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolSync{height:16px;width:16px;background-image: url('../Images/green-sync.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolDate{height:16px;width:16px;background-image: url('../Images/date.gif');background-repeat:no-repeat;white-space:normal !important;}
.clsPageTitleBarToolClearDate{height:16px;width:16px;background-image: url('../Images/Cleardate.gif');background-repeat:no-repeat;white-space:normal !important;}
/*TitleBar*/

/*Grid*/
.clsDataGridWithoutBorder{border-spacing: 0px; border: #e6e6e6 solid 1px; table-layout: auto; border-style: none; margin-top: -1px;}
.clsDataGridBorder{border-spacing: 1px; border: #fff solid 1px; table-layout: auto; /*background-color: #e6e6e6;*/ border-style: none; margin-top: -1px;}
.clsFixedTableLayout{table-layout:fixed !important;}
.clsRemoveEllipse{white-space: normal !important;}
.clsDataGridWithoutBorder td {padding: 1px 2px;}
.clsDataGridBorder .trContent>td{PADDING-BOTTOM: 0px;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;OVERFLOW: hidden;PADDING-TOP: 0px;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;border-color: #fff;border-bottom: 1px solid #ddd;vertical-align:middle;}
.clsSectionContentGridBOM .trContent>td{padding-top:2px!important;}
#wfx_NewMCSizeSampleApprovalSummaryReadOnly.clsDataGridBorder .trContent>td{ text-overflow:initial;}
/*#divBOMGrid .clsDataGridBorder .trContent>td{vertical-align:top!important;}*/
.clsDataGridBorder .trHeader>td{PADDING-BOTTOM: 0px;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;OVERFLOW: hidden;PADDING-TOP: 0px;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;vertical-align:middle;}
.clsDataGridBorder th{PADDING-BOTTOM: 0px;PADDING-LEFT: 2px;PADDING-RIGHT: 2px;OVERFLOW: hidden;PADDING-TOP: 0px;white-space: nowrap;text-overflow: ellipsis !important;-o-text-overflow: ellipsis !important;vertical-align:middle;}
.clsDataGridWithoutBorder td {padding: 1px 2px;}
.clsWrapData{white-space: normal; word-break: break-all; display:inline-block;}
.tdHeader a {vertical-align: middle;color: #008ECB;font-size: 11px;font-weight: bold;text-transform: capitalize;}
.tdHeader span {vertical-align: middle;color: #008ECB;font-size: 11px;font-weight: 600;text-transform: capitalize;}
.tdHeader label {vertical-align: middle;color: #008ECB;font-size: 11px;font-weight: 600;text-transform: capitalize;}
.trAltClass{background: #ffffff;}
.trContentClass{background: #eaf6ff!important;}
.trAlternateClass{background: #ffffff !important;}
.trContent:Hover{background-color:#EBF9FF;}
.trContentHover{table-layout: fixed; height: 25px; vertical-align: middle; color: #757575;}
.divRecordsInfo{text-align:right; padding-right:3px;}
/*Grid*/

.clsLeftDiv{width:20%;height:100%;float:left;}
.clsRightDiv {width:80%;height:100%;float:left;}

.clsInnerHtmlBody{padding: 5px 0px 5px 0px !important;}
.clsInnerHtmlBody1{/*padding: 5px 0px 5px 10px !important;*/ padding:0px;}

.clsTopDiv{width:100%;height:47px;}
.clsBottomDiv{width:100%;/*height:560px;*/}

.clsDivTop{width:100%;height:117px;/*top:6;left:0;position:absolute;z-index:9999; border:0; margin-bottom:0px;*/}
.clsDivBottom{width:100%;height:95%;/*top:107px;left:0;position:absolute; border:0; margin-top:0px;height:90%*/}

.clsDivPopupTop{width:100%;height:40px;top:6;left:0;position:absolute;z-index:9999; border:0; margin-bottom:0px;}
.clsDivPopupBottom{width:100%;height:560px;top:70;left:0;position:absolute; border:0; margin-top:0px;}

.clsWhereUsedDivTop{width:100%;height:116px;border:0; margin:0px;padding:0px;}
.clsWhereUsedDivBottom{width:100%;border:0; margin:0px;padding:0px;}

.clsRFQDivTop{width:100%;height:65px;border:0; margin:0px;padding:0px;}
.clsRFQDivBottom{width:100%;border:0; margin:0px;padding:0px;}

.clsRFQTabDivTop{width:100%;height:115px;border:0; margin:0px;padding:0px;}
.clsRFQTabDivBottom{width:100%;border:0; margin:0px;padding:0px;}

.ui-jqgrid .loading{background: url(images/progressbar1.gif);border-style: none;background-repeat: no-repeat;width :66px;height:66px; }
.divCollapse{transition: box-shadow .25s;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);margin: 5px 0px; padding: 0px 20px; background-color:#fff;}
.outerDiv{overflow:hidden;}


#outerDiv > .clsLeftSectionMenuBar table tr:hover td{background-color:#ebebeb; }
/*#outerDiv > .clsLeftSectionMenuBar tr:hover td{background-color:#ebebeb; }*/
.clsLeftSectionMenuBar{padding: 0px; width: 100%; /*height: 35px;*/ line-height: 30px;overflow:hidden;/*table-layout:fixed*/}

.clsLeftSectionMenuBarTitle {font-size: 12px;  color: #555;font-weight: bold; margin-top:7px;margin-bottom: 10px; }

.clsLeftSectionMenuBarSearch{/*border-top: solid 1px #e6e6e6;*/ padding-top:10px}

.profile ul li a.download {display: inline-block;}
.profile ul li a.help {display: inline-block;background: url(../images/btn_Help1.gif) center center no-repeat;height: 14px;width: 16px;}
.profile ul li a.logout {display: inline-block;background: url(../images/btn_logout.gif) center center no-repeat;height: 14px;width: 16px;}

.topsection{height:31px; background-color:#fff;}
.bottomsection{height:40px;}
.clsLeftSectionDivContent{background-color: #fff;border-right: 1px solid #f3f3f3;padding:9px 15px 0px 15px;}

.clsLeftSectionDivContent .clsSectionTitleBar {padding: 8px 0px; display: inline-block;}

.clsTechpackLeftSectionDivContent{background-color: #f8f8f8;border-right: 1px solid #d5d5d5;padding:9px 5px 0px 5px;}
.clsCatalogLeftSectionSearchTd{width:100%; position:relative;}
.clsCatalogLeftSectionSearchTd input{width:96%;}
.clsCatalogLeftSectionSearchTd select{width:100%;}
.clsCatalogLeftSectionSearchCategotyTd{width:83%;}
.clsCatalogLeftSectionSearchCategotyTd select{width:84%;}
#SearchToolBar table {margin-bottom:0px;}

.clsMasterPanelGrey{margin-right:0px;/*margin-bottom:15px;  overflow-y:auto; overflow-x:hidden;*/ overflow:auto;}
.clsTabMasterPanel{margin-top:-16px;}
.clsMasterPanelGreyWidthoutMargin{margin-right:0px;margin-bottom:0px; overflow-y:auto; overflow-x:hidden;}
.clsSectionDivContent{margin-right:0px;padding:16px 20px 16px 20px; background-color:#fff; overflow-x:auto; overflow-y:hidden;} /*over ride dhtmlxcombo div right margin.*/
/*.clsSectionDivContent .clsSectionContent:first-child{padding-top:16px}*/
.clsSectionDivContentNoBorder {border-style: none;}
.clsTabContentUserReport{margin: -16px -16px 0px -16px;}
.clsPictureTeckPack{padding:15px 30px 5px 0px;}

.divGridData{overflow:auto; /*height:90%;*/ display:block;} /*Single Grid Container / Multiple Grid Container (without hight)*/
.clsRightHederToolBar{text-align: right; float: right;}
.tblGridPager{width:100%;}
.clsSectionContentTab{width:100%;}
.clsSectionContent{margin-top: 5px; margin-bottom: 15px;}
.clsSectionLabelCaption{white-space:nowrap; }
.clsToolButtons{float:right;width:auto;border-style:none;  font-size: 11px; color: #4a4a4a;}
/*Start<IssueID:117645>*/
.clsArticleDetailColumnLable {
    display: block;
    display: -webkit-box;
    max-width: 150px;
    height: 28px;
    line-height: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
}
/*End<IssueID:117645>*/
.clsToolButtons img {margin-left: 10px;}
.clsToolButtons input[type="image"]{margin-left: 10px;}
.clsToolButtons td {white-space:nowrap;}
.clsCentertable{margin-left:auto; margin-right:auto;}
/*.clsCopyRight{width:100%;}*/
.clsCopyRight{display:none}
 
.clsDiaryLeftImage{width:100%;}
.clsDiaryRightImage{width:100%;}
.clsDiaryHeading{width:100%;}

.clsDiaryHeader{width:98%;}
.clsDiaryHeaderCalenderImg{width:2%;}

/*.trPager{background-color:#fff;} */ /*RFQ Footer is not correctly Worked*/

.clsHide{display: none;}
.clsShow{display:normal;}
.clsNoWrap{white-space:nowrap;}
.clsBOMImageWithControl {position: relative;vertical-align: middle;}
.clsBOMColorChip {height: 26px;width: 26px;display: block;margin-right: 3px;float: left;border: 1px solid #e6e6e6;}
.clsBOMColorChip img{width:100%;height:100%;}
.clsBOMColorChipWithoutMarkImg {height: 26px;width: 26px;display: block;margin-right: 3px;float: left;border: 1px solid #e6e6e6;margin-left: 18px !important;}
.clsBOMColorChipWithoutMarkImg img{width:100%;height:100%;}

.clsColorChip{height:20px; width: 20px; display: block; /*border: 1px solid black;*/ margin:auto;}
.clsColorChip td {height:20px; width:20px; padding:0px;}
.clsColorChip td img {width:20px; height:20px;}
.clsColorChip img {width:20px; height:20px;}
.clsColorLargeChip{height:38px; width: 38px; display: block; border: 1px solid #e6e6e6;}
.clsColorLargeChip td { height:38px; width: 38px; padding:0px;}
.clsColorLargeChip td img {width:100%; height:100%;}
input[type="file" i] {padding:2px 2px !important;}
input[type="password"] {height: 28px;padding: 0px 3px !important;margin: 0px !important;line-height: 18px;border: 1px solid #E6E6E6;background-color: #fafafa;border-radius: 2px;}
input[type="password"]:focus{background-color:#ffffff;border: 1px solid #D3D3D3;}

.clsEllipsis1 {border: 0px solid ;white-space: nowrap;width:150px;width: expression(parseInt(document.getElementById('grdList').clientWidth));overflow: hidden;text-overflow: ellipsis;}
.clsTitleBarWithMultipleLine{line-height: 17px;}
.clsPictureTechpack{width:100%; height:560px;}
.clsUrdu{direction:rtl; text-align:right;}
.clsMultipleContentTable{margin-left: -3px;}

.clsSortColumn{width: 20px;}
.clsFullHeight{height:100%;}
.clsTechpackYScroll{overflow-y:auto;}
.clsTechpackGrid{overflow:auto; height:170px; margin-right:0px;width:100%; display:block; /*border-top: 1px solid #c2c2c2;*/}
.clsLabelDisplayAsTextBox{outline: none;padding: 0 3px !important;height: 28px;margin: 0px !important;line-height: 28px;border: 1px dotted #a5a5a5;float: left;box-sizing:border-box;}
.clsHoverImage {display:none;position:absolute;height: 160px; width: 160px;} /*Not Work in ConstructionList and POM List*/
.clsTechpackTabsWidth{width: 90px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-radius: 0;border: none;cursor: pointer; line-height: 50px;padding: 0px 5px;
    font-weight: 400;
    font-size: 11px;}
.clsSectionButton{width:auto;outline:none;margin:0px;text-decoration: none !important;margin-left: 3px;text-align: center !important;border-radius: 4px !important;}
.clsSectionIconButton {background-color: #fff !important;border: 1px solid #ccc !important;display: inline-block;color: #099CDC;padding: 5px 10px;margin-bottom: 0;font-size: 20px;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;}
.clsSectionIconButton:hover {background-color: #099CDC !important;border: 1px solid #ccc !important;display: inline-block;color: #fff;}

.clsTechpackTop{/*height:40px;*/position:absolute;z-index:9999; border:0; margin-bottom:0px; width:100%;} /*used inside Company Setting*/
.clsTechpackBottom{width:100%;margin-top:0px; padding:0px 2px 2px 2px; height:99%;}
.clsTechpackHeaderTd{width: 205px;}
.clsTechpackLeftHeading{width: 180px; overflow: hidden; white-space: nowrap;}
.clsTechpackLeftHeadingContent1{margin:0px; padding:0px;line-height:20px; color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;}
.clsTechpackLeftHeadingContent2{margin:0px; padding:0px;line-height:20px; font-size:12px;overflow:hidden;text-overflow:ellipsis;}
.clsTechpackLeftHeadingContent3{margin:0px; padding:0px;line-height:20px; color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:normal;}

.clsFlexiHeader{width:135px;overflow:hidden;margin:2px 0px; }
.clsDivNotes{z-index:9999; position:absolute; display:none; border:1px solid #c2c2c2; width:225px; background-color:#fff; margin:1px;}
.clsDivNotes input[type="button"]{width:50px;}
.clsDialog {z-index:99999; position: absolute; width:400px;}
#NewPrePack {/*width: 100%;*/ height: 220px; overflow: auto;}
.clsDivComments{z-index:9999; display:none; width:180px; background-color:#fff;}
.clsMask{background-color:white;display:none;top:40px; z-index:998}
.clsFixedHeader{z-index:9999; /*position:fixed; width:98%;*/ width:100%; top:0px; background-color:#fff;}
.clsSectionItem td {padding:0px; margin:0px;}
.clsControlWidth{table-layout: fixed; width: 410px;/*width:98%;*/} /*Artilce Details Page.*/
.clsSectionItem td .clsDataGridBorder td {padding: 1px 2px;}
.clsGridRowGroupTitleBar {height: 25px;vertical-align: middle; text-align:left; color: #333;font-size:14px;}
.clsLeft{float:left; margin-right:10px; margin-bottom:5px;}
.clsRight{float:right; margin-left:10px; margin-bottom:5px;}
.clsFolderList{float:left; margin-right:10px; margin-bottom:5px; height: 110px; width: 225px;}
.clsFolderList select {height: 110px; width: 225px;}
/*Start<IssueID:120586>*/
.clsStyleSearchFolderList{float: left;margin-right: 10px;margin-bottom: 5px;height: 90px;width: 125px;}
.clsStyleSearchFolderList select {height: 90px;width: 125px;}
/*End<IssueID:120586>*/
.clsLeft input[type="text"] {width: 25px;}
.clsArticleImageChip{height:22px; width: 22px; display: block;}
.clsHideAbsPosition #iFrameSetting{z-index: 9999; width: 230px;border: solid 0px #a6c9e2; height:100px; margin:0px; vertical-align:top; padding:0px;}
.newMessage {float: right;width: auto;background-color: #fff;border-style: none;border-color: #fff;font-size: 12px;width: 30px;background: url(../images/add.gif) no-repeat left 5px !important;text-decoration: none;color: #999 !important;display: block;outline: none;padding-left: 24px;padding-top: 5px;}

/*Start<IssueID:113411>*/
/*Show Div Notification start*/
.clsShowNotification{
	position: absolute;
    bottom: 5px;
    right: 45px;
    z-index: 99999;
    background: grey!important;
    width: 177px;
    height: 56px;
    color: white;
	}
    .clsShowNotification i {
        color:#fff;
    }
.clsShowNotificationSection{
	margin-right: 0px;
    padding: 10px 20px 10px 10px;
    background-color: gray;
    overflow-x: auto;
    overflow-y: hidden;
	}
/*Show Div Notification End*/
/*End<IssueID:113411>*/
/*.saveMessage {
float: right;
width: auto;
background-color: #fff;
border-style: none;
border-color: #fff;
font-size: 12px;
width: 30px;
background: url(../images/add.jpg) no-repeat left 5px !important;
text-decoration: none;
color: #999 !important;
display: block;
outline: none;
padding-left: 24px;
padding-top: 5px;
}
.draftMessage {
float: right;
width: auto;
background-color: #fff;
border-style: none;
border-color: #fff;
font-size: 12px;
width: 30px;
background: url(../images/add.jpg) no-repeat left 5px !important;
text-decoration: none;
color: #999 !important;
display: block;
outline: none;
padding-left: 24px;#NewPrePack
padding-top: 5px;
}
.cancalMessage {
float: right;
width: auto;
background-color: #fff;
border-style: none;
border-color: #fff;
font-size: 12px;
width: 30px;
background: url(../images/add.jpg) no-repeat left 5px !important;
text-decoration: none;
color: #999 !important;
display: block;
outline: none;
padding-left: 24px;
padding-top: 5px;
}*/
.newMessage:hover{text-decoration: underline;}
.newMessage:visited{text-decoration: underline;}

/*Target Costing*/
.clsCostingContentGrid {table-layout: fixed;margin: 0px;border-spacing: 0px;border-spacing: 1px;border: #fff solid 1px;border-style: none; margin-top: -1px;}
.clsTargetCostingHeader{text-align:center;font-size: 15px;font-weight: bold;text-transform: uppercase;COLOR: #333;}
.clsTargetCostingLink{margin-right:33px;text-align:right;WIDTH: 462px;}
.clsTargetCostingLink1{margin-right:33px;text-align:right;WIDTH: 250px;}
.clsTdTotalCost{width:125px;}

.clsApprovalHistoryGridHide{border: #c2c2c2 1px solid; padding: 2px; position: absolute; text-align: center; background-color: white; top: 5%; left: 5%; z-index: 10; overflow: auto; display: none; width: 210px;}
.clsApprovalHistoryGridShow{border: #c2c2c2 1px solid; padding: 2px; position: absolute; text-align: center; background-color: white; top: 5%; left: 5%; z-index: 10; overflow: auto; width: 210px;}
.clsParentApprovalHistoryHide{display: none; background-color: #ffffff; padding: 5px; border-style: solid; border-width: 1px;}
.clsParentApprovalHistoryShow{background-color: #ffffff; padding: 5px; border-style: solid; border-width: 1px;}

.clsSectionDivContentTop{border-bottom-style:none;}
.clsSectionDivContentBottom{/*border-top-style:none; margin-top:-8px;*/}
.clsTopMarginForTab{margin-top:-1px;}

.divProductMainContainer{overflow-y:auto; width:100%}
/*.clsproduct_box{height: 250px; width: 175px; margin: 10px 5px 5px 5px; border: solid 1px #c2c2c2; display: block; float: left; overflow:hidden; padding:2px;}
.clsproduct_img {margin: 5px; height: 165px; cursor: hand; display: block; text-align: center;}
.clsStyle_box {border-top: solid 1px #c2c2c2; width: 175px;display: block;float: left;}
.clsheadding_text1 {font-weight: bold; font-size: 11px; text-align: center; height: 15px; width: 170px; display: block; float: left; overflow: hidden;}
.clsheadding_text2 {font-size: 10px; text-align: center; vertical-align: top; height: 14px; width: 170px; display: block; float: left; overflow: hidden;}
.clsheadding_text3 {font-size: 10px; text-align: center; vertical-align: top; height: 25px; width: 170px; display: block; float: left; overflow: hidden;}

.clsStyle_box1 {width: 175px; display: block; float: left;}
.clstext_select {width: 50px; height: 20px; font-size: 10px; color: #FF6600; text-align: right; vertical-align: middle; padding-top: 2px; display: block; float: left;}
.clscheck_box {width: 20px; height: 20px; display: block; float: left; cursor: hand; margin-left:5px;}
.clsControlImage {width: 20px; height: 20px; display: block; float: left; margin-right:5px;}
.divScroll{width: 100%; height: 300px; overflow: auto;}
.clsproduct_boxDetail {height: 175px; border: solid 1px #c2c2c2; display: block; margin-top: 10px; }
.cssstyleimageinfo {height: 170px; width: 150px; display: block; vertical-align: middle; text-align: center; float: left; border-right: solid 1px #c2c2c2; padding:2px; margin-bottom:2px;}
.clsproduct_imgDetail {height: 130px; width: 135px; cursor: hand; display: block; vertical-align: middle; margin: 5px; float: left; text-align: center;}
.clsStyle_boxDetail {width: 150px; height: 20px; display: block; float: left; margin-top: 10px;}
.clstext_selectDetail {width: 50px; height: 20px; font-size: 10px; color: #FF6600; text-align: right; vertical-align: middle; padding-top: 2px; display: block; float: left;}
.clscheck_boxDetail {width: 15px; height: 20px; display: block; float: left;}
.clsStyleDetail {height: 170px; width: 230px; display: block; float: left;}
.clsheadding_textDetail {height: 15px; width: 220px; margin-left: 10px; margin-top: 5px; font-weight: bold; font-size: 11px; display: block; float: left; overflow: hidden;}
.clsStyleDesc {height: 98px; width: 220px; border: solid 1px #c2c2c2; font-size: 10px; text-align: left; vertical-align: top; margin: 8px 8px 0px 8px; display: block; float: left; overflow: auto; padding: 3px;}
.clsheadding_text2Detail {height: 15px; width: 220px; margin-left: 10px; margin-top: 5px; font-size: 11px; display: block; float: left; overflow: hidden;}
.clsStyleSize {height: 155px; width: 170px; margin-left: 15px; display: block; float: left; padding-top: 10px; padding-bottom: 10px;}
.clssizecolorboxDetail {width:100%;height:100%;}
.clsStyleColor{margin-top: 10px;margin-bottom: 10px;width: 185px;height: 155px;overflow-y: auto;margin-left: 15px;overflow-x: hidden;border: 1px dotted #a5a5a5;display: block;float: left;}*/
.clsShowPublishedCompany{border: 1px solid #c2c2c2; position: absolute; padding: 5px; overflow-y: auto; overflow-x: hidden; display: none; height: 150px; z-index: 9998; background-color: rgb(255, 255, 255); width:250px;}
.clsShowSelectedCompany{BORDER-BOTTOM:0px solid; POSITION:absolute; BORDER-LEFT:0px solid; PADDING-BOTTOM:5px; BACKGROUND-COLOR:#ffffff; PADDING-LEFT:0px; WIDTH:610px; PADDING-RIGHT:5px; DISPLAY:none; HEIGHT:408px; BORDER-TOP:0px solid; BORDER-RIGHT:0px solid; PADDING-TOP:0px}
.clstdSeperator{border-left:dotted 1px #c2c2c2; padding-right:5px;width:1px;}
.divLeftPanel{vertical-align:top;height:430px;width:110px;}
.clsLeftPanel{vertical-align:middle; padding-top:5px;border-bottom:dotted 1px #c2c2c2; height:15px; width:100px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; cursor:pointer;}
.clsRedLabel{color:red;}
.clsGreenLabel{color:green;}
.clsAdvanceOption{background-color: #F5f0f0; padding: 15px 15px 5px 15px; width: 300px; overflow: auto; display: none; z-index:9999;}
.clsMeasurementChartContextMenu{width:120px; background-color: white; z-index:9999;}
.clsMeasurementChartEditForm{background-color: #F5f0f0; padding: 15px 15px 5px 15px; text-align: center; width: 530px; overflow: auto;}
.clsMeasurementChartAddMenu{background-color: white; width:130px; z-index:9999}
.clsMeasurementChartTemplateName{height: 48px; line-height:17px; width: 120px; overflow: hidden; text-overflow: ellipsis;}
.clsERPIntegration{vertical-align:top; text-align:center; text-overflow: ellipsis; width:40px; display: inline-block; overflow: hidden;}
.clsDivPlacementNotes{z-index:9999; position:absolute; display:none; width:225px; background-color:#fff;}
.clsDivPlacementNotesLabel{width: 80px; height: 15px; display: inline-block; text-overflow: ellipsis; overflow: hidden;}
.clsDivPlacementNotes .clsSectionDivPopupGray{Padding: 15px 15px 5px 15px;}
.clsDivPoWithIndent{position:absolute; width:500px;}

.clsdivBuyingPriceList{z-index: 9999; height: 220px; display: none; width:800px;}

.clsTabDefault{height: 26px; border: solid 1px #c2c2c2; background: #f1f1f1; border-radius: 5px 5px 0px 0px; width: 150px; cursor: pointer; text-align: center; padding: 0px; margin: 0px;}
.clsDefaultTabStyle{FONT-SIZE: 14px; vertical-align:middle;}

.divMCApprovalGrid{width: 830px; overflow: auto; height: 250px;}
.divMCApprovalGrid1{width: 1090px; overflow: auto; height: 250px;}
.divNewMCApprovalGrid{/*width: 830px; overflow-y: auto; height: 250px;*/}
.divComment{background-color:white; position:absolute;width:595px; height:200px; overflow: auto;}
.divMCApprovalGridDetailedView{width: 950px;}
.clsMCApprovalStatusDisplay{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 190px;}
.exclamation{background-image: url(../images/exclamation.gif); background-repeat: no-repeat;background-position: center center;} 
.exclamationimportant{background-image: url(../images/exclamationimportant.gif); background-repeat: no-repeat;background-position: center center;}
/*#DivReport{overflow:auto; height:95%; display:block; margin-bottom:15px;}
#DivReport .clsBoldLabel {height: 25px;vertical-align: middle; text-align:left; color: #4a4a4a;font-size:14px;}*/
.clsInfoLabel{font-weight: normal;  font-size: 10px; color: #000000;}
#tblColorDetail tr td {white-space:nowrap;border-bottom: 1px dotted #cbcbcb;FONT-WEIGHT: normal;overflow:hidden; FONT-SIZE: 11px; COLOR: #000000; display: inline-block; } /*xCatalog/wfx_catalog.aspx*/

.clsDivFrameTop{width:100%;height:40px;border:0; margin-bottom:0px;}
.clsDivFrameBottom{width:100%;border:0; margin-top:0px; height:95%}
.clsDivFrameBottomSetup{width:100%;border:0; margin-top:0px; height:100%}
.clsSubSectionDivContent {margin-bottom: 5px;border-top: 1px solid rgba(0, 0, 0, 0.1) !important;padding: 0px; background-color:#fff;padding-top:5px;}
.clsSubSectionDivContent .clsSectionContentGrid{margin-top:15px;}
.clsUpAbsolutePosition{z-index: 1; position: absolute;}
.clsDivTrackNotes{z-index:9999; position:absolute; border:1px solid #c2c2c2; width:200px; height:150px; background-color:#fff; margin:1px; visibility: hidden;}
.clsCursorNavigation{cursor: hand;}

.clsVisiblityHidden{visibility: hidden; display:none;}
.fileDownload{padding-left: 10px;padding-top: 5px;padding-bottom: 5px;}
.clsDivTopFrame{width:100%;height:45px;border:0; margin-bottom:0px;}
.clsDivBottomFrame{width:100%;height:93%;/*height:100%;*/border:0; margin-top:0px;}
.clsDivTopFrameWithTab{width:100%;height:92px;border:0; margin-bottom:0px; z-index:999;}
.clsDivBottomFrameWithTopTab{width:100%;height:90%;border:0; margin-top:0px;}
.clsDivTopFrameWithTab{width:100%;height:92px;border:0; margin-bottom:0px; z-index:999;}

.clsSubHeading {height: 26px; border: solid 1px #c2c2c2; background: #f1f1f1; border-radius: 5px 5px 0px 0px; width: 150px; text-align: center;padding: 0px;margin: 0px; font-size:14px;}
.clsHalfColumn {width: 50%; vertical-align: top;}
.LeftIndentPadding1{padding-left: 50px;}
.OrderMessageNotificationFrame{Position: relative; border-style:none; height:100%; width:100%;}
.clsWhiteBackGround{background-color:#fff;}
.clsNoScroll{overflow:hidden;}
.clsNoBorder{border-style:none;}
.clsTdLabelWidth{width:115px; text-align:left;}
.clsRFQArticleSearch {position:absolute;left:50px;Width:77%;z-index:999;background-color:#fff;}
/*POPackingNew*/
.clsPODivContent{position: absolute;background-color: #ffffff;width:80px;height:380px;}
/*Order View*/
.clsPOContextMenu{width:140px; background-color: white; z-index:9999;}
.ScrollableDiv {background-color: #ffffff; padding:5px; border-style:solid; border-width:1px;}
.clsPOMainTable{margin:auto;border-color:#ffffff;width:1005px;}
.clsPagerHeadLarge {font-weight:bold;font-size: 18px;color: #000000;text-align:center;vertical-align:middle;height:25px;}
.clsCompanyImageLogo {width:100px; vertical-align:top;}
.clsDivisionAddress{width:255px;text-align:center;vertical-align:top;padding-left:10px;}
.clsAddress{font-size:12px;color:#000000;font-weight:bold;}
.clsAddress1{ font-size:11px;color:#000000;font-weight:normal;}
.clsSpaceBetweenCells{width:25px;}
.clsSpaceBetweenRows{height:3px;}
.clsPOType {width:300px;text-align:center;}
.clsPOType img{height:90px; width:150px;}
#tblPOFixedFields td{width:150px;}
.clsLabel {FONT-WEIGHT: normal;FONT-SIZE: 11px;COLOR: #000000;}
.clsBoldLabel {FONT-WEIGHT: bold;FONT-SIZE: 11px;COLOR: #000000;}
.clsSupplierAddress {border:solid 1px black;width:353px;height:60px;vertical-align:top;}
.clsTopVerticalAlign{vertical-align:top !important;}
.clsMiddleVerticalAlign{vertical-align:middle;}
.clsAutoAlign{margin:auto;}
.clsBottomVerticalAlign{vertical-align:bottom;}
.clsBoldText{font-weight:bold;}
.clsTopBorder{border-top:solid 1px  #c2c2c2;}
.clsBottomBorder{border-bottom:solid 1px #c2c2c2;}
.clsLeftBorder{border-left:solid 1px  #c2c2c2;}
.clsRightBorder{border-right:solid 1px  #c2c2c2;}
.clsViewTextArea{BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 7.5pt; OVERFLOW: hidden; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none;  HEIGHT: 100%}
/*RFQ New*/
.clsarticleDetailstext{color:#000000;FONT-SIZE: 12px;FONT-WEIGHT: Bold;}
/*SR View*/
.clsPagerHead {FONT-WEIGHT: bold;FONT-SIZE: 12px;COLOR: #000000;}
.clsSRDivTopFrame{width:100%;height:50px;border:0; margin-bottom:0px;}
.clsSRDivBottomFrame{width:100%;border:0; margin-top:0px;}
/*SO View*/
.clsPagerHeadSmall {FONT-WEIGHT: bold;FONT-SIZE: 11px;COLOR: #000000;}
.clsTabDiv {height:26px;border-bottom:solid 1px #c2c2c2;}
/*PO*/
.clsPODivTopFrame{width:100%;height:50px;border:0; margin-bottom:0px;}
.clsPODivBottomFrame{width:100%;border:0; margin-top:0px;}
/*PO*/

/*Final Alignments*/
.clsSpaceBetweenToolButtons{width:10px;}
.clsArticlePicture{display:none;position:absolute;height: 175px; width: 175px;}
.clsSpaceFromTitleBar{height:2px;}


/*Layout Confriguration*/

/* drag container */
#drag{margin: auto;width: 100%;}

/* drag objects (DIV inside table cells) */
.drag{cursor: move;margin: 0px;z-index: 10;background-color: #f5fbfe;text-align: left;opacity: 0.8;filter: alpha(opacity=80);
	/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	padding:0px;
}

/* drag objects border for the first table */
.t1 {border: 0px none #f5fbfe; height:20px; vertical-align:middle} /* For normal cells */
.t2 {border: 0px none #f5fbfe; height:80px; vertical-align:middle} /* For Html Editor and Notes */
.t3 {border: 0px none #f5fbfe; height:60px; vertical-align:middle} /* For TextArea */
.t4 {border: 0px none #f5fbfe; height:272px; vertical-align:middle;} /* For Image */
.t5 {border: 0px none #f5fbfe; height:20px; vertical-align:middle} /* For Saparator Line */
.t6 {border: 0px none #f5fbfe; height:60px; vertical-align:middle} /* For Grid */
/* allow / deny access to cells marked with 'mark' class name */
.mark{color: white; background-color: #9B9EA2; 	height: 20px;}
/* trash cell */
.trash{color: white; background-color: #2D4B7A;}
/* tables */
div#drag table{background-color: #f5fbfe;border-collapse: collapse;}
/* table cells */
div#drag td{height: 20px;border: #000000 1px dotted;/*border: 1px solid #bfe2f3;text-align: left;padding: 0px;vertical-align:middle;*/}
.btn{height:20px;width:12px;color:#050;font: bold 84% 'trebuchet ms',helvetica,sans-serif;background-image: url('../Images/close.gif');background-color:#fed;border:1px solid;border-color: #696 #363 #363 #696;vertical-align:middle;text-align:left;}
/*Layout Confriguration*/

/*For Ultra Web Tree Infragistics Contol*/
.clsTree {margin-top:10px;padding-top:5px;font-size: 12px;}
.clsTree div{margin-top: 5px;}
.clsTree span {line-height:20px;}
.clsLeafNodeStyle{/*padding-left:16px;*/}
.clsBlackText{color:#008ecb;font-size:12px;font-style: italic;padding-left:16px;/*padding-left:16px;*/}
.clsBlueText{color: #008ecb;font-size:12px;font-style: italic;padding-left:16px;/*margin-left:16px;*/}
.clsTreeSelectedNode {font-style: italic;color: #008ecb;font-size:12px;background-color: #E8F7FB;border: 1px solid #C4D9DE;}
.GroupNode {color: #008ecb;font-size:11px;font-style:italic;padding-left: 6px;}
.clsHasNoNodes {margin-left:6px !important}
.RootTreeNode {color: #4a4a4a !important;font-style:normal !important;margin-left: 0px !important;}
.clsTree div > img + span + span {
    color: #4a4a4a !important;
    font-style: normal;
    margin-left: 0px;
    font-size: 11px;
    padding-left: 0px;
}
.clsTreeSelectedNodeTree2 { font-style: italic;color: #008ecb;font-size:11px;border: 1px solid #C4D9DE;background-color: #f9f2f4;border-radius: 4px; }
.UWTreeNode{color: #4a4a4a !important;font-style: italic;font-size:11px;}

.UltraWebTree1Node {color: #4a4a4a;margin-left:0px !important;}.UltraWebTree1Leaf{color: #008ecb;}
.UltraWebTree1Sel {color: #4a4a4a !important;}
.clsCursorHand{cursor:pointer;}
.MsgSubjectEllipsis{overflow: hidden;text-overflow: ellipsis;max-width: 500px;white-space: nowrap;}
.MsgSenderEllipsis{overflow: hidden;text-overflow: ellipsis;max-width: 100px;white-space: nowrap;}
.clsLeftEllipsiswidth{width: 80%;display: inline-block;float: left;}
.clsrightEllipsiswidth{text-align: right;color: #4a4a4a;font-size: 12px;/* padding-right: 3px; */width: 20%;display: inline-block;}
.clsmenusectionhover{padding:0px 3px;}
.clsmenusectionhover:hover{background-color: #ebebeb;}
.clshomeLeftSectionMenuBar{padding: 0px; width: 100%; height: 35px; line-height: 30px;/*overflow:hidden;table-layout:fixed;*/}
.clsCatalogTab{border-spacing: 0px;padding: 0px;margin: 0px 0px 0px 0px;font-size: 14px;}
.clsDivGoButton{float: left;margin: 0px 0px 0px 10px;}
.clsBorderBottom{height:50px;background-color: #eee;}

.ui-search-toolbar th{background-color: #fff !important;padding-top:1px !important;}
.ui-search-toolbar th div{background-color: #fff !important;padding-top:1px !important;}
.ui-search-toolbar th div input{width:100% !important;}

.leftSectionMenuBarEllipsis{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.clsleftSectionMenuTitleBarTitle{font-size: 20px;font-weight: 300;text-transform: none;COLOR: #4a4a4a;}

.clsTabtdUltraWebTabIG{height:50px;border-style:none;background:#fff;border-radius:5px 5px 0px 0px;width:150px;cursor:pointer;text-align:center;padding:0px;margin:0px;}
.clsTabtdselectedUltraWebTabIG{background-color:#FFFFFF;cursor:default;padding: 0;margin: 0;border-bottom:#fff solid 1px;}
.clsTreeOverflow{overflow:visible!important;}
/*Catalog List Page*/
.clsproduct_box {height: 275px;width: 185px;margin: 5px 5px 5px 5px;/*border: solid 1px #ddd;*/border-radius:2px;display: block;float: left;overflow: hidden;padding: 5px; background-color:#fff;transition: box-shadow .25s; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.clsproduct_boxWithBuyerRef {height: 295px;width: 185px;margin: 5px 5px 5px 5px;/*border: solid 1px #ddd;*/border-radius:2px;display: block;float: left;overflow: hidden;padding: 5px; background-color:#fff;transition: box-shadow .25s; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.clsproduct_img img{max-width: 100%;max-height:100%;cursor: hand;display: block;margin: 0 auto;text-align: center;}
.clsheadding_text1 {font-weight: bold;font-size: 14px;text-align: center;margin: 5px auto;width: 175px;text-decoration: none;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;height:20px}
.clsheadding_text1 a{text-decoration:none;color: #2f2e2e;}
.clsheadding_text1 a:hover{color:#008ecb;}
.clsheadding_text2 {font-size: 12px;text-align: center;color:#008ecb;margin: 5px auto;width: 175px;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;}
.clsheadding_text3 {font-size: 9px;text-align: center;width: 175px;margin: 0 auto;text-transform: uppercase;color:#2f2e2e;overflow: hidden;height: 26px;}
.clsheadding_text3 a{text-decoration:none;color: #2f2e2e;}
.clsheadding_text3 a:hover{color:#008ecb;}
.clsheadding_text4 {font-weight: normal;font-size: 11px;text-align: center;margin: 0px auto;width: 175px;text-decoration: none;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;height:20px}
.clsheadding_text4 a{text-decoration:none;color: #2f2e2e;}
.clsheadding_text4 a:hover{color:#008ecb;}
/*** custom checkboxes ***/
.clsPublish{width: 20px;height: 20px;float: left;position:relative;z-index: 9998; cursor:hand;font-size: 16px; margin-left: 5px;}
.clsPublish a:hover{color:#099CDC;}
.clscheck_box{width: 20px;height: 20px;float: right;position:relative;z-index: 9998;}
.clscheck_box input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.clscheck_box input[type=checkbox] + label:before {font-family:'FontAwesome';display: inline-block;}
.clscheck_box input[type=checkbox] + label:before { content: "\f096"; color: #dcdcdc; font-size: 18px;font-weight: normal;} /* unchecked icon */
.clscheck_box input[type=checkbox] + label:before {letter-spacing: 5px; } /* space between checkbox and label */
.clscheck_box input[type=checkbox]:checked + label:before { content: "\f046"; color: #008ecb; font-size: 18px;font-weight: normal;} /* checked icon */
.clscheck_box input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
.options-slideup{display: none;text-align: center;line-height: 60px;}
.clsproduct_img{position:relative; float: left; height:175px; width:185px;}
.clsproduct_img .options-slideup {background-color: rgba(47, 46, 46, 0.7);height: 56px;width: 100%;z-index: 10;position: absolute;cursor: pointer;display: none;}
.clsproduct_img:hover .options-slideup {background-color: rgba(47, 46, 46, 0.7);height: 56px;width: 100%;z-index: 10;position: absolute;cursor: pointer;display: block;bottom:0px;}
.options-slideup i{background-color: white;border-radius: 50%;font-size: 22px; width: 40px;height: 40px;text-align: center;line-height: 40px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.options-slideup i:hover{background-color:#008ecb;color:#fff;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
/*Catalog List*/
/* detail page */
.clsproduct_boxDetail {height: 202px;display: block;margin-top: 10px;width: 98%; background-color:#fff;transition: box-shadow .25s; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); padding:10px; margin-bottom:15px;}
.clsproduct_boxDetailWithBuyerRef {height: 210px;display: block;margin-top: 10px;width: 98%; background-color:#fff;transition: box-shadow .25s; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); padding:10px; margin-bottom:15px; }
.cssstyleimageinfo {width: 185px;display: block;vertical-align: middle;text-align: center;float: left;padding: 2px;margin-bottom: 2px;}
.clsproduct_imgDetail {height: 175px;width: 185px;cursor: hand;display: block;vertical-align: middle;margin: 5px;float: left;text-align: center;position:relative;}
.clsproduct_imgDetail img{max-width: 100%;max-height:100%;cursor: hand;display: block;text-align: center;}
.clsproduct_imgDetail:hover .options-slideup {background-color: rgba(47, 46, 46, 0.7);height: 56px;width: 100%;z-index: 10;position: absolute;cursor: pointer;display: none;bottom: 0px;display:block;}
.clsStyleSize {height: 202px;width: 170px;display: block;float: left;}
.clsStyleDetail {height: 170px;width: 185px;display: block;float: left;margin-left: 15px;margin-right:15px;}
.clsheadding_textDetail a{font-weight: bold;font-size: 14px;color:#2f2e2e;text-decoration: none;display: block;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;}
.clsheadding_textDetail a:hover{color:#008ecb;}
.clsheadding_text2Detail {margin-top: 5px;font-size: 12px;display: block;float: left; overflow: hidden;color:#008ecb;height:35px;}
.clsheadding_text3Detail a{font-weight: normal;font-size: 11px;color:#2f2e2e;text-decoration: none;display: block;overflow: hidden;text-overflow: ellipsis;text-transform: capitalize;white-space: nowrap;}
.clsheadding_text3Detail a:hover{color:#008ecb;}
.clsheadding_text3Detail {height:17px;}
.clsStyleDesc {height: 90px;width: 185px;font-size: 12px;text-align: left;vertical-align: top;margin: 8px 8px 0px 0px;display: block;float: left;overflow-y: auto;padding: 3px;}
.clsheadding_text2Detail a{margin-top: 5px;font-size: 9px;text-transform: uppercase;display: block;float: left; overflow: hidden;color: #2f2e2e;height:40px;}
.clssizecolorboxDetail {width: 100%;height: 100% !important;}
.clsStyleColor {width: 185px;height:180px;padding: 0px 10px 20px 10px;overflow-y: auto;margin-left: 15px;overflow-x: hidden;
color: #4a4a4a; border: 1px solid #e6e6e6; background-color: #fafafa;border-radius: 2px;display: block;float: left;}
.color-box{width:50px; height:50px; background-color:fff; border: 2px solid rgba(0,0,0,0.1);display: inline-block;}
.color-box img{max-height:100%; max-width:100%;}
.color-content {display: inline-block; vertical-align: top;}
.color-content p{font-size: 12px;width: 100px;margin: 0px 0px 0px 5px; overflow: hidden;text-overflow: ellipsis; text-transform: capitalize;white-space: nowrap;}
.color-grp{ border-bottom: 1px solid #ccc;padding: 6px 0px;}
.clsheadding_name {overflow: hidden; width:185px;}
.clsheadding_name a{font-size: 14px;display:block;text-align: left;text-transform: uppercase;text-decoration: none;color:#2f2e2e;overflow: hidden;}
.clsheadding_name a:hover{color:#008ecb;}
.clsClear{clear:both; height:1px;}
.clsFloatLeft{float:left;}
.clsFloatRight{float:right;}
/* detail page */

/*For Buying Plan*/
#TabDelivery_cp{border-style:none !important;}
.clsBuyingPlanSection{background-color:#fff;}
.clsBuyingPlanSectionFooter{height:10px;}
.clsBuyingPlanPageTitleBar {margin-top: -15px;padding: 15px 15px 15px 15px;background-color: #fff;margin-bottom:0px}
.ScrollableDivBuyingPlan {padding:5px; border:1px solid #c2c2c2;overflow:auto;}
.tdExpandedBuyingPlan{padding:2px 2px 2px 2px;cursor:pointer;}
.tdCollapsedBG{padding:2px 2px 2px 2px; cursor:pointer; background-image:url('../images/arrow_down.gif'); background-repeat:no-repeat; background-position:center; }
.tdCollapsed{padding:2px 2px 2px 2px;cursor:pointer;}
.tdExpandedBG{padding:2px 2px 2px 2px;cursor:pointer;background-image:url('../images/arrow_up.gif');background-repeat:no-repeat;background-position:center;}
.clsSalesTerrLinkShipmentTerms{position:absolute;border:solid 1px black; background-color:#fff;}
.clsSectionTitleBarTitleBuyingPlan{font-size:14px;color:#555; font-weight:bold; /*float:left; overflow:hidden;font-weight:bold;height:20px;background-color :#86B6D9;padding-top:5px;*/}
.tdCollapsedBG1{padding:2px 2px 2px 2px; cursor:pointer; background-image:url('../images/arrow_down.gif'); background-repeat:no-repeat; background-position:center; }
.tdExpandedBG1{padding:2px 2px 2px 2px;cursor:pointer; background-image:url('../images/arrow_up.gif'); background-repeat:no-repeat; background-position:center;}

.clsNewWhereUsedDiv{width:1260px; overflow:auto; min-height:20px; max-height:370px; padding:15px;}
.clsNewWhereUsedContentTable{width:100%; padding:15px;}
.clsNewWhereUsedSection{background-color:#fff;}
.clsNewWhereUsedSection .clsSectionTitleBar {padding:15px;}
.clsNewWhereUsedSectionFooter{height:10px;}
.clsTabBackColor{background-color:#eeeeee;}
.clsIGTabBorder{border-top:1px solid #c2c2c2;}
.clsArticleSearchDiv{position: absolute;left:50px;z-index:9999; background:#fff; width:90%;}
/*.ui-jqgrid .ui-pg-table td{color: #a5a5a5;}*/
.ui-state-highlight td{background: #f5f5f5 !important;/*color: #ffffff !important;*/}
/*.ui-state-highlight td .clsUserName,  .ui-state-highlight td .clsUserName span{color: #ffffff !important;}*/
.ui-multiselect-menu{font-size: 1.2em;background-color:#fff; border: 1px solid #c2c2c2;}
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th{height: auto;}

#TabDelivery_cp{border-style:none !important;}
.clsPageTitleBarTab{width:100%;height:31px;  margin-bottom:15px; /*margin-top:9px;*/background-color: #fff;padding: 16px 20px; }
.clsdvComments{position: absolute;z-index: 10000;top: 10px;border:1px solid #c2c2c2; background-color: white;}
.clsSectionDivPopup{border-radius:0px;background-color:#fff;}
.clsNoWrap{white-space:nowrap;}
.clsNoWrapGridColumnData {overflow:hidden; display:block;white-space: nowrap;text-overflow: ellipsis;}

.clsLabelWidth340{width:340px;}
.clsLabelWidth300{width:300px;}
.clsLabelWidth250{width:250px;}
.clsLabelWidth200{width:200px;}
.clsLabelWidth180{width:180px;}
.clsLabelWidth160{width:160px;}
/*Start<IssueID:120586>*/
.clsLabelWidth155{width:155px;}
/*End<IssueID:120586>*/
.clsLabelWidth150{width:150px;}
.clsLabelWidth130{width:130px;}
.clsLabelWidth120{width:120px;}
.clsLabelWidth100{width:100px;}
.clsLabelWidth75{width:75px;}

.clsTextBoxWidth360{width:360px;}
.clsTextBoxWidth340{width:340px;}
.clsTextBoxWidth300{width:300px;}
.clsTextBoxWidth280{width:280px;}
.clsTextBoxWidth250{width:250px;}
.clsTextBoxWidth200{width:200px;}
.clsTextBoxWidth180{width:180px;}
/*Start<IssueID:120586>*/
.clsTextBoxWidth155{width:155px;}
/*End<IssueID:120586>*/
.clsTextBoxWidth150{width:150px;}
.clsTextBoxWidth120{width:120px;}
.clsTextBoxWidth112{width:112px;}
.clsTextBoxWidth90{width:90px;}
.clsTextBoxWidth85{width:85px;}
.clsTextBoxWidth75{width:75px;}
.clsTextBoxWidth65{width:65px;}
/*Start<IssueID:120586>*/
.clsTextBoxWidth48{width:48px;}
/*End<IssueID:120586>*/
.clsSortOrderTextBox{width:44px; text-align:center !important;}
.clsTextBoxWidth100Per{width:100%;}
.clsSortOrderUltraWebGrid {border: 1px solid #E6E6E6 !important;background-color: #fafafa !important;border-radius: 2px;height:31px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;  -ms-user-select:element;}
#UWGCareInstructionWordingDetails_tb {border:none;}
.clsSelectWidth360{width:360px;}
.clsSelectWidth340{width:340px;}
.clsSelectWidth300{width:300px;}
.clsSelectWidth280{width:280px;}
.clsSelectWidth250{width:250px;}
.clsSelectWidth200{width:200px;}
.clsSelectWidth180{width:180px;}
/*Start<IssueID:120586>*/
.clsSelectWidth155{width:155px;}
/*End<IssueID:120586>*/
.clsSelectWidth150{width:150px;}
.clsSelectWidth120{width:120px;}
.clsSelectWidth90{width:90px;}
.clsSelectWidth75{width:75px !important;}
.clsSelectWidth100Per{width:100%;}

.clsMultiSelectTextBoxWidth500{width:500px;}
.clsMultiSelectTextBoxWidth360{width:360px;}
.clsMultiSelectTextBoxWidth340{width:340px;}
.clsMultiSelectTextBoxWidth300{width:300px;}
.clsMultiSelectTextBoxWidth250{width:250px;}
.clsMultiSelectTextBoxWidth200{width:200px;}
.clsMultiSelectTextBoxWidth180{width:180px;}
/*Start<IssueID:120586>*/
.clsMultiSelectTextBoxWidth155{width:155px;}
/*End<IssueID:120586>*/
.clsMultiSelectTextBoxWidth150{width:150px;}
.clsMultiSelectTextBoxWidth120{width:120px;}
.clsMultiSelectTextBoxWidth75{width:75px;}
.clsMultiSelectTextBoxWidth100Per{width:100%;}
.clsSectionMultiSelectTextBox {height:75px;}

.clsTextAreaWidth360{width:360px;}
.clsTextAreaWidth340{width:340px;}
.clsTextAreaWidth300{width:300px;}
.clsTextAreaWidth250{width:250px;}
.clsTextAreaWidth200{width:200px;}
.clsTextAreaWidth180{width:180px;}
/*Start<IssueID:120586>*/
.clsTextAreaWidth155{width:155px;}
/*End<IssueID:120586>*/
.clsTextAreaWidth150{width:150px;}
.clsTextAreaWidth120{width:120px;}
.clsTextAreaWidth75{width:75px;}

.clsButtonWidth75{width:75px;}
.clsButtonWidth120{width:120px;}
.clsButtonWidth150{width:150px;}
.clsNoHeight{height:0px;}
.clsGapBeforUOM{margin-right: 15px !important;}

.clsTdWidth100{width:100px;}
.clsTdWidth125{width:125px;}
.clsTdWidth200{width:200px;}
/**/
.clsAttachment {Float: left; Margin-left: 5px;}
.clsCellShipmentBreakup{border: solid 1px #c2c2c2;padding:5px 10px 5px 10px;height:240px;overflow:hidden;background: #fff;}

.clsSectionContentGridBOM{margin: 0px;border-spacing: 0px;table-layout: fixed;}
.clsBOMColorDPROHeaderTextArea{background-color:#fff !important;text-align:center!important;overflow:hidden;color:#008ecb;font-weight:bold;font-size:12px;border-style:none !important;}
.clsSectionContentGrid Th span label{font-size: 11px;font-weight: bold; }
.clsBorderTop{border-top:1px #c2c2c2 solid !important;}
.clsBorderRightDotted{border-right : 1px dotted #c2c2c2;}


.clsRemoveRootNode{margin-top:-10px;margin-left:-20px;}
.clsSpaceBetweenToolNTree{height:10px;}

*:focus {outline: none;}

#mask{background-color:#ccc !important;}
/*Message Center*/
.clsMessageSearchDiv{width:100%; position:relative;}
.clsMessageSearchDiv input{width:98%;}
.clsMessageSearchTextBox{width:100%;}
.clsMessageCenterBottomBody{padding-top:0px !important;}
.clsMessageCenterDivTop{width:100%;height:116px;}
.clsMessageCenterDivBottom{width:100%;/*height:87.5%;*/}
.clsMessageCenterHeaderBorder{/*border: 1px solid #fff;*/}
/*Calendar*/
.clsCalendarDivTop{width:100%;height:47px;}
.clsCalendarDivBottom{width:100%;/*height:95%;*/}
.clsCalendarNavigationBetweenTd{padding:0px 5px;}
.clsCalendarNavigationTd{border:solid 1px #fff;text-align:center;width:20px;}
.clsCalendarNavigationTd:hover{ border:1px solid #b4b4b4;border-radius:5px;cursor:pointer; }
.clsDiaryHeader .clsCentertable{height: 33px;}
/*Calendar*/

/*Template*/
.clsTemplateSearchLabelTd{width:60px;}
.clsTemplateCopyButton{width:45px;}
.clsTemplateCopyLabelTd{width:80px;}
/*Template*/

/*Track*/
.clsTrackMainDivTop{width:100%;height:115px;border:0; margin:0px;padding:0px;}
.clsTrackMainDivBottom{width:100%;border:0; margin:0px;padding:0px;}
.clsTrackDivTop{width:100%;height:55px;border:0; margin:0px;padding:0px;}
.clsTrackDivBottom{width:100%;border:0; margin:0px;padding:0px;}
.clsImageRoundDiv {border: 1px solid #c2c2c2; border-radius: 5px; padding: 5px; background-color:#fff;  text-align:center; vertical-align: middle;}
.clsImageRoundDiv img {max-height:100%;max-width:100%; margin:auto;}
/*Track*/

/*Registration*/
.clsRegistrationDivTop{width:100%;height:116px;border:0; margin:0px;padding:0px;}
.clsRegistrationDivBottom{width:100%;border:0; margin:0px;padding:0px;}
/*Registration*/

/*tab*/
.clsTabPageTitleBar{margin-top: -15px;padding: 15px 15px 15px 15px;background-color: #fff;margin-bottom: 0px;}
.clsTabArticlePageTitleBar{margin-top: -15px;padding: 15px 15px 0px 15px;background-color: #fff;margin-bottom: 0px;}
.clsTabPageTitleBar1{padding: 15px 15px 0px 15px;background-color: #fff;margin-bottom: 0px;}
.clsIGTabPageTitleBar{padding: 15px 15px; background-color: #fff;margin-bottom: 0px;}
.clsTechpackIGTabPageTitleBar{padding: 15px 15px; background-color: #fff;}

.clsTabPageTitleBarTechpack{padding: 15px 15px 15px 15px; background-color: #fff;margin-top: -15px;}
.tabSpace{width:0px!important;}
.clsTabSpace{width:0px!important;  border-bottom:1px #c2c2c2 solid !important; border-top-style:none!important; border-left-style:none!important; border-right-style:none!important; font-size:4px !important;}
/*tab*/

/*ArticleInfoNew*/
#divTechpackTopLeft{float:left; width: 20%; padding-left:5px; margin-top:6px;}
#divTechpackTopCenter{float:left; width: 58%; margin: 6px 0px 0px 10px; position:relative;}
#divTechpackTopRight{float: left; text-align:right; width: 20%; margin-top:6px; background-color:#eae5e5; position:relative; padding:9px 4.5px; height:40px}
.tblCalendar{width:168px; position: relative;}
.tblCalendar .SpaceBetweenIcon{width:15px;}
.clsDatePicker{display: none; z-index: 100; position: absolute; height:170px;width:165px;}
 #tblArticleDetailsControls{width:945px; table-layout:fixed;}
.tblArticleDetailsControls{width:945px; table-layout:fixed;}
.clsArticleDetailsSpaceBewteenColumns{width:100px;}
.clsArticleDetailsControls{width:415px;}
.clsArticleDetailsImageDiv {height:426px; width:400px; border: 1px solid #c2c2c2; border-radius: 5px; padding: 5px; text-align:center; 
vertical-align:middle; display: inline-block;margin: auto;position: relative;}
.clsArticleDetailsImageDiv img {max-height:100%;max-width:100%;top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;}
.clsImageAutoSetInDiv {max-height:100%;max-width:100%; margin:auto;}
.clsSetupLableColumnWidth{width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clsSetupControlColumnWidth{width:250px; padding-left:10px !important;overflow:visible;white-space:nowrap;}
.clsDivSetupControlColumnWidth{white-space:nowrap;}
.clsSetupControlColumnWidth1{width:85px !important;}
.clsSetupControlColumnWidth2{width:130px;}
.divMoveForward{padding-left:15px !important;}
.clsDimensionCaptionTd{width:20px!important}
.clsDimensionControlTd{width:67px!important}
.clsDimensionTextBox{width:67px!important}
.drop{border: 2px dotted #c1dcff;}
.divArticleList {position: fixed ; top: 65px; right:17px; padding-bottom: 5px; background-color: #ffffff; width: 442px;}
.clsMaterialSearchDiv{width:100%; position:relative;}
.clsMaterialSearchDiv input{width: 250px;padding-right: 55px !important;overflow: hidden;text-overflow: ellipsis;}
.clsMaterialSearchDiv .clsBindTextBoxHover{position: absolute; right: 38px;top: 5px;cursor: pointer; width:16px; background-image: url('../Images/smalldelete.png');background-repeat:no-repeat;}
/*ArticleInfoNew*/

/*Techpack*/
.clsHoverCamImgage {POSITION: absolute; WIDTH: 160px; DISPLAY: none; HEIGHT: 160px;z-index:10000; border:1px solid #c2c2c2; border-radius:5px; padding:5px; background-color:#fff;}
.clsHoverCamImgage div {text-align: center;vertical-align: middle;display: inline;}
.clsBaseColorMultiSelect{height:110px;} /*Base Color List*/
.clsBaseSizeMultiSelect{height:100px;} /*Base Size List*/
.clsSearch{position:relative;}
.clsSearch input{width: 100%;padding-right: 40px !important;overflow: hidden;text-overflow: ellipsis;}
.clsSearch .clsBindWithTextBox{top: 5px;}

.clsPDFSettingBody{margin:0px;padding:0px;} /*pdf Techpack*/
.divSettingMasterPanel{margin-bottom:0px;}
.clsSettingDivContent{padding: 0px 15px;}
.clsSettingDivContent .clsSectionTitleBar {height:25px; line-height:normal; padding-top: 3px;}
.clsSettingDivContent .clsSectionContent  {margin-bottom:1px;}

.clsColowWayColumn{width:220px;}
.clsColowWayMainImageColumn{width:380px; vertical-align:top;}
.clsColowWayImageColumn{width:145px;}
.clsLoadColorChip{margin-right:8px;}
.clsCustomColorName{width:180px; overflow:hidden; text-overflow:ellipsis; margin-top:0px; margin-bottom:0px;}
.clsImageWithControl{padding-top:6px;}
.clstblFixLayout{table-layout: fixed!important;}
.clsUltraWebGrid{Overflow:hidden;}
.clsUltraWebGridPager{margin-left: 44%;height: 35px;color: #4a4a4a;float: left;text-align: center;}
.clsUltraWebGridPagerMessage{right: 0px;position: absolute;margin-top: 10px;}


/*Techpack*/

/*Export*/
legend{border-style:none;width: 100%;height: 35px;border-bottom: solid 1px #e6e6e6;margin:0px;}
fieldset{border-style:none;padding-left: 5px;line-height: 35px;font-size: 16px;color: #a5a5a5;margin:0px;}
.clsRadioButtonList td {padding:5px 0px;}
.clsRadioButtonList td input {margin-right:5px;}
.clsCheckBoxList td {padding:5px 0px;}
.clsCheckBoxList td input {margin-right:10px;}
/*Export*/


/*ContextMenu*/
#divShowNavigation td {    
    BORDER-BOTTOM: 1px solid;
    PADDING-BOTTOM: 0px;
    font-size: 12px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    HEIGHT: 34px;
    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;}

#divShowNavigation td:hover {
    border-color: #FFFFFF;
    background-color: #EBF9FF !important;
}
/*ContextMenu*/

/*Sourcing Shipment Comments*/
.clsTabtd img {margin: 0px 0px 0px 3px;}
.clsStaticPosition{position:static !important;}
.clsSectionDivPopupGray{transition: box-shadow .25s; box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.2); background-color: #F5f0f0 !important;}
.clsShipmentCommentsLeftPanel{vertical-align:top;height:430px;width:110px;}
.clsShipmentCommentsLeftPanel .clsLeftPanel{line-height:31px; height:31px; border:0; padding-top:0;}
.clsShipmentCommentsLeftPanel .clsLeftPanel:hover {background:#ebebeb;}
#DivMainContainer .clsOddRow, #DivMainContainer .clsEvenRow {margin-bottom:12px;}
#DivMainContainer .clsOddRow > table > tbody > tr td, #DivMainContainer .clsEvenRow > table > tbody > tr td {line-height:15px !important; padding-bottom:5px;}
/*Sourcing Shipment Comments*/
/*Article Search*/
.clsSmartListMoving {height: 100;text-align:center;}
.clsSmartListMoving i{font-size:20px; text-align:center; color:#595959;}
.clsSmartListMoving i:hover{color:#099CDC;}
/*Article Search*/

#dvtabContainer{background-color: #eae5e5; height: 50px;}
#tabs {list-style-type: none;margin: 0px;padding: 0px;font-family: Tahoma;font-size: 11px;width: 98%;}
#tabs ul{list-style: none;}
#tabs li a.current{background-color: #FFFFFF;cursor: default;border-bottom: #fff solid 1px;color: #008ecb !important;}
#tabs li {display: inline-block;}
#tabs li a{display: inline-block;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: 700; padding: 0px 20px; text-align: center; font-size: 14px;}
    #tabs li a:hover{color: #008ecb;}

.tblHeader th{vertical-align: middle;background-color: #fff;color: #008ECB;    text-align: center;font-size: 12px;font-weight: bold;text-transform: capitalize;     border-bottom: 2px solid #e6e6e6;}
.clsTabTextRightAlign{float: right;padding-right: 20px;}

.wfxAlert {
    width: 250px;
    top: 10px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    cursor: default;
    color: rgb(255, 255, 255);
    position: absolute;
    display: none;
    background-color: rgb(0, 0, 0);
    zoom: 1;
    opacity: 0.5;
    border-width: initial;
    border-style: none;
    border-color: initial;
    padding: 5px;
    border-radius: 10px;
}

.wfxAlertHeading {
    text-align: center;
    vertical-align: middle;
    color: rgb(255, 255, 255);
}

.clsWrapTd, .clsWrapTd td 
        
{
   white-space:normal !important;
}

.clsSectionDivContentBuyingPlan
{
	background-color:#fff;
	transition: box-shadow .25s;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
    overflow-x:auto; 
	overflow-y:hidden;
	padding:10px 20px 10px 20px;
	margin:5px 0px !important;
	min-width:1186px;
    box-sizing:border-box;
	min-height:55px;
}

.clsFlexBoxHorizontal
{
	display:flex;
}

.clsFlexBoxVertical
{
	display:flex;
	flex-flow: column nowrap;
}

.clsMessageCenterSearchDiv{width:250px; position:relative;margin-top:-5px;margin-right: 25px;}
.clsMessageCenterSearchDiv input{width:96%;}
.clsMessageCenterSearchDiv select{width:100%;}
/*Start<IssueId:129421>*/
@media only screen and (max-width: 1440px){
    .clsTechpackTabsWidth {
        max-width: 65px;
        min-width: 55px;
        font-size: 12px;
    }
	#divTechpackTopRight {width: 19.1%;}

    .igtab_THText { font-size: 12px !important;}
    .clsTechpackLogTabsWidth {width: 87px; font-size: 12px;}
    

}
/*End<IssueId:129421>*/
@media only screen and (max-width: 1024px){
    /*Only For Article Detail Page
    #tblArticleDetailsControls {
        width:755px;
    }
    .clsArticleDetailsControls {
        width: 370px;
    }
    .clsControlWidth {
        width: 365px;
    }
    .clsSetupControlColumnWidth {
        width: 200px;
    }
    #wfx_ArticleInfoNew input[type="text"] {
        width:200px;
    }
    .clsArticleDetailsSpaceBewteenColumns{
        width:10px;
    }*/
    #divFistSection {
        width: 945px;
    }
    #tblLastChangedMessage {
        font-size: 12px;
    }
	.clsStyleSize {width: 125px;}
}

@media  print { body { background-color: #fff; margin:0px!important; padding:0px!important;} }
p
{
-webkit-margin-before: 0em !important;
-webkit-margin-after: 0em !important;
margin-top:0px !important;
margin-bottom:0px !important;
} 


.clsPageTitleBarTitleFont {
    font-size:15px;
    line-height:30px;
}

.clsalertnreminder {
    background-color: white;
        padding-top: 0px;
}

.clsalertnreminder .clsPageTitleBar{width:100%;height:35px;  margin-bottom:5px; }
.clsalertnreminder .clsMasterPanelGrey::-webkit-scrollbar { width: 7px;}
.clsalertnreminder .clsMasterPanelGrey::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4e1e6; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.clsalertnreminder .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar { width: 7px;height:7px;}
.clsalertnreminder .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4e1e6; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.clsalertnreminder .divCollapse{transition: box-shadow .25s; box-shadow: none !important;    margin: 5px 0px;    padding: 0px 8px !important;    background-color: #fff;    border: #d0cfcf 1px solid; overflow:hidden;}

.clsalertnreminder .ui-jqgrid .ui-jqgrid-titlebar {
    BORDER-LEFT: 0px;
    POSITION: relative;
    padding: 16px 0px;
}

.clsalertnreminder .clsMasterPanelGrey{margin-right:0px;/*margin-bottom:15px;  overflow-y:auto; overflow-x:hidden;*/ overflow:auto; padding-right: 2px;}
.clsalertnreminder .clsSectionSelect{margin:0px 5px;color:#4a4a4a; border: 1px solid #e6e6e6;background-color: #fafafa;border-radius: 2px;}

    .clsalertnreminder .ui-jqgrid .ui-jqgrid-titlebar-close {
        POSITION: absolute;
        PADDING-BOTTOM: 1px;
        MARGIN: -10px 0px 0px;
        PADDING-LEFT: 1px;
        WIDTH: 19px;
        PADDING-RIGHT: 15px;
        HEIGHT: 18px;
        TOP: 50%;
        PADDING-TOP: 1px;
    }
.clsLinkedTransaction{ text-overflow: ellipsis;overflow: hidden; white-space: nowrap; max-width: 350px;}
.clsAutomaticSettingTextBox  { Margin-left: 5px;}
.clsAutomaticSettingTextArea  { Margin-left: 5px;Margin-Top: 3px;}
.clsTextAreaAutomaticSetting{white-space: normal ;}
.clsbtnCloseCopyColor{margin-right:10px;}
.clsddlCopyColor{width:120px;}
div#dvPreview {
    width: 100%;
    overflow: scroll;
    text-align: center;
    vertical-align: middle;
    background-image: url(../images/preview_1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    scrollbar-face-color: #cce2ec;
    scrollbar-base-color: #f1f1f1;
    scrollbar-arrow-color: #356b8e;
    scrollbar-track-color: #f1f1f1;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-Color: #f1f1f1;
}
.clsToolButtons i {
    font-size: 14px;
    margin-left: 10px;
}
.clsDivWidgetDeliveryAnalysis {
    transition: box-shadow .25s;
    box-shadow: none !important;
    margin: 5px 0px;
    padding: 0px 8px !important;
    background-color: #fff;
    border: #d0cfcf 1px solid;
    overflow: hidden;
}
.clsDivWidgetDeliveryAnalysis::-webkit-scrollbar {width: 7px;height:7px;}
.clsDivWidgetDeliveryAnalysis::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4e1e6; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.clsRoundScroll::-webkit-scrollbar {width: 7px;height:7px;}
.clsRoundScroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d4e1e6; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*Start<IssueID:107407>*/
ul.chzn-choices{
    min-height: 30px !important;
    height: 88px !important;
    max-height: 88px !important;
    overflow: auto !important;
}
/*End<IssueID:107407>*/
/*Start<IssueID:124548>*/
.Initial-lg {
    border-radius: 50%;
    text-transform: uppercase;
    background: #d8d8d8;
    box-shadow: 0 2px 2px rgba(0,0,0,.05), 0 4px 4px rgba(0,0,0,.05), 0 8px 8px rgba(0,0,0,.05), 0 16px 16px rgba(0,0,0,.05);
    position: relative;
    overflow: hidden;
    font-size: .8vw;
    line-height: 26px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: -5px;
    top: 0px;
    width: 25px;
    height: 25px;
}
/*End<IssueID:124548>*/
/*Start<IssueID:120586>*/
.clsStyleSearch {
    width: 310px !important;
    margin-right: 15px;
}
.clsVerticalAlign { vertical-align: top; }
/*End<IssueID:120586>*/
/*Start<IssueID:116312>*/
.clsnotifycatalogview {
    padding: 0px 4px 1px 4px;
    color: #fff;
    background-color: #0fbf26;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*End<IssueID:116312>*/

.paddingleft5px{
	padding-left:5px !important;
}  
/*Start<IssueID:164197>*/
.clsVersionType{
	text-align: right;
    color: 008ecb;
	margin-right: 3px;
}
.clsVersionType span{
    color: 008ecb;
	}
/*End<IssueID:164197>*/	
.cls-overlay-message{
    width: 450px;
    max-width: 450px;
    text-align: left;}
.cls-overlay-message img{height:150px}
 .cls-overlay-message span{position: absolute;
    top: 68px;
    left: 110px;font-size: 11px;
    font-weight: normal;
    font-family: open sans;
    color: #4a4a4a;
    font-style: italic;
	}