/*******************************************************************************
 * Copyright (c) 2018 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
 *******************************************************************************/
 /*Dashboard Title*/
.dashTitle {margin-bottom:15px; padding-bottom:5px; font-size:20px; min-height:30px; /*border-bottom: 1px solid #005696;*/}
.dashTitle .icon {font-size:18px;}

/*Dashboard Left Panel*/
.siteList li{padding:9px 30px 9px 0; display: flex; align-content: space-between; justify-content: space-between; }
.siteList li.noResultFound{display: block;}
.siteList a.icon{margin-right:-30px; float:right;}
.siteCategoryFilter ul.dropdown-menu{max-width:230px;}
.dashLeft .moremenu{position: relative;}
.dashLeft .moremenu li.dropdown{position: relative;}
.dashLeft .moremenu > li.dropdown > .dropdown-menu{ width: 100%; min-width:250px;}
.dashLeft .moremenu.nav-pills > li > a{max-width: 150px;}
.TruncateLink.truncateSitePsm{max-width: 100%; white-space: normal !important; line-height: 22px;}
.psmLabel{padding: 3px 5px; margin-left: 5px;}
.psmLableSec{white-space: nowrap; display: table-cell;}
.truncateSitePsm .titleSitePsm{position: relative; overflow: hidden; word-break: break-all; display: table-cell; /*UID-3570*/ vertical-align: top;}
.truncateSitePsm .titleSitePsm:after{content: attr(title); overflow: hidden; height: 0; display: block; }
.truncateSitePsm .titleSitePsm a, .truncateSitePsm .dropdownPsm{ display: block; position: absolute; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*Dashboard Right Panel*/
.dashTasks .icon.icon-exclamation{font-size:13px;}
.dashMyfiles li, .dashTasks li, .dashEvents li{margin-bottom:15px; line-height:18px;}
.dashTasks li span.label{line-height: 13px; display: inline-block;}
.dashTasks li.selected span.TruncateTxt {text-decoration: line-through;}
i#deleteTasks {font-size: 16px !important;}

/* SVG / other module Icon - COL-90932- moved from fonticon.css */ 
.imgIcon{width:32px; height:32px; float:left;}

.thumbSmartFolderIcon{width: 24px;margin-right: 10px;height: 26px;}

/* start of User card DropDown */
.userJobtitle{font-size: 16px;}
.userinfoDropdown{padding:10px; width:400px; border:1px solid #dcdcdc; margin-top:5px; position: absolute;   background-color: #fff; display: none; z-index: 1000; word-wrap:break-word; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.userinfoDropdownHeader .usertitle{font-size:24px; line-height:27px; font-weight: bold; padding-right: 33px; display: block;}
.userinfoDropdown .close{padding: 0px 10px;}
.userinfoDropdownDetail{margin-left: 135px; min-height:120px;}
.userinfoDropdown .btn{font-size:12px;}
.btn.followBtn, .btn.followBtn:focus{background: #5cb85c; border-color: #4cae4c; color: #FFF;}
.btn.followCommon:before, .btn.followBtn:before{vertical-align: -3px;}
.btn.followBtn.icon-minus:hover{background: #d9534f; border-color: #d43f3a; color:#fff;}
.btn.followCommon, .btn.followBtn{min-width:105px; width: 105px\9; min-width: inherit\9;}
/*.btn.followCommon:focus{background:transparent; color:#005696; border-color:#005696;}
.btn.followCommon:hover{background:#005696; color:#ffffff;}*/
.btn.followCommon span, .btn.followBtn span{display: inline-block; padding-left: 3px;}

/* recent Bulk upload Modal  CSS*/
.recentBulkUp > li{ padding:10px 12px; border-bottom: #ddd solid 1px;}
.recentBulkUp > li:hover{cursor: hand; background:#eeeeee;}

/* DropDown pills */
.dropPillsAccord{min-width: 100%;}

/* Embedly Container */
.postCalloutMain{margin: 15px 0 0;}
.postLink{padding: 0px 0px 0px 25px; display: block;}
.postCallout{border-left: #e53b2a solid 8px; margin: 12px 0px 0px; display: inline-table; table-layout: fixed; width: 100%;}
.postCallout .postImg{margin:0; display: table-cell; vertical-align: middle; width: 175px; text-align: center; word-wrap:break-word; padding-left:10px;}
.postCallout .postImg img{max-width: 165px;}
.postCallout .postCont{display: table-cell; padding-left: 10px;}
.postCallout.fullSingleImg .postImg, .postCallout.fullSingleImg .postCont{display: block; width: auto; margin:0px 0px 15px 10px; text-align: left; padding-left: 0px;}
.postCallout.fullSingleImg .postImg img{max-width: 100%; margin: 0px;}
.postCallout P{font-size: 15px; color: #676767;}
.postCallout .videoWrapper{display: block; position: relative; padding-bottom: 56%; margin-bottom: 15px;}
.videoWrapper > iframe{height:100%; position: absolute; width: 100%; top: 0; left: 0;}

/* Oembed CK plug-in wrapper */
.oembedVideoWrapper{position: relative;padding-bottom: 56.25%;	height: 0; overflow:hidden; max-width: 100%;float: none!important;} 
.oembedVideoContent {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Full screen dialog */
.upDataDialog{ padding: 0px !important;}
.upDataDialog.fade .modal-dialog{ margin: 0px; width: 100%; transform:none; height: 100%;}
.upDataDialog .modal-content, .upDataDialog .modal-body{border-radius:0px; background: transparent;  box-shadow: none; border: 0px none; height: 100%;}
.upDataDialog .modal-header{background: #f3f3f3; padding: 10px 0px; height: 62px;}
.upDataDialog .dialogBody{position: absolute; bottom: 0px; top: 62px; width: 100%; background-color:#000; background: rgba(0, 0, 0, 0.8); filter: alpha(opacity=80);}
.dialogleft{position: absolute; left: 0px; right: 385px; overflow: hidden; top:0; bottom: 0; padding: 30px; filter:none; -webkit-overflow-scrolling: touch;}
.dialogRight{background: #fcfcfc; width: 385px; height: 100%; overflow: auto; position: absolute; right: 0; -webkit-overflow-scrolling: touch;}
.hideShow .dialogleft{right:35px;}
.hideShow .dialogRight{width:35px;}
.microBlogImg .dialogBody, .upDataDialog .top0{top: 0px;}
.upDataDialog button.close .icon-remove{color: inherit;}
.dialogImgsec{height: 100%; width: 100%; position: relative;}
.dialogleft .dialogImgsec img{border-radius:5px; box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);  bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; max-width: 100%; max-height: 100%; background: #FFF;}
.dialogleft.dialogRight0{right: 0;}
.hideShowPanel, .hideShowPanel:hover, .hideShowPanel:focus{color: #707070; text-decoration: none;}
/*.hideShow .hideShowPanel:before {content: "\e04f";}*/
.hideShow .detailsCont, .hideShow .hideShowPanel span, .hideDesk, .hideShow .dialogRight .favShareIcon{display: none;}
.visibleDesk{display: block;}
.dataDetails{padding: 0px 15px;}
.upDataDialog button.close{margin-top: 5px;}
.upDataPaging{text-align: center;}
.upDataPaging .pager{ margin:3px 0px 0px;}
.upDataPaging .pager li > a, .upDataPaging .pager li > span{background: transparent; color:#666666; font-size: 22px; border: 0px; padding: 5px 8px;}
.upDataPaging .pager li > a:hover{color: #005696;}
.upDataPaging .pager li > span{font-size: 14px; vertical-align: top; padding: 7px 5px 0px; color:#666666;}
.upDataDialog button.ImgClose{background:#000; border-radius: 50%; position: absolute; right: 10px; top: 10px; opacity:1; color: #FFFFFF; text-shadow: none; margin: 0px; padding:3px 5px; z-index: 10; display: inline-block;}
.upDataDialog button.close.ImgClose .icon-remove{color: #FFFFFF !important;}
.dialogImgsec .left, .dialogImgsec .right{color: #FFF; font-size: 55px; z-index: 1; position: absolute;  top: 0; bottom: 0;  margin: auto; height:60px; display: none;}
.dialogImgsec .left:hover, .dialogImgsec .right:hover, .dialogImgsec .left:focus, .dialogImgsec .right:focus{text-decoration: none;}
.dialogImgsec .right{right: 0px;}
.dialogImgsec:hover .left, .dialogImgsec:hover .right{display: inherit;}
.dialogLoader img{background: #FFF; padding: 20px;}
.dialogleft .pccv.pcc-full-screen{position: relative;}
.dialogleft .dailogOpenImg.pccv{ margin: 0px auto; height: 100%;}
.fullScreenCont{background: #FFFFFF; border-right: 1px solid #ccc; overflow: auto; margin: 30px;}
.dialogImgsec .pccv button.btn.btn-default{line-height:normal; border-width:2px; border-radius:3px; padding: 4px 6px; box-shadow:none; background-color:transparent; border-color:#005696;}
.dialogImgsec .pccv button.btn.btn-default:hover, .dialogImgsec .pccv button.btn-default:active{background-color:#005696; border-color:#005696;}

.accloaderContainer {background: rgba(252, 252, 252, 0.80);width: 300px;height: 100px; border-radius:5px; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.25);  bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; max-width: 100%; max-height: 100%; padding:15px; text-align: center; color:#808080;}
.accloaderContainer img {background:none !important; box-shadow:0 0 0 0 !important; position:static !important; display:block; margin: 5px auto 10px auto !important; transform: inherit !important;}

.loaderOverlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99;}
.flexLoader{display: flex; justify-content: center; align-items: center; background: rgb(255, 255, 255, 0.5);}
/* COL-49145 */
.dialogRight .dateRightPanel .col-sm-4, .dialogRight .dateRightPanel .col-sm-3 {width:50%;}
.dialogRight .dateRightPanel .col-sm-5 {width:100%; padding-left:0;}

.dialogRightEditMetaFooter{position:fixed; background:#fcfcfc; right:15px; bottom:-9px; padding:15px 0 15px 15px; width:370px; z-index:3;}
.dialogRightEditMetaSection{padding-bottom:90px;}
@media all and (min-width:0\0) and (min-resolution:.001dpcm){ /*IE-9 only media Hack*/
	.dialogRightEditMetaFooter{width:353px;}
	.cke_dialog_contents_body{width:auto !important;}
}

.approvalWorkflow .upDataDialog .dialogleft .dialogImgsec img{box-shadow:0 0 0;}
.compareDialog{ border-radius:6px; margin:20px;}
.compareDialog .modal-header{border-radius:6px 6px 0 0;}
.compareDialog .dialogBody{background:#fff; filter: alpha(opacity=100); border-radius:0 0 6px 6px;}
.compareDialog .dialogRight{border-radius:0 0 6px 0;}
.compareDialog .input-group-lg > .input-group-addon{padding:15px 10px;}
.compareDialog .input-group-lg > .form-control{padding:7px; height:auto; font-size:14px;}
.compareDialog .input-group-lg .prev-next-button {height: auto; width: auto;}
DIV.diff-topbar, .diffpage-html-firstlast {display: none;}/* To hide default compare result toolbar in compare dialog*/
.dialogRight .commentSec{border: #e3e3e3 solid 1px; margin:0px 15px;}
.dialogRight .dataDetails .commentSec{margin: 0px;}
.detailsCont .postSection{box-shadow:none; border: 0px; background: transparent;}
.dialogPrev{display: table; height: 100%; margin: auto; width:100%; max-width: 450px;}
.prevCenter{display: table-cell; vertical-align: middle; color: #FFF; text-align: center;}
.dialogleft .dialogImgsec .dialogIcon{position: static; float: left; transform: none; width: 32px; height: 32px;}
.userIconBG {border-radius:3px; padding:6px; background:#e5e5e5; margin-right:5px;}

@-moz-document url-prefix() { 
  .dialogleft .dialogImgsec img{top: 50%; left: 50%; transform: translate(-50%, -50%); right: auto; bottom: auto;}
}

.kpiBackBtn{position: absolute; top: 5px; left: 5px; z-index: 1;}
.fusioncharts-container span{top:5px!important; right:auto!important; left:5px;  font-Family:inherit!important; font-Size:inherit!important; font-Weight:normal!important; color:#005696;}
.fusioncharts-container span:before{content:"\e040"; vertical-align:-2px; margin-right:5px; display: inline-block; font-family:"highq50"!important;}

/*END OF DASHBOARD*/


/*START OF FILES*/

/* Files Left Panel */

.leftPanelSection{width:300px; padding-left:15px; float:left;}
.leftsidePanel {border-radius:3px; width:270px; border:2px solid #eeeeee; background:#ffffff; /*bottom:25px; position:fixed; transition: height 0.3s ease;*/}

.leftSectionHide .leftsidePanel{width:36px;}
.leftSectionHide .leftPanelSection{width:50px;}
.leftSectionHide .showhideSection {text-align:center;}
.leftSectionHide .leftTree, 
.leftSectionHide .treeSearchSection, 
.leftSectionHide .leftSubNav, 
.leftSectionHide .showhideSection span, 
.leftSectionHide .leftsidePanel .treeSearch{ position:relative; left:-9999px;}
.leftSectionHide .col-md-3.col-lg-3{width:65px;}
.leftSectionHide .showhideSection .linkblack{display:none;}
.leftOrphanTree {padding-left:15px;}

.treeSearchSection{padding:10px; -webkit-overflow-scrolling: touch; }
.treeSearchSection, .tblContainer.metaData{overflow:hidden;}
.treeSearchSection:hover, .tabletScreenMode .treeSearchSection {overflow:auto;}
.wiki .treeSearchSection:hover, .blog .treeSearchSection:hover, .event .treeSearchSection:hover, .siteAdmin .treeSearchSection:hover{overflow-x:hidden; overflow-y:auto;}
.tabletScreenMode .leftPanelSection {height: auto !important;}
#WIKIHOMEPAGELEFTPANELTREE_MODAL {overflow:hidden;}
#WIKIHOMEPAGELEFTPANELTREE_MODAL .modal-body {overflow:visible !important;}
#WIKIHOMEPAGELEFTPANELTREE_MODAL .modalBodyScroll {max-height: 100% !important;}

/* Left panel tree & navigation */
.showhideSection {display:none;}
.normalScreenMode .showhideSection {display:block; background:#eeeeee;}
.showhideSection a:hover, .showhideSection a:active, .showhideSection a:focus{text-decoration: none;}
/*.sideMenuBarBtn.headNavIcon span.badge{display:none}*/
.fileLeftPanelmenu li a{margin:3px -10px; padding:2px 10px; text-decoration:none; display: flex}
.fileLeftPanelmenu .label{padding:2px 8px 2px;  margin-top:3px; font-size:12px; font-weight: normal;}
.fileLeftPanelmenu .TruncateLink {padding:0 5px;}
.fileLeftPanelmenu .icon, .fileLeftPanelmenu .icon-star-selected.icon{font-size: 15px; color:#707070;}
/* .treeSearchSection.scrollVisible:hover .fileLeftPanelmenu li a {padding:2px 3px 2px 10px;} */
.fileLeftPanelmenu li a span + span.label.label-default{margin-left: auto;}

span.fancytree-title span.btnLoadAll{color:#005696;}
span.fancytree-title span.btnLoadAll:hover{text-decoration:underline !important; color:#005696;}

.fullScreenMode .leftsidePanel.leftFixed, 
.tabletScreenMode .leftsidePanel.leftFixed, 
.mobileScreenMode .leftsidePanel.leftFixed,
.leftsidePanel.leftFixed {position:fixed;/* transition: height 0.3s ease;*/}
/*.fullScreenMode .fixedTableHead,
.fullScreenMode .fixedMetaTableHead,
.fullScreenMode .infoHeadFixed {width:auto !important; right:15px;}*/

/* File right panel resize & width adjustment*/
.rightSideSection{width:auto; margin-left:309px; float:none; padding-left:0; padding-right:15px;}
.leftSectionHide .rightSideSection{margin-left:75px;}
.fullScreenMode .rightSideSection {width:100%; padding-left:15px; margin-left:0 !important;}
.fullScreenMode .leftsidePanel, .tabletScreenMode .leftsidePanel, .mobileScreenMode .leftsidePanel{left:-9999px; position:absolute;}

/* file and wiki drag or resize related css start */
.dragColCursor {position:absolute; z-index: 1; width:10px; left:100%; margin:0 0 0 0px; height:100%; border:0 !important; padding:2px 0 !important; top:-2px !important; bottom:-2px !important; box-sizing:content-box; cursor:col-resize;}
.dragColCursor span {position:relative; top:50%; margin-top:-50px; margin-left:0px; color:#aaa; height:100px; background:#aaa; width:2px; display:block;}
.dragColCursor.ui-draggable-dragging {border-bottom:0px none; padding-bottom:0px; background:transparent;}
.leftPanelSection{padding:0 15px;}
.leftsidePanel {position:relative;}
.leftSectionHide .dragColCursor {visibility:hidden}
.colDragHide1 .colDrag1, .colDragHide2 .colDrag2 {display:none;}
.fullScreenMode .dragColCursor {display:none;}
.wiki.add .leftPanelSection, .wiki.edit .leftPanelSection {width:0 !important;}
.wiki.add .rightDrag, .wiki.edit .rightDrag {margin-left:0 !important;}
/* file and wiki drag or resize related css end */

.browseTreeBtn{display:none}
.fullScreenMode .browseTreeBtn, .tabletScreenMode .browseTreeBtn, .mobileScreenMode .browseTreeBtn{display:inline-block;}

.dummyInnerscroll{height:1px; background:#ffffff;}
.dummyScroll { overflow-x:auto; overflow-y:hidden; position:fixed; bottom:0px; z-index:1002; -webkit-overflow-scrolling: touch;}
.fullScreenModal .dummyScroll {bottom:71px;}
.fullScreenModal .dummyScroll {/*width:auto !important; right:35px;*/ left:35px !important;}
.dummyScroll.staticDiv {position:static; margin-bottom:20px; margin-top:-20px;}
.dummyScroll.scrollIn{ bottom:0px;}
.dummyScroll.scrollEnd{ bottom:50px;}
.leftsidePanel.scrollEnd{ bottom:50px;}

.folderTitle, .modulePageTitles, .titleAttr {font-size: 16px; font-weight: 500; line-height:24px;}
.folderTitleContainer {margin-bottom: 15px; margin-right: 105px;}
.docTitleMargRight {margin-right:60px;}
/*.folderTitle .fullscreenIcon {font-size:17px; margin-left:16px; line-height:24px;}
.folderTitle .folderName{line-height:24px; font-size:16px;}*/

/* file update structure fixed top position */
 .tblContainer table {font-size:13px;}
.tblContainer th, .tblContainer .ffname {font-size:14px;}
.tblContainer .ffname > p a{word-break:break-all;}/*break without space content*/
.tblContainer.metaData {overflow-x:auto;}
.fixedTableHead, .fixedMetaTableHead {position:fixed; top:-9999px; left:-9999px; border-bottom: 1px solid #ddd; background: #fcfcfc; overflow: hidden;}
.fixedTableHead table, .fixedMetaTableHead table {margin-bottom:0;}
.fixedDivWrapper {position:static; display:block; margin-top:-10px; padding-top:10px; z-index:2;}
.fixedDivWrapper.fixed {margin-bottom:25px;}
.infoHeadFixed {z-index: 2; background: #fcfcfc;}
.fixedDivWrapper.fixed .infoHeadFixed {padding-top:10px; margin-top:0; /*z-index:1002;*/ position:fixed;}
.modal-body .infoHeadFixed {background:transparent;}

/* Files table structure css update */
.files .table > tbody > tr > td > p, .myFiles .table > tbody > tr > td > p{margin-bottom:0;}
.table > thead > tr > th{background: #e3e3e3; border-bottom:0; cursor:default;}
.table > thead > tr > th .caret{color:#707070;}
.table > thead > tr > th, .table > tbody > tr > td{line-height: normal; padding: 12px 8px; vertical-align: middle;}
.table > tbody > tr.valignTop > td{vertical-align: top;}
.metaData .table > tbody > tr > td{vertical-align: top;}
.metaData .table > tbody#folderMetadataContent > tr > td input{margin-top: 2px;}
.metaData .table > tbody#documentMetadataContent > tr > td input{margin-top: 8px;}
.table-hover > tbody > tr.active{background-color:#f3f3f3;}
.fileMeta{margin-top:5px;}
.fileMeta p{margin-bottom:5px;}
.fileMeta p.fontsize13{ color:#343434;}
.table .icon-folder{margin-top:-2px;}
.metaTextWrap{display: table; width: 100%; table-layout: fixed; white-space:nowrap;}
.metaTextWrap a{white-space: normal;}
.uploadFoldTruncate {vertical-align:bottom; max-width:200px; display:inline-block;}
.table > thead > tr#siteAdmin_userfilePermission_Tree_HeaderTR,
.table > thead > tr#siteAdmin_groupfilePermission_Tree_HeaderTR {background: #e3e3e3;}

/* file folder meta data */
.fixedMetaTableHead .table{width: auto !important;}
.tblContainer.metaData > .table {max-width: none; width: auto;}
.tblContainer.metaData .table > tbody > tr > td{line-height:inherit;}
.tblContainer.metaData pre, .tblContainer.metaData .ckContentArea, 
.modal .sectPanel div[id*="contentTR_"] pre, .modal .sectPanel div[id*="contentTR_"] .ckContentArea,
.modal .sectPanel div[id*="contentTR_"], .modal .sectPanel div[id="sectDefault"]{font-size:13px;}
.modal .sectPanel div[id*="contentTR_"] .descriptionTxt pre, .modal .sectPanel div[id*="contentTR_"] .ckContentArea.descriptionTxt, .ckContentArea.descriptionTxt,
.modal .sectPanel div[id*="contentTR_"] .descriptionTxt, .modal .sectPanel div[id="sectDefault"] .descriptionTxt {font-size:12px; color:#666666;}
.modal .sectPanel div[id*="contentTR_"] .form-group > label,
.modal .sectPanel div[id="sectDefault"] .form-group > label{font-size:14px;}

/* index tree style*/
.indexTreeStyle {font-size:13px; margin:2px 0;}
.indexTreeStyle, .indexTreeStyle a, .indexTreeStyle a:focus {text-decoration:none; color:#343434;}
.indexTreeStyle a:hover {color:#000000;}
.indexDrop{max-width: 220px;}
.scrollData10 {overflow-x: hidden; overflow-y: auto; max-height: 330px;}
.scrollData10 a {padding:5px 20px;}
.printMargin .fixedLayout.indexTreeStyle.treeFolder{margin:2px 0 6px;}

/* Search responsive case */
.actionHeader .fileSearch{width:280px;}
.dataSearchResult li{border-top:1px solid #eee; margin:0 -10px;}
.dataSearchResult li:first-child{border-top:0;}
.dataSearchResult li > a{padding:7px 10px;}
.dataSearchResult li span.icon{margin-top:-2px;}

/* file upload and drag and drop related css */
.placeholder, .highlight td, tr.dragfolder.highlight td,.highlight td a {color:#fff; text-decoration:none !important; background:#005696;}
.ui-draggable-dragging {border-bottom:1px solid #45C3F5;padding-bottom:1px; display:block; background:#005696;}
.CursorMoveInfo {background:#f3f3f3; text-align:center; display:block; padding:15px; font-size:16px; border:1px solid #fff; position:absolute; color:#005696;}
.CursorMoveInfo .badge.btn-danger {background-color:#DC0A0A; position:absolute; font-size:14px; border-radius:15px; padding:5px 8px; top:-10px; right:-10px;}
.noMetaData .ui-selecting td, .noMetaData .ui-selected td {background:#f5f5f5;}
.noMetaData {position: relative;}
.dropFiles {position:absolute; bottom:0; top:0; left:0; right:0; text-align: center; color: #fff; vertical-align: middle; background:rgba(0, 86, 150,0.8);}
.opacityTable {opacity:0.5;}
.notSelectContainer {position:absolute; bottom:0; top:0; left:0; right:0; z-index:11; text-align: center; color:#545454; vertical-align: middle; background:rgba(255, 255, 255, 0.8);}

.sortTitle {background:#eee; text-align:center; padding:8px 10px;}
.sortDataList {border:1px solid #eee;}
.sortDataList ul {margin:0;}
.sortDataList li {border-top:1px solid #eee; padding:8px 10px;}
.sortDataList .CursorMoveInfo {background:#f3f3f3; text-align:center; padding:8px 15px; font-size:14px; border:1px solid #fff; position:absolute; color:#005696;}
.sortDataList .CursorMoveInfo .badge.btn-danger {font-size:12px; border-radius:15px; padding:5px 8px; top:-10px; right:0px;}
.sortDataList li .icon-folder{margin-top: -1px}
.sortDataList li.ui-sortable-handle:hover{background: #eeeeee; cursor: move;}

/* File module Permission table */
.fixedTableHeader.tblHeadHide{visibility:hidden;}
.fixedTableHeader .table-bordered > thead > tr > td{border-bottom:0;}
.fixedTableHeader .table > tbody > tr > td{padding:5px 8px;}
.fixedTableHeader.fixedTableHeaderACC .table > thead > tr > th{padding:5px 2px; font-size:12px;}
.parentDivWidth .table > thead > tr > th, .fixedTableHeader .table > thead > tr > th{padding:0;}
.parentDivWidth .table-bordered > tbody > tr:first-child > td, .fixedTableHeader .table-bordered > tbody > tr:first-child > td{border-top:0;}
.parentDivWidth .table-bordered > tbody > tr:first-child > th, .fixedTableHeader .table-bordered > tbody > tr:first-child > th{border-top:0;}
/*hide row at initial & show after */
.parentDivWidth .table tbody tr{ display:none;}
.parentDivWidth .table tbody tr.trDataHeader{cursor:pointer; display:table-row;}
.parentDivWidth .table tbody tr.trDataHeader.cursorUnset{cursor:unset;}
.parentDivWidth .table tbody tr .overflowHidden{margin-top:2px;}
.parentDivWidth .table tbody tr .icon-individual, .parentDivWidth .table tbody tr img.permissionUserAvatar{margin:2px 7px 0 38px;}
.form-control.selectDropSmall {background-position-x: 108% !important; padding: 0 3px; height: 23px; font-size: 11px; line-height: 22px !important; max-width: 60px; margin: 0 auto;}
/* file modal metadata */
/*.modalFileMeta {max-width:570px}*/
.modalFileMeta .lookupTypeCol:last-child {padding-bottom:110px;}


/* Syncly css start */
.modal-lg.modal-syncly {width:85vw;}
.modal-lg.modal-syncly .modal-body {padding:0 !important; border-radius:6px !important;}
#syncly_folders_modal_id .loader,
#syncly_files_modal_id .loader {padding-top: 35vh;}


/* file modal esign tracking start */
.info_envelop_icon {border-color: #707070; border-radius: 50%; padding:2px 6px 1px 6px; margin-top: 2px; border-style: solid; border-width: 1px; display: inline-block; box-shadow: 0px 0px 0px 0.4px #707070;}
a.info_envelop_icon:hover {border-color:#005696;}

.icon_decliend, .icon_signed, .icon_autoresponded {font-size: 0; vertical-align: 5px;}
.icon_decliend:before {font-size: 8px; line-height: normal; width:12px; text-algin:center; display:block; background: #DC0A0A; margin-right: 3px; color: #fff; vertical-align: middle; border-radius: 50%; padding:2px 2px 1px 2px; display: inline-block;}
.icon_sent {font-size: 0; line-height: 22px; border: 2px solid #004070; background:transparent; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
.icon_signed:before {font-size: 8px; line-height: normal; width:12px; text-algin:center; display:block; background: #387C2B; margin-right: 3px; color: #fff; vertical-align: middle; border-radius: 50%; padding:2px 2px 1px 2px; display: inline-block;}
.icon_env_decliend {font-size: 0; line-height: 22px; border: 2px solid #DC0A0A; background:transparent; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
.icon_awiating {font-size: 0; line-height: 22px; border: 2px solid #959595; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
.icon_draft {font-size: 0; line-height: 22px; border: 2px solid #404040; background: transparent; border-radius: 50%; padding: 4px; vertical-align: 6px; margin-right: 8px;}
.icon_ready {font-size: 0; line-height: 22px; border: 2px solid #787171; background: transparent; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
.icon_voided {font-size: 0; line-height: 22px; border: 2px solid #CA4615; background: transparent; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
.icon_delivered {font-size: 0; line-height: 22px; border: 2px solid #e4af37; background: transparent; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
.icon_created {font-size: 0; line-height: 22px; border: 2px solid #bae9ff; background: transparent; border-radius: 50%; padding: 4px; vertical-align: 4px; margin-right: 8px;}
/*.icon_autoresponded {font-size: 0; line-height: 22px; border: 2px solid #8c7af5; background: transparent; border-radius: 50%; padding: 4px; vertical-align: middle; margin-right: 8px;}*/
.icon_autoresponded.icon-exclamation {margin-left:0;}
.icon_autoresponded:before {font-size: 8px; line-height: normal; width:12px; text-algin:center; display:block; background: #CF4238; margin-right: 3px; color: #fff; vertical-align: middle; border-radius: 50%; padding:2px 2px 1px 2px; display: inline-block;}

.envelop_filelist ul li {border-top:1px solid #e3e3e3; padding:10px 0;}
.envelop_filelist ul li:first-child {border-top:0px; padding:0 0 10px 0;}
.recipient_table {overflow-x:auto;}
.recipient_table td {padding:8px;}


.esignTag_Sent {line-height: normal; display:inline-block !important; max-width:100%; margin-bottom:10px; padding:3px 7px; color:#fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #004070; border-radius: 4px;}
a.esignTag_Sent, a.esignTag_Sent:hover, a.esignTag_Sent:focus {color:#fff;}
.esignTag_Ready {line-height: normal; display:inline-block !important; max-width:100%; margin-bottom:10px; padding:3px 7px; color:#fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #621F95; border-radius: 4px;}
.esignTag_Signed {line-height: normal; display:inline-block !important; max-width:100%; margin-bottom:10px; padding:3px 7px; color:#fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #387C2B; border-radius: 4px;}
a.esignTag_Signed, a.esignTag_Signed:hover, a.esignTag_Signed:focus {color:#fff;}
.esignTag_Voided {line-height: normal; display:inline-block; margin-bottom:10px; padding:3px 7px; color:#fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #CA4615; border-radius: 4px;}
a.esignTag_Voided, a.esignTag_Voided:hover, a.esignTag_Voided:focus {color:#fff;}
.esignTag_Declined {line-height: normal; display:inline-block; margin-bottom:10px; padding:3px 7px; color:#fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #DC0A0A; border-radius: 4px;}
a.esignTag_Declined, a.esignTag_Declined:hover, a.esignTag_Declined:focus {color:#fff;}
.esignTag_Draft {line-height: normal; display:inline-block; margin-bottom:10px; padding:3px 7px; color:#fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #404040; border-radius: 4px;}
a.esignTag_Draft, a.esignTag_Draft:hover, a.esignTag_Draft:focus {color:#fff;}



.declined-msg {font-size: 12px; margin-left: 19px;}

/* file modal esign tracking end */

/* freeze first column css */
.metaData .setPosHeadAction, 
.allSiteTemplateContainer .setPosHeadAction {position: absolute;  right: 0;  padding: 12px 8px;  background: #e3e3e3;  height: 100%;  margin-top: -20px; width:69px; max-height: 40px;}
.fixedMetaTableHead .setPosHeadAction,
.fixedTableHead.allSiteTemplate .setPosHeadAction {position:fixed;margin-top: -21px; padding: 12px 8px;  background: #e3e3e3; width:70px; max-height: 40px;}
.metaData .setPosAction:before,
.allSiteTemplateContainer .setPosAction:before {display: block;  border-top: 1px solid #dddddd;  margin: -13px -8px;   padding: 24px 0 0 0; content:'';}
.metaData .table > tbody > tr .setPosAction {position: absolute;  right: 0;  padding: 12px 8px;  background: #fcfcfc;  height: 100%;  margin: -12px 0 0 0; width:70px;}
.allSiteTemplateContainer .table > tbody > tr .setPosAction {position: absolute;  right: 0;  padding: 12px 8px;  background: #fcfcfc;  height: 100%;  margin: -12px 0 0 0; width:70px; min-height:24px;}
.metaData .table > tbody > tr.dragfolder.highlight td .setPosAction {background:#005696;}
.metaData .table > tbody > tr .setPosAction .icon,
.allSiteTemplateContainer .table > tbody > tr .setPosAction .icon {top: 2px; position: relative;}
.metaData .table > tbody > tr:hover .setPosAction,
.allSiteTemplateContainer .table > tbody > tr:hover .setPosAction {background:#f5f5f5;}
#select_template_document_similarity_modal #attachmentModal_dropDownSiteList_browseTab_filesFolder .col-sm-5 {width: 83.33333333%;}

/* file smart folder css start */
.greyContainer {padding: 15px; margin-bottom: 15px;background-color: #f3f3f3; border: 1px solid #e3e3e3; border-radius: 4px;}

/* file thumbnail view css start */
.thumbContainer {margin:0 -10px;}
.thumbContainer .listItems {width:100%; word-wrap: break-word; float:left; padding:10px;}
.thumbContainer.column10 .listItems {width:10%;}
.thumbContainer.column9 .listItems {width:11.1111%;}
.thumbContainer.column8 .listItems {width:12.5%;}
.thumbContainer.column7 .listItems {width:14.2857142857%;}
.thumbContainer.column6 .listItems {width:16.6666%;}
.thumbContainer.column5 .listItems {width:20%;}
.thumbContainer.column4 .listItems {width:25%;}
.thumbContainer.column3 .listItems {width:33.3333%;}
.thumbContainer.column2 .listItems {width:50%;}
.listItems .thumb {border:1px solid #e3e3e3; border-radius:4px;}
.listItems:hover .thumb {border:1px solid #005696;} 
.listItems.thumbDocument:first-child {clear:left;}
.iconSection {height:50px; padding:10px; line-height:30px;}
.iconSection .icon-folder {font-size:24px; color:#999; margin-right:8px;}
.actionSection {background:#eee; padding:3px 10px 0 10px; border-radius:0 0 4px 4px;}
.infoSection {padding:10px; height: 122px; overflow:hidden;}
.thumbMeta {font-size: 13px; margin-top: 5px;}
.thumbIndexNumber {display: table-cell; padding-right: 5px;}
.thumbSection {position: relative; width:100%; height:0px; padding-top:75%; overflow: hidden; background:#f3f3f3; border-radius: 4px 4px 0 0;}
.thumbSection img {position:absolute; left:-100%; top:-100%; right:-100%; bottom:-100%; max-width:340px; max-height:360px; width:auto; margin:auto;}
.listItems.selected .thumb, 
.listItems.highlight .thumb {border-color:#005696; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 86, 150, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 86, 150, .6);}
.listItems.thumbFolder.highlight .thumb {background:#005696;}
.listItems.thumbFolder.highlight .actionSection {background:#005696; color:#fff;}
.listItems.thumbFolder.highlight .icon, .listItems.thumbFolder.highlight a {color:#ffffff;}
.awaitEsignThumblist .infoSection{height: 168px;}
@-moz-document url-prefix() { 
	.thumbSection img{top:50%; left:50%; transform:translate(-50%, -50%); right: auto; bottom: auto;}
}
.actionSection input[type="radio"], .actionSection input[type="checkbox"] {margin-top:6px;}
.awaitingEsignDocs .thumbDocument .actionSection {height: 29px;}

/* new file added class */
.newFileAdded{background-color:#fcf8e3;}
.icon-userorg{margin-top:-5px; margin-left:5px;}
.tokenBig .token .icon-check-circle{float:left; margin:0 -5px 0 5px; font-size:18px;}
.tokenBig .token:hover .icon-check-circle{color:#ffffff;}

/* AI Hub Thumb*/
.manageAIThumb .listItems .thumb.active {border:3px solid #005696;} 
.manageAIThumb .thumb.disabled{position:relative}
.manageAIThumb .thumb.disabled .thumbDisabled{background: #fff; width: 100%; height: 100%; position: absolute; opacity: .5; cursor: not-allowed;}
.manageAIThumb .listItems:hover .thumb.disabled{border-color:#e3e3e3;}
.manageAIThumb .thumbImgOuter {width: 75px; height: 75px; margin: 10px auto; border-width:0px; border-style: solid; border-color:#afafaf; border-radius:8px; display: table;}
.manageAIThumb .thumbImgOuter a{display:table-cell; height:100%; padding: 10px; vertical-align: middle;}
.manageAIThumb .thumbImgOuter a img{width:100%;}

/*AI Document intelligence Import*/
.DocIntelligenceProg{display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 250px);}
.docIntelligencesvg{fill: #707070;}
.docIntelligencesvg:hover{fill: #005696;}

/*END OF FILES*/


/*AI bookmark modal START*/
.bookmarkList{border: 1px solid #EEEEEE; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.05); filter: drop-shadow(0px 1px 0px #E3E3E3); border-radius: 4px; padding: 10px; margin-bottom: 5px}

/*AI bookmark modal END*/

/* Add site Dialog */
.removeSiteLogo{ border: 1px solid #cccccc; border-radius: 4px; padding: 3px; position: relative; max-width: 136px; display: inline-block; margin-top: 10px;}
.removeSiteLogo .icon-remove{position: absolute; right: -6px; top: -10px;}

/* home, splash and terms page css */
.mainSection .fixBtnContainer .container {margin:0 auto; padding:0;}
.splashPage .fixBtnContainer, .termsPage .fixBtnContainer {position:fixed; bottom:92px; left:0px; right:0px; height:62px; background:#fcfcfc;}
.splashPage .staticBottomBtn, .termsPage .staticBottomBtn {padding:15px 0; border-top:1px solid #005696;}
.termsPage .footer, .splashPage .footer {position:fixed !important; bottom:0; left:0; right:0;}
.fixedBottomBtn {padding-bottom:130px;}
.withoutTitle .fixedContent {min-height:0 !important; visibility:hidden;}
.withoutTitle .dashboardWrapper:hover .fixedContent, .withoutTitle .dashboardWrapper:focus .fixedContent{visibility:visible;}
.withoutTitle .headPageTitle {float:right; /*width:106px !important;*/ padding-top:0; margin-top:0; height:0 !important; position: relative; z-index: 1;}
.withoutTitle .pageActionIcon {padding:5px 5px 5px 5px; border-radius:0 0 4px 4px; background:#fcfcfc;}

/* home module dashboard customize property - remove important once dashboardhotfix 1.0.4 release and sync with 4.3.5 branch COL-63696*/
.dashboardPageTitle, .pageTitle .form-control{color:#333333;}
.panelTitle, .previewPanelTitle{border-bottom: 1px solid #005696!important; color:#333333;}
.collist li:hover, .collist li.activesection{background:#f5f5f5!important;}
.dropdown-menu.collist > li > a:hover, .dropdown-menu.collist > li > a.active{background-color:#005696!important;}
#gridContainer .placeholder{background:#005696!important;}
.ckInlineContent.cke_focus{/* outline:0 none; */ border-color:#005696!important; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 86, 150, .6)!important;}
.dataChartSection .kpiCardItem{background:#099cde;}


/* Wiki Module Start*/
.headPageTitle {padding-top:10px; margin-top:-10px; -webkit-backface-visibility: hidden;}
.headPageTitle.fixed {margin-top:0px; border-bottom: 1px solid #ddd; position:fixed; z-index: 3; background: #fcfcfc;}
.metaContainer{border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; margin:7px 0 20px 0; padding:8px 0 5px; position:relative;}
.metaContainer .metaConData{/*margin-right:185px;*/ font-size: 13px; margin: 2px 0 5px;}
/*.metaContainer .pageActionIcon{position:absolute; right:0;}*/
.tagSection, .attachmentSection, .commentSection, .categorySection, .contactSection{margin-top:25px;}
.leftsidePanel .leftpanelTopIcon{position:absolute; top:-35px;}
.modalBodyTop .leftpanelTopIcon{position:absolute; right:40px; top:-45px;}
.inlineCkSection {min-height:100px;}
.fancytree-node .icon-home{font-size:15px; color:#727272;}
.addeditWikiAttachment .postUpload{width:44%; margin:0 3%; float:left;}
.tagsTitle, .attachmentTitle, .categoryTitle, .contactTitle, .dataTitle{font-size:16px; font-weight:500;}
/* .fixedTableHeader {background:#ffffff;}  For Background Grey Color - COL-58126*/
.tblHeadFixed.fixed{position:fixed; z-index:1;}
.browseLinkHide{display: none;}/* browse link in action button*/
.ckContentArea .listUserDrops .dropdown-menu li{margin-bottom:0;}
.ckInlineContent .postSection{margin-bottom:15px;}
.ckInlineContent .postData{margin:5px 0px 0; padding:8px 8px 6px;}
.ckContentArea{overflow-x: auto; -webkit-overflow-scrolling:touch;}
.messConvoScroll .ckContentArea {overflow: inherit;}
#wiki_module_export_Div .alert-danger::before {content: " ";}

/* Wiki Tree style */
body.wiki ul.fancytree-container span.fancytree-title{line-height:16px; margin:0 0 6px 0;}
body.wiki ul.fancytree-container span.fancytree-expander {margin-top:0px;}

/* wiki comment image*/
.commentImgContainer{margin: 0 0 0 -10px;}
.commentImgSection{width:256px; height:256px; overflow:hidden; background:#eee; margin-bottom:10px; float:left; border-radius:4px; margin-left:10px;}
.compareDialog .dataDetails{padding:0 15px;}
.compareDialog .ckLinkInfo .icon-remove, .compareDialog .ckLinkInfo .icon-edit-circle{display:none;}

/* wiki compare css */
.attachCompare .diff-html-changed {background:#ddf4fb; border:1px solid #c6edf9; border-radius:4px;}
.attachCompare .diff-tag-removed {text-decoration: line-through; background-color:#fdc6c6; border:1px solid #fbc7c6; border-radius:4px;}
.attachCompare .diff-tag-removed a, .attachCompare .diff-tag-removed a .extension {text-decoration:line-through;}
.attachCompare .diff-tag-added {background-color:#ccffcc; border:1px solid #bfe7bf; border-radius:4px;}
.attachCompare .diff-tag-normal {border:1px solid transparent; border-radius:4px;}
.attachCompare .diff-tag-normal.imgListView {border:1px solid #e3e3e3;}
.attachCompare .thumbSection {border-radius:4px;}

/* tag cloudes */
.TagClouds{text-align:center; word-wrap:break-word; }
.tag1,.tag2,.tag3,.tag4,.tag5,.tag6,.tag7,.tag8,.tag9,.tag10{margin-right:10px; line-height:25px !important; color:#7D7C7F;}
.tag1{font-size:10px; font-weight:bold;}
.tag2{font-size:11px;}
.tag3{font-size:12px; font-weight:bold;}
.tag4{font-size:13px;}
.tag5{font-size:14px; font-weight:bold;}
.tag6{font-size:15px;}
.tag7{font-size:16px; font-weight:bold;}
.tag8{font-size:17px;}
.tag9{font-size:18px; font-weight:bold;}
.tag10{font-size:19px;}

/* WIKI Microsoft Autosuggest Tag*/
.tokenfield.tokenBig.MSTag span.token-label {font-size: 14px; padding: 2px 30px 2px 10px; line-height: normal;}
.MSTag .icon.icon-check-mark {position: absolute; right: 8px; top: 3px; font-size: 13px; color: #cccccc;}
.MSTag .token.selected {background: #d4edda; border-color: #bcdcc3;}
.MSTag .token.selected span.icon.icon-check-mark, .MSTag .token.selected .token-label{color: #155724;}
.MSTag .token:hover .icon.icon-check-mark{color: #ffffff;}
/* End of Wiki */

/* isheet description modal start */
.quesShowHide {color: #707070;}
.modal-form-info {background:#f3f3f3; position:absolute; bottom:52px; top:52px; z-index:11; overflow:auto; transition: all 0.5s ease;
-webkit-box-shadow:-4px 0 6px 1px rgba(0, 0, 0, 0.1); 
-moz-box-shadow:-4px 0 6px 1px rgba(0, 0, 0, 0.1); 
box-shadow:-4px 0 6px 1px rgba(0, 0, 0, 0.1); 
-webkit-overflow-scrolling: touch; border-left:1px solid #e3e3e3;}
.modal-form-info.hide {transition: all 0.5s ease;}
.modal.in .modal-dialog {transition: all 0.5s ease;}
.maxWidthJump {max-width:150px;}
/*.modal .modal-dialog.showDesPanel .modal-body,
.modal .modal-dialog.showhideDesPanel .modal-body {width:600px;}*/
.showDesPanel .panelCloseHead {display:none;}
.modal-form-info.infoHide {width: 300px; left: 100%; padding: 10px;}
.modal-form-info.infoShow {width:300px; left: 600px; padding:10px;}
.btn-default.notificationBtn{padding: 4px 8px;}
.btn-default.notificationBtn .icon{color:#005696;}
.btn-default.notificationBtn .icon:hover, .btn-default.notificationBtn:hover .icon, .open .btn-default.notificationBtn .icon{color:#ffffff;}
.filefolderPermission .modal-form-info.folderDescription.hide {left:auto !important; right: -300px; display: block !important;}
.filefolderPermission .modal-form-info.folderDescription {left:auto !important; right:0px;}
.filefolderPermission.upDataDialog .modal-form-info.infoShow{ width: 385px; bottom: 0px;}
.filefolderPermission.upDataDialog .modal-form-info.folderDescription.hide{right: -390px;}
#file_module_advanceSearch_modal .modal-form-info {top:47px;}
.iSheets .container .gridMainDiv .fixedCell:before {display: block;  border-top: 1px solid #e3e3e3;  margin: -2px -8px;   padding: 4px 0 0 0; content:'';}

/*isheet manage view */
.iSheets .manageViewDropdown .label{position: absolute; right: 15px; top: 5px;} 
.iSheets .manageViewDropdown a {padding-right: 65px;}
.dragdrop .placeholder{ margin-bottom:5px; height:50px; background: #747474;}

/* isheet Full screen modal */
.fullScreenModal {padding: 0px !important;}
.fullScreenModal.fade .modal-dialog{ margin:20px 0; padding:0 20px; width: 100%; transform:none;}
.fullScreenModal .modal-content { box-shadow: none; border: 0px none;}
.fullScreenModal .modal-header, .fullScreenModal .modal-footer {border-radius:0px;}
.fullScreenModal .headPageTitle.fixed {left:35px!important; right:35px; z-index:11;}
/* isheet Grid report error/warning */
div.gridbox_dhx_web.gridbox table.obj > tbody > tr > td.text-danger{border: 1px solid #ebccd1; color:#a94442; background-color:#f2dede;}
div.gridbox_dhx_web.gridbox table.obj > tbody > tr > td.text-warning{border: 1px solid #faebcc; color:#c39c5a; background-color:#fcf8e3;}

.sectPanel {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); margin:0 -15px 0px -15px;}
.sectTitlePanel { position:relative;}
.sectTitle {font-size: 14px; background:#005696;}
.sectTitle a {padding:10px 15px; display:block;}
.sectTitle, .sectTitle a, .sectTitle a:hover, .sectTitle a:focus {color:#ffffff;}
.sectTitleDesc {padding:10px 15px; background:#f3f3f3; position:relative;}
/*.blueSection {position:absolute; top:0; bottom:0; left:100%; right:-100%; display: none; background:#005696;}
.greySection{background:#f5f5f5; position:absolute; top:0; bottom:0; left:100%; right:-100%; display: none;}
.sectionspacer .blueSection, .sectionspacer .greySection{display: block;}*/

/* #isheet_module_addItem_modal_BODY .blueSection,
#isheet_module_editItem_modal_BODY .blueSection,
#isheet_module_viewItem_modal_BODY .blueSection,
#isheet_module_advanceSearch_modal_BODY .blueSection,
#file_module_advanceSearch_modal .blueSection,
#isheet_module_addItem_modal_BODY .greySection,
#isheet_module_editItem_modal_BODY .greySection,
#isheet_module_viewItem_modal_BODY .greySection,
#isheet_module_advanceSearch_modal_BODY .greySection,
#file_module_advanceSearch_modal .greySection,
[id*="isheet_module_viewItem_modal_"] .blueSection,
[id*="isheet_module_viewItem_modal_"] .greySection, .dialogRight .blueSection, .dialogRight .greySection {display:none;} */

.isheetDrop{ margin-top:1px;}
.isheetDrop .icon.icon-actions{font-size:17px;}
.lookupColSelected{background:#eee; border:1px solid #e3e3e3; padding:5px 7px; border-radius:3px;}
.imgURLwidth{max-width:256px!important;}/*overwrite bootstrap print*/
.srcSheet {top: 32px; left: 0; right: 0; text-align: center;}

/* isheet auto save message in modal footer (COL-41870) */
#isheet_module_addEditItem_modal_autoSaveMsg{position: relative; top: 2px;}
#isheet_module_addEditItem_modal_autoSaveMsg + button.btn-cancel {margin-top: 2px;}

/* isheet compare modal COL-98133*/
.file-diff-image .diff-added-image{width: auto;height:auto;}

/*UID-3405 horizontal navigation bar overlapS*/
.iSheets div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(1) {left: 0; position: sticky; }
.iSheets div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(2) {left: 5px; position: sticky; }
.iSheets div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(3) {left: 35px; position: sticky; }

.iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(1) {position: sticky; left: 0px; }
.iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(2) {position: sticky; left: 5px; }
.iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(3) {position: sticky; left: 35px;}

/*Prevent fix first three td in fullscreen modals*/
.fullScreenModal div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(1) {left: auto; position: static; }
.fullScreenModal div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(2) {left: auto; position: static; }
.fullScreenModal div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(3) {left: auto; position: static; }

/*Cocouncel modal to make fullscreen*/
.cocouncel-modal .modal-body { height: 100% !important; padding: 0;}
.cocouncel-modal .modal-footer { display: none; }
.cocouncel-modal .modal-content { border-radius: 0; }
.fullScreenModal.fade.cocouncel-modal .modal-dialog { margin: 0; padding: 0; }

/*UID-3405 horizontal navigation bar overlapS ---END*/

/*start of Global Navigation Drag and Drop*/
.globalNavListData, .addeditWikiAttachment{background: #f3f3f3; border: 1px solid #e3e3e3; border-radius: 4px;-webkit-border-radius: 4px; -moz-border-radius: 4px;}
.globalNavList{list-style-type: none; padding-left: 0;}
.globalNavList li a{text-decoration: none;}
.globalNavList ol{list-style-type: none;}
.globalNavList li.placeholder,.globalNavList ol li.placeholder{margin:5px 0; border-radius: 4px;-webkit-border-radius: 4px; -moz-border-radius: 4px;}
.globalNavList li > ol {padding-left:30px;}
.globalNavList .icon-move{cursor: move;}
.bannerTopExclamation {position:absolute; top:-7px; left:-5px;}
#globalNavigationResponseContainer {min-height:75px;}
/*End of Global Navigation Drag and Drop*/

/* Start of Event */
.eventlistTitle{font-size:16px; font-weight:500; padding-right:60px; word-wrap:break-word;}
.leftpaneleventCategory li a{padding:8px 10px; margin:0 -10px;}
.leftpaneleventCategory li a .TruncateTxt{max-width:68%;}
.leftpaneleventCategory .categoryColor{border-radius:2px; height:18px; width:12px; margin-right:10px; float:left;}
.leftpaneleventCategory .label, .leftpaneleventCategory .categoryColor{margin-top:2px;}
#highqscheduler{overflow: visible;}
#highqscheduler .dhx_cal_header{z-index: 0;}
#highqscheduler .dhx_cal_data{overflow: visible;}

/* mini-calendar & shedular overwrite*/
#highqscheduler.dhx_cal_container{border:1px solid #e3e3e3; border-top:0px;}
#highqscheduler.dhx_cal_container .dhx_cal_header{border-top:0px;}
.dhx_cal_container.dhx_mini_calendar{border:0px; box-shadow:0 0 0; border-radius:0;}
.dhx_cal_container.dhx_mini_calendar .dhx_year_month span.minCalTitle{cursor:pointer;}
.dhx_cal_container.dhx_mini_calendar .dhx_year_week .dhx_scale_bar{ font-size:12px; padding:0; margin:0 4px; color:#343434;}
.dhx_cal_container.dhx_mini_calendar .dhx_year_week{ border-bottom:0px; margin-top:10px;}
.dhx_cal_container.dhx_mini_calendar .dhx_year_body .dhx_month_body{background-color:#fff; border-bottom:0;}
.dhx_cal_container.dhx_mini_calendar .dhx_now .dhx_month_head{ color:#DC0A0A; background-color:#fff;}
.dhx_cal_container.dhx_mini_calendar .dhx_calendar_click, .dhx_mini_calendar .dhx_year_body.select_month .dhx_month_head, .dhx_cal_container.dhx_mini_calendar .dhx_now .dhx_calendar_click{background-color:#f3f3f3;}
.dhx_mini_calendar .dhx_year_body .dhx_before .dhx_month_head , .dhx_mini_calendar .dhx_year_body .dhx_after .dhx_month_head{ background-color:#fff;}
.dhx_year_body .dhx_before.beforeafterDates .dhx_month_head, .dhx_year_body .dhx_after.beforeafterDates .dhx_month_head{ background-color:#ECECEC; color:#bbb!important;}/*overwrite dhtmlx css*/

.dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button, .dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button{margin-top:-4px; background:none; font-family:"highq50"!important;}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button{margin-left:-5px;}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button{margin-right:-10px;}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_next_button:before{content:"\e05e";}
.dhx_cal_container.dhx_mini_calendar .dhx_cal_prev_button:before{content:"\e05d";}

.dhx_cal_container.dhx_mini_calendar .dhx_year_body table{width:100%;}
.dhx_cal_container.dhx_mini_calendar .dhx_month_head{height:28px; border:0; color:#343434;}
.dhx_month_head.dhx_year_event {font-weight:bold; background-color:#fff;}
.dhx_multi_day .dhx_cal_event_line:hover{text-decoration:underline;}
.dhx_mini_calendar .dhx_month_head, .dhx_mini_calendar .dhx_month_head.dhx_year_event{border-radius:0px; padding:4px 0; margin:0;}
.dhx_cal_event.dhx_cal_select_menu, .dhx_multi_day_icon, .dhx_multi_day_icon_small {display:none;}
#highqscheduler .dhx_cal_event_line .dhx_event_resize{background:transparent;}
.dhx_cal_event .dhx_title{text-align: left;}
.dhx_cal_event .dhx_title span{padding-left: 5px;}
.event .modal .miniCalendar{width: 270px; margin: 0 auto}

/*popover*/
.eventPopover{width:300px;}
.eventPopover .modal-header{background:#eee;}
.eventPopover .eventlistTitle{padding-top:5px; padding-right:0;}
.eventPopover .categoryColor{border-radius:2px; float:left; height:17px; margin: 1px 4px 0 0; width: 17px;}
.eventPopover .categoryTooltip{height:17px; width: 17px; display: inline-block;}

ul.eventSearch {width:310px; top:33px; padding:0;}
ul.eventSearch li a{padding:5px;}

.google-maps {height: 0; overflow: hidden; padding-bottom: 25%; position: relative;}
/* End of Event */

/*Downloading files from share*/
.sharedFileContainer{bottom: 0; left: 0; margin: 0 auto; width: 360px; position: absolute; right: 0; top: 0; vertical-align: middle;}
.sharedFileTable{display: table; height: 100%; vertical-align: middle; width: 100%}
.sharedFileCell{display: table-cell; vertical-align: middle;}
.blueStrip{height: 4px; background: #005696;}
.sharedFileContent{max-width:360px; padding:10px; background:#fcfcfc;}

/* task module css start here */
/* .tasksListContainer {position:relative;} */
.cardViewSection {position:relative;}
.cardViewSection.cardViewSectionMinHeight {min-height: 410px;} /*Add this css to solve action dropdown hide issue in Task card view */
.abszIndex {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1000;}
.headDivTitle {padding-top:0px; margin-top:0px; -webkit-backface-visibility: hidden;}
.headDivTitle.fixed {margin-top:0px; border-bottom: 1px solid #ddd; position:fixed; z-index: 2; background: #fcfcfc;}
.taskColHead {background:#e3e3e3; border-top:1px solid #e3e3e3; border-left:3px solid transparent; cursor:default;}
.taskColListTitle {padding:20px 8px 10px 13px; border-top:1px solid #e3e3e3; font-size:18px;}
.taskColList {border-top:1px solid #e3e3e3; position:relative; border-left:3px solid transparent;}
.taskColList .openArrow {position:absolute; right:609px; top:50%; /*margin-left: -8px;*/ z-index:3; display:none;}
.taskColList .openArrow:before {border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #999; top:-12px; left:-4px; content:''; position:absolute; display:inline-block;}
.taskColList .openArrow:after {border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 11px solid #fff; top: -11px; left: -3px; position: absolute; display: inline-block; content: '';}
.tasksListContainer .colTitle, .tasksListContainer.startDateCol .colTitle, .tasksListContainer .colId {float:left; padding:10px 8px;}
.tasksListContainer .colTitle{width:30%;}
.tasksListContainer .colId{width:8%;}
.tasksListContainer.startDateCol .colTitle {width:24%;}
.tasksListContainer .colDate {width:10%; float:left; padding:10px 8px;}
.tasksListContainer .colList {width:12%; float:left; padding:10px 8px; word-wrap:break-word;}
.tasksListContainer .colPriority {width:8%; float:left; padding:10px 8px;}
.tasksListContainer .colStatus {width:12%; float:left; padding:10px 8px;}
.tasksListContainer .colAssigne, .tasksListContainer.startDateCol .colAssigne {float:left; padding:10px 8px; word-wrap:break-word;}
.tasksListContainer .colAssigne{width:20%;}
.tasksListContainer.startDateCol .colAssigne {width:16%;}



.task .taskDetailContainer {position:fixed; top:0; bottom:0; right:0; width:600px; background-color: #fff; box-sizing:content-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #e3e3e3; border-left: 1px solid #ccc; -webkit-box-shadow:-5px 0px 5px -5px rgba(0, 0, 0, .175); box-shadow:-5px 0px 5px -5px rgba(0, 0, 0, .175); z-index:3; -webkit-overflow-scrolling: touch; 
transition: -webkit-transform .2s .2s, top .3s; -webkit-transition: -webkit-transform .2s .2s, top .3s; transform: translate(102%); -webkit-transform: translate(102%);}
.task .taskDetailContainer .taskDetailBody{overflow-y:auto; overflow-x:hidden;}
.task .taskDetailContainer .taskDetailHeader{background: #f3f3f3; padding: 10px 15px; border-bottom: 1px solid #e3e3e3; display: flex;} 

.taskDetailHeader{display: flex;}
.taskDetailHeader .taskDetailHeaderData{max-width: 82%;} 

.taskDetailHeader a.TruncateLink,
.taskDetailHeader .taskDetailsBreadcrumbs{max-width: 75%; float: left; position: relative; }
.taskDetailHeader .taskDetailsBreadcrumbs a:hover,
.taskDetailHeader .taskDetailsBreadcrumbs a:focus{text-decoration: none;}
.taskDetailHeader .taskDetailsBreadcrumbs a .caret{position: absolute; right: 0; top: 9px;}

.taskDetailHeader .taskDetailsBreadcrumbsMM {max-width:100%;}

.taskDetailContainer .taskTitle .icon-exclamation:hover,
.taskMetaModal .taskTitle .icon-exclamation:hover{color:#de0202;}

.taskPriorityHigh{color:#de0202;}
.taskPriorityLow{color:#707070;}

.task .inlineCkSection{min-height: inherit;}
.taskColList.normalRow, .subtaskList .subtaskListItem.normalRow{border-left-color:#999999;}
.taskColList.selectOverdue, .subtaskList .subtaskListItem.selectOverdue {border-left-color:#E4101C;}
.taskColList.selectInProgress, .subtaskList .subtaskListItem.selectInProgress {border-left-color:#0FA2E0;}
.taskColList.selectCompleted, .subtaskList .subtaskListItem.selectCompleted {border-left-color:#AFD57A;}
.taskColList.selectCompleted > div, 
.taskColList.selectCompleted > div a,
.taskColList.selectCompleted > div.colTitle .taskActionIcons + div,
.taskColList.selectCompleted > div.colTitle .taskActionIcons + div a,
.taskColList.selectCompleted > div.colTitle .taskActionIcons + div + div,
.taskColList.selectCompleted > div.colTitle .taskActionIcons + div + div a,
.taskColList.selectCompleted .comp-checkboxEle {opacity:1; filter: alpha(opacity=100); text-decoration:line-through;}
.taskColList.selectCompleted > div.openArrow,
.taskColList.selectCompleted > div.colTitle,
.taskColList.selectCompleted > div .taskActionIcons a.icon-caret-down {opacity:1; filter: alpha(opacity=100);}
/*.taskColList.selectCompleted .colStatus {color:#AFD57A;}*/
.taskColList .colTitle .urgentLink a, .taskColList .colTitle .urgentLink, .subtaskList .subtaskListItem .subtaskListTitle.urgentLink a, .dashTasks li .urgentLink a{color:#DC0A0A;}
.taskColList:hover, .taskColList.selected {background:#f5f5f5;}
.taskColList.selected .openArrow {display:block;}

.tokenTask .tokenfield li{margin-bottom:5px; float:left; display:block; max-width:100%;}

/*New task list view css start*/
.tasksListContainer .taskColHead .colTitle,
.tasksListContainer.taskiSheetMeta.metaViewNone .taskColHead .colTitle,
.mytask .tasksListContainer.taskiSheetMeta .taskColHead .colTitle{padding-left:75px;}
.tasksListContainer.separateSubTasksView .taskColHead .colTitle,
.tasksListContainer.taskiSheetMeta.metaViewNone.separateSubTasksView .taskColHead .colTitle,
.mytask .tasksListContainer.separateSubTasksView.taskiSheetMeta .taskColHead .colTitle{padding-left:45px;}
.tasksListContainer .taskColList .colTitle, 
.tasksListContainer.taskiSheetMeta.metaViewNone .taskColList .colTitle{padding-left:15px;}
.tasksListContainer.taskiSheetMeta .taskColHead .colTitle,
.tasksListContainer.taskiSheetMeta .colTitle,
.tasksListContainer.taskiSheetMeta .subtaskListContainer .taskColList .colTitle{padding-left:8px;}
.tasksListContainer .taskColList .taskActionIcons{width:55px;}
.taskiSheetMeta .taskColList .colchkTask .taskActionIcons{width:50px;}

.tasksListContainer.separateSubTasksView .taskColList .taskActionIcons{width:30px;}

.tasksListContainer .taskColList .icon-caret-down{font-size:18px; color: #999999; margin-right:10px; transition-duration: 500ms;}
.tasksListContainer .taskColList .icon-caret-down.collapsed{transform: rotate(-90deg);}

.fullScreenMode .taskColList .openArrow {right:592px;}
.fullScreenMode .subtaskListContainer .taskColList .openArrow {right:622px;}

/*sub-task list column css start*/
.subtaskListContainer{overflow:hidden;}
.subtaskListContainer .taskColList{margin-left: 30px; width:100%; }
.subtaskListContainer .taskColList .openArrow{right: 639px; /*margin-left:-38px;*/}
.subtaskListContainer .taskColList .colTitle{width:calc(30% - 30px); padding-left:45px;}
.tasksListContainer.startDateCol .subtaskListContainer .taskColList .colTitle {width:calc(24% - 30px);}
.tasksListContainer .subtaskListContainer .taskActionIcons{width:30px;}
.taskiSheetMeta .subtaskListContainer .colchkTask .taskActionIcons{width:20px;}
.subtaskListContainer .addSubTaskColList{border-left:3px solid transparent; border-top:1px solid #e3e3e3; margin-left: 30px;}
.subtaskListContainer .addSubTaskColList.focused{border-bottom: 1px solid #005DA2;}

.subtaskListContainer .addSubTaskColList a, .taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList a{padding:6px 8px 24px 48px; display:inline-block; }
.taskiSheetMeta .subtaskListContainer .addSubTaskColList a{padding-left:46px; margin-left:0;}
.taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList a{margin-left: initial;}
.taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList a.margLeft30{ margin-left: inherit;}

.subtaskListContainer .addSubTaskColList .subtaskTitle, .taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList .subtaskTitle{padding:11px 8px 10px 45px; }
.taskiSheetMeta .subtaskListContainer .addSubTaskColList .subtaskTitle{padding-left:15px;}
.subtaskListContainer .addSubTaskColList .subtaskListTitleEditable{width: 100%; line-height: normal; border: 0 none; padding: 0;}
.subtaskListContainer .addSubTaskColList .subtaskListTitleEditable{width:650px; min-height:17px;}
.subtaskListContainer .addSubTaskColList .subtaskListTitleEditable:focus{/* outline: none; */ margin:3px 0 3px 3px;}

.subtaskListTitleEditable{background-color:transparent;}
.subtaskListTitleEditable::-moz-placeholder{color: #999; opacity: 1;}
.subtaskListTitleEditable:-ms-input-placeholder{color: #999;}
.subtaskListTitleEditable::-webkit-input-placeholder{color: #999;}
		  
.tasksListContainer .subtaskListContainer .taskColList:first-child, .tasksListContainer .subtaskListContainer .addSubTaskColList:first-child{border-top: 0;}
/*.tasksListContainer > .taskColList:last-child, .tasksListContainer .taskColList + .subtaskListContainer:last-child .addSubTaskColList{border-bottom:1px solid #e4e4e4;}*/

.subTaskListIcon,.completedSubtasksIcon {color: #707070;}
.completedSubtasksIcon:hover{text-decoration:none;}
.subTaskListIcon img, .completedSubtasksIcon img, .taskListIcon img{vertical-align:-1px;}
.ckContentArea .taskListIcon img,
.ckContentArea .subTaskListIcon img{max-width: none; height:14px !important;}
.subTaskListIcon:hover, .subTaskListIcon:focus{ text-decoration: none;}

/*Sub-task List component css start*/
.subtaskList .subtaskListItem{border-bottom:1px solid #e7e7e7; border-left:3px solid transparent; padding: 11px 0 9px 10px; height: 45px; display: flex;}
.subtaskList .subtaskListItem.focused{border-bottom-color:#afafaf;}
.subtaskList .subtaskListItem .subtaskListTitle{cursor: pointer; flex:1;}
.subtaskList .subtaskListItem .subtaskListTitle a{color:#343434;}
.subtaskList .subtaskListItem .icon-chevron-right{color: #707070;}
.subtaskList .subtaskListItem .icon-calendar{color:#b5b5b5; font-size:16px;}
.subtaskList .subtaskListItem .subtaskListAssignee{float:left; margin-right:5px;}
.subtaskList .subtaskListItem .subtaskListAssignee a{margin-right:5px; float: left;}
.subtaskList .subtaskListItem .subtaskListAssignee a:hover{text-decoration:none;}
.subtaskList .subtaskListItem .subtaskListAssignee canvas {border-radius: 3px; display: block;}
.subtaskList .subtaskListItem.selectCompleted .subtaskListDate,
.subtaskList .subtaskListItem.selectCompleted .subtaskListTitle a{opacity: 1; filter: alpha(opacity=100); text-decoration: line-through; color:#005696}
.subtaskList .subtaskListItem .subtaskListTitle .subtaskListTitleEditable{width: 100%; line-height: normal; border: 0 none; padding:0;}
.subtaskList .subtaskListItem .subtaskListTitle .subtaskListTitleEditable:focus{margin: 3px 0 0 3px; /* outline: none;  border-bottom:2px solid #009cde; padding-bottom:12px;*/}
.subtaskList .subtaskListItem .subTaskData{margin-left:auto;}
/*Sub-task List component css end*/

/*Custom checkbox component css start*/

/* The checkbox container */
.comp-checkbox{ position: relative; padding-left: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0; width:16px; height:16px;}
/* Hide the browser's default checkbox */
.comp-checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom checkbox */
.comp-checkbox .comp-checkboxEle{content:""; position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-color: #ffffff; border-radius:100%; border:1px solid #949494;}
/* On mouse-over, add a grey background color */
.comp-checkbox:hover input ~ .comp-checkboxEle{border-color:#005DA2;}
/* When the checkbox is focused, add black border */
/*.comp-checkbox input:focus ~ .comp-checkboxEle{outline: 1px dashed #005696;}*/
/* When the checkbox is checked, add a blue background */
.comp-checkbox input:checked ~ .comp-checkboxEle{background-color: #005DA2; border-color:#005DA2;}
/* When the checkbox is disabled */
.comp-checkbox input:disabled ~ .comp-checkboxEle{background-color: #e7e7e7; border-color: #d6d6d6;}
/* When the checkbox is checked and disabled */
.comp-checkbox input:checked:disabled ~ .comp-checkboxEle:after{border: solid #8c8b8b; border-width: 0 2px 2px 0;}
/* Create the indicator (hidden when not checked) */
.comp-checkbox .comp-checkboxEle:after {content: ""; position: absolute; display: none;}
/* Show the indicator when checked */
.comp-checkbox input:checked ~ .comp-checkboxEle:after {display: block;}
/* Style the indicator */
.comp-checkbox .comp-checkboxEle:after {left: 5px; top: 2px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg);	-ms-transform: rotate(45deg); transform: rotate(45deg);}
/*Custom checkbox component css end*/

/*New task list view css end*/

/* Practical Law resources css. */
.dataDetails .resourcesContainer{border: 1px solid #c8c8c8; border-radius: 4px;}
.dataDetails .resourcesContainer .resourcesHeader{background:#f5f5f5; padding: 10px 15px;}
.dataDetails .resourcesContainer .resourcesList{ padding: 0 15px 10px 15px;}
.dataDetails .resourcesContainer .resourcesList .truncateShow{display:block; margin-top:10px;}

/* mytask */
.mytask .tasksListContainer .colTitle {width:22%; float:left; padding:10px 8px 10px 15px;}
.mytask .tasksListContainer .subtaskListContainer .taskColList .colTitle{width:calc(22% - 30px);  padding-left: 45px;}
/*.mytask .tasksListContainer .subtaskListContainer .addSubTaskColList a{padding-left:80px;}*/
.mytask .tasksListContainer .subtaskListContainer .addSubTaskColList .subtaskTitle{padding-left:45px;}
.mytask .taskiSheetMeta .subtaskListContainer .addSubTaskColList a.margLeft30{ margin-left: inherit;}


.mytask .tasksListContainer .colId{width:8%;}
.mytask .tasksListContainer .colDate {width:10%; float:left; padding:10px 8px;}
.mytask .tasksListContainer .colList {width:10%; float:left; padding:10px 8px; word-wrap:break-word;}
.mytask .tasksListContainer .colPriority {width:8%; float:left; padding:10px 8px;}
.mytask .tasksListContainer .colStatus {width:12%; float:left; padding:10px 8px;}
.mytask .tasksListContainer .colAssigne {width:18%; float:left; padding:10px 8px; word-wrap:break-word;}
.mytask .tasksListContainer .colSite {width:12%; float:left; padding:10px 8px; word-wrap:break-word;}


/*Task popup CSS*/
.taskTitle{padding:15px 15px 0;}
.taskTitle .edit-content:after {content: ""; font-size:16px;}
.taskTitle .edit-content:hover:after {content: "\e0dd";}
.taskTitle .edit-area{margin-top: -3px;/* margin-bottom: -3px; margin-left: -6px;*/}
.taskTitle .edit-area .form-control{font-size: 23px; padding:2px 12px 2px 5px; line-height:normal; height:auto;}
.taskTitle .edit-section.cardTaskStatus .edit-area .form-control, .taskTitle .edit-section.cardTaskStatus ~ .edit-section .edit-area .form-control{font-size: 14px; padding:6px 9px 6px 6px;}
.taskTitle .edit-section-hover h3.edit-content:after{vertical-align:middle;}

.edit-section-hover .edit-content{ /*display: inline-block;*/ margin-top: -2px;}
.edit-section-hover .edit-content:after{content:""; font-size:16px; vertical-align:top;}

.edit-section-hover .edit-content:hover:after,
.edit-section-hover .edit-content:focus:after{content:"\e0dd";}
.edit-section-hover .edit-area,.edit-section-hover .editBlock-area{margin-top: -7px;} 
.taskDetailContainer .edit-field-btn, #TaskCardViewModalID_BODY .edit-field-btn{top:5px;}
.taskDetailContainer .btn-xs.disabled.loadingbtn{padding:6px 0 2px;}

.edit-section-hover .edit-content.inlineEditLink:after{display: none;}
.edit-section-hover .edit-content.inlineEditLink .inlineEditLinkSpacer:after{ margin-left:5px; content: ""; color:#999898; font-family: "highq50"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; vertical-align: -3px; font-style: normal; display: inline-block; width:18px; height:18px; cursor:pointer;}
.edit-section-hover .edit-content:hover .inlineEditLinkSpacer:after,
.edit-section-hover .edit-content .inlineEditLinkSpacer:focus:after { content: "\e0dd";}

/*task detail edit icon changes css ADO-744808*/
.taskDetailContainer .edit-section-hover .edit-content:after,
.taskDetailContainer .edit-section-hover .edit-content:hover:after,
.taskDetailContainer .edit-section-hover .edit-content:focus:after,
.taskDetailContainer .edit-section-hover .edit-content.inlineEditLink .inlineEditLinkSpacer:after,
.taskDetailContainer .edit-section-hover .edit-content:hover .inlineEditLinkSpacer:after,
.taskDetailContainer .edit-section-hover .edit-content .inlineEditLinkSpacer:focus:after,
#TaskCardViewModalID .edit-section-hover .edit-content:after,
#TaskCardViewModalID .edit-section-hover .edit-content:hover:after,
#TaskCardViewModalID .edit-section-hover .edit-content:focus:after,
#TaskCardViewModalID .edit-section-hover .edit-content .inlineEditLinkSpacer:after,
#TaskCardViewModalID .edit-section-hover .edit-content:hover .inlineEditLinkSpacer:after,
#TaskCardViewModalID .edit-section-hover .edit-content .inlineEditLinkSpacer:focus:after{position:relative; top:-3px; left:0; content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.4062 9.25C20.125 8.96875 19.6562 8.96875 19.3438 9.25L17.6562 10.9688L20.0312 13.3438L21.75 11.6562C22.0312 11.3438 22.0312 10.875 21.75 10.5938L20.4062 9.25ZM9.59375 19.0312C9.34375 19.25 9.1875 19.5625 9.09375 19.875L8.21875 22.7812L11.125 21.9375C11.4375 21.8438 11.75 21.6562 11.9688 21.4062L19.3438 14.0625L16.9375 11.6562L9.59375 19.0312ZM18.6562 8.53125C19.3438 7.875 20.4375 7.875 21.125 8.53125L22.4688 9.875C23.125 10.5625 23.125 11.6562 22.4688 12.3438L12.6875 22.125C12.3125 22.4688 11.875 22.75 11.4062 22.875L7.625 24C7.4375 24.0625 7.25 24 7.125 23.875C7 23.75 6.96875 23.5625 7 23.375L8.125 19.5938C8.25 19.125 8.53125 18.6875 8.875 18.3125L18.6562 8.53125ZM14.5 23H24.5C24.75 23 25 23.25 25 23.5C25 23.7812 24.75 24 24.5 24H14.5C14.2188 24 14 23.7812 14 23.5C14 23.25 14.2188 23 14.5 23Z" fill="%231F1F1F"/></svg>');}

.taskDetailContainer .edit-section-hover .edit-content.inlineEditLink .inlineEditLinkSpacer:after,
.taskDetailContainer .edit-section-hover .edit-content:hover .inlineEditLinkSpacer:after,
.taskDetailContainer .edit-section-hover .edit-content .inlineEditLinkSpacer:focus:after,
#TaskCardViewModalID .edit-section-hover .edit-content .inlineEditLinkSpacer:after,
#TaskCardViewModalID .edit-section-hover .edit-content:hover .inlineEditLinkSpacer:after,
#TaskCardViewModalID .edit-section-hover .edit-content .inlineEditLinkSpacer:focus:after{left:5px;}

/*task lists Modal*/
.taskModalScroll li{border-bottom: 1px solid #eeeeee; line-height: normal;}
.taskModalScroll > li{padding: 10px;}
.taskModalScroll li:hover{background-color: #f3f3f3; color: inherit; text-decoration: none;}

/*task Assigness Modal*/
.taskAssignesMeta {margin: 0 0px 0 60px;}

.icon.taskPanelHide{font-size:26px; color:#707070;}
.icon.taskPanelHide:before{margin-top:0px; vertical-align:-4px;}

/* Task cardview */
.cardTask, .cardListTitleWrapper {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; /*-moz-user-select:none; -ms-user-select:none; user-select:none;*/}
.cursorPanelMove {transform: rotate(0.5deg); -webkit-transform: rotate(0.5deg); -ms-transform: rotate(0.5deg);}
.cursorMove {transform: rotate(2deg); -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg);}

.cardViewSection {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative;}
.cardViewSection .cardViewListWrapper{white-space: nowrap; display:table;}
.cardListPanel{background:#f3f3f3; border:1px solid #e3e3e3; border-radius:4px; margin-left:12px; margin-bottom:15px; width:340px; display:inline-block; vertical-align:top;}
.cardListPanel.ui-sortable-helper, .cardTask.ui-sortable-helper{transform: rotate(2deg); -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg);}
.cardListPanel:first-child, .cardListHighlight:first-child{margin-left:0;}
.cardListPanel.dragColumn {border:2px dashed #c1c1c1;}
.cardListPanel.dragColumn .cardListingData {padding:8px;}
.cardListingData {padding:8px;}
.cardListTitle{font-size:18px; line-height:24px;}
.cardListTitleWrapper{cursor:move; margin:-10px; padding:15px 10px 0; display: flex;}
.cardTaskListSection, .taskListDisabled{margin-top:20px; min-height:60px;margin-bottom: -999999px; padding-bottom: 999999px;}
.cardTask{margin-top:10px; background:#ffffff; border-radius:4px; box-shadow:1px 1px 3px #d0d0d0; min-height:130px; cursor:move;}
.cardTask.selected {box-shadow: 0px 0px 3px 1px #333;}
.cardTask input[type='checkbox'] {cursor:default;}
.cardTaskTitle{margin:0 0 5px; font-weight:500;}
/*.cardTaskTitle a{white-space:normal; font-size:16px; font-weight:500;}*/
.cardTask.cardTaskDisabled{cursor: not-allowed;}
.addCloumnPanel{width:275px;}

.listTaskAssignee a{margin-right:5px; float:left;}
.listTaskAssignee .icon-usergroup{font-size:18px; height:24px; width:24px;}
.listTaskAssignee canvas{border-radius:3px; display:block;}
.listTaskAssignee .TruncateTxt a:last-child{float: none;}
.listTaskAssignee a.moreTaskAssigneeLink{border-radius: 3px; font-size: 13px; width: 24px; height: 24px; text-align: center; padding-top: 3px; display:block; background:#dddddd;}

.cardTaskAssignee{ font-size:12px; font-weight:bold; margin-left:5px;}
.cardTaskAssignee a{margin-right:5px; /*margin-bottom:12px;*/ float:left; }
.cardTaskAssignee a:last-child{margin-right:0}
.cardTaskAssignee .icon-usergroup{font-size:18px; height:24px; width:24px;}
.cardTaskAssignee canvas{border-radius:3px; display:block;}

.cardTaskDetail {padding:12px; border-left:3px solid;}
.cardTaskDetail.selectNotStart {border-left-color:#999999;}
.cardTaskDetail.selectOverdue {border-left-color:#E4101C;}
.cardTaskDetail.selectInProgress {border-left-color:#0FA2E0;}
.cardTaskDetail.selectCompleted {border-left-color:#AFD57A;}
.cardTaskDetail.selectCompleted .cardTaskTitle, .cardTaskDetail.selectCompleted .cardTaskDueDate{opacity:0.8; filter: alpha(opacity=80); text-decoration:line-through;}

.cardTaskDetail.selectCompleted .cardTaskStatus {text-decoration:none;}
.cardTaskStatus{margin-top:2px; font-size:12px; white-space: normal;}
.cardTaskStatus span{margin-right:3px;}
.cardTaskStatus span.TruncateTxt{max-width:85%;}
.cardTaskStatus span.label {max-width: 80%; text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap; vertical-align:middle;}
.cardTaskDetail .cardTaskStatus span.label{line-height:12px; font-size:10px;}

.cardTaskStatus .editableTaskStatus span.TruncateTxt{max-width:100%;}
.cardTaskStatus .editableTaskStatus button span.label{max-width:100%; margin-right:0; white-space:nowrap !important;}

.cardListHighlight{display:inline-block; vertical-align:top; padding:15px; margin-left:15px; border:1px solid #005696; border-radius:4px;}
.cardListHighlight, .cardTaskHighlight{background:#005696;}
.cardTaskHighlight{margin-top:10px; border-radius:4px;}
.removePlaceholder .cardTaskHighlight{height:0!important; margin:0;}
.cardTaskDetail .cardTaskBreadcrumbs{max-width: 30%; float: left; }

.printMargin .cardViewSection{overflow:inherit;}
.printMargin .cardViewSection .cardViewListWrapper{display: block;}
.printMargin .cardListPanel .cardListTitleWrapper{padding:10px 0; margin:0; cursor:pointer; border-bottom:2px solid #cccccc;}
.printMargin .cardListPanel{width:100%; margin-left:0; margin-bottom:20px; border:0; background:transparent; border-radius:0; display:block}
.printMargin .cardTaskListSection .cardTask{cursor:pointer; margin-top:20px; max-width:350px; box-shadow: none; border: 1px solid #cccccc;}
.printMargin .cardTaskListSection{padding-bottom:0; margin:0;}
.printMargin .cardTaskDetail .subtaskList { overflow: visible; max-height: none; margin: 10px 0;}
.printMargin .taskDetailHeader a.TruncateLink{max-width: 85%;}
.printMargin .taskiSheetMeta .taskColHead .colchkTask{width: 45px;}

.colorBox {padding: 0px 5px; display: table; width: 186px;}
.colorBox span {float: left; display: block; width: 32px; height: 32px; margin: 6px; cursor: pointer;}
.colorSelect .activeColor {width: 20px; height: 20px; float:left; margin-right: 7px;}
.lightText {color: #ebebeb;}
.darkText {color: #343434;}

/*Card view sub-task list css*/
.cardTaskDetail .subtaskListContainer{margin-top:4px;} 
.cardTaskDetail .subtaskListContainer .icon-caret-down{transition-duration: 500ms; margin-left: -4px;}
.cardTaskDetail .subtaskListContainer .collapsed .icon-caret-down{transform: rotate(-90deg);}
.cardTaskDetail .subtaskList{overflow:hidden; max-height: 225px;} 
.cardTaskDetail .subtaskList .subtaskListItem{height:33px; padding:5px 0 5px 10px;}
/*.cardTaskDetail .subtaskList .subtaskListItem .subtaskListTitle .subtaskListTitleEditable:focus{padding-bottom:6px;}*/
.cardTaskDetail .subtaskList:hover, .tabletScreenMode .cardTaskDetail .subtaskList, .mobileScreenMode .cardTaskDetail .subtaskList{overflow: auto;}
.cardTaskDetail .subtaskList .subtaskListItem .subtaskListTitle a,
.cardTaskDetail .subtaskList .subtaskListItem .subtaskListTitle .subtaskListTitleEditable,
.cardTaskDetail .subtaskList .subtaskListDate{font-size:13px;}

/* Task Timeline Scheduler css*/
.taskTimelineContainer .dhx_cal_header{background-color: transparent;}
.taskTimelineContainer .dhx_timeline_scale_header, .taskTimelineContainer .dhx_timeline_label_wrapper{background-color:#fcfcfc;}
.taskTimelineContainer .sectionHeaderLabel{z-index:3;}
.taskTimelineContainer .dhx_timeline_table_wrapper{height:100%;}
.taskTimelineContainer .dhx_timeline_table_wrapper .dhx_timeline_scrollable_data{overflow-y: hidden;}
.taskTimelineContainer .dummyScroll:focus{outline:none;}

.taskTimelineContainer.dhx_cal_container,
.taskTimelineContainer .dhx_cal_tab,
.taskTimelineContainer .dhx_scale_bar {font-family: 'Source Sans 3', sans-serif, Arial;}
.taskTimelineContainer .dhx_cal_tab, .taskTimelineContainer .dhx_cal_today_button{height:auto; width:auto; padding:5px 10px; border-width:1px;}
.taskTimelineContainer .dhx_cal_tab.active{text-shadow:none;}
.taskTimelineContainer .btn-group .btn + .btn{margin-left:-1px;}
.taskTimelineContainer .timelineBtnGrup{right:0px; top:0;}
.taskTimelineContainer .dhx_cal_today_button{right:300px;}
.taskTimelineContainer .dhx_cal_navline{z-index:2;}
.taskTimelineContainer .dhx_cal_navline .dhx_cal_date{font-size:16px; font-family: 'Source Sans 3', sans-serif, Arial;}
.taskTimelineContainer .dhx_cal_data{overflow:hidden;}
.taskTimelineContainer .dhx_cal_header .dhx_cell_today{color:#EB0000; font-weight:bold;}

.taskTimelineContainer .dhx_nav_container{text-align:center; width:100%; top:12px;}
.taskTimelineContainer .dhx_nav_container div{position:relative; top:0; display:inline-block;}
.taskTimelineContainer .dhx_cal_next_button, .taskTimelineContainer .dhx_cal_prev_button{width:auto; border:0; background:no-repeat; right:auto;}
.taskTimelineContainer .dhx_nav_container .icon-arrow-circle-left, .taskTimelineContainer .dhx_nav_container .icon-arrow-circle-right{font-size:15px; color:#939393;}
.taskTimelineContainer .dhx_nav_container .icon-arrow-circle-left:hover, .taskTimelineContainer .dhx_nav_container .icon-arrow-circle-right:hover{color:#005696;}
.taskTimelineContainer .dhx_nav_container .dhx_cal_date{width:auto; padding: 0 15px 0 12px;}
.taskTimelineContainer .timelineTaskComplete{text-decoration: line-through;}

.taskTimelineContainer .dhx_cal_header div div{border-left-width:0}
.taskTimelineContainer .dhx_cal_header{border:0;}
.taskTimelineContainer .dhx_cal_data .dhx_matrix_scell{text-align:left; vertical-align:top; font-family: 'Source Sans 3', sans-serif, Arial;}
.taskTimelineContainer .dhx_cal_data .dhx_matrix_cell:last-child{border-right-width:0;}
.taskTimelineContainer.dhx_scheduler_three_month_timeline .dhx_cal_data .dhx_matrix_cell:last-child{border-right-width:1px;}
.taskTimelineContainer .dhx_cal_data > table{width:100%;}

.taskTimelineContainer .dhx_cal_event_line .dhx_event_resize{opacity:0.6;}
.taskTimelineContainer .usercardLink canvas{border-radius: 3px;}

.dhtmlXTooltip.tooltip{box-shadow:none; border:0;filter:alpha(opacity=90); opacity:.9; background:#000; border-radius:4px; color:#ffffff; padding:3px 8px; max-width:500px; word-wrap: break-word;}
/*.dhtmlXTooltip.tooltip:after{bottom:100%; left:10px; border:5px solid transparent; border-bottom-color:#000; content:" "; position:absolute;}*/
.taskTimelineContainer .dhx_matrix_scell div{text-align:left; font-size:14px; word-break:break-word;}
.taskTimelineContainer .icon-usergroup{font-size:25px; height:32px; width:32px; box-sizing:border-box;}

.taskTimelineContainer .dhx_scale_bar, .timeline_section_header_cell {color:#707070; font-size:13px; line-height:18px}
.taskTimelineContainer.dhx_cal_container, .taskTimelineContainer .dhx_scale_bar, .taskTimelineContainer .dhx_matrix_cell {background:transparent;}
.timeline_section_header_cell {padding-left:10px;}

.taskTimelineContainer .dhx_cal_event_line .subTaskListIcon,
.taskTimelineContainer .dhx_cal_event_line .icon-paper-clip,
.taskTimelineContainer .dhx_cal_event_line .icon-comment-outline{color:#ebebeb;}

.taskTimelineContainer.dhx_scheduler_three_month_timeline .dhx_cal_header > div {position: relative; top: -4px;} 
/* End of task timeline scheduler css*/

/* task meta data view */
.accordScroll.customTaskmetaList{padding:0;}
.customTaskmetaList li a{padding:3px 20px;}
.customTaskmetaList li.dropdown-header{padding:10px 20px 5px;}
.taskiSheetMeta{overflow-x:auto;}
.taskiSheetMeta .taskColList > div{word-wrap:break-word;}
.taskiSheetMeta .colTaskMeta{padding:10px 8px; float:left; word-break: break-word;}
.taskiSheetMeta .colTaskMeta table td{vertical-align:top; padding:4px;}
.taskiSheetMeta .taskColHead .colchkTask{float:left; padding:10px 8px; width:65px;}
.taskiSheetMeta .taskColList .colchkTask{float:left; padding:10px 0 0 15px;}

.taskiSheetMeta.separateSubTasksView .taskColHead .colchkTask{width:45px;}

.taskiSheetMeta .taskListContentWrapper{ min-width:100%;}
.taskiSheetMeta .headDivTitle.fixed{overflow:hidden;}
.taskiSheetMeta .headDivTitle.fixed .taskColHead{position:relative; min-width:100%;}

/* convert % to px */
.taskiSheetMeta .colTitle, 
.tasksListContainer.taskiSheetMeta.startDateCol .colTitle, 
.taskiSheetMeta.startDateCol .subtaskListContainer .taskColList .colTitle,
.taskiSheetMeta .subtaskListContainer .taskColList .colTitle{width:420px;}
.taskiSheetMeta .colId{width:90px;}
.taskiSheetMeta .colDate{width:120px;}
.taskiSheetMeta .colList{width:160px;}
.taskiSheetMeta .colPriority{width:160px;}
.taskiSheetMeta .colStatus{width:160px;}
.taskiSheetMeta .colAssigne{width:245px;}
.tasksListContainer.taskiSheetMeta.startDateCol .colAssigne{width:220px;}
/* overwrite above when TMD configure and view "None selected" in "task admin" */
.taskiSheetMeta.metaViewNone .colTitle{width:30%;}
.taskiSheetMeta.metaViewNone .subtaskListContainer .taskColList .colTitle{width:calc(30% - 30px);  padding-left: 45px;}
.taskiSheetMeta.metaViewNone .colId{width:8%;}
.tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .colTitle{width:24%;}
.tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .subtaskListContainer .taskColList .colTitle{width:calc(24% - 30px);}
.taskiSheetMeta.metaViewNone .colDate{width:10%;}
.taskiSheetMeta.metaViewNone .colList{width:12%;}
.taskiSheetMeta.metaViewNone .colPriority{width:8%;}
.taskiSheetMeta.metaViewNone .colStatus{width:12%;}
.taskiSheetMeta.metaViewNone .colAssigne{width:20%;}
.tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .colAssigne{width:16%;}

.taskiSheetMeta .taskColList .openArrow {z-index:3; margin-left:-7px;}
.taskiSheetMeta .taskColList.selected .openArrow{position:fixed;}
/* .fullScreenMode .taskiSheetMeta .taskColList.selected .openArrow{margin-left:-16px;} */

.taskiSheetMeta .sectTitlePanel, .taskiSheetMeta .sectTitleDesc, 
.task.printMargin .sectTitleDesc, 
.taskMeta .taskDetailContainer .sectTitlePanel, .taskMeta .taskDetailContainer .sectTitleDesc{margin:0 15px;}
.modal .taskMetaRightDesc{padding:0;}
.modal .taskMetaRightDesc .sectPanel{margin:0;}
.modal .taskMetaRightDesc .sectPanel .padd15.paddBott0{padding-left:0; padding-right:0;}
.taskiSheetMeta .sectTitle, .taskMeta .taskDetailContainer .sectTitle{background:none;}
.taskiSheetMeta .sectTitle a, .taskMeta .taskDetailContainer .sectTitle a{padding:10px 12px; font-weight:500;}
.taskiSheetMeta .sectTitle a, .taskiSheetMeta .sectTitle a:hover, 
.taskMeta .taskDetailContainer .sectTitle a, .taskMeta .taskDetailContainer .sectTitle a:hover{color: #343434;}
.task.printMargin .sectPanel > span{margin-left:15px; /* margin-bottom:15px; font-weight:500; color:#343434; */}

.taskiSheetMeta .taskMetaRightDesc .edit-content:after{margin-left:8px;}
/*.taskMetaRightDesc .edit-content .inlineEditLinkSpacer{padding-left:10px;}
.taskMetaRightDesc .edit-content.inlineEditLink:after{margin-left:-18px;}*/
 
.files .taskMetaModal .modal-form-info.infoShow, 
.event .taskMetaModal .modal-form-info.infoShow,
.taskMeta .taskMetaModal .modal-form-info.infoShow{left:300px;}

.taskMeta #TaskCardViewModalID.taskMetaModal .modal-form-info.infoShow,
.iSheets .taskMetaModal .modal-form-info.infoShow{left:600px;}

/*.fullScreenMode .taskiSheetMeta .taskDetailContainer .modal-form-info{width:520px;}*/
/*right panel task description*/
.taskiSheetMeta .taskDetailContainer .modal-form-info,
.tasksubListContainer .taskDetailContainer .modal-form-info{top:0; bottom:0;}
.taskiSheetMeta .taskDetailContainer .modal-form-info.infoHide,
.tasksubListContainer .taskDetailContainer .modal-form-info.infoHide{left:102%;}
.taskiSheetMeta .taskDetailContainer .modal-form-info.infoShow,
.tasksubListContainer .taskDetailContainer .modal-form-info.infoShow{left:300px;}
.taskiSheetMeta .taskDetailContainer,
.tasksubListContainer .taskDetailContainer {overflow:hidden;}
/*.taskiSheetMeta .taskDetailContainer > .relativeDiv{overflow-y:auto; overflow-x:hidden; height:100%;}*/
.taskInlineDescription .edit-section-hover .edit-content, .taskInlineDescription .edit-section-hover .edit-area, .taskInlineDescription .edit-section-hover .editBlock-area{margin-top:0;}
.taskInlineDescription .descriptionTxt p, .taskMetaModal .descriptionTxt p{background:#f3f3f3; padding:7px;}
/* END task meta data view */


/*Task Hierarchy View(Sub-list) CSS Start*/
/* .tasksubListContainer{overflow-x: auto;} */
.tasksubListScroll{overflow-x: auto; overflow-y: hidden;}
.tasksubListContainer .taskListContentWrapper{ min-width:100%;}
.tasksubListContainer .headDivTitle.fixed{overflow:hidden;}
.tasksubListContainer .headDivTitle.fixed .taskColHead{position:relative; min-width:100%;}
.tasksubListContainer .taskColHead{border-left:0;}

.tasksubListContainer .onlyListLink{cursor:default;}
.tasksubListContainer .onlyListLink:hover,
.tasksubListContainer .onlyListLink:focus{text-decoration: none;}

.tasksListContainer.tasksubListContainer .taskColHead .colTitle{padding-left: 8px;}
.tasksListContainer.tasksubListContainer .taskColHead .colTitle strong{padding-left: 86px;}

.tasksubListContainer .tasksubListColTitle,
.tasksubListContainer .colTitle,
.tasksubListContainer .subtaskListContainer .taskColList .colTitle{width:685px;}

.tasksubListContainer.startDateCol .tasksubListColTitle,
.tasksubListContainer.startDateCol .colTitle,
.tasksubListContainer.startDateCol .subtaskListContainer .taskColList .colTitle{width:565px;}

.tasksubListContainer .colProgress{width:120px;}
.tasksubListContainer .colId{width:90px;}
.tasksubListContainer .colDate{width:110px;}
.tasksubListContainer .colPriority{width:110px;}
.tasksubListContainer .colStatus{width:150px;}
.tasksubListContainer.startDateCol .colAssigne,
.tasksubListContainer .colAssigne{width:165px;}

.tasksubListContainer .colMoreAction,
.tasksubListContainer .colProgress,
.tasksubList .tasksubListData .taskSubListActionIcons,
.tasksubList .tasksubListData .tasksubListColTitle{float:left; padding:10px 8px;}

.tasksubListContainer .taskColList{position:static;}
.tasksubListContainer .taskColList.selected .openArrow{margin-top:20px;}

.tasksubListContainer .colMoreAction{z-index:1; position: absolute;  right:15px;  width:40px;padding:8px 8px 7px; background: #fcfcfc;}
.tasksubListContainer .taskColHead .colMoreAction{background: #e3e3e3; min-height: 41px;}
.taskColList:hover .colMoreAction, .taskColList.selected .colMoreAction{background:#f5f5f5;}

.fullScreenNative .tasksListContainer{position:relative;}
.fullScreenNative .tasksubListContainer .colMoreAction{right:0;}
.fullScreenNative .tasksubListScroll{overflow:initial;}

/* .tasksubList{position: relative;} */
.tasksubList .tasksubListData .taskSubListActionIcons,
.tasksubList .tasksubListData.taskColList .taskSubListActionIcons{min-width:85px; position: absolute; left:0;} 
.tasksubList .tasksubListColTitle{width:calc(685px - 75px);}
.tasksubListContainer.startDateCol .tasksubList .tasksubListColTitle{width:calc(565px - 75px);}

.tasksubList .taskColList.selectCompleted > div.colTitle, 
.tasksubList .taskColList.selectCompleted > div.colTitle a,
.tasksubList .taskColList.selectCompleted .taskSubListActionIcons > div, 
.tasksubList .taskColList.selectCompleted .taskSubListActionIcons > div a{opacity: 1; text-decoration: none;}

.tasksubList .tasksubListData .colProgress .progress{margin-bottom:0; height:12px; margin-right: 30px; background: #ffffff;}
.tasksubList .tasksubListData .colProgress .progress-bar{line-height:12px; background-color:#387C2B;}

.tasksubList > .tasksubListData,
.tasksubList > .tasksubListData .colMoreAction{background-color:#f3f3f3;}
.tasksubList .tasksubList .tasksubListData{background-color: transparent;}
.tasksubList .tasksubListData{border-top: 1px solid #e3e3e3; }
.tasksubList .tasksubList .tasksubListData .colMoreAction{background: #fcfcfc;}

.tasksubList .tasksubListData .tasksubListColTitle {overflow:hidden;}

/* .tasksubList .tasksubListData .tasksubListColTitle a{color:#666666;} */
.tasksubList .tasksubListData .tasksubListColTitle a span.icon-caret-down,
.tasksubList .tasksubListData .tasksubListColTitle a.icon-caret-down{font-size:18px; color: #707070; margin-right:2px; transition-duration: 500ms;}
.tasksubList .tasksubListData .tasksubListColTitle a.collapsed .icon-caret-down,
.tasksubList .tasksubListData .tasksubListColTitle a.collapsed.icon-caret-down{transform: rotate(-90deg);}
.tasksubList .tasksubList .tasksubListData .tasksubListColTitle a.icon-caret-down{margin-left:7px;}

.tasksubList .tasksubListData .tasksubListColTitle strong{margin-left:7px; font-size:16px;}
.tasksubList .tasksubList .tasksubListData .tasksubListColTitle span{margin-left:7px; font-size:15px;}

.tasksubList .tasksubListColTitle{margin-left:75px;}
.tasksubList .tasksubList .tasksubListColTitle{margin-left:90px;}
.tasksubList .tasksubList .tasksubList .tasksubListColTitle  {margin-left:112px; }
.tasksubList .tasksubList .tasksubList .tasksubList .tasksubListColTitle  {margin-left:133px; }
.tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .tasksubListColTitle  {margin-left:154px;}

.tasksubList .taskColList {border-left:0;}
.tasksubList .subtaskListContainer.collapse.in{overflow: visible;}
.tasksubList .subtaskListContainer .taskColList,
.tasksubList .subtaskListContainer .addSubTaskColList{margin-left:0; border-left:0;}

.tasksubListContainer .subtaskListContainer .taskColList .openArrow {right:609px;}
.fullScreenMode .tasksubListContainer .subtaskListContainer .taskColList .openArrow {right:592px;}

.tasksubListContainer .taskColList .taskSubListActionIcons{position: absolute; left:8px;}
.tasksubListContainer .taskColList .taskSubListActionIcons .taskSubListDragIcon{width:16px; height:16px;}
.subListLevelContiner .tasksubList .taskSubListActionIcons .taskSubListDragIcon{width:16px; height:16px;}

.tasksubList .taskColList .colTitle{padding-left:105px;}
.tasksubList .subtaskListContainer .taskColList .colTitle{padding-left:165px;}
.tasksubList .subtaskListContainer .addSubTaskColList{padding-left:120px;}

.tasksubList .tasksubList .taskColList .colTitle{padding-left:127px;}
.tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle{padding-left:187px;}
.tasksubList .tasksubList .subtaskListContainer .addSubTaskColList{padding-left:143px;}

.tasksubList .tasksubList .tasksubList .taskColList .colTitle{padding-left:148px;}
.tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle{padding-left:208px;}
.tasksubList .tasksubList .tasksubList .subtaskListContainer .addSubTaskColList{padding-left:163px;}

.tasksubList .tasksubList .tasksubList .tasksubList .taskColList .colTitle{padding-left:169px;}
.tasksubList .tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle{padding-left:228px;}
.tasksubList .tasksubList .tasksubList .tasksubList .subtaskListContainer .addSubTaskColList{padding-left:183px;}

.tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .taskColList .colTitle{padding-left:191px;}
.tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle{padding-left:251px;}
.tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .subtaskListContainer .addSubTaskColList{padding-left:206px;}

.tasksubListContainer .colTaskMeta{padding: 10px 8px;float: left;word-break: break-word;}
/*.tasksubListContainer .taskDetailHeader .taskDetailHeaderData{min-width:82%;}*/

.tasksubListContainer .taskColList.selectCompleted > div, 
.tasksubListContainer .taskColList.selectCompleted > div a,
.tasksubListContainer .taskColList.selectCompleted > div.colTitle .taskActionIcons + div,
.tasksubListContainer .taskColList.selectCompleted > div.colTitle .taskActionIcons + div a,
.tasksubListContainer .taskColList.selectCompleted > div.colTitle .taskActionIcons + div + div,
.tasksubListContainer .taskColList.selectCompleted > div.colTitle .taskActionIcons + div + div a,
.tasksubListContainer .taskColList.selectCompleted .comp-checkboxEle {text-decoration:none;}
.tasksubListContainer .taskColList.selectCompleted > div .colTitle a {text-decoration:line-through;}

.colTitle.ui-resizable.ui-resizable-resizing:after,
.colList.ui-resizable.ui-resizable-resizing:after,
.colAssigne.ui-resizable.ui-resizable-resizing:after,
.colStatus.ui-resizable.ui-resizable-resizing:after,
.colPriority.ui-resizable.ui-resizable-resizing:after,
.colDate.ui-resizable.ui-resizable-resizing:after,
.colTaskMeta.ui-resizable.ui-resizable-resizing:after{ content:""; position: absolute; top: 0; bottom:0px; right: 0; border-right:2px solid #cccccc;}

/*Task Hierarchy View(Sub-list) CSS End*/


/*Matter map list table CSS start*/
.mmListTable .mmListHead{background: #EEEEEE; border-top: 1px solid #e4e4e4; border-left: 3px solid transparent; cursor: default;}	
.mmListTable .mmListHead .colTitle{padding-left:101px;}

.mmListTable .mmListCol{float:left; padding: 10px 8px;}
.mmListTable .colIndex{min-width:70px; padding-left:20px; position: absolute;}

.mmListTable .mmListContent > .mmListContentData {background-color: #f5f5f5; font-size:16px;}
.mmListTable .mmListContent .mmListContentData {border-top: 1px solid #e4e4e4; position: relative;}
.mmListTable .mmListContent .mmListContent .mmListContentData {background-color: transparent; font-size:14px;}
.mmListTable .mmListContentData .colTitle strong{ font-size: 16px;}

.mmListTable .mmListContentData .colTitle .loadMoreDiv{padding-left:25px;}
.mmListTable .mmListContentData .colTitle .loadMoreDiv a{color:#005696;}

.mmListTable .mmListContentData .colTitle a,.mmListTable .mmListContentData .colTitle span{color:#343434;}
.mmListTable .mmListContentData .colTitle a span.icon-caret-down,.mmListTable .mmListContentData .colTitle span span.icon-caret-down{font-size:18px; color: #999999; margin-right:7px; transition-duration: 500ms;}
.mmListTable .mmListContentData .colTitle a.collapsed .icon-caret-down,.mmListTable .mmListContentData .colTitle span.collapsed .icon-caret-down{transform: rotate(-90deg);}

.mmListTable .mmListContent .colTitle{padding-left:80px; width:100%;}
.mmListTable .mmListContent .mmListContent .colTitle{padding-left:100px;}
.mmListTable .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:120px; }
.mmListTable .mmListContent .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:140px;}
.mmListTable .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:160px;}
/*Matter map list table CSS end*/

/*bulkAction bar CSS*/
.bulkActionBar {padding:6px 0; height:52px; position: absolute; z-index: 3; left: 15px; right: 15px; background:#fcfcfc;}
.headPageTitle.fixed .bulkActionBar{left: 0px; right: 0px;}
.bulkActionBar .bulkActionItems{padding:10px 20px 10px 15px; border-right: 1px solid #959595;margin-right:15px;}
.bulkActionBar li{padding:10px 25px; float: left;}

input.bulkActionCheckBox{margin: 0 1px 0 2px !important;}
input.bulkACBNoneListEmpty{margin: 0 1px 0 2px !important;}

/*task reorder list css start*/
.slideCheckbox {position: relative; margin: 1px 10px;}
.slideCheckbox input[type=checkbox]{appearance: none; width: 46px; height: 24px; margin: 4px 0 0; background: #ffffff; border: 3px solid #005696; border-radius: 16px !important; -webkit-transition: .6s; transition: .6s;}
.slideCheckOff{fill:#ffffff;}
.slideCheckOn{fill:#005696;}

.slideCheckbox .slideCheckboxIcon {	position: absolute; height: 16px; width: 16px; left: 4px; top: 8px; background-color: #005696; border-radius: 50%;
    -webkit-transition: .6s; transition: .6s;}
.slideCheckbox .slideCheckboxIcon .slideCheckOff,.slideCheckbox .slideCheckboxIcon .slideCheckOn{position: absolute; top: 4px; left: 3px; }
.slideCheckbox .slideCheckboxIcon .slideCheckOn{right:1px; left:auto;}
.slideCheckbox .slideCheckboxIcon .slideCheckOff{display:block;}
.slideCheckbox .slideCheckboxIcon .slideCheckOn{display:none;}

.slideCheckbox input:checked + .slideCheckboxIcon .slideCheckOff{display:none;}
.slideCheckbox input:checked + .slideCheckboxIcon .slideCheckOn{display:block;}
.slideCheckbox input:checked {background: #005696;}
.slideCheckbox input:checked + .slideCheckboxIcon {background-color: #ffffff; transform: translateX(22px);}

.listDragHandle:hover, .listDragHandle:focus{text-decoration: none;  /*outline: none;*/ cursor: move; line-height:8px;}
.listDragHandle svg{border:1px solid transparent;}
/*.listDragHandle:focus svg, .listDragHandle:hover svg{ border-radius:4px; box-shadow: 0 0 4px #005696;  border:1px solid #005696; } */

@keyframes placeholder {
  from { background-color: #747474; }
  to { background-color: inherit; }
}
.tasksubList.active, .taskandsubtaskList.active, .subTaskLevelContiner .taskColList.active{	animation: placeholder 1s ease; /* IE 10+ */}
.tasksubListContent .placeholder{ margin-bottom:5px; height:50px; background: #747474;}

.tasksubList .tasksubListData.draggingList{background: #fcfcfc; height: 42px; border: 1px solid #b4b4b4;  }
.draggingList .draggingListStack, .draggingList .draggingListStack:after{background: #fcfcfc; height: 8px; border: 1px solid #b4b4b4; border-top: 0; margin-left: 10px; margin-right: 10px; margin-top: 41px; position: relative; z-index: 2; }
.draggingList .draggingListStack:after{ content: ''; position: absolute; left: 0px; right: 0px; top: 8px; margin-top: 0;}

.taskandsubtaskList .taskColList.draggingList{background:#F3F3F3; border: 1px solid #b4b4b4;}
.taskandsubtaskList .draggingListStack, .taskandsubtaskList .draggingListStack:after{background: #F3F3F3; height: 8px; border: 1px solid #b4b4b4; border-top: 0; margin-left: 10px; margin-right: 10px; position: relative;}
.taskandsubtaskList .draggingListStack:after{ content: ''; position: absolute; left: 0px; right: 0px; top: 8px; margin-top: 0;}
 
 .tasksubList > .tasksubListData.draggingList .colMoreAction{background-color: #fcfcfc;}
/*task reorder list css end */ 

.tasksubListContent .placeholder{ margin-bottom:5px; height:50px; background: #747474;}

.tasksubList .tasksubListData.draggingList{background: #fcfcfc; height: 42px; border: 1px solid #b4b4b4;  }
.draggingList .draggingListStack, .draggingList .draggingListStack:after{background: #fcfcfc; height: 8px; border: 1px solid #b4b4b4; border-top: 0; margin-left: 10px; margin-right: 10px; margin-top: 41px; position: relative; z-index: 2; }
.draggingList .draggingListStack:after{ content: ''; position: absolute; left: 0px; right: 0px; top: 8px; margin-top: 0;}

.taskandsubtaskList .taskColList.draggingList{background:#F3F3F3; border: 1px solid #b4b4b4;}
.taskandsubtaskList .draggingListStack, .taskandsubtaskList .draggingListStack:after{background: #F3F3F3; height: 8px; border: 1px solid #b4b4b4; border-top: 0; margin-left: 10px; margin-right: 10px; position: relative;}
.taskandsubtaskList .draggingListStack:after{ content: ''; position: absolute; left: 0px; right: 0px; top: 8px; margin-top: 0;}
 
 .tasksubList > .tasksubListData.draggingList .colMoreAction{background-color: #fcfcfc;}
/*task reorder list css end */ 

.draggableListMainDiv .siteAdmindraggableList{display:flex; align-items: start;} 
.draggableListMainDiv .siteAdmindraggableList.list-group-item {padding:8px 15px 7px 10px;}
.draggableListMainDiv .siteAdmindraggableList .draggableListTitle{flex:1;}
.draggableListMainDiv .siteAdmindraggableList.selected{background-color: #cccccc; font-style: italic;} 

.taskAttachmentFolderPath{max-width:350px; word-wrap: break-word; display:inline-block;}

/* task module css end here */


/* QA module */

.qa .taskDetailContainer {position:absolute; top:0; bottom:0; left:59.8%; width:50%; background-color: #fff; box-sizing:content-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #e3e3e3; border-left: 1px solid #ccc; -webkit-box-shadow:-5px 0px 5px -5px rgba(0, 0, 0, .175); box-shadow:-5px 0px 5px -5px rgba(0, 0, 0, .175); z-index:3; overflow:auto; display:none; -webkit-overflow-scrolling: touch; transition: height 0.3s ease;}
.qa .taskColList .openArrow {position:absolute; left:60%; top:50%; margin-left: -8px; z-index:3;}

/*.qaListContainer {position:relative;}*/
.qaListContainer .colId {width:5%; float:left; padding:10px 8px;}
.qaListContainer .colNo {width:6%; float:left; padding:10px 8px;}
.qaListContainer .colQue {width:23%; float:left; padding:10px 8px;}
.qaListContainer .colOrg {width:12%; float:left; padding:10px 8px;}
.qaListContainer .colAuth {width:10%; float:left; padding:10px 8px; word-wrap:break-word;}
.qaListContainer .colAsk {width:12%; float:left; padding:10px 8px;}
.qaListContainer .colPriority {width:9%; float:left; padding:10px 8px;}
.qaListContainer .colStatus {width:12%; float:left; padding:10px 8px;}
.qaListContainer .colRelated {width:11%; float:left; padding:10px 8px; word-wrap:break-word; }

.qaQuestionList{padding:10px 15px; border-bottom: #eeeeee solid 1px;}
.qaDraft{background: #fbfbfb; border-left: #fbfbfb solid 3px;}
.qaGreyBorder{border-left: #8c8c8c solid 3px;}
.qaGreenBorder{border-left: #5cb85c solid 3px;}
.qaBlueBorder{border-left: #005DA2 solid 3px;}

/*hide-no and hide-id - seller*/
.qaListContainer.hide-no .colQue, .qaListContainer.hide-id .colQue{width:28%;}
/*hide-id-no - seller*/
.qaListContainer.hide-id-no .colQue{width:34%;}
/*hide-id-no-auth-group - bidder*/
.qaListContainer.hide-id-no-auth-group .colQue{width:56%;}
/*hide-id-auth-group and hide-no-auth-group - bidder*/
.qaListContainer.hide-id-auth-group .colQue, .qaListContainer.hide-no-auth-group .colQue{width:49%;}

/* QA module end here */

/*Profile page CSS*/
/* View Profile */
.profileBtnSec{float: right;}
.profileAvtar{margin-right: 25px;}
.profileData{overflow:hidden; word-wrap:break-word; white-space: normal;}
.profileNavName{padding-top:18px; color:#333333;}

/*Edit Profile*/
.editProfileAvtar{border: 1px solid #ccc; border-radius: 4px; padding: 3px; position: relative; width: 136px;}
a.changeLink {background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0; bottom:3px; color:#fff !important; left:3px; position:absolute; right:3px; text-align:center; text-decoration:none;}
a.editPictureDelete, a.editPictureDelete:hover {background:#cf4d4f none repeat scroll 0 0; border-radius:3px; color:#fff !important; font-size:12px; line-height: 13px; padding: 2px 4px 4px; position: absolute; right: 3px; top: 3px;}
.preview_details {float: right;min-width: 145px;}
.previewImgSquare {border:1px solid #c9c9c9; display:block; padding:3px; width:127px; height:127px;}
.OriginalImgSquare {height: 320px; overflow: auto;}
.previewImg {height: 127px; width: 216px; border: 1px solid #c9c9c9; display: block; padding: 3px;}
.OriginalImg {height: 365px; overflow: auto; position:relative;}
.headAnchor:before {content:" "; display:block; height:70px; margin-top:-70px; visibility:hidden;}

/* Profile Module*/
.peopleModuleList .peopleDetail{line-height:18px;}
.peopleModuleList .phoneLabel{display:none;}

/*FOR PROGRESS BAR START*/
.progressBarBox{width: 275px; height: 20px; margin: 0; float: left; position:relative; background: #e0e0e0;}
.progressBarBoxContent{width: 0; height: 20px; background: #39a2d2;}
.progressBarPercentText{color: #ccc; font-size: 18px; float: left; margin: 0 0 0 15px;}
/*FOR PROGRESS BAR END*/


/* Temp Old Adeptol css FIX*/
.oldAdeptolWrapper{height:100%;}
.pccv .pcc-tab .pcc-tab-item {border:0 none;}

/*iSheet Choice column img issue in Device -  COL-39671*/
.choiceContent td img{max-width: 100%;}

/* Reports css */
.TreeOverflowauto {overflow:auto; width:100%; height:110px;}
.reportChart {height:300px;}

/* Print preview */
.printExportMargin{padding: 35px; background: #FFF;}
.indexingPrintpreview{border:1px solid #e3e3e3; background:#f3f3f3; padding:15px; border-radius:4px;}
.printMargin {margin:2cm; height:auto;}
.printHeader {padding:20px 2cm 10px 2cm; margin:0 -2cm 15px -2cm; border-bottom:3px solid #005696;}
.printHeader.fixed {margin:0 0 0 0; position:fixed; left:0; right:0; z-index:1; top:0; background:#FFFFFF;}
.breakAfter {page-break-after: always;}
.printMargin .table > tbody > tr > td {vertical-align: top;}
#printBodySection .infoSection{height:132px;}
#printBodySection .ckContentArea table {table-layout:auto;} 
#printBodySection .ckContentArea {overflow:visible;}

@page {margin: 2cm;	}/* export to PDF margin issues fixed COL-53453 */

@media print {
	body.printMargin {background:white; margin:0;}
	#printBodySection.paddTop30{padding-top: 0;}	
	.attachmentContainer .thumbSection img{max-height:150px;}		
}

/* Home Module Dashboard Common css*/

/* wiki ck chart edit */
.wiki .ckInlineContent .ckLinkInfo .chartEditActionBlock{display: none;}
.wiki .ckInlineEditContent .ckLinkInfo .chartEditActionBlock{text-align: right; display: block;}
.wiki .ckInlineEditContent .ckLinkInfo .chartEditActionBlock a.icon{font-size: 0; padding-top: 20px;}
.wiki .ckInlineEditContent .ckLinkInfo .chartEditActionBlock .icon-actions:before{ font-size: 20px;}

.wiki .chartPositionLeft ,.approvalWorkflow .chartPositionLeft, 
.wiki .chartPositionRight,.approvalWorkflow .chartPositionRight{margin-bottom: 20px; margin-top: 20px;}
.wiki .chartPositionLeft ,.approvalWorkflow .chartPositionLeft{float: left;}
.wiki .chartPositionRight,.approvalWorkflow .chartPositionRight {float: right;}
.wiki .chartPositionLeft[style="width: 30%;"], .approvalWorkflow .chartPositionLeft[style="width: 30%;"]{margin-right:3.33333333%;}
.wiki .chartPositionRight[style="width: 30%;"], .approvalWorkflow .chartPositionRight[style="width: 30%;"]{margin-left:3.33333333%;}
.wiki .chartPositionLeft[style="width: 47%;"], .approvalWorkflow .chartPositionLeft[style="width: 47%;"]{margin-right:3%;}
.wiki .chartPositionRight[style="width: 47%;"], .approvalWorkflow .chartPositionRight[style="width: 47%;"]{margin-left:3%;}
.wiki .chartPositionCenter,.approvalWorkflow .chartPositionCenter{margin: 20px auto; clear: both;}
.wiki .chartWidthFull,.approvalWorkflow .chartWidthFull {margin: 20px auto; clear: both;}
.wiki .kpiGridColumn,.approvalWorkflow .kpiGridColumn { flex-basis: 100%; width: 100%; margin-right: 0;}
.wiki .chartWidthFull .kpiGridColumn,.approvalWorkflow .chartWidthFull .kpiGridColumn { flex-basis: calc(25% - 15px); width: calc(25% - 11.25px); margin-right: 15px;}
.wiki .chartWidthHalf .kpiGridColumn,.approvalWorkflow .chartWidthHalf .kpiGridColumn { flex-basis: calc(50% - 15px); width: calc(50% - 11.25px); margin-right: 15px;}
.wiki .copyDropdown ul li a { padding: 3px 15px; }
.wiki .chartWidthFull .noDataFound, .wiki .chartWidthHalf .noDataFound, .wiki .chartPositionRight .noDataFound, .wiki .chartPositionRight .noDataFound{min-height:auto; padding-bottom:20px; word-break:break-word;}
.wiki .chartPositionLeft .text-center.greyFont > div, .wiki .chartPositionRight .text-center.greyFont > div{padding-bottom:20px;}

/* overwrite flex properties and other for kpi cards */
.wiki.exportToPdf .kpiCardWrapper{display:block; flex-wrap:unset; -ms-flex-wrap:unset;}
.wiki.exportToPdf .kpiCardWrapper::before, 
.wiki.exportToPdf .kpiCardWrapper::after{display:table; content:'';}
.wiki.exportToPdf .kpiCardWrapper::after{clear:both;}
.wiki.exportToPdf .kpiGridColumn{flex-basis:unset; page-break-inside:avoid;}
.wiki.exportToPdf .chartWidthHalf[style="width: 47%;"] .kpiGridColumn{ width:calc(50% - 7.5px); margin-right:15px; float:left;}
.wiki.exportToPdf .chartWidthFull[style="width: 90%;"] .kpiGridColumn{ width:calc(25% - 11.25px); margin-right:15px; float:left;}
.wiki.exportToPdf .chartWidthHalf[style="width: 47%;"] .kpiGridColumn:nth-child(2n),
.wiki.exportToPdf .chartWidthFull[style="width: 90%;"] .kpiGridColumn:nth-child(4n){margin-right:0;}
.wiki.exportToPdf .kpiCardItem .kpiCardImage img{width:48px;}

/* end of Home module dashboard*/


/*=============================================
				ADMIN SECTION
=============================================*/

/*Bootstrap overwrite for left tree accordion*/
.panel-collapse .panel-body{padding:0px}
.siteAdmin .panel{background: none; box-shadow:none; border: none; position: relative;}
.siteAdmin .input-group.date .form-control{z-index: 0}
/* .bootstrap-select .dropdown-toggle:focus{outline: none !important; outline-offset:0; transition: none;} */

/*Bootstrap select overwrite*/
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{margin-top: -4px;}
.modalTopGrey .form-inline .form-group{vertical-align: top;}

/*Bootstrap overwrite
.siteAdmin.general .input-group .input-group-btn{vertical-align: top;}*/

/* Admin Common Titles*/
.adminTitle-lg{font-size: 23px; font-weight: 400; margin: 0px; word-wrap: break-word;}
.adminTitle-md{font-size: 18px; font-weight: 400;}
.adminTitle-sm{font-size: 14px; font-weight: 500;}
.adminTitle-xs{font-size: 12px; font-weight: 400;}
/* Admin Common Titles End*/


/* Site Admin*/
.siteAdminSec {background: #ffffff none repeat scroll 0 0; border-top: 1px solid #e5e5e5; overflow-wrap: break-word;}
.siteAdmin .treeSearchSection ul li span.accordArrow {margin-left: -19px;}
.siteAdminTree ul, .adminMobileMenu ul{font-size: 14px; font-weight: 500; line-height: 18px;}
.siteAdminTree .icon-chevron-down:before{position: relative; top: -1px;}
/* .siteAdmin .siteAdminTree ul.dropAccord {margin:0 -10px;} */
.siteAdmin .siteAdminTree ul.dropAccord li{margin:0 0px 5px 0px; left: -10px;}
.adminMobileMenu ul.adminDropAccord li{margin-bottom:5px; }
.siteAdminTree ul.dropAccord li a{  display: block; padding: 5px 10px 5px 25px; text-decoration: none; margin-right: -20px;}
.siteAdmin .siteAdminTree ul.dropAccord li a.linkblack:hover{background-color:#f3f3f3; display: block;  text-decoration: none; color: #404040 }
.siteAdmin .siteAdminTree ul.dropAccord li a:hover{background-color:#f3f3f3; display: block;  text-decoration: none; }
.siteAdmin ul.dropAccord li a.selected{background-color:#f3f3f3; display: block;  text-decoration: none; color: #404040}
/* .siteAdmin .siteAdminTree ul.dropAccord li .accordArrow{padding: 4px 10px 5px 25px; position: absolute; cursor: pointer;} */
.siteAdminTree li.panel ul li a{padding-left:45px; line-height: normal; font-weight: normal; margin-right: -20px;}
.siteAdminTree li.panel li.panel > a {padding-left: 57px;}
.siteAdminTree li.panel li.panel li.panel-body a {padding-left: 80px; margin-right: -30px;}
.adminSecSiteowner, .adminSecDeleted, .adminSecFolder, .adminSecAttachment{border-left: 1px solid #e3e3e3;}
.adminSecAttachment .icon-paper-clip, .adminSecDeleted .icon-deleted, .adminSecAttachment .icon-paper-clip:hover, .adminSecDeleted .icon-deleted-admin:hover, .adminSecSize .icon-hard-disk:hover, .adminSecFolder .icon-folder-admin:hover  {color: #343434;}
/*.adminSecSiteowner img.userAvatar{width: 48px}*/
.adminSecSitename .icon-site{font-size: 62px;}
.siteAdmin .form-group button.icon-search{padding: 2px 6px;}
.siteAdmin .form-group button.icon-search:hover{color:#ffffff;}
/*.siteAdmin .multiAdminUser{padding: 15px 15px}*/
.dropdown-menu.adminDropAccord{right: 0}
.adminSubtitle{margin: 30px 0px 15px 0px; font-size: 18px; color: #707070;}
.addUsersTbl .panel{margin-bottom: 10px;}
.modalTopGrey		{background: #eeeeee;}
.addUserClose{position: absolute; right: 5px; margin-top: -4px;}
.row.iconContainer > div:nth-child(odd) {clear: left;}
.adminSecFolder .icon-folder-admin::before {vertical-align: -6px;}
.userSection{background: #ffffff}
.contentSection{background: #ffffff}
/* .siteAdmin .showNewList .edit-field-btn{right: 15px;} */

/* User listing common stucture*/
.userListing .userListName{line-height: 20px;}
.userListing .userListChkbox{vertical-align: top}
.userListing .userListChkbox input[type="checkbox"]{margin-top: 10px}

/*Custom drop down overwrite*/
/* .bootstrap-select button span{color: #555555; font-weight: normal;} 
.bootstrap-select button, .bootstrap-select button:hover {background-color:#ffffff;-webkit-appearance: button; color:#555555; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background-image: -webkit-linear-gradient(#fff, #fff 40%, #ededed) !important; background-position: right center !important; background-repeat: no-repeat !important;	border: 1px solid #bababa;	margin: 0;	overflow: hidden; padding: 7px 9px 8px 9px; text-overflow: ellipsis; white-space: nowrap; outline: none !important; line-height: initial !important; -webkit-padding-end: 22px;}
.bootstrap-select button:focus, .bootstrap-select.open .dropdown-toggle.btn-default {background-color:#ffffff; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 156, 222, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 156, 222, .6);}*/


/*Form Wizard*/
.bs-wizard {margin-top: 40px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 14px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #cee0c6; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #8baf7c; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #cee0c6;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f3f3f3;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*End Form Wizard*/

/* site admin */
.userActive i, .userAdmin i, .userSuspended i, .userInvited i{right:0; bottom:5px;}
.userSection span i:before{background:#ffffff; border-radius:100%;}
.userOrganization span + span, .userActive span + span, .userAdmin span + span, .userSuspended span + span, .userInvited span + span, .userLogged span + span{top:-10px; position:relative;}
.userActive span{color:#0C7EB0;}
.userAdmin span{color:#3A836E;}
.userSuspended span{color:#EE001D;}
.userInvited span{color:#9A6E03;}
.editUserProfileAvtar {position: relative; width: 70px; padding: 2px; border: 1px solid #ccc; border-radius: 3px;}
.editUserProfileAvtar a.editPictureDelete, .editUserProfileAvtar a.editPictureDelete:hover {font-size: 10px; line-height: 12px; padding: 0 1px 1px 2px; margin-top: -2px;}
.editUserProfileAvtar a.editPictureDelete:before{margin-top: 1px;}
.editUserProfileAvtar a.changeLink{left: 2px; right: 2px; font-size: 12px; font-weight: 500;}
.editUserProfileDetails{padding-left:85px;}
.editUserProfileDetails .editUserProfileSection{width:100%; float:left;}
.editUserProfileSection .edit-section-hover .edit-content {display:inline-block; margin-top:-4px;}
.usersPage .table .label.relativeDiv{top: -2px}

.siteAdmin.adminSummary .iconContainer .IconSelected{padding: 10px; background: #f3f3f3}
.siteAdmin.adminSummary .userSectionDivider{background: #e3e3e3; height: 1px; margin: 15px;}
.adminSelectIcon{width: 300px}
.multiIconSelection{padding: 5px 4px;}
.multiIconSelection .icon{padding: 0 6px; width: 42px; height: 42px}
.adminSecBorder{display: none;}
.adminDropAccord li.panel ul li a{text-decoration: none; padding: 5px 50px; line-height: 16px;  font-weight: normal; color:#005696;}
.adminDropAccord li.panel ul li a:hover{text-decoration: none; padding: 5px 50px; line-height: 16px; color:#005696;}
.adminDropAccord li.panel ul li a.selected {text-decoration: none; padding: 5px 50px; line-height: 16px; color: #000000}
.adminDropAccord li.panel ul li a.linkblack {color: #343434;}
.adminDropAccord li.panel li.panel li.panel-body a {padding-left: 80px; margin-right: -30px;}

.fileTypeTree li.panel{padding-left: 30px; margin-bottom: 5px;}
.fileTypeTree li > a, .fileTypeTree li > a:hover {padding: 9px 0 0 0px; margin-left: -30px}
.fileTypeTree li.panel li.panel-body {padding: 0px 0 0 30px;}

/*Site admin > globle navigation left panel back button UI changes ( temporary Added after redesign page it will be remove)*/

.tempBackLink span.arrowForward{ display: block; height:12px; width:7px; background:url("../../images/v3/arrow_forward.png?bt=2025_10_03_07_11_56") no-repeat top left; float:right; margin:3px 5px; }
.tempBackLink .TruncateLink span{color:#666666;}
.tempBackLink a:hover .TruncateLink span{color:#3c3c3c;}

/*color picker*/
.colorBox {display: table; padding: 0 5px; width: 186px;}
.colorBox span {cursor: pointer; display: block; float: left; height: 32px; margin: 6px; width: 32px;}
.colorBox a {cursor: pointer; display: block; float: left; height: 32px; margin: 0px; width: 32px;}
.btn.colorSelect{padding: 6px 8px; margin-right: 10px;}
.colorSelect .activeColor { display: inline-block; height: 20px; vertical-align: middle; width: 20px;}

.categoryColor {float: left; height: 17px; margin-top: 2px; width: 17px;}
.siteAdmin .darkText, .task .darkText{color:#3c3c3c; display: inline;}
.siteAdmin .lightText, .task .lightText {color: #ebebeb; display: inline;}

#siteAdmin_event_addCategories_modal .modal-body, #siteAdmin_task_addCustomstatus_modal .modal-body{overflow: inherit;}

.removeRadius button.btn{border-top-right-radius:0; border-bottom-right-radius:0;}
.removeRadius .tokenfield.tokenScroll{border-top-left-radius:0; border-bottom-left-radius:0;}
.removeRadius .btn-group > .btn:first-child{margin-left: 1px;}

/* Autosuggest Token overwrite */
.tokenfield .token.invalid:hover .close, 
.tokenfield .token.invalid .close:hover, .tokenfield .token.invalid.active .close {color: inherit;}

/* Div based permission structure - table row column fix*/
.total-wrapper {padding-right:2px;}
.tabHeadRow {display:block; height:110px;}
.tabHeadRow .ColTHFirst{border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; padding:10px 5px 10px 5px;}
.ColTHFirst {height:110px; width:240px; float:left;}
.ColTHHead {height:110px; margin-left:240px; overflow:hidden; -webkit-overflow-scrolling: touch;}
.colRowTH {height:40px;}
.colRowTH.chkboxRow, 
.colRowTH.chkboxRow > .colTD {height: 55px;}
.colTH {width:140px; float:left; height:40px; text-align: center; border-left:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:10px 5px 10px 5px;}
.ColTHHead .colTD.half{border-top: 1px solid #e7e7e7;}
.tabBodyRow {overflow-y:auto; overflow-x:hidden; margin-right:-17px; -webkit-overflow-scrolling: touch;}
.ColTDFirst {height:auto; width:240px; float:left;}
.colTDFix {height:40px; width:240px; float:left; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; padding: 10px 5px 10px 5px;}
.colTDFix:last-child, .colBodyRow:last-child{border-bottom: 1px solid #e7e7e7;}
.colTH:last-child, .colTD:last-child {border-right: 1px solid #e7e7e7;}
#siteAdmin_addSystemGroup_modal .modal-dialog {transition:unset;}
/*.tabHeadRowCont{margin-right: -17px;}*/
.ColBody {overflow:auto; margin-left:240px; -webkit-overflow-scrolling: touch;}
.colTD {width:140px; float:left; height:38px; text-align: center; border-left: 1px solid #e7e7e7; padding: 10px 5px 10px 5px;}
.activitycolTH{border-top:1px solid #e7e7e7; padding: 10px 0; text-align: center;}
.colBodyRow{border-top: 1px solid #e7e7e7; height: 40px;}
.colTD.half {width:70px;}
.adminDummyScroll{width: 673px; position: absolute; bottom: 0; overflow-x: auto; margin-left: 240px; }
.AdminDummyInnerscroll{height: 1px;}
.ColTDBody div:nth-child(2n) div, .ColTDFirst div:nth-child(2n){background-color: #f9f9f9;}
.systemGroupActivityDisable .tabHeadRow, .systemGroupActivityDisable .ColTHHead, .systemGroupActivityDisable .ColTHFirst{height:110px;}

/*Set User Permissions modal fancy tree*/
.maxColGroup, .midColGroup, .norColGroup, .minColGroup {overflow: visible !important;}
.minColGroup .fancytree-container thead th, .norColGroup .fancytree-container thead th, .midColGroup .fancytree-container thead th, .maxColGroup .fancytree-container thead th{padding: 60px 0 10px 0}
.minColGroup .inheritCol span, .norColGroup .inheritCol span, .midColGroup .inheritCol span, .maxColGroup .inheritCol span {position: absolute; top: 0px; width: 90px; z-index: 9; left: 0; height: 47px; border-bottom: 1px solid #d0d0d0; line-height: 50px; background: #e3e3e3}
.minColGroup .foldViewCol span,.norColGroup .foldViewCol span, .midColGroup .foldViewCol span, .maxColGroup .foldViewCol span{position: absolute; top: 0px; width: 272px; z-index: 9; left: 0; height: 47px; border-bottom: 1px solid #d0d0d0; line-height: 50px; background: #e3e3e3}
.maxColGroup .foldfileViewCol span{position: absolute; top: 0px; width: 575px; z-index: 9; left: 0; height: 47px; border-bottom: 1px solid #d0d0d0; line-height: 50px; background: #e3e3e3}
.midColGroup .foldfileViewCol span{position: absolute; top: 0px; width: 474px; z-index: 9; left: 0; height: 47px; border-bottom: 1px solid #d0d0d0; line-height: 50px; background: #e3e3e3}
.norColGroup .foldfileViewCol span{position: absolute; top: 0px; width: 373px; z-index: 9; left: 0; height: 47px; border-bottom: 1px solid #d0d0d0; line-height: 50px; background: #e3e3e3}
.minColGroup .foldfileViewCol span{position: absolute; top: 0px; width: 272px; z-index: 9; left: 0; height: 47px; border-bottom: 1px solid #d0d0d0; line-height: 50px; background: #e3e3e3}
#siteAdmin_userfilePermission_Tree_tblContainer thead th.nameCol, #siteAdmin_userfilePermission_Tree_tblContainer tbody td,
#siteAdmin_addUserfilePermission_Tree_tblContainer tbody td {padding-left: 10px; padding-right: 10px;}
#siteAdmin_groupfilePermission_Tree_tblContainer thead th.nameCol, #siteAdmin_groupfilePermission_Tree_tblContainer tbody tr td:first-child{padding-left: 10px; padding-right: 10px;}

/* site admin files */
.tablesorter-header-inner:after{padding-left:5px; font-family:"highq50"; vertical-align:middle;}
.tablesorter-headerUnSorted .tablesorter-header-inner:after{content:"\e080"; color:#b5b5b5;}
.tablesorter-headerAsc .tablesorter-header-inner:after{content:"\e07f"}
.tablesorter-headerDesc .tablesorter-header-inner:after{content:"\e07e"} 
.tablesorter-headerUnSorted.sorter-false[data-sorter="false"] .tablesorter-header-inner:after{content:"";}

/* report pages css start */
.isheetAdminGrid div.gridbox table.row20px tr td {white-space: normal;}
.accessByOrganisationReportPage .rightSideSection, .accessByUserReportPage .rightSideSection, .loginByOrganisationReportPage .rightSideSection, .loginByUserPage .rightSideSection, .questionsByGroup .rightSideSection{overflow: hidden;}

/*iSheet Admin*/
.isheetAdminGrid.gridMainDiv div.gridbox{border: #e3e3e3 solid 1px;}
.isheetAdminGrid div.gridbox_dhx_web.gridbox table.obj.row20px tr td{vertical-align: middle !important;  line-height: 22px; padding:8px 10px;}
.isheetAdminGrid div.gridbox_dhx_web.gridbox table.obj tr td{ line-height: 22px; padding: 8px 10px; white-space: normal; word-wrap:break-word;}
.isheetAdminGrid div.gridbox_dhx_web.gridbox table.obj.row20px tr.rowselected td{border-right-color: #ECECEC; background-color: #ECECEC; color: #343434;}
.closeTemplateBox{position: absolute; top: 40%; right: 0px;}
select[multiple].multiSelect{background: #FFF; background-image: none !important; height: 250px; overflow-y: auto; padding-right: 0px;}
select[multiple].multiSelect option{margin: 3px 0px; padding: 3px 5px; white-space: normal;}
.selectSortingArrows{float: left; padding: 0px 8px 0px;}
.sortSelectforwards{margin-top: 55px;}
.sortSelectUpDown{margin-top:90px;}
.sortAllBack{margin-top: 50px;}
.arrowFoward{margin: -8px; display: inline-block;}
.margTop2{margin-top: 2px !important;}
.adminSearchDrop{max-height: 200px; overflow-y: auto;}
.selectDrop ul.dropdown-menu.lookupEqualOptionDrop{overflow:inherit;}
.siteAdminChoiceList .modal-form-info.infoShow{left:300px;}
.siteAdminChoiceList .modal-body{min-height:400px;}

/*set height to tokenfiel and dropdown*/
.addUserAutoSuggest .tokenfield {min-height:162px;}
.addUserAutoSuggest .tt-dropdown-menu{max-height:250px;}


/*User,File and group permission table head fixed function COL-73837*/
.permissionTableHead{position:fixed; z-index:10; overflow:hidden;}
.permissionTableHead table{position:relative;}

/* system report css start */
.leftMenuStaticData .treeSearchSection ul li span.accordArrow {margin-left: -19px;}
.leftMenuStaticData ul{font-size: 14px; font-weight: 500; line-height: 18px; margin: 0 0 0 -10px;}
.leftMenuStaticData .icon-chevron-down:before{position: relative; top: -1px;}
.leftMenuStaticData ul.dropAccord li{margin:0 0px 0px 0px; left: -10px;}
.leftMenuStaticData ul.dropAccord li a{  display: block; padding: 5px 10px 5px 15px; text-decoration: none; margin-right: -20px;}
.leftMenuStaticData ul.dropAccord li a.linkblack:hover{background-color:#f3f3f3; display: block;  text-decoration: none; color: #404040 }
.leftMenuStaticData ul.dropAccord li a:hover{background-color:#f3f3f3; display: block;  text-decoration: none;}
.leftMenuStaticData ul.dropAccord li a.selected{background-color:#f3f3f3; display: block;  text-decoration: none; color: #404040}
.leftMenuStaticData li.panel ul li a{padding-left: 50px; line-height: normal; font-weight: normal; margin-right: -20px;}
.leftMenuStaticData li.panel {box-shadow:0 0 0 rgba(0, 0, 0, .0); margin:0;}
.leftMenuStaticData li.panel li.panel > a {padding-left: 57px;}
.leftMenuStaticData li.panel li.panel li.panel-body a {padding-left: 80px; margin-right: -30px;} 
.sysReport.tabletScreenMode .fullscreenIcon, .sysReport.mobileScreenMode .fullscreenIcon,
.iPadPro .fullscreenIcon, .sysReport.tabletScreenMode .browseTreeBtn, .sysReport.mobileScreenMode .browseTreeBtn {display:none;}
.siteSummaryReport .tokenfield .token{max-width: 280px}


/* Summary Report Dialog - Site Template css start */
.reportGridList li{padding: 15px 5px;}
.reportGridList li.successReport, .reportGridList li.successReport a, .reportGridList li.successReport p{color:#3c763d; }
.reportGridList li.warningReport, .reportGridList li.warningReport a, .reportGridList li.warningReport p{color:#fa6400; }
.reportGridList li.closeReport, .reportGridList li.closeReport a, .reportGridList li.closeReport p{color:#a94442; }
.reportGridList li.successReport p a, .reportGridList li.warningReport p a, .reportGridList li.closeReport p a{text-decoration: underline;}
.reportGridList li .icon{margin-right: 18px; font-size: 22px; float: left; color: #155724; margin-top: 10px;}
.reportGridList li .icon-check-circle{color: #155724;}
.reportGridList li .icon-remove{color: #FFF; background: #c60000; border-radius: 50%; text-align: center; width: 20px; height: 20px; font-size: 13px;}

/* Detail Report Dialog - Site Template css start */
.reportAccordPanel{border: 0px; box-shadow: none; box-shadow: none; margin-bottom: 2px;}
.reportAccordPanel .reportAccordTitle a, .reportAccordPanel .reportAccordTitle a:hover{text-decoration: none; color: #343434; padding: 10px 10px 8px; background: #e3e3e3; display: block;}
.reportAccordPanel .reportAccordTitle a .accordArrow{color: #343434; margin-top: 1px;}
.reportAccordPanel .exportCollapse hr:last-child{display: none;} 
/* code placeholder */
.reportAccordPanel .exportListing{padding: 0px 0px 0px 10px; margin: 0px;}
.reportAccordPanel .exportListing li{padding-left: 10px;}

/* task admin */
.dragableList .list-group-item{background:#f3f3f3;  border:1px solid #e3e3e3; border-radius:4px; margin-bottom:5px;}
.dragableList .icon-move{color:#707070; cursor:move;}
.dragableList .list-group-item{padding: 10px 15px 10px 10px;}
.dragableList .ui-sortable-placeholder.placeholder{border-radius:4px; margin-bottom:5px;}

/*=============================================
				QR Code pages
=============================================*/
.qrcodeVerification .btn:focus, .qrcodeVerification.btn.focus{/* outline: none; */}
.scratchCode .backupCodes{-webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-count: 2; column-gap: 114px; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 29px; padding-inline-start: 41px;} 
.scratchCode .backupCodes li{padding: 5px;}
.twoFANotes {list-style: outside; text-align: left; padding: 0 0 0 15px;}
.twoFANotes > li{padding-bottom: 0px;}
.twoFANotes > li > span{position: relative;}


/* 2FA settings page Start */
.twoFAPage .authenticateUsing {background: #ededed; border: 1px solid #dddddd; border-radius: 6px;}
.twoFAPage .authenticateUsing .blueHeader .title {color:#707070; font-weight: 500;}
.twoFAPage .authenticateUsing .blueHeader {border-bottom: 1px solid #dddddd; }
.twoFAPage .authenticateUsing label{font-weight: 400; color:#000000;}
.twoFAPage .authenticateUsing .searchBlock .icon-search { font-size: 14px;}
.twoFAPage .authenticateUsing .searchBlock { padding-left: 15px; padding-right: 15px; }
.twoFAPage .authenticateUsing label.control-label.labelSO { font-size: 12px; color: #707070 !important; margin-bottom: 5px; }
.twoFAPage .authenticateUsing .removeLink{color:#d00808;}

a.twoFAorg, a.twoFAorg:hover { color: #de0202; margin: 0px 4px 0 -24px; vertical-align: bottom;}

/* 2FA settings page End */

/*=============================================
				Site metadata CSS
=============================================*/
.siteAdmin .modal-form-info.siteMetaDescription{position: fixed; bottom: 0; top: 0; left:101%; z-index: 1031;}
.siteAdmin .modal-form-info.siteMetaDescription.infoShow{left: 100%; margin-left:-300px;}
.allSiteTemplateContainer .allSiteTemplateTable{overflow-x:auto;  overflow-y: hidden;}
.fullScreenNative .allSiteTemplateContainer{overflow-y: auto; overflow-x: hidden; padding-bottom: 20px;}
.allSiteTemplateContainer .allSiteTemplateTable{overflow-x:auto;}
.fullScreenNative .allSiteTemplateContainer{overflow:auto; padding-bottom:20px;}
#all_siteandtemplate_advancesearch_modal .modal-form-info{top: 47px;}
.allSiteTemplateContainer .table > tbody > tr > td {vertical-align:top;}

/*=============================================
		Multi Site Source Modal
=============================================*/
.flexGridMain{display: table; white-space: nowrap; width: 100%; border: #d3d3d3 solid 1px;  border-bottom: 0px;}
.flexGridSection{overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 15px; min-height: 150px;}
.flexGridMain .flexGridRow.flexGridHead{background: #efefef; flex-flow: row nowrap;}
.flexGridRow{display: flex; border-bottom:#d3d3d3 solid 1px}
.flexGridRow:nth-of-type(odd) {background-color:#fff;}
.flexGridRow:nth-of-type(even) {background-color:#f9f9f9;}

.flexCol{min-width: 315px; border-right:#d3d3d3 solid 1px; padding: 10px 15px;}
.flexCol:first-child{min-width: 350px; max-width: 350px;}
.flexCol:first-child .flexColFlex {align-items: flex-start;}
.flexCol.flexColFirst, .flexColAll{flex-flow: column nowrap; flex: 1 1 0;}
.flexCol.flexColHead, .flexColHead{display: flex; flex-flow: row nowrap;}
/* .flexGridRow .flexCol:last-child{border-color:transparent; } */
.flexColFlex{display: flex; align-items: flex-end; height: 100%;}
.flexColFlex.flexColFlexHead{height: auto;}
.flexwidthFull{width: 92%; word-wrap: break-word; white-space: normal;}
.flexlableView{justify-content: center; padding:10px 0px; border-bottom: #ccc solid 1px;}
.flexlableFirst{padding:0px 0px 20px;}
.flexColHead .flexCol:first-child {min-width: 315px;  max-width: inherit;}
.flexColAll .flexColHead .flexCol:last-child{border-color:transparent;}
.flexColAll{width: 100%;}
.flexDirectionColReverse{flex-direction:column-reverse;}

/* site admin AIML */
.AiFileStatusDot {border-radius: 100%; width: 16px; height: 16px;display:block; float:left; margin-top:2px;}
table.fancytree-container .AIEngineFileCol{min-width:150px;}
table.fancytree-container .AIEngineCol{min-width:80px;}
.fancytree-container.docDuplicationAI tbody tr td{padding:7px 10px 7px 0;}
.AILogo{min-height:40px; max-height:40px;}

.SiteadminDuplication .custom-range { -webkit-appearance:none; outline:none; padding:0; /*opacity:0.6; -webkit-transition:.2s; transition:opacity .2s;*/}
/*.SiteadminDuplication .custom-range:hover  {opacity:1;}*/
.SiteadminDuplication .custom-range::-webkit-slider-runnable-track {border-radius:5px; background:#d3d3d3; height:15px;}
.SiteadminDuplication .custom-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; border:0; background: #4CAF50; cursor: pointer; margin-top: -5px;}
.SiteadminDuplication .custom-range::-moz-range-track {border-radius:5px; background:#d3d3d3; height:15px;}
.SiteadminDuplication .custom-range::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; border:0; background: #4CAF50; cursor: pointer; }
.SiteadminDuplication .custom-range::-ms-track {
    height:15px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;  border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}
.SiteadminDuplication .custom-range::-ms-fill-lower, .SiteadminDuplication .custom-range::-ms-fill-upper { background:#d3d3d3; border-radius:5px;}
 .custom-range::-ms-thumb { border: none; height: 25px;  width: 25px; border-radius: 50%; background: #4CAF50;}
.SiteadminDuplication .slidecontainer{margin-bottom:15px;} 
@supports (-ms-ime-align: auto) {
  .SiteadminDuplication .custom-range {margin-top:-10px;}
  .SiteadminDuplication .custom-range::-ms-thumb{margin-top:0;}
}

/*=============================================
		Site Group Card
=============================================*/
.sitegroupCard{float: left; width: 100%; max-width: 135px}
.icon-sitegroupCard{display: block; padding:15px 0px; margin-right: 15px; text-align: center; font-size: 70px;}
.morecontent span { display: none;}
.morelink { display: block;}


/*=============================================
		Contract Express common css
=============================================*/
.ce_bycat_backicon {font-size: 10px; font-weight: normal; color: #999999; border: 1px solid #dddddd; padding: 1px 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);}
.iframeMaxWidthCenter {max-width:1200px; display:block; margin:0 auto;}
#CE_EDIT_QUESTIONNAIRE_MODAL .modal-footer{border-top:0; background:#fff; padding:0; height:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.bootstrap-select .bs-searchbox{padding: 5px 15px 10px;}
.bootstrap-select.btn-group .no-results{text-align:center; background:none; padding:10px; color:#707070; white-space:normal;}
div[id^="ceVarDiv_"]{position:relative;}
div[id^="ceVarDiv_"] img.grayloader{position:absolute; right:45px; top:10px; z-index:2;}

/*=============================================
		Search Module CSS Starts
=============================================*/
.textCapitalize{text-transform:capitalize;}
.maxDropHeight{max-height:40vh !important;}
.tag-token{padding:2px 8px 2px 8px; margin:2px 1px 2px 1px; pointer-events:none;}
.selected-tag{border-color:#AFAFAF; background:#E3E3E3; color:#404040;}
#file_module_advSearch_searchResultDivID .file-action-checkbox{display:none;}
.file-action-checkbox{margin:10px !important;width:16px;height:16px;}
.connectorTab.active > a{border-bottom:4px solid #005696 !important;color:#005696 !important;font-weight:600;}
.searchMenu li{float:left;}
.searchMenu li a {padding:5px 15px 5px 15px;text-overflow:ellipsis;white-space:nowrap;color: #333333 !important;text-decoration: none;}
.search-menu{padding-bottom:5px; text-align:center;}
#federatedMenuDiv{border-bottom:1px solid #333333;}
#federatedMenuDiv ul{margin-bottom:6px;}
.disabled-icon, .disabled-icon a, .disabled-icon a:hover, .disabled-icon .icon-star-selected:hover:before{color:#d3d3d3 !important;}
.disabled-icon svg{fill:#d3d3d3 !important;}
#fileSelctionCountDiv{border-right:2px solid grey;}
#selectAllFiles{width:16px;height:16px;margin-right:5px;margin-top:0px;vertical-align:middle;}
#suggestText{width:100%;margin-top:33px;max-height: 500px;}
#searchLeftPanelUIV5{overflow-x:hidden;}
.searchUsingAPI{height:560px !important}
#searchLeftPanelUIV5{height:470px !important}
#file_module_leftPanleClearFilter{color:#005DA2;}
#file_module_leftPanleClearFilter.disabled{background:#00000000;}
.plMaintained{color:#009000;}
#federatedsearchLeftPanel{height:100%;}
#federatedsearchLeftPanel img {margin:40%;}
.resultViewArea{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
	white-space:normal !important;}
.disabled-link {
	pointer-events: none;
}
/*=============================================
		Search Module CSS Ends
=============================================*/
/* hide link and unlink button for Shared Isheet Form multiline column-ISHEET_MODULE_SHARE_FORM_LINK*/
.isheetform_mltbtnlink .cke_button.cke_button__mybtnlink.cke_button_off, .isheetform_mltbtnlink .cke_button.cke_button__unlink.cke_button_disabled{display: none;}


.checkbox-inline-bottom {vertical-align: bottom;}

.addHeightForLastElement{
	height:60px;
}

/*=============================================
		Ms Teams CSS Starts
=============================================*/
.offlinestatus,.availablestatus,.awaystatus,.busystatus {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 50%;
	background:#808080;
}
.availablestatus{background:#58a95c;}
.awaystatus{background:#efad4d;}
.busystatus{background:#ca3430;}
.statusSpacer{display: inline-block; color:#808080; padding: 0px 10px;}
/*=============================================
		Ms Teams CSS Ends
=============================================*/

/*--- for Multi Language UI issue ----*/
.userLang-it #copyLinkTxtDivForLinkTab, .userLang-it #selectLinkDivForLinkTab, .userLang-it #ceCopyLinkTxtDiv, .userLang-it #ceSelectLinkDiv {width: 100%;}
.userLang-it #selectLinkDivForLinkTab, .userLang-it #ceSelectLinkDiv{padding-top:0} 
.userLang-it #selectLinkDivForLinkTab > button.btn {float: right;}
.bodyLang-it #acc-copyFilesFoldersChooseFolder, .bodyLang-it #acc-filter-by-label, .bodyLang-it #copyFilesFoldersSiteListLabel {padding-right:0;}
.bodyLang-it .datepicker .DateFooter{display: flex;}
.bodyLang-it .datepicker .DateFooter a:last-child{white-space: normal;}

.userLang-fr #copyLinkTxtDivForLinkTab, .userLang-fr #selectLinkDivForLinkTab, .userLang-fr #ceCopyLinkTxtDiv, .userLang-fr #ceSelectLinkDiv {width: 100%;}
.userLang-fr #selectLinkDivForLinkTab, .userLang-fr #ceSelectLinkDiv{padding-top:0}
.userLang-fr #selectLinkDivForLinkTab > button.btn {float: right;}
.bodyLang-fr .datepicker .DateFooter{display: flex;}
.bodyLang-fr .datepicker .DateFooter a:last-child{white-space: normal;}
.bodyLang-fr #acc-copyFilesFoldersChooseFolder, .bodyLang-fr #acc-filter-by-label, .bodyLang-fr #copyFilesFoldersSiteListLabel {padding-right:0;}

.userLang-es #copyLinkTxtDivForLinkTab, .userLang-es #selectLinkDivForLinkTab, .userLang-es #ceCopyLinkTxtDiv, .userLang-es #ceSelectLinkDiv {width: 100%;}
.userLang-es #selectLinkDivForLinkTab, .userLang-es #ceSelectLinkDiv{padding-top:0}
.userLang-es #selectLinkDivForLinkTab > button.btn {float: right;}
.bodyLang-es .datepicker .DateFooter{display: flex;}
.bodyLang-es .datepicker .DateFooter a:last-child{white-space: normal;}
.bodyLang-es #acc-copyFilesFoldersChooseFolder, .bodyLang-es #acc-filter-by-label, .bodyLang-es #copyFilesFoldersSiteListLabel {padding-right:0;}


body:not(.bodyLang-en):not(.bodyLang-fr) #lookUpParentDiv .col-lg-9.col-sm-8{width:66%;}
body.bodyLang-fr #lookUpParentDiv .col-lg-9.col-sm-8{width:61%;}
/*--- END for Multi Language UI issue ----*/

/*Custom radio when error appears*/
.error-radio[type='radio'] {-webkit-appearance: none; width: 8px; height: 8px; border-radius: 50%; outline: none; box-shadow: 0 0 0 2px #a94442; margin-left: -18px !important;
    margin-top: 6px;}
.error-radio[type='radio']:before {content: ''; display: block; width: 60%; height: 60%; margin: 20% auto; border-radius: 50%;}
.error-radio[type='radio']:checked:before {background: #a94442;}

/*--- ASK TR Start----*/
.askTR, .coCoTxm, .cocoMFE{fill: #ffffff}
.topHeader .headRight > ul > li > .btn:hover .askTR, .coCoTxmBtn:hover .coCoTxm, .cocoMFEBtn:hover .cocoMFE {fill: #005696}
.askSummary{fill: white}
#askTRSummaryButton{display:flex; padding-top:7px; padding-bottom:7px; color:#1F1F1F; background-color:#FAFAFA; border:1px solid #1F1F1F;}
#askTRSummarySVG{margin-right:4px;}
#askCouncelBtn { background-color:#FAFAFA; color: #000; border: none; display: inline-flex; padding-top:7px; padding-bottom:7px; padding-right: 13px; border:1px solid #1F1F1F; align-items: center}
#askCouncelBtn:hover { border: 1px solid #004070; color: #004070;}
#askCouncelBtn .caret{margin-left: 5px !important}

#askCouncelDocViewerBtn { background-color:#FAFAFA; color: #000; border: none; display: inline-flex; padding-top:7px; padding-bottom:7px; padding-right: 13px; border:1px solid #1F1F1F; align-items: center}
#askCouncelDocViewerBtn:hover { border: 1px solid #004070; color: #004070;}
#askCouncelDocViewerBtn .caret{margin-left: 5px !important}

.topHeader .headRight > ul > li.HQcommentIcon > .btn{padding: 4px 5px}
.topHeader .headRight > ul > li.HQcommentIcon .badge.btn-info{margin-top: 1px}

/*--- ASK TR END----*/

/*------Summarization Start----*/
#isheetSummarizationResultActions { width: 100%; margin: 12px 0; position: relative; padding: 8px 12px; background-color: #FAFAFA; gap: 4px; font-weight: 500; color: #000; }
#isheetSummarizationResultActions .summaryRetryBtn, #isheetSummarizationResultActions .summaryCopyBtn, #isheetSummarizationResultActions .summaryDownloadBtn,
 #isheetSummarizationResultActions .saveHighQBtn {
    align-items: center; gap: 8px; border: none; background-color: transparent;
}
.summaryDownloadOptions { position: absolute; transform: translate(200%, 30px); top: 5px;}
#isheetSummarizationRequestTitle, #isheetSummarizationSaveFileName, #isheetSummarizationSaveFileFormat { display: flex; flex-direction: column; }
#summaryRequestTitle { width: 50%; border-radius:4px; border: 1px solid #949494; padding: 4px 12px; }
#incorrectFilenameError, #selectFileFormatError, #filenameEmptyError { color: #dc0a0a; }

#saveToHighQSection { margin: 0 8px; }
#saveToHighQSection > h3 {color: #000;}
#saveToHighQSection > div { width: 100%; gap: 24px; }
#isheetSummarizationSaveFileName, #isheetSummarizationSaveFileFormat { width: 50%; }
#saveFileToHighQ_selectFormat { width: 100%; }
#saveToHighQFilename {padding: 4px;}
#saveFilesToHighQTreebox_xmlTreeFoldersObj { max-height: 280px; overflow-y: auto; height: 100%; }
#saveFilesToHighQTreebox_xmlTreeFoldersObj .fancytree-lastsib ul li { margin-bottom: 3px; }
#saveFilesToHighQTreebox_xmlTreeFoldersObj .save-to-highq-folder-expanded span.fancytree-icon { background: url("../../images/fileicon/folder-open_.svg") }
#saveFilesToHighQTreebox_xmlTreeFoldersObj span.fancytree-icon { background: url("../../images/fileicon/folder_.png") }
/*------Summarization End----*/

/*--- Task list view sequencing changes START ----*/

.seqIconContainer{min-width:40px;}
.badgeSeqIcon{border: 1px solid #404040; background: #EDEDED; color: #404040; text-align:center; padding: 2px 6px; border-radius:16px; display: inline-block;}
.badgeSeqIcon.unLock{color: #387C2B; background: #EAFFE5; border-color: #387C2B;}
.badgeSeqIcon img{vertical-align:text-top;}
.badgeSeqIcon .seqNumber{font-size:12px; vertical-align:text-top;}
.ckContentArea .badgeSeqIcon img{margin-bottom: auto;}

.subtaskList .badgeSeqIcon{padding-top:0; padding-bottom:0;}
.taskDetailBody .subtaskList .subtaskListItem .colSequence{width:auto; margin:0;}

.edit-area.edit-sequence-field .edit-field{margin-left:52px;}
.tasksListContainer.tasksubListContainer.seqtableContainer .taskColHead .colTitle strong{padding-left: 25px;}

.tasksubListContainer .colSequence{width:110px; min-height:20px; text-align: center; margin-left: 95px; margin-right:15px; }

.tasksListContainer.tasksubListContainer .taskColHead .colTitle .colSequence strong{padding-left:0px;}
.tasksubListContainer .taskandsubtaskList .taskColList .colSequence{margin-left: 0px;  margin-right:40px;}
.tasksubListContainer .tasksubListData .tasksubListColTitle .colSequence{margin-left: 0px;}

.tasksubListContainer.seqtableContainer .tasksubList .tasksubListColTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubListColTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubListColTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubListColTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .tasksubListColTitle  {margin-left:110px; }

.tasksubListContainer.seqtableContainer .tasksubList .taskColList .colTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .taskColList .colTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .taskColList .colTitle,
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle{padding-left: 120px; }

.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubListColTitle .colSequence{margin-right:30px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubListColTitle .colSequence{margin-right:53px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubListColTitle .colSequence{margin-right:75px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .tasksubListColTitle .colSequence {margin-right:97px; }

.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubListColTitle .colSequence span{font-size:14px; margin:0;}


.tasksubListContainer.seqtableContainer .tasksubList .taskColList .colTitle .colSequence{margin-right:36px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .taskColList .colTitle .colSequence{margin-right:58px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .taskColList .colTitle .colSequence{margin-right:81px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .taskColList .colTitle .colSequence{margin-right:102px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .taskColList .colTitle .colSequence{margin-right:123px;}

.tasksubListContainer.seqtableContainer .tasksubList .subtaskListContainer .taskColList .colTitle .colSequence{margin-right:91px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle .colSequence{margin-right:112px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle .colSequence{margin-right:136px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle .colSequence{margin-right:156px;}
.tasksubListContainer.seqtableContainer .tasksubList .tasksubList .tasksubList .tasksubList .tasksubList .subtaskListContainer .taskColList .colTitle .colSequence{margin-right:177px;}

.tasksubListContainer.seqtableContainer .tasksubList .tasksubListColTitle{width: calc(685px - 110px)}
.tasksubListContainer.seqtableContainer.startDateCol .tasksubList .tasksubListColTitle{width: calc(685px - 230px)}

.tasksubListContainer.seqtableContainer .addSubTaskColList a{padding-left: 200px;}
.tasksubListContainer.seqtableContainer .tasksubList .subtaskListContainer .addSubTaskColList .subtaskTitle{padding-left:201px;}


.mmListTable.mmseqtableContainer .colSequence{width:130px; min-height:20px; text-align: center; margin-left: 95px; margin-right:10px; }
.mmListTable.mmseqtableContainer .mmListHead .colTitle{padding-left:20px;}
.mmListTable.mmseqtableContainer .mmListContent .colTitle{padding-left:0px; width:auto;}
.mmListTable.mmseqtableContainer .mmListContent .mmListContent .colTitle{padding-left:21px;}
.mmListTable.mmseqtableContainer .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:42px; }
.mmListTable.mmseqtableContainer .mmListContent .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:63px;}
.mmListTable.mmseqtableContainer .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:84px;}
.mmListTable.mmseqtableContainer .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:105px;}
.mmListTable.mmseqtableContainer .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .mmListContent .colTitle  {padding-left:126px;}

.seqListViewtableContainer .subtaskListContainer .taskColList .colTitle,
.seqListViewtableContainer .subtaskListContainer .addSubTaskColList a,
.seqListViewtableContainer .subtaskListContainer .addSubTaskColList .subtaskTitle,
.seqListViewtableContainer.taskiSheetMeta.metaViewNone .subtaskListContainer .taskColList .colTitle,
.seqListViewtableContainer.taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList a,
.seqListViewtableContainer.taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList .subtaskTitle{padding-left:90px;}

.taskiSheetMeta.seqListViewtableContainer .subtaskListContainer .addSubTaskColList a{padding-left:46px;}
.taskiSheetMeta.seqListViewtableContainer .subtaskListContainer .addSubTaskColList .subtaskTitle{padding-left:15px;}


/* Ask Cocounsel starts */
#allowedExtensions{ width:100%;}
/* Ask Cocounsel ends */

/* deal closer*/
.dealCloserLink {
    background: #E5F4FF;
    border: 1px solid #E5F4FF;
    padding: 10px 15px;
    border-radius: 4px;
}
.dealCloser_checkListResult{display: flex; flex-wrap:wrap;}
.dealCloser_checkListResult li{ width: 50%; margin-bottom: 15px; padding-left: 15px;}
.dealCloser_checkListResult li .overflowHidden.d-flex > span{width:95px;}
.dealCloser_checkListResult li:first-child{padding-left:0;}
.dealCloser_checkListResult li:nth-child(2n+1){padding-left:0;}
.dealCloser_checkListResult li .icon-remove:before{content:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8536 0.146447C12.0488 0.341709 12.0488 0.658291 11.8536 0.853553L0.853553 11.8536C0.658291 12.0488 0.341709 12.0488 0.146447 11.8536C-0.0488155 11.6583 -0.0488155 11.3417 0.146447 11.1464L11.1464 0.146447C11.3417 -0.0488155 11.6583 -0.0488155 11.8536 0.146447Z' fill='%231F1F1F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.146447 0.146447C0.341709 -0.0488155 0.658291 -0.0488155 0.853553 0.146447L11.8536 11.1464C12.0488 11.3417 12.0488 11.6583 11.8536 11.8536C11.6583 12.0488 11.3417 12.0488 11.1464 11.8536L0.146447 0.853553C-0.0488155 0.658291 -0.0488155 0.341709 0.146447 0.146447Z' fill='%231F1F1F'/%3E%3C/svg%3E%0A");}

/*--- Bug 776470: iSheets -  when using multiline column in lookup it doesn't maintain text format in detail/edit window ----*/
.injectedDataForDetailModal{white-space: break-spaces;}

.cocoEmptyIcon{vertical-align: -3px; width: 16px; height: 16px; margin-right: 2px;}
/*--- Bug 814051: AI Ask CoCounsel modal UI change to match saffron ui ----*/

#ask_cocounsel_modal .modal-content{border: 1px solid #737373; border-radius: 8px; box-shadow: 0 0 10px 0 rgba(31, 31, 31, 0.1); background: #ffffff}
#ask_cocounsel_modal h2{font-size: 28px; color:#1f1f1f}
#ask_cocounsel_modal .modal-header{border-width: 0px 0px 1px 0px; padding: 20px 24px 15px 24px; border-color: #737373;
border-image: linear-gradient(to right, #737373, #737373) 100% 1;
-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#737373), to(#737373)) 100% 1;
-webkit-border-image: -webkit-linear-gradient(left, #737373, #737373) 100% 1;
-moz-border-image: -moz-linear-gradient(left, #737373, #737373) 100% 1;
-o-border-image: -o-linear-gradient(left, #737373, #737373) 100% 1;
}
#ask_cocounsel_modal .form-group label{color: #1f1f1f; font-weight: 600}
#ask_cocounsel_modal textarea::placeholder,
#ask_cocounsel_modal .bootstrap-select button span{color: #1f1f1f}
#ask_cocounsel_modal .form-group label p{font-weight: normal}
#ask_cocounsel_modal .bootstrap-select button, .bootstrap-select button:hover{background: #ffffff !important;  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); -webkit-user-select: none; background-image: -webkit-linear-gradient(#fff, #fff 40%, #ffffff) !important;}
#ask_cocounsel_modal .caret{display: block; width: 7px; height: 7px; border-top: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; border-width: 1px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 40%}
.saflikedropdown .dropdown-menu > .active > a,
.saflikedropdown .dropdown-menu > .active > a:hover,
.saflikedropdown .dropdown-menu > .active > a:focus-visible {font-weight: normal;}
.saflikedropdown .dropdown-menu li a{ padding: 5px 6px 6px; border: 2px solid transparent;}
.saflikedropdown .dropdown-menu li a[aria-selected=true]{background-color: #ffffff; border-color: #004070; border-radius: 4px; background: transparent; margin-top: -2px; margin-bottom: -2px}
.saflikedropdown .dropdown-menu > .active > a:hover,
.saflikedropdown .dropdown-menu > .active > a:focus-visible{border-color: #004070; border-radius: 4px; background-color: #e5f4ff;}
.saflikedropdown .dropdown-menu li a:focus-visible  {background-repeat: no-repeat; background-position: right; background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" width="20" height="10"><title>icon</title><style>.s0 { fill: %231f1f1f } </style><path class="s0" d="m13.8 0.2c0.2 0.1 0.2 0.5 0 0.7l-8.5 8.5c-0.1 0.2-0.5 0.2-0.7 0l-4.5-4.5c-0.2-0.2-0.2-0.6 0-0.7 0.2-0.2 0.6-0.2 0.7 0l4.2 4.1 8.1-8.1c0.2-0.2 0.6-0.2 0.7 0z"/></svg>');}
.saflikedropdown .dropdown-menu li a .icon-check-mark:before{display: none}
.saflikedropdown .dropdown-menu li a:hover{background: #e5f4ff; border-color: #004070; border-radius: 4px; }
.saflikedropdown .dropdown-menu > .active > a{background-color: #ffffff;}
.saflikedropdown li.selected.active a{background-repeat: no-repeat; background-position: right; background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" width="20" height="10"><title>icon</title><style>.s0 { fill: %231f1f1f } </style><path class="s0" d="m13.8 0.2c0.2 0.1 0.2 0.5 0 0.7l-8.5 8.5c-0.1 0.2-0.5 0.2-0.7 0l-4.5-4.5c-0.2-0.2-0.2-0.6 0-0.7 0.2-0.2 0.6-0.2 0.7 0l4.2 4.1 8.1-8.1c0.2-0.2 0.6-0.2 0.7 0z"/></svg>');}
.saflikedropdown.bootstrap-select.btn-group .dropdown-menu li a span.text{padding-right: 25px}
#ask_cocounsel_modal hr{border-color: #737373; margin-left: -24px; margin-right: -24px; margin-top: 20px; margin-bottom: 20px}
#ask_cocounsel_modal .modal-header .close{line-height: 0;}
#ask_cocounsel_modal .modal-header .icon-remove{line-height: 0;}
#ask_cocounsel_modal .modal-header .close:hover{background-color: #e5f4ff; color: #004070; box-shadow: 0 0 0 1.7px inset #004070;}
#ask_cocounsel_modal .modal-header .close:active{background-color: #ffffff; box-shadow: 0 0 0 1.7px inset #004070;}
#ask_cocounsel_modal .modal-header button.close .icon-remove:before{content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.125 1.15625C14.3125 0.96875 14.6562 0.96875 14.8438 1.15625C15.0312 1.34375 15.0312 1.6875 14.8438 1.875L8.6875 8L14.8438 14.1562C15.0312 14.3438 15.0312 14.6875 14.8438 14.875C14.6562 15.0625 14.3125 15.0625 14.125 14.875L8 8.71875L1.84375 14.875C1.65625 15.0625 1.3125 15.0625 1.125 14.875C0.9375 14.6875 0.9375 14.3438 1.125 14.1562L7.28125 8L1.125 1.875C0.9375 1.6875 0.9375 1.34375 1.125 1.15625C1.3125 0.96875 1.65625 0.96875 1.84375 1.15625L8 7.3125L14.125 1.15625Z" fill="%231F1F1F"/></svg>'); line-height: 0;}
#ask_cocounsel_modal input[type='radio'] {width: 20px; height: 20px; border-radius: 50%; outline: none; border: 1px solid #737373; margin-right: 10px; appearance: none}
#ask_cocounsel_modal input[type='radio']:hover{background-color: #e5f4ff; border: 2px solid #004070; appearance: none}
#ask_cocounsel_modal .radio label{display: inline-flex; font-weight: normal;}
#ask_cocounsel_modal .radio [type="radio"]:checked+.safflikeRadio:after { content:""; background-color: #ffffff; width: 7px; height: 7px; display: inline-block; border-radius: 50%; left:7px; top: 7px; position: absolute; cursor: default}
#ask_cocounsel_modal input[type="radio"]:checked { background-color: #004070;}
#ask_cocounsel_modal input[type="radio"]:checked:hover { background-color: #e5f4ff;}
#ask_cocounsel_modal input[type="radio"]:checked:hover+.safflikeRadio:after { content:""; background-color: #004070; width: 7px; height: 7px; display: inline-block; border-radius: 50%; left:7px; top: 7px; position: absolute;}

#ask_cocounsel_modal .modal-footer{border-width: 1px 0px 0px 0px; padding-top: 15px; padding-bottom: 15px; border-color: #737373;
-webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#737373), to(#737373)) 100% 1;
-webkit-border-image: -webkit-linear-gradient(left, #737373, #737373) 100% 1;
-moz-border-image: -moz-linear-gradient(left, #737373, #737373) 100% 1;
-o-border-image: -o-linear-gradient(left, #737373, #737373) 100% 1;
border-image: linear-gradient(to right, #737373, #737373) 100% 1;
}
#ask_cocounsel_modal .modal-footer .btn-cancel{background-color: #fafafa; box-shadow: 0 0 0 1px inset #1f1f1f;  border-radius: 4px; padding: 8px 16px; color: #1f1f1f; font-size: 16px; transition: none; -webkit-transition: none;}
#ask_cocounsel_modal .modal-footer .btn-cancel:hover{background-color: #e5f4ff; color: #004070; box-shadow: 0 0 0 1.7px inset #004070; transition: none; -webkit-transition: none;}
#ask_cocounsel_modal .modal-footer .btn-default{background-color: #000000; color: #f2f2f2; box-shadow: 0 0 0 1px inset #000000; border-radius: 4px; padding: 10px 18px; transition: none; -webkit-transition: none; border: none;}
#ask_cocounsel_modal .modal-footer .btn-default:hover{background-color: #e5f4ff; color: #004070; box-shadow: 0 0 0 1.7px inset #004070; border: none; }
#ask_cocounsel_modal .modal-footer .btn-default:active,
#ask_cocounsel_modal .modal-footer .btn-cancel:active{background-color: #004070; color: #ffffff;}
#ask_cocounsel_modal .modal-footer .btn-default[disabled] {background-color: #f2f2f2; color: #8c8c8c; box-shadow: 0 0 0 1px inset #f2f2f2; opacity: 1;}
#ask_cocounsel_modal .modal-footer .btn-default[disabled]:hover {background-color: #e5f4ff; color: #004070 !important; box-shadow: 0 0 0 1px inset #e5f4ff;}
#ask_cocounsel_modal .modal-body{padding: 10px 24px 10px 24px}
#ask_cocounsel_modal .modal-header button.close{opacity: 1; transition: none; padding: 12px}
#ask_cocounsel_modal .modal-header button.close:hover{background-color: #e5f4ff; transition: none; border-radius: 4px; }
#ask_cocounsel_modal .modal-header button.close:hover .icon-remove:before {content:url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><title>close_</title><style>.s0 { fill: %23004070 } </style><path class="s0" d="m14.1 1.2c0.2-0.2 0.6-0.2 0.7 0 0.2 0.1 0.2 0.5 0 0.7l-6.1 6.1 6.1 6.2c0.2 0.1 0.2 0.5 0 0.7-0.1 0.2-0.5 0.2-0.7 0l-6.1-6.2-6.2 6.2c-0.1 0.2-0.5 0.2-0.7 0-0.2-0.2-0.2-0.6 0-0.7l6.2-6.2-6.2-6.1c-0.2-0.2-0.2-0.6 0-0.7 0.2-0.2 0.6-0.2 0.7 0l6.2 6.1z"/></svg>') !important;}
.saflikedropdown .dropdown-menu li:first-child a[aria-selected=true]{margin-top: 0px}
#ask_cocounsel_modal #coCounselSkillLabelNew span{font-weight: normal !important;}

.cocoIcon {   background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><title>new 9</title><style>.s0 { fill: %23707070 } </style><path class="s0" d="m10.2 2.7l1.8-0.7 0.7-1.8c0-0.1 0.1-0.2 0.3-0.2 0.1 0 0.3 0.1 0.3 0.2l0.7 1.8 1.8 0.7c0.1 0 0.2 0.2 0.2 0.3 0 0.2-0.1 0.3-0.2 0.3l-1.8 0.7-0.7 1.8c0 0.1-0.2 0.2-0.3 0.2-0.2 0-0.3-0.1-0.3-0.2l-0.7-1.8-1.8-0.7c-0.1 0-0.2-0.1-0.2-0.3 0-0.1 0.1-0.3 0.2-0.3zm-3.8-0.4l1.6 3.6 3.6 1.6c0.2 0.1 0.3 0.3 0.3 0.5 0 0.2-0.1 0.3-0.3 0.4l-3.6 1.7-1.6 3.5c-0.1 0.2-0.3 0.3-0.5 0.3-0.1 0-0.3-0.1-0.4-0.3l-1.7-3.5-3.5-1.7c-0.2-0.1-0.3-0.2-0.3-0.4 0-0.2 0.1-0.4 0.3-0.5l3.5-1.6 1.7-3.6c0.1-0.2 0.3-0.3 0.4-0.3 0.2 0 0.4 0.1 0.5 0.3zm5.6 9.7l0.7-1.7c0-0.2 0.1-0.3 0.3-0.3 0.1 0 0.3 0.1 0.3 0.3l0.7 1.7 1.8 0.7c0.1 0 0.2 0.2 0.2 0.3 0 0.2-0.1 0.3-0.2 0.3l-1.8 0.7-0.7 1.8c0 0.1-0.2 0.2-0.3 0.2-0.2 0-0.3-0.1-0.3-0.2l-0.7-1.8-1.8-0.7c-0.1 0-0.2-0.1-0.2-0.3 0-0.1 0.1-0.3 0.2-0.3z"/></svg>');   width:16px;   height:16px;   background-repeat: no-repeat; }.cocoIcon:hover {   background-image: url('data:image/svg+xml,<svg class="margRight7" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2188 2.6875L12 2L12.6562 0.25C12.6875 0.09375 12.8438 0 13 0C13.125 0 13.2812 0.09375 13.3125 0.25L14 2L15.75 2.6875C15.9062 2.71875 16 2.875 16 3C16 3.15625 15.9062 3.3125 15.75 3.34375L14 4L13.3125 5.78125C13.2812 5.90625 13.125 6 13 6C12.8438 6 12.6875 5.90625 12.6562 5.78125L12 4L10.2188 3.34375C10.0938 3.3125 10 3.15625 10 3C10 2.875 10.0938 2.71875 10.2188 2.6875ZM6.40625 2.3125L8.03125 5.875L11.5938 7.5C11.7812 7.59375 11.9062 7.78125 11.9062 7.96875C11.9062 8.15625 11.7812 8.34375 11.5938 8.40625L8.03125 10.0625L6.40625 13.625C6.3125 13.8125 6.125 13.9375 5.9375 13.9375C5.75 13.9375 5.5625 13.8125 5.5 13.625L3.84375 10.0625L0.28125 8.4375C0.09375 8.34375 0 8.15625 0 7.96875C0 7.78125 0.09375 7.59375 0.28125 7.5L3.84375 5.875L5.5 2.3125C5.5625 2.125 5.75 2 5.9375 2C6.125 2 6.3125 2.125 6.40625 2.3125ZM12 12L12.6562 10.25C12.6875 10.0938 12.8438 10 13 10C13.125 10 13.2812 10.0938 13.3125 10.25L14 12L15.75 12.6875C15.9062 12.7188 16 12.875 16 13C16 13.1562 15.9062 13.3125 15.75 13.3438L14 14L13.3125 15.7812C13.2812 15.9062 13.125 16 13 16C12.8438 16 12.6875 15.9062 12.6562 15.7812L12 14L10.2188 13.3438C10.0938 13.3125 10 13.1562 10 13C10 12.875 10.0938 12.7188 10.2188 12.6875L12 12Z" fill="%23B23000"></path></svg>');   width:16px;   height:16px;   background-repeat: no-repeat; }
.cocoMFESpinner{margin:10px}

.icon-coco-analysis { fill: #707070; }
.icon-coco-analysis:hover { fill: #005DA2; }