/******************************************************************************* * Copyright (c) 2018 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors *******************************************************************************/ /* Media Query */ /* only in tablet/mobile device (COL-19770 - iOS: checkboxes do not align with labels)*/ @media (max-device-width: 1024px) { input[type=checkbox], input[type=radio] {margin-top:1px;} .withoutTitle .fixedContent{visibility: visible;} } /* case upto 1024 resolution only */ @media (max-width: 1024px){ body:not(.bodyLang-en):not(.bodyLang-fr) #lookUpParentDiv .col-lg-9.col-sm-8, body.bodyLang-fr #lookUpParentDiv .col-lg-9.col-sm-8{width:48%;} body:not(.bodyLang-en) #fillterDivID+div button#addToGrid{margin-left:15px;} /* left panel height on scroll */ .tabletScreenMode.myFiles .leftPanelSection, .tabletScreenMode.files .leftPanelSection, .tabletScreenMode.event .leftPanelSection{height:auto!important;} .embededContent{position: relative;padding-bottom: 56.25%; height: 0; overflow:hidden; max-width: 100%;float: none!important;} .embededContent iframe, .embededContent object, .embededContent embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* overwriting :hover css with normal css resolve tablet/mobile hover bug */ .dropdown-toggle.btn-default:hover{background:none;} .dropdown .icon.icon-actions:hover, .icon:hover{color:#b5b5b5;} .icon.inputLink:hover, .icon.iconColor:hover{color:#707070;} .icon-text-formating.postIcon:hover{background:#fff; border-color:#ddd; color:#707070;} .open .icon-text-formating.postIcon{ color:#fff; background:#005696; border-color:#005696;} /* .open .dropdown-toggle.btn-default{background: #009cde;} */ .input-group-btn > .btn:hover{background:#ffffff; border:1px solid #ccc;} .input-group-btn > .btn:hover span.caret{border-top-color:#343434;} .input-group-btn > .btn:hover .icon-filter{color: #939393;} .input-group-btn.open>.dropdown-toggle, .input-group-btn>.btn:active{background-color:#005696; border-color:#005696;} .input-group-btn.open > .btn span.caret{border-top-color:#ffffff;} .open.input-group-btn > .btn .icon-filter{color: #FFFFFF;} .topHeader .headRight > ul > li > .btn:hover, .tabletMenuTitle .btn:active, .tabletMenuTitle .btn:focus{background:#005696; border-color:#005696;} .tabletMenuTitle .btn:hover{background:#ffffff} .mobileSearch .input-group-btn.open > .btn {background:#005696;} .topHeader .headRight > ul > li.open > .btn{background:#ffffff; border-color:#005696;} .topHeader .headRight > ul > li > .btn:hover .icon, .open .btn-default:hover{color:#ffffff;} .topHeader .headRight > ul > li.open > .btn .icon{color:#005696;} .topHeader .headRight > ul > li > .btn:hover .askTR {fill: #ffffff} .topHeader .headRight > ul > li.askTrBtn > .btn:hover{background:#ffffff; border-color:#005696;} .topHeader .headRight > ul > li.askTrBtn > .btn:hover .askTR{fill: #005696;} .topHeader .headRight > ul > li > .btn:hover .cocoMFE {fill: #005696} .topHeader .headRight > ul > li.cocoMFEBtn > .btn:hover{background:#ffffff; border-color:#005696;} .topHeader .headRight > ul > li.cocoMFEBtn > .btn:hover .cocoMFE{fill: #005696;} .dropdown.open .icon.icon-actions, .icon.active, .icon.inputLink.active, .icon.iconColor.active{color:#005696;} .btn-group .btn-default.disabled{color:#989999;} .icon.icon-star-selected:hover:before{color:#CA4615; content:"\e036";} .btn-group .btn-default:hover, .btn-default.notificationBtn:hover {background:transparent; color:#005696; border-color:#005696;} .btn-group.open .btn-default, .btn-group .btn-default.active:hover, .open .btn-default.notificationBtn{background:#005696; color:#ffffff; border-color:#005696} .btn-default.notificationBtn .icon:hover{color:#005696;} .open .btn-default.notificationBtn .icon{color:#ffffff;} .btn.followBtn:hover{background:#5cb85c; border-color:#4cae4c; color:#ffffff;} .btn.followCommon:hover {background:transparent; color:#005696; border-color:#005696;} /*webkit overflow touch for tablet & phones */ .dropdown-menu, .webkitOverflowTouch, .panel-collapse, .treeSearchSection, .tblContainer.metaData ,.allSiteTemplateContainer .allSiteTemplateTable{-webkit-overflow-scrolling:touch;} .headSearch, .globalSearchBtn, .msgMenuBtn, .favMenuBtn, .userMenuBtn, .coCoTxmBtn {display:none;} .notificationBtn, .tabletMenuBtn, .mobileSearch, .mobileUserMenuList{display:block} /* file module common in tablet & mobile*/ .files .fullscreenIcon, .files .Dropfullscreen, .task .fullscreenIcon, .qa .fullscreenIcon, .myFiles .fullscreenIcon{display: none;}/*hide full-screen icon from ipad*/ .folderTitleContainer {margin:0 82px 15px 0;}/*adjust right margin as of fullscreen button hide*/ .rightSideSection{margin-left:15px;}/*overwrite desktop margin*/ .mobileScreenMode .rightSideSection{margin-left: 0;}/* remove margin for mobile*/ .postImgSec.multiTwo a img{max-height:165px;} .postImgSec.multiThree a img{max-height: 110px; vertical-align: middle;} .postImgSec.multiFour a img{max-height: 85px; vertical-align: middle;} .filefolderPermission {right:10px; left:10px;} .filefolderPermission.upDataDialog{left: 0; right: 0px;} .filefolderPermission .modal-lg{width:auto;} .filefolderPermission.upDataDialog .modal-form-info.infoShow{width: 330px;} /* ipad head fixed issues fixed */ /*.fixedTableHead, .fixedMetaTableHead {position:absolute;} .fixedDivWrapper.fixed .fixedTableHead, .fixedDivWrapper.fixed .fixedMetaTableHead {position:static;}*/ /* desktop sideMenuBar goes Dropdown */ .tabletMenuTitle{display:block;} .tabletMenuTitle {margin-bottom:15px; padding:10px 15px; border-bottom: 4px solid #005696; } .sideNavPanel{z-index:1030; width:320px;} .sideNavPanel .mobileSearch, .sideNavPanel .nav.navbar-nav {padding:0 15px;} .sideNavPanel .globalSearchDrop {overflow-y:inherit; max-height:none;} .sideNavPanel .globalSearchDrop li{margin:0 -15px 5px;} .sideNavPanel .globalSearchDrop li a{display:block; padding:3px 15px 4px 15px;} .sideNavPanel .globalSearchDrop li.dropdown-header{padding: 3px 15px;} .sideNavPanel .globalSearchDrop li.divider{height:1px; background-color:#e5e5e5; margin:9px -15px;} .sideNavPanel .navbar-nav {margin:7.5px -15px;} .sideNavPanel .navbar-nav ul + ul > li{border-top:0 none;} .sideNavPanel .navbar-nav li a, .sideNavPanel .navbar-nav li a:hover, .sideNavPanel .navbar-nav li a:focus{ padding:2px 15px;} .btn.navUser{padding:6px 9px; margin-right:10px;} .topHeader .sideMenuBarBtn.headNavIcon span.badge{display:block} .sideNavPanel .tabViewBlock {display:block;} .sideNavPanel .navbar-nav .multiHomePage a.dropdown-toggle{padding-left: 5px;} /* show left tree in iPad landscape */ /* For wiki/blog scenario where left panel show in 1024 */ .leftTreeShow .rightSideSection{margin-left:309px;} .leftTreeShow.leftSectionHide .rightSideSection, .leftSectionHide .leftTreeShow .rightSideSection {margin-left:75px;} .leftTreeShow .leftsidePanel{position:relative; left:0;} .leftTreeShow .leftsidePanel.leftFixed{left:15px;} .leftTreeShow .showhideSection{display:block; background:#eeeeee;} .headPageTitle.fixed {left:15px; right:15px; width:auto !important;} #FILE_MODULE_LEFT_PANEL_BODY {margin:0 -10px;} #isheet_module_downloadsheet_modal_BODY .browseTreeBtn {display:none;} /* Full screen info modal */ .dialogleft{right: 330px;} .dialogRight{width: 330px;} /* Task */ #attachmentsDropContainerID .edit-section-hover .edit-content:hover::after{content: none;} .inlineEditLinkSpacer{display: none;} .taskColList .openArrow {margin-left:-11px; left:50%;} .edit-section-hover .edit-content:focus:after{content: "";} /* task module css start here */ .tasksListContainer .colTitle {width:46%;} .tasksListContainer.startDateCol .colTitle {width:35%;} .tasksListContainer .colId {width:11%;} .tasksListContainer .colDate {width:14%;} /*.tasksListContainer.startDateCol .colDate {width:14%;}*/ .tasksListContainer .colList {width:12%; display:none;} .tasksListContainer .colPriority {width:11%;} /*.tasksListContainer.startDateCol .colPriority {width:12%;}*/ .tasksListContainer .colStatus {width:18%;} .tasksListContainer.startDateCol .colStatus, .taskiSheetMeta.metaViewNone.startDateCol .colStatus {width:15%;} .tasksListContainer .colAssigne {width:20%; display:none;} /*sub-task list column width css start*/ .subtaskListContainer .taskColList .colTitle{width: calc(46% - 30px);} .tasksListContainer.startDateCol .subtaskListContainer .taskColList .colTitle{width: calc(35% - 30px);} /*sub-task list column width css start* /* task meta data view */ .taskiSheetMeta .colTitle, .tasksListContainer.taskiSheetMeta.startDateCol .colTitle, .tasksListContainer.taskiSheetMeta.startDateCol .subtaskListContainer .taskColList .colTitle{width:420px;} .taskiSheetMeta .colId {width:90px;} .taskiSheetMeta .colDate{width:160px;} .taskiSheetMeta .colList{width:160px;} .taskiSheetMeta .colPriority, .taskiSheetMeta.startDateCol .colPriority{width:160px;} .taskiSheetMeta .colStatus, .taskiSheetMeta.startDateCol .colStatus{width:160px;} .taskiSheetMeta .colAssigne{width:245px;} .tasksListContainer.taskiSheetMeta.startDateCol .colAssigne{width:220px;} .tasksListContainer.taskiSheetMeta .colList, .tasksListContainer.taskiSheetMeta .colAssigne{display:block;} /* when TMD configure and view "None selected" in "task admin" */ .tasksListContainer.taskiSheetMeta.metaViewNone .colList, .tasksListContainer.taskiSheetMeta.metaViewNone .colAssigne{display:none;} .tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .colTitle{width:35%;} .tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .subtaskListContainer .taskColList .colTitle{width:calc(35% - 30px);} .tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .colId{width:11%;} .taskiSheetMeta.metaViewNone .colTitle{width:46%;} .taskiSheetMeta.metaViewNone .subtaskListContainer .taskColList .colTitle{width:calc(46% - 30px);} .taskiSheetMeta.metaViewNone .colId{width:11%;} .taskiSheetMeta.metaViewNone .colDate{width:14%;} .taskiSheetMeta.metaViewNone .colPriority{width:11%;} .taskiSheetMeta.metaViewNone .colStatus {width:18%;} .taskiSheetMeta.metaViewNone.startDateCol .colDate{width:14%;} /* my task */ .mytask .tasksListContainer .colTitle {width:32%;} .mytask .tasksListContainer .subtaskListContainer .taskColList .colTitle{width: calc(32% - 30px);} .mytask .tasksListContainer .colDate {width:14%;} .mytask .tasksListContainer .colId{width:11%;} .mytask .tasksListContainer .colPriority {width:12%;} .mytask .tasksListContainer .colStatus {width:15%;} .mytask .tasksListContainer .colSite {width:16%;} .mytask .tasksListContainer.taskiSheetMeta .colAssigne, .mytask .tasksListContainer.taskiSheetMeta .colList{display:none;} .taskDetailContainer .edit-section-hover.cardTaskStatus .edit-content:hover::after, .taskMetaModal .edit-section-hover.cardTaskStatus .edit-content:hover::after{content: "";} /* task meta data */ .files .taskMetaModal .modal-form-info.infoShow, .event .taskMetaModal .modal-form-info.infoShow, .taskMeta .taskMetaModal .modal-form-info.infoShow{left:350px; width:250px;} .taskMeta #TaskCardViewModalID.taskMetaModal .modal-form-info.infoShow, .iSheets .taskMetaModal .modal-form-info.infoShow{left:650px; width:250px;} .taskiSheetMeta .taskDetailContainer .modal-form-info.infoShow, .tasksubListContainer .taskDetailContainer .modal-form-info.infoShow{width:250px; left:248px;} .tabletScreenMode .taskMetaRightDesc .form-horizontal.taskMetaModal .form-group{margin-left:0; margin-right:0;} .taskMeta.tabletScreenMode .taskMetaRightDesc .descriptionTxt{font-size:12px; color:#707070;} /* task meta patch for ipad right panel*/ /* .tabletScreenMode .taskDetailContainer .taskMetaModal .form-group label + div.col-sm-4, .tabletScreenMode .taskDetailContainer .taskMetaModal .form-group div.col-sm-5.edit-section{width:75%;} .tabletScreenMode .taskDetailContainer .taskMetaModal .form-group div.col-sm-5.edit-section{margin-left:25%; margin-top:7px;} .tabletScreenMode .taskDetailContainer .taskMetaModal .form-group div.col-sm-5.edit-section .edit-content, .tabletScreenMode .taskDetailContainer .taskMetaModal .form-group div.col-sm-5.edit-section .edit-area{padding-left:15px;} */ /*Task Hierarchy View(Sub-list) CSS Start*/ .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:120px;} .tasksubListContainer .colPriority{width:110px;} .tasksubListContainer .colStatus, .tasksubListContainer.startDateCol .colStatus{width:140px;} .tasksubListContainer.startDateCol .colAssigne, .tasksubListContainer .colAssigne{width:155px; display:block;} .tasksubListContainer.startDateCol .colList, .tasksubListContainer .colList{ display:block;} .tasksubList .tasksubListColTitle{width:calc(685px - 74px);} .tasksubListContainer.startDateCol .tasksubList .tasksubListColTitle{width:calc(565px - 74px);} .taskDetailHeader .taskDetailHeaderData{max-width: 75%;} .taskDetailHeader a.TruncateLink, .taskDetailHeader .taskDetailsBreadcrumbs{max-width: 70%;} /* people module */ .peopleModuleList th.peopleBtn{width: 120px;} .peopleModuleList .peopleBtn .btn-sm:first-child{margin-bottom: 10px;} /* event module*/ .dhx_global_tip{display:none;} .event .leftPanelSection{display:none;} /* file viewver edit meta footer*/ .dialogRightEditMetaFooter{width:315px;} /* site admin css */ .tabBodyRow {margin-right:0;} /* report css start */ .tabOverflowScroll {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;} .adminDropAccord .panel {box-shadow:0 0px 0px rgba(0, 0, 0, 0)} /*---------------------- Common width (include more when required with the gap of "10px") ------------------------*/ .md-width100{width: 100px;} .md-width110{width: 110px;} .md-width120{width: 120px;} .md-width200 {width:200px;} .md-width300 {width:300px;} .sortingEle, .draggableMove, .globalNavMenuItem {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; /*-moz-user-select:none; -ms-user-select:none; user-select:none;*/} /*set height to tokenfiel and dropdown*/ .addUserAutoSuggest .tokenfield {min-height:130px;} .addUserAutoSuggest .tt-dropdown-menu{max-height:210px;} .siteqrcodeVerification .pageCenterContainer{position: relative;} body.qrcodeVerification {height:auto;} /*overwrite for touch device reorder*/ .listDragHandle:focus svg, .listDragHandle:hover svg { border-radius: 4px; box-shadow: 0 0 4px transparent; border: 1px solid transparent;} .listDragHandle .svgPathIcon, .listDragHandle .svgPathIcon:hover{fill:#747474;} .tasksubList.moveEle .listDragHandle:focus svg, .tasksubList.moveEle .listDragHandle:hover svg, .taskandsubtaskList.moveEle .listDragHandle:focus svg, .taskandsubtaskList.moveEle .listDragHandle:hover svg {border-radius:4px; box-shadow: 0 0 4px #005696; border:1px solid #005696; } } /* hide secondaryNav div if zoom is greater 140%*/ @media (max-width: 1050px) { .secondaryNav { display:none; } } /* Case for Top Icons hide(message/fav/search/user) & Hamburger */ @media (max-width: 1023px) { .sideNavPanel .tabViewBlock {display:none;} /* micro-blog, compare dialog */ .dialogBody{display: inline-table; height: 100%; table-layout: fixed; width: 100%;} .dialogleft{display: table-cell; width: 100%; right: 0px; vertical-align: middle; padding:62px 0 0;} .upDataDialog .dialogleft.singleFileView {padding-bottom: 15px;} .upDataDialog .upDataPaging ul li a {position: fixed; top:50%; left:0px; right:0px; padding: 5px 0px;} .upDataDialog .dialogBody{top: 0px;} .upDataDialog .modal-header{position: fixed; z-index: 3; width: 100%;} .upDataDialog .upDataPaging .pager > li:first-child > a {left:0;} .upDataDialog .upDataPaging .pager > li:nth-child(2) {display:none} .upDataDialog .upDataPaging .pager > li + li + li > a {right:0; left:auto;} .upDataDialog .upDataPaging .pager > li > a{background:rgba(0,0,0,.4); border-radius:100%;} .upDataDialog .upDataPaging .pager > li a{padding: 6px 8px; width:38px;} .dialogRight, .hideShow .dialogRight{width: 100%;} .detailsCont{padding: 60px 0 55px; word-wrap:break-word;} .fullScreenCont{margin: 0px;} .compareDialog{border-radius:6px; overflow: hidden;} .compareDialog .dialogBody{top:62px; display: block; overflow: auto; height: auto; -webkit-overflow-scrolling: touch;} .compareDialog .modal-header{position:static;} .compareDialog .dialogRight, .compareDialog .dialogleft{display:block; position: relative;} .compareDialog .dialogRight{height:auto; overflow: visible;} .compareDialog .dialogleft{padding-top: 0px; border-right:0;} .compareDialog .dialogleft, .compareDialog .dataDetails{padding-bottom: 15px;} .compareDialog .detailsCont{padding-bottom: 0px; padding-top:0;} .hideShowPanel{visibility: hidden;} .dataDetails{display:table; width: 100%; table-layout: fixed;} .dialogRightEditMetaFooter{width:100%; left:0; padding-right:15px;} .compareDialog .dialogleft.padd15{padding-left: 15px; padding-right: 15px;} .compareDialog .dialogleft .thumbContainer{margin: 0px -15px;} .infoSection {height: 162px;} /* .detailsCont{height:100%; overflow: auto;} */ .dialogleft.dialogRight0{bottom: 0;} .dialogImgsec{text-align: center; width: auto; z-index:0; overflow: auto;} .dailogOpenImg{text-align: left;} .hideDesk, .upDataDialog button.hideDesk{display: block;} .visibleDesk{display: none !important;} .postImgSec.multiTwo a img{max-height:261px;} .postImgSec.multiThree a img{max-height: 175px;} .postImgSec.multiFour a img{max-height: 127px;} /* hide left tree */ .tabletScreenMode .leftTreeShow .rightSideSection{margin-left:15px;} .leftTreeShow .leftsidePanel{position:absolute; left:-9999px!important;}/*overwrite the js on scroll*/ .leftTreeShow .showhideSection{display:none;} .leftTreeShow .rightSideSection{margin-left:0;} .hideShow .detailsCont, .browseLinkHide{display:block;}/*wiki module browse link*/ /*.modalFileMeta {max-width: 470px;}*/ .actionHeader .fileSearch {width:240px;} /* isheet modal css */ .modal .modal-dialog.showhideDesPanel.modal-lg, .modal .modal-dialog.showDesPanel.modal-lg {width:748px;} /*.modal .modal-dialog.showhideDesPanel .modal-body {width:600px;} .modal .modal-dialog.showDesPanel.modal-lg .modal-body, .modal .modal-dialog.showhideDesPanel.modal-lg .modal-body {width:500px;}*/ .modal .modal-dialog.showhideDesPanel .modal-form-info.infoHide {width: 248px; left:auto; right:-263px;} .modal .modal-dialog.showDesPanel .modal-form-info.infoShow, .modal .modal-dialog.showhideDesPanel .modal-form-info.infoShow {width:248px; left:auto; right:0px;} .modal-form-info.infoHide {width: 248px; left:600px;} .modal-form-info.infoShow {width:248px; left:500px;} .modal .modal-dialog.showDesPanel .modal-form-info.infoHide {right:0px; left:500px;} /* people module */ .peopleModuleList thead, .fixedTableHead.peopelData{display:none;} .peopleModuleList > tbody > tr > td{display:block; padding:0; border:0;} .peopleModuleList .peopleOrg{display:none} .peopleModuleList .peopleBtn, .peopleModuleList .peopleMobilePhone, .peopleModuleList .peopelOfficePhone, .peopleModuleList .peopleEmail{padding-left:65px;} .peopleModuleList .peopleBtn.noAvtar, .peopleModuleList .peopleMobilePhone.noAvtar, .peopleModuleList .peopelOfficePhone.noAvtar, .peopleModuleList .peopleEmail.noAvtar{padding-left:0;} .peopleModuleList .peopleBtn{padding-bottom:20px; padding-top:20px;} .peopleModuleList .peopleEmail, .peopleModuleList .peopelOfficePhone{padding-top:10px;} .peopleModuleList .peopleDetail{border-top: 1px solid #ddd; padding-top:20px;} .peopleModuleList tr:first-child .peopleDetail{border-top:0;} .peopleModuleList .peopleOrg, .peopleModuleList .peopleMobilePhone, .peopleModuleList .peopelOfficePhone, .peopleModuleList .peopleDetail .greyFont{font-size:12px;} .peopleModuleList .peopleName, .postMetaLike .usercardLink, .userNameSize{font-size:18px;} .peopleModuleList .peopleName, .peopleModuleList .peopleTitle{font-weight:500;} .peopleModuleList .peopleMobilePhone{padding-top:5px;} .peopleModuleList .phoneLabel{display:inline-block;} .peopleModuleList .peopleBtn .btn-sm:first-child{margin-bottom: 0px;} /*WIki compare*/ .comparewikiLegends{text-align: center; border-bottom: 1px solid #e7e7e7; margin: 0px} .comparewikiWithTitile{text-align: center; padding-top: 16px;} /* task module css start here */ .taskDetailContainer .dataDetails{display:block;} .taskDetailHeader .taskDetailHeaderData{max-width: 65%;} .taskDetailHeader a.TruncateLink, .taskDetailHeader .taskDetailsBreadcrumbs{max-width: 55%;} .taskMeta .taskMetaModal .modal-form-info.infoShow, .taskMeta #TaskCardViewModalID.taskMetaModal .modal-form-info.infoShow, .iSheets .taskMetaModal .modal-form-info.infoShow{left:350px; } /* card view task*/ /*.cardListPanel{width:360px;}*/ /* timeline scheduler css*/ .taskTimelineContainer .dhx_nav_container{text-align:left; left:15px;} /* QA */ .qa .taskDetailContainer {left: 50%;} .qa .taskColList .openArrow {margin-left: -9px; left: 50%;} .qaListContainer .colId {width:7%;} .qaListContainer .colNo {width:7%;} .qaListContainer .colQue {width:26%;} .qaListContainer .colOrg {width:18%;} .qaListContainer .colAuth {width:14%;} .qaListContainer .colAsk {width:14%;} .qaListContainer .colPriority {display: none;} .qaListContainer .colStatus {width:14%;} .qaListContainer .colRelated {display: none;} /*hide-no and hide-id - seller*/ .qaListContainer.hide-no .colQue, .qaListContainer.hide-id .colQue{width:32%;} /*hide-id-no - seller*/ .qaListContainer.hide-id-no .colQue{width:40%;} /*hide-id-no-auth-group - bidder*/ .qaListContainer.hide-id-no-auth-group .colQue{width:70%;} /*hide-id-auth-group and hide-no-auth-group - bidder*/ .qaListContainer.hide-id-auth-group .colQue, .qaListContainer.hide-no-auth-group .colQue{width:64%;} /*end of QA*/ /* Add this class to make input-group dropdwon full width in mobile. */ .mobGroupBtnDrop{position: relative; background: #f8f8f8; border-top: #dddddd solid 1px; border-bottom: #dddddd solid 1px; padding: 8px 15px; margin: 20px -15px 0;} .mobGroupBtnDrop .dropdown-menu {left: 0; right:0;} /* Blog module */ .autoSaveBlog {margin-top: 0px !important;} /* End Blog module */ /*Site Admin*/ .adminSecSize, .adminSecFolder, .adminSecAttachment, .adminSecDeleted{margin-bottom: 15px;} .adminSecSitename {border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px;} .adminSecSiteowner, .adminSecSize, .adminSecAttachment{border: none;} .adminSecBorder{border-bottom: 1px solid #e7e7e7; margin-bottom: 15px; display: block;} .adminMobileMenu{position: relative; background: #f8f8f8; border-top: #dddddd solid 1px; border-bottom: #dddddd solid 1px; margin: 0px -15px 0;} .adminMobileMenu > span{padding: 8px 15px;} .siteAdmin .rightSideSection{margin-left:15px;} .adminPermissionGroupCol{width:227px;} .dropdown-menu.adminDropAccord{max-height: calc(100vh - 25px); overflow: auto; -webkit-overflow-scrolling:touch; } /*-----Site metadata CSS------*/ .siteAdmin .modal-form-info.siteMetaDescription.infoShow {left: 100%;margin-left: -248px;} .adminMobileMenu ul {margin-top: 10px;} .adminMobileMenu ul li {border: none !important;} .adminMobileMenu ul li .arrowForward {display: none !important;} } /* End of common mobile/tablet menu css */ @media (max-width: 991px) { .a11yMenucontainer .adminMobileMenu {display: block !important;} } /* Common ipad potrait block or none */ @media (max-width: 1023px) and (min-width: 768px){ .IpadPortraitBlock {display:block!important;} .IpadPortraitNone {display:none;} .autoSaveMSG:empty {margin-bottom:0px; padding-top:0px;} .autoSaveMSG {float: none !important; text-align: right; margin-bottom: 10px;} .cke_dialog_ui_input_textarea.cke_source{width:550px!important; min-width:100%} /* task meta data */ .taskiSheetMeta .taskDetailContainer .modal-form-info.infoShow, .tasksubListContainer .taskDetailContainer .modal-form-info.infoShow{left: auto; right: 0} /*myfile actionheader*/ .myFiles .actionHeader .linkGrey.hide.IpadPortraitBlock{ text-align: left; width: 100%; margin-top: 0;} .myFiles .actionHeader .pull-left .margRight7{margin-right: 5px;} .myFiles .actionHeader .pull-right .fileSearch .searchComp > input { padding-right: 15px; } } /* All common mobile device override */ @media (max-width: 767px) { /* Global message */ .globalMsg { position: absolute; left: 0; right: 0; top: 41px; margin: 0 !important; border-radius: 0px;} .globalMsg .inlineBlock {display: block;} /*Some common elements css*/ .tabletMenuTitle {padding:0; border-bottom:0; } .topHeader .container, .navSection .container { padding: 0 10px;} .mainSection .container, .mainSection .container-fluid {padding:10px 15px;} .actionHeader{margin-bottom: 10px;} .nav-pills > li > a {padding: 7px 10px;} .topHeader .headRight > ul > li > .btn {padding:4px 8px; height:30px;} .askTrBtn svg{width: 15px;} .cocoMFEBtn svg{width: 15px;} .topHeader .badge.btn-info{padding: 1px 3px; top: -6px;} /*Modal css*/ .modal-sm{width:auto;}/*change as per Inherit permission modal*/ .modal-dialog {margin:0px;} .modal-content {border-radius:0;} .modal-dialog-center .modal-dialog {left:0; top:-9999px;} .modal-dialog-center.in .modal-dialog {margin:0px !important; left:0px !important; top:0px !important; padding:0px; width: 100%;} .modal-dialog-center .modal-dialog .modal-body {min-height:inherit;} .modal-header, .modal-footer {padding:8px 10px;} .fullScreenModal .dummyScroll {display:none;} /*Reduce mobile space on dashbaord */ .dashMiddle, .panel-body, .commentBlock {padding:10px;} .postMeta {margin-right:0;} .postData {padding:6px;} .commentArrow {margin-top:23px;} .dialogRight .commentSec{margin: 0px 10px;} .dashboard .autogrow-short{min-height: 26px;} .mainSection.udb-system-dashboard .container {padding: 0} /* Top header start here */ .topHeader{height:42px;} .logo{line-height:40px;} .logo img {max-width:120px;} .topHeader .headRight {margin-top:5px;} .topHeader .icon {font-size:14px;} .navSection {padding-top:42px;} .mobileMenuBtn{display:inline-block;} .tabletMenuBtn{display:none;} .secondaryNav{height:0px;} .mainNav {height:40px; border-bottom:0; border-top:0; background: #005696; background: linear-gradient(90deg, #005696 0%, #005696 100%);} .mainNav.noSecNav{border-top:0; height:40px;} .mainNav .icon-right-open-big:hover {color:#fff;} .siteDropdown > a, .siteDropdown > a:hover, .mobileModuleNav > a{padding:8px 10px 8px 0; display: block; color:#ffffff;} .mobileModuleNav .dropdown-menu > li > a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; word-wrap: normal;} .mobileModuleNav .dropdown-menu li .dropdown-menu {position:static; width:100%; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border:0 none; border-radius:0; padding:1px 0; clear:left;} .mobileModuleNav .dropdown-menu li .dropdown-menu > li > a{padding:5px 15px 5px 30px;} .sideNavPanel{z-index:1029; padding:55px 15px 15px 15px; width:100%;} .sideNavPanel .mobileSearch, .sideNavPanel .nav.navbar-nav {padding:0;} li.moduleAdmin {display: none;} .mainMenu .icon-right-open-big{padding-top:10px; color:#fff; font-size:16px;} .mainMenu > li > a {padding:10px; color:#fff;} .mainMenu > li > a:hover, .mainMenu > li > a:focus{ color:#fff; border-bottom:0;} .mainMenu > li.active > a {color:#FFF; border-bottom:0; background:transparent;} .mainMenu > li.hideshow > a{padding-bottom:9px; color:#fff;} /* UID-3593 start - We can use as common class as well */ .mobileViewShow{display: block;} .mobileViewHide{display: none;} /* UID-3593 End */ /* multihome dropdown*/ .mobileModuleNav .dropdown-menu > li.multiHomePage > a{display:table-cell;} .mobileModuleNav .dropdown-menu > li.multiHomePage > a{padding-right:0;} .mobileModuleNav .dropdown-menu > li.multiHomePage a.dropdown-toggle{padding:2px 5px; background:transparent;} /* Truncate site name and label */ .siteDropdown{max-width: 100%;} .TruncateModule{max-width: 50%; float: left;} .TruncateLabel{display: table; max-width: 50%; table-layout: fixed; width: 100%;} .TruncateLabel li{float: none; display: table-cell; width: 29px; vertical-align: top;} .TruncateLabel li.active{width: 100%;} .dashboard .TruncateModule{max-width: 100%;} /* Mobile global message*/ .globaSuccessMsg, .globalInfoMsg{padding:4px 6px;} .uplodedFiles .icon-cloud-upload{display: inline-block;} .uplodedFiles .icon-cloud-upload:before{font-size:18px; vertical-align:-5px;} .uplodedFiles .alert-link, .uplodedFiles .alert-link:hover{text-decoration:none;} .uplodedFiles span.icon-exclamation-circle{position:absolute; top:-6px; right:136px;} .uploadFoldTruncate {max-width:150px;} /* Top Header ends here */ /* splash and terms page css */ .termsPage .footer, .splashPage .footer, .splashPage .fixBtnContainer, .termsPage .fixBtnContainer {position:static !important;} .fixedBottomBtn {padding-bottom:0px;} /* file/My file module */ .folderTitleContainer {margin:0 65px 15px 10px;} .files .tblContainer table > thead > tr > th, .myFiles .tblContainer table > thead > tr > th{text-indent:-999px; padding:0;} .files.index .tblContainer table > thead > tr > th{padding: 12px 8px; text-indent:inherit;} .files .tblContainer table > thead > tr > th > div, .myFiles .tblContainer table > thead > tr > th > div{display:none;} .files .tblContainer table > tbody > tr > td, .myFiles .tblContainer table > tbody > tr > td{vertical-align:top; padding:8px 10px;} .files .tblContainer table > tbody > tr > td:last-child, .myFiles .tblContainer table > tbody > tr > td:last-child{padding-left:0;} .files .table > tbody > tr > td > p, .fileMeta > p{margin-bottom: 5px;} .files .ffname .docTitleMargRight, .myFiles .ffname .docTitleMargRight, .listItems.thumbFolder a.linkColor, .tblContainer .listItems.thumbDocument a.fileNameTruncate{font-size:16px;} /*.table > thead > tr > th, .table > tbody > tr > td{font-size: 13px;}*/ .mobileScreenMode .actionHeader .searchBtn .icon{font-size:15px;} .actionHeader .searchComp.inputToggleDiv{margin:15px 10px 0 10px;} .files .rightSideSection{margin-left:0px;} .fixedTableHead, .fixedMetaTableHead {display:none;} .thumbContainer {margin:0px;} .thumbContainer input[type="checkbox"] {margin-top:3px;} .filefolderPermission {right:0px; left:0px;} .filefolderPermission th.permissionGroupCol, .filefolderPermission td.permissionGroupCol, .adminPermissionGroupCol{width:300px;} .filefolderPermission .parentDivWidth .fixedTableHeader .table tbody tr{display:table-row;} .filefolderPermission .modalBodyScroll.parentDivWidth{overflow-x:auto;} .filefolderPermission.upDataDialog .modal-form-info.infoShow{width: 280px;} #isheet_module_downloadsheet_modal_BODY {margin:0 -10px;} .files.mobileScreenMode .treeSearchSection, .myFiles.mobileScreenMode .treeSearchSection {overflow:visible!important; height: auto!important;} .dialogPrev .iconMeta{max-width: 180px;} /* COL-49145 */ .dialogRight .dateRightPanel .col-sm-4, .dialogRight .dateRightPanel .col-sm-3 {width:100%;} .dialogRight .dateRightPanel .col-sm-5 {width:100%; padding-left:inherit;} .modalFileMeta {max-width:100%;} .thumbContainer.column3 .listItems:nth-child(-n+3), .thumbContainer.column2 .listItems:nth-child(-n+2), .thumbContainer.column1 .listItems:first-child {padding: 0 10px 10px 10px;} .applyWatermark{width: 100%; padding-left: 15px; padding-top: 10px;} /*wiki module*/ .attachmentContainer .thumbContainer {margin: 0px -10px;} .metaContainer .metaConData{/*margin-right:0;*/ font-size:12px;} /*.metaContainer .pageActionIcon {position:relative; float:right} span.diff-html-unchanged, span.diff-html-changed, span.diff-html-removed, span.diff-html-added{padding: 0 8px!important}*/ .comparewikiLegends .LegendsTitile{font-size: 13px;} .comparewikiLegends{text-align: left; margin: 0;} .comparewikiWithTitile{padding-top: 0;} .compareDialog{margin: 0px;} .compareDialog, .compareDialog .modal-header, .compareDialog .dialogBody{border-radius:0px;} /*event module*/ .contactSection .contactContainer{padding:7px; height:48px; margin-right:10px;} .contactSection .contactContainer span.TruncateTxt{max-width:225px;} .contactSection .contactContainer:nth-child(2n+1) {margin-right:0;} /*MB post full screen modal*/ .postImg, .postImgSec{display: table;} .dialogImgsec .left, .dialogImgsec .right{font-size: 45px; height:50px;} .postImgSec.multiTwo a img{max-height: 202px;} .postImgSec.multiFour a img{max-height: 110px;} .postImgSec.multiThree a img{max-height: 162px;} /* isheet modal css */ .modal .modal-dialog.showhideDesPanel.modal-lg, .modal .modal-dialog.showDesPanel.modal-lg, .modal .modal-dialog.showDesPanel.modal-lg .modal-body, .modal .modal-dialog.showDesPanel .modal-body, .modal .modal-dialog.showhideDesPanel.modal-lg .modal-body, .modal .modal-dialog.showhideDesPanel .modal-body {width:auto;} .modal .modal-dialog.showDesPanel .modal-form-info.infoHide, .modal-form-info.infoHide {width: 248px; left:auto; right:-263px; padding: 10px;} .modal-form-info.infoShow {width:248px; left:auto; right:0px; padding:10px;} .showDesPanel .panelCloseHead {display:block;} .fullScreenModal.fade .modal-dialog{margin:0; padding:0;} .iSheets .fullScreenModal .fixedContent{display: none;} /*Isheet Manage View css*/ .slideinmodal-right.modal{left: 0;} /* task module */ .taskColListTitle{padding-top:10px; font-size:14px; margin: 0 10px;} .taskColList, .subtaskListContainer {margin-left:10px; margin-right:10px;} .cardTaskDetail .subtaskListContainer{margin-left: 0; margin-right: 0;} .taskDetailContainer + .taskColListTitle{border-top:0; padding-top:0;} .tasksListContainer .colTitle, .taskiSheetMeta.metaViewNone .colTitle, .mytask .tasksListContainer .colTitle{width:100%;} .taskModalaction{position:absolute; right:25px; top:-35px;} .taskColListTitle{padding-top:10px; font-size:16px; margin: 0 10px;} .tasksListContainer .colTitle a[tasktitleid]{font-size:16px;} .taskTitle h3{font-weight:500;} .attachmentContainer .taskAttachmentPadd{padding-top: 10px;} .attachmentContainer .attachListview:nth-child(2) .taskAttachmentPadd:first-child{padding-top: 0px;} /*New task list view css start*/ .tasksListContainer .taskColList .taskActionIcons{width:55px;} .tasksListContainer .taskColList .colTitle, .tasksListContainer.taskiSheetMeta.metaViewNone .taskColList .colTitle{padding-left:10px;} .subtaskListContainer .taskColList, .subtaskListContainer .addSubTaskColList{margin-left:20px;} .subtaskListContainer .taskColList .colTitle{padding-left:18px;} .subtaskListContainer .taskColList .colTitle, .tasksListContainer.startDateCol .subtaskListContainer .taskColList .colTitle, .taskiSheetMeta .subtaskListContainer .taskColList .colTitle, .taskiSheetMeta.metaViewNone .subtaskListContainer .taskColList .colTitle, .tasksListContainer.taskiSheetMeta.startDateCol .subtaskListContainer .taskColList .colTitle, .tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .subtaskListContainer .taskColList .colTitle, .mytask .tasksListContainer .subtaskListContainer .taskColList .colTitle{width: calc(100% - 20px);} .subtaskListContainer .taskColList .taskActionIcons, .subtaskListContainer .taskActionIcons{width:28px;} .subtaskListContainer .addSubTaskColList .subtaskTitle, .taskiSheetMeta .subtaskListContainer .addSubTaskColList .subtaskTitle, .taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList .subtaskTitle, .mytask .tasksListContainer .subtaskListContainer .addSubTaskColList .subtaskTitle, .tasksListContainer.taskiSheetMeta .subtaskListContainer .taskColList .colTitle, .taskiSheetMeta.metaViewNone .subtaskListContainer .taskColList .colTitle, .mytask .tasksListContainer .subtaskListContainer .taskColList .colTitle{padding-left:18px;} .subtaskListContainer .addSubTaskColList a, .taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList a, .taskiSheetMeta.metaViewNone .subtaskListContainer .addSubTaskColList a.margLeft30, .mytask .taskiSheetMeta .subtaskListContainer .addSubTaskColList a.margLeft30{margin-left:0;} /*New task list view css end*/ /* card view task*/ /* .cardViewSection .cardViewListWrapper{white-space:normal; display:block;} .addCloumnPanel{display:block; text-align:center; margin-left:0;} */ .cardViewSection .cardViewListWrapper{display:block;} .cardListPanel{width:87%; margin-bottom:15px;} .cardListPanel:first-child, .cardListHighlight:first-child{margin-left:15px;} /* timeline scheduler css*/ .taskTimelineContainer .dhx_nav_container{text-align:center; top:32px; left:0;} .taskTimelineContainer .dhx_cal_today_button, .taskTimelineContainer .timelineBtnGrup .btn{top:5px;} .taskTimelineContainer .timelineBtnGrup{position:relative; top:0; right:auto;} .taskTimelineContainer .dhx_cal_today_button{position:relative; margin-right:10px; top:5px; right:auto;} .taskTimelineContainer .dhx_cal_navline{text-align:center; } /* task meta data*/ .taskiSheetMeta .colTaskMeta, .tasksListContainer.taskiSheetMeta .colList, .tasksListContainer.taskiSheetMeta .colAssigne{display:none;} .taskiSheetMeta .taskColList .colchkTask{padding:2px 7px 0 0;} .taskMeta .taskMetaModal .modal-form-info.infoShow, .taskMeta #TaskCardViewModalID.taskMetaModal .modal-form-info.infoShow, .files .taskMetaModal .modal-form-info.infoShow, .iSheets .taskMetaModal .modal-form-info.infoShow, .event .taskMetaModal .modal-form-info.infoShow{left:auto;} .task .modal .modal-form-info.taskMetaDescription{top:0!important; bottom:0!important;} .mobileScreenMode #taskDetailViewModalID.modal .dataDetails .col-xs-12, .mobileScreenMode #TaskCardViewModalID.modal .dataDetails .col-xs-12{padding:0;} .tasksListContainer.startDateCol .colTitle, .tasksListContainer.taskiSheetMeta.startDateCol .colTitle, .tasksListContainer.taskiSheetMeta.startDateCol.metaViewNone .colTitle{width:100%;} /* QA Module */ .qaListContainer .colNo {width: 18%;} .qaListContainer .colQue {width: 82%;} /*hide-id - seller*/ .qaListContainer.hide-id .colQue{width:82%;} /*hide-id-no - seller*/ .qaListContainer.hide-no .colQue, .qaListContainer.hide-id-no .colQue{width:100%;} /*hide-id-no-auth-group - bidder*/ .qaListContainer.hide-id-no-auth-group .colQue{width:100%;} /*hide-id-auth-group and hide-no-auth-group - bidder*/ .qaListContainer.hide-id-auth-group .colQue, .qaListContainer.hide-no-auth-group .colQue{width:80%;} /* end of QA*/ /* Hide inline edit facility in mobile */ .edit-content:after{display: none;} /* Profile page css */ .profileAvtar{width: 64px; margin-right: 15px;} .profileBtnSec{clear:both; padding-top:10px; float:none; display:block;} .mobileMenu{width:auto; margin: 20px -10px 0px;} .mobileMenu .btn {background: #f8f8f8; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; color: #2f2f2f; display: block; float: none; font-size: 14px; padding: 8px 10px; text-align: left; width: 100%;} .mobileMenu .btn span.caret {position: absolute; right: 15px; top: 16px;} .mobileMenu .dropdown-menu {border-radius: 0; width: 100%;} .mobileMenu .dropdown-menu a{padding: 5px 10px;} .userInfoSummary .profileBtnSec{margin-left:79px;} .userInfoSummary .btn.followCommon, .userInfoSummary .btn.followBtn{min-width: 85px;} .mobGroupBtnDrop{margin: 20px -10px 0; padding:8px 10px;} .table > tbody > tr > td.m-tdBlock{display:block; padding:0; border:0;} .people.mobileScreenMode .fileSearch{width:100%;} /* Site security and download pages */ .pageCenterContainer{width: auto; position:static;} .sharedFileContent{padding: 0px 0 0 25px;} .sharedFileContainer{width: auto;} /* UID-2299 */ .appChoice .pageCenterContainer{width: 360px;} /* Title Truncate*/ .titleResponsive{display: block; padding: 0px;} .titleAttr{float: left;} /* Modal scroll for mobile Device in Link and Attachment dialog (changed for modalbodytop scroll)*/ .mobileModalScroll{overflow: auto; position: absolute; top: 65px; left: 0px; right: 0px; bottom:0px; padding: 0px 15px;} .mobileModalScroll .modalBodyScroll{height: auto !important;} /* Blog Module */ .blog.edit #collaborateMainContainer.row, .wiki.edit #collaborateMainContainer.row, .blog.add #collaborateMainContainer.row, .wiki.add #collaborateMainContainer.row {margin: 0 -10px;} .profileEdit .container .row {margin-left: 0px;} /* Blog END Module */ .btn-group, .btn-group-vertical{z-index: 3;} /* For COL-26309 and COL-28565 - Windows Phone : Action button show, while my site drop down open */ .fileSharedContent .mainSection > .container, .loginPage .mainSection > .container, .resetPassword .mainSection > .container, .backToLogin .mainSection > .container, .passcodeVerification .mainSection > .container, .conformUserPassword .mainSection > .container, .sitePassword .mainSection > .container, .sitePasscodeVerification .mainSection > .container, .selfregisterVerification .mainSection > .container, .qrcodeVerification .mainSection > .container, .siteqrcodeVerification .mainSection > .container, .sitescratchCode .mainSection > .container{display: flex;} .tokenTask .tokenfield{ min-height:initial; clear:left;} /*========================= SITE ADMIN SECTION ============================*/ /*Site admin permission table*/ /* .tabBodyRow, .ColBody, .ColTHHead{overflow: visible;} */ .adminRemoveFixed{-webkit-overflow-scrolling: touch; overflow-x: auto; } .adminRemoveFixed .fixed .infoHeadFixed{position: static;} /*Site admin*/ .userSection .userOrganization, .userSection .userActive, .userSection .userAdmin, .userSection .userSuspended, .userSection .userInvited, .userSection .userLogged{text-align: left !important;} .addUsersTbl .table.fixedLayout th{display: none} /* .addUsersTbl .table.fixedLayout tbody tr td{display: block; width: 100%; float: left; border: none; } */ /* .addUsersTbl .table.table-bordered{border: none;} */ .addUsersTbl .table.fixedLayout tbody tr{margin-bottom: 10px;} /*Admin custom dropdown overlaping issue*/ .btn-group.bootstrap-select {z-index: unset;} /*Grid*/ /* .isheetAdminGrid .objbox{overflow-x:auto !important; } */ .sortSelectUpDown{margin-top: 90px;} #filterDataGrid .objbox{overflow:auto!important}; /*UID-3045*/ /*Report page*/ .accessByOrganisationReportPage .rightSideSection, .accessByUserReportPage .rightSideSection, .loginByOrganisationReportPage .rightSideSection, .loginByUserPage .rightSideSection, .questionsByGroup .rightSideSection{overflow: visible;} /*set height to tokenfiel and dropdown*/ .addUserAutoSuggest .tokenfield {min-height:100px;} .addUserAutoSuggest .tt-dropdown-menu{max-height:150px;} .profileEdit .headAnchor:before {height:auto; margin-top:0px; } /*COL-104751 - Add below css to solve search UI issue in mobile view for Isheet >> Add record modal, It is common for File metadata area, Task metadata area and Site admin general section area*/ #isheet_module_injectSheetItem_modal_1 .headPageTitle.fixed{left:0 !important; right:0; top:47px !important; padding:10px 15px 0;} /*COL-121013 - mobile issue fix*/ #isheet_module_generateCAReport_MODAL .mobileModalScroll{top:140px;} #CE_TEMPLATE_LIST_MODAL .mobileModalScroll{top:85px;} #isheet_module_CE_bulk_generate_docs_MODAL .mobileModalScroll{top:120px;} /*UID-3552 --- OVERWRITE FOR UID-3405 horizontal navigation bar overlapS */ .iSheets div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(1), .iSheets div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(2), .iSheets div.gridbox_dhx_web.gridbox table.hdr tr td:nth-child(3), .iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(1), .iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(2), .iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(3) {left: auto; } .iSheets .container div.gridbox_dhx_web.gridbox > .objbox > table.obj > tbody > tr > td:nth-child(-n+3) div.fixedCell{width: 100%} /*UID-3552 --- OVERWRITE FOR UID-3405 horizontal navigation bar overlapS END*/ .cke_dialog_ui_input_textarea.cke_source{ min-width:80vw;} /*========================= COMMON ============================*/ /* input-group full width dropdown for mobile */ .m-inputGrpDropFullWidth .input-group-btn{position:static;} .m-inputGrpDropFullWidth .dropdown-menu {left: 0; right:0;} .m-floatNone{float: none !important;} .m-floatRight{float: right !important;} .m-floatLeft{float: left !important;} .m-removeBorder {border:0px none !important;} .m-removeBorderBott {border-bottom: 0px none !important;} .m-removeBorderTop {border-top: 0px none !important;} .m-removeBorderLeft {border-left: 0px none !important;} .m-removeBorderRight {border-right: 0px none !important;} .sm-WhiteSpaceNormal{white-space: normal;} .m-none{display: none} /* Common width (include more when required with the gap of "10px") */ .xs-width60{width: 60px;} .xs-width100{width: 100px;} .xs-width110{width: 110px;} .xs-width120{width: 120px;} /* Some common padding (use direct to any elements) */ .m-padd0{padding:0px !important;} .m-padd2{padding:2px;} .m-padd5{padding:5px;} .m-padd7{padding:7px;} .m-padd10{padding:10px;} .m-padd12{padding:12px;} .m-padd15{padding:15px;} .m-padd17{padding:17px;} .m-padd20{padding:20px;} .m-padd22{padding:22px;} .m-padd25{padding:25px;} .m-padd27{padding:27px;} .m-padd30{padding:30px;} .m-paddTop0{padding-top:0px !important;} .m-paddTop2{padding-top:2px;} .m-paddTop5{padding-top:5px;} .m-paddTop7{padding-top:7px;} .m-paddTop10{padding-top:10px;} .m-paddTop12{padding-top:12px;} .m-paddTop15{padding-top:15px;} .m-paddTop17{padding-top:17px;} .m-paddTop20{padding-top:20px;} .m-paddTop22{padding-top:22px;} .m-paddTop25{padding-top:25px;} .m-paddTop27{padding-top:27px;} .m-paddTop30{padding-top:30px;} .m-paddBott0{padding-bottom:0px !important;} .m-paddBott2{padding-bottom:2px;} .m-paddBott5{padding-bottom:5px;} .m-paddBott7{padding-bottom:7px;} .m-paddBott10{padding-bottom:10px;} .m-paddBott12{padding-bottom:12px;} .m-paddBott15{padding-bottom:15px;} .m-paddBott17{padding-bottom:17px;} .m-paddBott20{padding-bottom:20px;} .m-paddBott22{padding-bottom:22px;} .m-paddBott25{padding-bottom:25px;} .m-paddBott27{padding-bottom:27px;} .m-paddBott30{padding-bottom:30px;} .m-paddLeft0{padding-left:0px !important;} .m-paddLeft2{padding-left:2px;} .m-paddLeft5{padding-left:5px;} .m-paddLeft7{padding-left:7px;} .m-paddLeft10{padding-left:10px;} .m-paddLeft12{padding-left:12px;} .m-paddLeft15{padding-left:15px;} .m-paddLeft17{padding-left:17px;} .m-paddLeft20{padding-left:20px;} .m-paddLeft22{padding-left:22px;} .m-paddLeft25{padding-left:25px;} .m-paddLeft27{padding-left:27px;} .m-paddLeft30{padding-left:30px;} .m-paddRight0{padding-right:0px !important;} .m-paddRight2{padding-right:2px;} .m-paddRight5{padding-right:5px;} .m-paddRight7{padding-right:7px;} .m-paddRight10{padding-right:10px;} .m-paddRight12{padding-right:12px;} .m-paddRight15{padding-right:15px;} .m-paddRight17{padding-right:17px;} .m-paddRight20{padding-right:20px;} .m-paddRight22{padding-right:22px;} .m-paddRight25{padding-right:25px;} .m-paddRight27{padding-right:27px;} .m-paddRight30{padding-right:30px;} /* Some common margins (use direct to any elements) */ .m-marg0{margin:0px !important;} .m-marg2{margin:2px;} .m-marg5{margin:5px;} .m-marg7{margin:7px;} .m-marg10{margin:10px;} .m-marg12{margin:12px;} .m-marg15{margin:15px;} .m-marg17{margin:17px;} .m-marg20{margin:20px;} .m-marg22{margin:22px;} .m-marg25{margin:25px;} .m-marg27{margin:27px;} .m-marg30{margin:30px;} .m-margTop0{margin-top:0px!important;} .m-margTop2{margin-top:2px;} .m-margTop5{margin-top:5px;} .m-margTop7{margin-top:7px;} .m-margTop10{margin-top:10px;} .m-margTop12{margin-top:12px;} .m-margTop15{margin-top:15px;} .m-margTop17{margin-top:17px;} .m-margTop20{margin-top:20px;} .m-margTop22{margin-top:22px;} .m-margTop25{margin-top:25px;} .m-margTop27{margin-top:27px;} .m-margTop30{margin-top:30px;} .m-margBott0{margin-bottom:0px!important;} .m-margBott2{margin-bottom:2px;} .m-margBott5{margin-bottom:5px;} .m-margBott7{margin-bottom:7px;} .m-margBott10{margin-bottom:10px;} .m-margBott12{margin-bottom:12px;} .m-margBott15{margin-bottom:15px;} .m-margBott17{margin-bottom:17px;} .m-margBott20{margin-bottom:20px;} .m-margBott22{margin-bottom:22px;} .m-margBott25{margin-bottom:25px;} .m-margBott27{margin-bottom:27px;} .m-margBott30{margin-bottom:30px;} .m-margLeft0{margin-left:0px!important;} .m-margLeft2{margin-left:2px;} .m-margLeft5{margin-left:5px;} .m-margLeft7{margin-left:7px;} .m-margLeft10{margin-left:10px;} .m-margLeft12{margin-left:12px;} .m-margLeft15{margin-left:15px;} .m-margLeft17{margin-left:17px;} .m-margLeft20{margin-left:20px;} .m-margLeft22{margin-left:22px;} .m-margLeft25{margin-left:25px;} .m-margLeft27{margin-left:27px;} .m-margLeft30{margin-left:30px;} .m-margRight0{margin-right:0px!important;} .m-margRight2{margin-right:2px;} .m-margRight5{margin-right:5px;} .m-margRight7{margin-right:7px;} .m-margRight10{margin-right:10px;} .m-margRight12{margin-right:12px;} .m-margRight15{margin-right:15px;} .m-margRight17{margin-right:17px;} .m-margRight20{margin-right:20px;} .m-margRight22{margin-right:22px;} .m-margRight25{margin-right:25px;} .m-margRight27{margin-right:27px;} .m-margRight30{margin-right:30px;} } /* Mobile override upto 480 & below in special case */ @media (max-width: 479px) { /* make navigation dropdown fluid */ .headRight .notificationBtn .btn-danger{right:-9px; top:-5px;} .headRight .notificationBtn .btn-warning{right:-9px; bottom:-5px;} .headNavIcon {position:relative;} .mainNav .dropdown, .headRight .notificationBtn, .headRight .uplodedFiles{position:static;} .siteDropdown .dropdown-menu, .mainMenu li.hideshow .dropdown-menu, .mobileModuleNav .dropdown-menu{max-width:100%; left:15px; right:15px; width:auto;} .dropdown-menu.dropdownMaxWidth {min-width:260px; max-width:260px;} .headRight .notificationBtn .dropdown-menu, .headRight .uplodedFiles .dropdown-menu{left:0; border-radius:0; width:auto; margin-top:0; border-left:0; border-right:0;} .uplodedFiles span.icon-exclamation-circle{top:-2px; left:auto;} /* set dynamic max-height for dropdown to cover it upto viewport */ .mobileModuleNav .dropdown-menu{max-height: calc(100vh - 155px); margin-top: 0;}/* secondary menu dynamic width height*/ .headRight .notificationBtn .dropdown-menu .notiDrop{max-height: calc(100vh - 25px); -webkit-overflow-scrolling:touch;} /* top notification dynamic max-height*/ #bannerTopNotificationDropdownSeeAll{padding-top: 15px;} .postImg, .postCallout, .postCallout .postCont{display:block; border-spacing:inherit; } .tableCaps{display: table-caption; height: 1px;} .postImgSec{border-spacing: 10px;} .postImgSec span.blank{display: none;} .postImgSec.multiTwo a img{max-height: 105px;} .postImgSec.single a img{max-height: 260px;} .postImgSec.multiFour a img, .postImgSec.multiThree a img{max-height: 120px;} .singleGrid a{width: 108px; height: 90px; line-height: 90px;} .singleGrid a img{line-height: 90px;} .postImgSec a.blankImage{display: none;} .postCallout .postImg{display: block; text-align: left; margin-bottom: 10px;} /* .upDataPaging .pager li > a{ padding: 5px 2px; font-size: 20px;} .upDataPaging .pager li > span{ font-size: 14px; padding: 7px 2px;} */ .dialogImgsec .left, .dialogImgsec .right{font-size: 35px; height:40px;} .thumbSection img {max-width: 470px; max-height: 505px;} .postImgSec{margin-bottom: -10px;} .cardTaskStatus span.TruncateTxt{max-width:78%;} /* User profile card*/ .userJobtitle{font-size: 14px;} .userinfoDropdown {width: 95%;} .userinfoDropdown img {max-width: 30%; height: auto; margin-right: 5%;} .userinfoDropdownDetail{margin-left: 0px; min-height:100px; overflow: hidden;} .userinfoDropdownHeader .usertitle{ font-size:18px;} .cke_dialog_ui_input_textarea.cke_source{width:300px!important;} /* Search Dropdown scroll*/ .m-inputGrpDropFullWidth .input-group-btn > .dropdown-menu{max-height: calc(100vh - 255px); overflow: auto; -webkit-overflow-scrolling: touch;} .cardTaskStatus span.label{max-width: 75%;} .favModalScroll li a.f-grow {max-width: calc(100% - 67px);} .messModalCont li a.f-grow {max-width: calc(100% - 20px);} body:not(.bodyLang-en):not(.bodyLang-fr) #lookUpParentDiv .col-lg-9.col-sm-8, body.bodyLang-fr #lookUpParentDiv .col-lg-9.col-sm-8{width:100%;} body:not(.bodyLang-en) #fillterDivID+div button#addToGrid{margin-left:0;} } /*---------- in ref of COL-49153 - when all messages appear then in smaller screen like 1366 x 768 resolution will create an issue with overlapping of footer due to "absolute" position. so to resolve it, set the max-height as per the content length and set postion as "static" will give a scrollbar. ------------*/ @media (max-height: 742px){ body.conformUserPassword .pageCenterContainer { position: static; } } @media (max-width: 360px) { .g-recaptcha{transform: scale(0.89); -webkit-transform: scale(0.89);} } @media (max-width: 320px) { .g-recaptcha{transform-origin:0 0; -webkit-transform-origin:0 0; } #isheet_module_addEditItem_modal_autoSaveMsg{top:-7px; display:inline-flex; width:35%; text-align:left; font-size:13px; line-height:normal;} } /*Iphone Device Cases*/ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2){/*iphone5*/ body, body.qrcodeVerification {height:auto;} body.qrcodeVerification .container, body.scratchCode .container{min-height: auto !important;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) and (device-aspect-ratio : 375/667) { /*iphone6*/ .postImgSec.multiTwo a img{max-height:121px;} body{height:auto;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) and (device-aspect-ratio : 375/667) { /*iphone6*/ .postImgSec.multiTwo a img{max-height:232px;} body{height:auto;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 3) {/*iphone6plus*/ .postImgSec.multiTwo a img{max-height:137px;} .singleGrid a{width: 100px; height: 80px; line-height: 80px;} .singleGrid a img{line-height: 80px;} body{height:auto;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 3){/*iphone6plus*/ .postImgSec.multiTwo a img{max-height:256px;} body{height:auto;} } @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {/*iphoneX - COL-59562*/ body, .topHeader{padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); padding-right: constant(safe-area-inset-right);padding-right: env(safe-area-inset-right);} .modal-footer{padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);} } /*Target Safari browser 6+ (for all safari browser including macOS & iOS) */ @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .ckContentArea table {max-width:none;} #printBodySection .ckContentArea table {table-layout:fixed;} } } @media (max-device-height: 768px){ body.qrcodeVerification .pageCenterContainer, body.scratchCode .pageCenterContainer{position: relative;} } /* accessibility reflow related issues fixed with below */ @media (max-height: 479px) { .modal-body {overflow:scroll !important} .mobileModalScroll {overflow:visible !important;} .modalBodyScroll {overflow:auto !important; min-height:100px; max-height:200px !important;} .tooltip-inner{max-width:300px; text-align:left; white-space: normal;} } /* COL-176444 due to modal height issues */ @media (max-width: 1023px) and (min-width: 768px) { .modal-body {overflow:scroll !important} .mobileModalScroll {overflow:visible !important;} }