/*******************************************************************************
 * Copyright (c) 2018 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
 *******************************************************************************/
 @media screen and (min-width: 1681px) and (max-width: 2560px) {
	.tasksMain.small .questionTextWrapper {
		width: 77%;
	}
	.tasksMain.small .qNumber {
		width: 7.5%;
	}
	
	.fiveCol .qNumber {
		width: 3.5%;
	}
	.fiveCol .questionTextWrapper{
		width: 32%;
	}
	.fiveCol .qSubmitted {
		width: 8%;
	}
	.fiveCol .qStatus{
		width: 9%;
	}
	.fourCol .questionTextWrapper {
		width: 36%;
	}
	/* full width*/
	.fullWidth .qNumber, .fullWidth .qId {
		width: 2%;
	}
	.fullWidth .questionTextWrapper {
		width: 41%;
	}
	.fullWidth .qSubmitted {
		width: 6%;
	}
	.fullWidth .qStatus{
		width: 7%;
	}
	.fullWidth .qPriority, .fullWidth .qTopic{
		width: 5%;
	}
	.fullWidth .qRelated{
		width: 7%;
	}
	/*normal user*/
	.normalUser.fiveCol .questionTextWrapper{
		width: 42%;
	}
	.normalUser.fiveCol .qSubmitted {
		width: 9%;
	}
	.normalUser.fiveCol .qStatus {
		width: 12%;
	}
	.normalUser.fiveCol .qPriority {
		width: 6%;
	}
	.normalUser.fiveCol .qTopic {
		width: 7%;
	}
	.normalUser.fiveCol.fullWidth .qSubmitted {
		width: 8%;
	}
	.normalUser.fiveCol.fullWidth .questionTextWrapper{
		width: 60%;
	}
	.normalUser.fiveCol.fullWidth .qStatus {
		width: 7%;
	}
	.normalUser.fiveCol.fullWidth .qPriority, .normalUser.fiveCol.fullWidth .qTopic{
		width: 5%;
	}
	.normalUser.fourCol .questionTextWrapper {
		width: 54%;
	}
	.qafilterDate input.input-small {
		width: 72%;
	}
	
}


/* Desktop Resolution 1600px*1050 to 1680px*900 */
@media screen and (min-width: 1441px) and (max-width: 1680px) {
	.tasksMain.small .questionTextWrapper {
		width: 74%;
	}
	.tasksMain.small .qNumber {
		width: 9%;
	}
	.fourCol .qNumber {
		width: 4.5%;
	}
	.fourCol .questionTextWrapper {
		width: 35%;
	}
	.fiveCol .qNumber {
		width: 3%;
	}
	.fiveCol .questionTextWrapper{
		width: 28%;
	}
	.fiveCol .qStatus{
		width: 12%;
	}
	/* full width*/
	.fullWidth .qNumber, .fullWidth .qId{
		width:2%;
	}
	.fullWidth .qSubmitted {
		width: 7%;
	}
	.fullWidth .qPriority, .fullWidth .qTopic{
		width: 5%;
	}
	.fullWidth .qRelated{
		width: 7%;
	}
	/*normal user*/
	.normalUser.fiveCol .questionTextWrapper{
		width: 42%;
	}
	.normalUser.fiveCol.fullWidth .questionTextWrapper{
		width: 58%;
	}
	.normalUser.fourCol .questionTextWrapper {
		width: 54%;
	}
	.normalUser.fourCol .qStatus {
		width: 16%;
	}
	.fullWidth .questionTextWrapper{
		Width:38%;
	}
	.fullWidth .qStatus{
		Width:8%;
	}
	.fullWidth .qOrganisation, .fullWidth .qGroup{
		Width:10%;
	}
	.fullWidth .qFrom{
		Width:9%;
	}
}




/* Desktop Resolution 1280, 1360, 1366, 1440 */
@media screen and (min-width:1025px) and (max-width:1440px) {
	/*QA Module*/
	.qNumber{
		width: 5.5%;
	}
	.questionTextWrapper{
		width: 58%;.
	}
	.tasksMain.small .qNumber {
		width: 12%;
	}
	.tasksMain.small .questionTextWrapper {
		width: 66%;
	}
	.fourCol .qNumber{
		width: 5%;
	}
	.fourCol .questionTextWrapper{
		width: 34%;
	}
	.fourCol .qSubmitted {
		width: 14%;
	}
	.fourCol .qStatus {
		width: 15%;
	}
	.fiveCol .qNumber {
		width: 3.5%;
	}
	.fiveCol .questionTextWrapper{
		width: 28%;
	}
	.fiveCol .qStatus{
		width: 13%;
	}
	.fiveCol .qRelated{ 
		width:8% 
	}
	/* full width*/
	.fullWidth .qNumber, .fullWidth .qId {
		width: 3%;
	}
	.fullWidth .questionTextWrapper {
		width: 28%;
	}
	.fullWidth .qSubmitted {
		width: 8%;
	}
	.fullWidth .qStatus{
		width: 8%;
	}
	.fullWidth .qOrganisation, .fullWidth .qGroup{
		Width:10%;
	}
	/*normal user*/
	.normalUser .questionTextWrapper{
		width: 67%;
	}
	.normalUser .qSubmitted{
		display: block;
		width: 16%;
		margin: 0 0 0 5px;
	}
	.normalUser.small .qSubmitted{
		display: none;
	}
	.normalUser.fourCol .qSubmitted {
		width: 14%;
	}
	.normalUser.fourCol .qPriority{
		display: inline-block;
		width: 8%;
	}
	.normalUser.fourCol .questionTextWrapper{
		width: 42%;
	}
	.normalUser.fourCol .qStatus {
		width: 16%;
	}
	.normalUser.fiveCol .questionTextWrapper{
		width: 40%;
	}
	.normalUser.fiveCol .qSubmitted {
		width: 10%;
	}
	.normalUser.fiveCol.fullWidth .qSubmitted {
		width: 8%;
	}
	.normalUser.fiveCol.fullWidth .questionTextWrapper{
		width: 50%;
	}
	.normalScreen#Dashboard{
		max-width: 300px;
	}
 	#taskInfoPage i.singleAlbumImage img{
 		width:100%;/* single large image post only */
 	}
}


@media screen and (max-width: 1024px){
	#privateMessagesPage #messageDiv ul.as-list, #convoForm ul.as-list, #microblogModalForm ul.as-list, #shareMicroblogOptionBodyDiv ul.as-list, #shareMessageOptionBodyDiv ul.as-list, 
	#shareEmailOptionBodyDiv ul.Tauto_result, #quickFileShareTabPanel ul.Tauto_result{
		position: relative!important;
		height: 130px!important;
	}
	#microblogForm ul.as-list{
		height: 130px!important;
	}
	.isheetAllowLookupBtn{margin-top: 10px;}
	.peopleInfo ul li.userrMailLink{width: 25%;  }
	.peopleInfo ul li.peopleName{width: 30%;}
	.peopleInfo ul li.mobileColumn{width: 12%;}

	#taskForm .columnDocList{
		border: 0px;
	}
	#task_btn .btn-small.delete{
		margin-left:0px;
	}
	#task_btn .tskRightbtn{
		display: inline-block;
		margin-top: 10px;
		width: 100%;
	}
	.editprobtn{
		clear:both;
	}
	/*----- find site ----*/
	#searchDiv .form-horizontal select{
		width: 120px!important;
	}
	
	/*QA module Grid*/
	.qNumber {
		width: 6%;
	}
	.questionTextWrapper {
		width: 60%;
	}
	.qOrganisation, .qGroup{
		width: 20%;
	}
	.tasksMain.small .questionTextWrapper {
		width: 70%;
	}
	.fourCol .qNumber{
		width: 5%;
	}
	.fourCol .questionTextWrapper {
		width: 36%;
	}
	.fourCol .qStatus {
		width: 14%;
	}
	.fourCol .qOrganisation, .fourCol .qGroup{
		width: 16%;
	}
	.fiveCol .qStatus {
		width: 12%;
	}
	.fullWidth .qNumber, .fullWidth .qId{
		width: 3%;
	}
	.fullWidth .questionTextWrapper {
		width: 21%;
	}
	.normalUser.small .qSubmitted, .tasksMain.small .qaReportbtn{
		display: none;
	}
	.normalUser .questionTextWrapper{
		width: 63%;
	}
	.normalUser .qSubmitted{
		display: block;
		width: 18%;
		margin: 0 0 0 10px;
	}
	.normalUser.fourCol .questionTextWrapper{
		width: 38%;
	}
	.normalUser.fourCol .qSubmitted{
		width: 13%;
	}
	.normalUser.fourCol .qStatus {
		width: 19%;
	}
	.normalUser.fourCol .qPriority {
		display: block;
		width: 9%;
	}
	.normalUser.fullWidth .questionTextWrapper{
		width: 42%;
	}
	.normalUser.fullWidth .qSubmitted {
		width: 10%;
	}
	#documentContentMainPanel #docsNavRight li > input{
		width:140px;
	}
	.qaUsercolWidth{/*QA permission table user td*/
		width:150px;
	}
	/*File Advance Search*/
	#sheetUserViewGridDiv .control-group .controls .input-small{
		width:70px;
	}
	.advancedSearch .control-group .controls .GreyFont{
		display: block;
		margin-left:210px;
	}  
	.normalScreen#Dashboard{
		max-width: 300px;
	}
	strong.rootFolderName{
		max-width: 68%;
	}
	#convoModal #conversationMessagesDiv .span9 {
		width:74.4%;
	}
	.convoTimeReply{
		padding-left: 58px;
	}
	.convoTime{
		padding-right: 59px;
	}
 	#taskInfoPage i.singleAlbumImage img{
 		width:100%;/* single large image post only */
 	}
 	.eventleftPanel{overflow-y: auto; overflow-x:hidden;}
 	.addEvent .modal-body{max-height: 360px;}
}

@media screen and (max-width: 1003px){
	.ddReportBtn ul.menuRight {
		right:inherit !important;
	}
	/* datepicker homepage and task page for ipad orientation issues */
	.datepicker.dropdown-menu {
		width:217px !important;
	}
	.dashboardPage .datepicker.dropdown-menu {
		display:none !important;
	}
	/* datepicker end here */
	#dashBoardActivityListID, #siteActivityListID{
		width: 100%;
	}
	.leftPanelAccessible{ /* to get site list items clickable */
		position:relative;
		z-index:1; 
		display: none!important;
	}
	/* Add class to hide Left panel where not require */
	.row-fluid .hideLeft_inLower{ 
		display:none !important;
		float:none;
	}
	.mainPanel{
		margin-left:5px;
		width:100% !important;
		position: absolute;
	}
	.pageWrapper.mainPanel {
		width:98% !important;
	}
	.blueSubHeader .docColumnIcons{
		padding-right: 5px;
	}
	/*----- Profile ------*/
	img.profile{
		margin-right:10px;
	}
	.profileTop .span5 .staticPadding:first-child{
		background: #f0f0f0;
		border-top: solid 1px #E4E4E4;
		padding: 7px;
	}
	ul.profileInfoList li, ul.hiddenInfoList li {
		text-align: left;
		display: none;
	}
	.profileBtns{
		margin:5px;
	}
	.profileTop .span5, .profileTop .span7{
		width:100%;
	}
	.profileActivity{
		margin-bottom:29px;
	}
	.profileActivity .profileFilterContent{
		padding:10px 3% 25px;
	}
	.profileActivity .imgPadding {
		padding: 1.04% 3%;
	}
	.profileTop .profileInfo{
		margin-right:0px;
	}
	.profileInfo h2.profileName{
		padding-left: 17%;
	} 
	.profileEditBtn{
		display: block;
		padding:0px 10px 25px 10px;
		float:left;
	}
	.uploadContainer_browseBtn{
		width:150px!important;
		height:20px!important;
	}
	.profileSubNav{
		display: block!important;
		-webkit-overflow-scrolling: touch;
	}
	/*----- end Profile ------*/
	.mainWindow .row-fluid{
		margin-left:3px;
		position: relative;
	}
	.smallProfilePic{
		display: block !important;
	}
	span.first{
		width:35px;
	}
	.recentActivity{
		/*left: 276px !important;*/
		pointer-events:auto;
	}
	.fullWidth .recentActivity{
		left: 0 !important;
	}
	.rightDash{
		pointer-events:auto;
	}

	.row-fluid .span3{
		width:36.404255% !important;
	}
	.mainPanel.swipeRight{
		margin-left:0px;
		width:69% !important;
	}
	.deviceWidth100Per{
		width: 100% !important;
	}
	.swipeRight .recentActivity{
		width:520px !important;
	}
	nav .btnText, .sortingTree{
		display: none;
	}
	span.icon.user{
		margin: 0 -5px !important;
		margin-top: -1px!important;
	}
	span.icon.dash{
		margin-right: -3px !important;
	}
	.selfRegisterNav .btnText{
		display: block;
	}
	#docsNavLeft li.navBtn#arrowIcon{
		display: none;
	}
	#sitesMain li.navBtn:first-child{
		display: block;
	}
	/*** profile right section ***/
	.profileright{
		position: relative;
		right: 0px;
	}
	.profileTop .span12 .innerPadding{
		padding:3% 0;
		width: 96%;
		overflow-x: scroll;
		margin: 0 2%;
	}
	#taskForm .columnDocList{
		border: 0px;
	}
	
	/*----- people page ------*/
	.peopleInfo ul li.userrMailLink{width: 19%;  }
	.peopleInfo ul li.peopleName{width: 18%;}
	.peopleInfo ul li.mobileColumn{width:17%;}
	/*--- all site ---*/
	#siteList td.la_date, #siteList td.lu_date, #allSiteListDiv td.la_date, #allSiteListDiv td.lu_date{
		display: none;
	}
	#site .show-grid .span6{
		width:50%
	}
	#site .show-grid input.input-small {
		width: 70px;
	}
	#site .show-grid select{
		width: 70px!important;
	}
	/*---- profile edit ---*/
	.updateProfile .deviceWidth100Per:last-child{
		margin-top: 30px;
	}
	/*--- task module ---*/
	.sectionHeader #arrowIcon{
		display: none;
	}
	.row-fluid.advancedSearch .span6{
		width: 100%;
	}
	#task_btn a.edit {
		margin-left: 0px;
	}
	/*--- QA module ---*/
	.tasksMain.small{
		width: 62.646809%!important;
	}
	.span5.rightDash.open {
		width: 37.725532% !important;
	}
	.qaSection ul li:first-child.navLeft, #QA_date{
		display: none;
	}
	.fourCol .questionTextWrapper{
		width: 38%;
	}
	.fullWidth .qNumber {
		width: 4%;
	}
	/* .tasksMain.small .qNumber {
		width: 18%;
	} */
	.tasksMain.small .questionTextWrapper {
		width: 71%;
	}
	.normalUser.fullWidth .qSubmitted {
		width: 13%;
	}
	.normalUser.fourCol .qStatus {
		width: 16%;
	}
	.normalUser.fullWidth .questionTextWrapper {
		width: 45%;
	}
	/*---- ipad portrait drop down right menu*/
	ul.menuRight{
		float: left!important;
		left:0px!important;
	}
	ul.menuRight:before, ul.menuRight:after{
		left: 5px!important;
		right: auto!important;
	}
	
#documentContentMainPanel #Add ul.followDrop {
	float: right!important;
	left:0px!important;
	right: auto!important;
}
#documentContentMainPanel #Add ul.followDrop:before, #documentContentMainPanel #Add ul.followDrop:after{
	left: 7px!important;
	right: auto!important;
} 
	.adduserssteps .span3{
		max-width: 15% !important;
	}
	li.SiteName{
		margin: 0px 500px 0 47px; 
	}
	.noDataClass{
		position:absolute;
		font-family: Arial, Helvetica, sans-serif;
		font-size:18px;
		left:43%;
		top:68%;
		color:red;
	}
	/*isheet module*/
	.isheetAllowLookupBtn{margin-top: 10px;}
	.termcondition{
		width:94%;
		padding:3%;
	}
	#documentContentMainPanel #docsNavLeft ul.followDrop{
	right:inherit !important;
	}
	.navBtn.normalScreen#Dashboard .dash{
		position: static;
	}
	.restrictedPage nav li.dropdown .btnText, .restrictedPage li#Dashboard.normalScreen, .sharedContentDownload nav .viewShrLoginbtn, .sharedContentDownload .notLogin li#Dashboard.normalScreen{
		display:block;
	}
}

@media screen and (max-width: 765px){
	/*---- For MB image modal pop-up ----*/
	#bigImage, #bigImagePrivateMessage {
		position: fixed;
		top: 10px;
		right: 10px;
		left: 10px;
		width: auto;
		margin: 0;
		
	}
	#bigImage .rightComments, #bigImageComment {
		width:100%!important;
	}
	#bigImage .modal-body, #bigImagePrivateMessage .modal-body{
		overflow-y: auto;
	}
	.siteLoginmainDiv {
		width:auto;
		margin-top: 30px;
	}
}

@media screen and (max-width: 640px){
	/* New Event Module */
	.eventSection{margin-top: -14px;}
	.eventSection .blueSubHeader{ background: transparent; height: auto;}
	.eventWrapper #listView, .eventWrapper #listDetailView, .eventWrapper #draftView{box-shadow: none;}
	.eventSection #detailViewEventsubHeader .eventTitle{line-height: 28px;}
	.addEvent .modal-footer .customSelect{width:140px;}
	#detailTab button.multiselect, #detailTab .input-medium.customSelect{width:100%}
	#detailTab .inputTime{width:80px;}
	#displaysearchDiv .input-append{width: 100%; margin-top: 15px; float: none;}
	#displaysearchDiv .input-append .input-large{ width: 90%;}
	textarea#eventContentID{height:20px;}
	.bootstrap-timepicker-widget.timepicker-orient-bottom.dropdown-menu:before, .bootstrap-timepicker-widget.timepicker-orient-bottom.dropdown-menu:after{top: 121px;}
		
	body.overflowY_hide	{
		overflow-y:inherit;
	}
	#questionHeaderSection .qId{
		display: none;
	}
	.blockElement {display: block;}
	#qARightPanelDiv, #qARightPanelDiv .taskInfoRight, #divLookupDetail, #divLookupDetail .objbox{
		height: auto!important;
	}
	#divLookupDetail{
		width:auto!important;
	}
	.configureDMSdiv {
	float: none;
	margin-bottom: 5px;
	margin-top: 5px;
	}
	.configureDMS{
		padding: 5px 10px;
		/*margin-top: 60px;*/
	}
	.ConfigureUserIddiv{
	margin-top: 5px;
	margin-bottom: 5px;
	}
	.pageWrapper.mainPanel {
		width:100% !important;
	}
	.wiki-comparelist {
		overflow: auto;
		height: 170px;
	}
	/*------ @ and # style ------*/
	
	/* --- For Header Drop down menus --- */
	ul.SiteNameDrop::before{
		left: 42px;
	}
	ul.SiteNameDrop::after{
		left: 43px;
	}
	ul.SiteNameDrop{
		width:304px;
		left:-50px;
		top:40px;
	}
	#divAddDocTable .overflow_x_hidden{
		overflow-x: scroll;
		-webkit-overflow-scrolling:touch;
	}
	.download.downloadDoc{
		margin: 0px -156px;
	}
	#largeFileShareEmailMsgDiv{
		left: 0;
		margin: 0 25px;
		position: fixed;
		right: 0;
		z-index: 999;
	}
	#quickFileShareEmailMsgDiv{
		left: 0;
		margin: 0 25px;
		position: fixed;
		right: 0;
		z-index: 999;
	}
	/* ---- Top Nav - message, notification, site list drop-down ---- */
	.notificationsDrop div.innerDropdown,
	.messagesDrop div.innerDropdown,
	#bannerTopSiteSearchTextList{
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		padding:0px; 
		margin: 0px;
	}

	#bannerTopSiteSearchTextList{
		max-height: 230px;
	}
	/* general fix */
	#blogDiv ul.eventOptions li.span6, #eventDiv ul.eventOptions li.span6, ul.eventStatusComment > li{
		width:100%;
	}
	#back{
		display: inline-block;
	}
 	/* .placeholderLbl{
		display: none!important;
	} */
	/* site list & new site*/
	#sitesMain ul#docsNavLeft li:first-child{
		display: block;
	}
	#createSite .control-group .control-label{
		width:100%;
	}
	#createSite .control-group .controls{
		margin-left: 0px;
	}
	
/* 	#topStaticDashboard{
		display: block;
	}
	#topStaticDashboard span.icon.dash{
		 background-position: -3px 0!important;
	} */
	.followBtns .btn.follow, .profileBtns .btn.follow, .LikesUser .btn {
		width: 77px;
	}
	div.docTouchMeta .dropdown-menu{
		font-size: 12px;
		font-style: normal;
	}
	#addTaskModal label.control-label, #questionTabDIV label.control-label, #contentDocument label.control-label, .updateProfile label.control-label, #sheetInsertItem label.control-label, #addEventModal label.control-label,  #newDepartment label.control-label, #newAddressDiv label.control-label{
		width:100%!important;
	}
	#addTaskModal div.controls, #questionTabDIV div.controls, #linkdialog div.controls, #contentDocument div.controls, ul.taskAttachments, .updateProfile div.controls, #sheetInsertItem div.controls, #addEventModal div.controls,  #newDepartment div.controls, #newAddressDiv div.controls{
		margin-left:0px!important;
		clear:both;
	}
	#qaAttachmentModal a.close, .largeModal a.close,#macrodialog .close, #largeFileShareModalMainDiv a.close{
		border-bottom: 1px solid #DDD;
	}
	ul.shareOptions li{
		height:56px;
	}
	#frmSearchDocumentID select{
		margin:10px 5px 0 0px;
	}
	.storyWrapper .Posts, 
	.macroEntry .storyWrapper .dashMeta, 
	.macroEntry .storyWrapper .storyMain{
		margin: 0;
	}
	/* pagination */
	#insertLinkFrame .pagingContainer{
		margin:0px auto;
	}
	.pagingContainer{
		width:100%;
		margin: 0px 0 0 10px;
	}
	.pagingHolder{
		min-width: 220px;
		width: 225px;
		float: none;
		margin: 0 auto;
	}
	.pagingHolder .pagingLeft{
		clear: both;
		float: none;
		margin:0px auto 10px;
		display: inline-block;
		padding: 0px;
		border:0px;
		width:100%;
	}
	.pagingHolder .mobilePagination{
		clear: both;
		margin-bottom: 10px;
		overflow: hidden;
	}
	/*#searchLinkSiteID {
	width: 100%;
	}*/
	#advanceDocSearch_content{
	float: left;
	}
	#advanceDocSearch_content{
		width: 125px;
	} 
	.pagingHolder .mobilePagination{
		margin-bottom: 10px;
		overflow: hidden;
	}
	.pagingButton button{
		padding: 3px 6px;
		font-size: 10.5px;
		/* margin-top: 3px; */
		visibility: visible;
	}
	#scrollContainer{
		margin:0 8px;
	}
	.pPaging{
		padding: 3px 0px 0px 0px;
	}
	.profileWrapper{/* fix height issue in S3/iPhone5 device*/
		min-height: 580px;
	}
	/*--- profile edit ---*/

	.profileInfo h2.profileName{
		font-size: 24px;
		margin: 0px;
		padding: 0px;
		line-height: 29px;
	}
	strong.profileTitle, h2.profileName, span.profileLocation, .JobPlace{
		text-overflow:ellipsis;
		white-space:nowrap !important;
		margin-left: 52px;
		overflow: hidden;
		display: block;
	}
	.profileSubNav{
		-webkit-overflow-scrolling: auto;	/* Need to remove otherwise scroll to TOP will not work in iPhone/iPod */
	}
	.JobPlace{
		font-style: italic;
	}
	.rssMobile{
		display: none;
	}
	.updateProfile a.uploadContainer_label{
		padding: 5px 6px;
	}
	/* message drop down*/
	#convoModal .span9 {
		margin: 0px 0px 0px 10px;
	}
	.messageReply img.messages {
		margin: 0px;
	}
	.messageReply .span9 {
		margin: 0px 15px 0px 0px !important;
	}
	
	/*Messages - Modal*/
	.userthumb, .messagestatus{
		width:55px;
	}
	.messagesection{
		margin: 0 55px;
	}
	.messageDelete{
		margin-left: 0;
	}
	/*blog module*/
	/*----- individual blog page title -------*/
	.blogPost h2.WordWrap{
		margin: 0;
	}
	.blogPost .blogMeta{
		margin: 7px 0 7px 0px;
	}
	.blogPostContent{
		margin-left:0px;
	}
	.blogTitle {
		padding-right: 0;
	}
	/*Notification dropdown issue in mobile*/
	ul.messagesDrop {
		right:-6px!important;	
	}
	ul.notificationsDrop {
		right: -55px!important;
	}
	#Notif .dropdown-menu:before{
		right: 63px;
	}
	#Notif .dropdown-menu:after{
		right: 63px;
	}
	/*only notification*/
	.notificationOnly ul.notificationsDrop{
		left: -300px!important;
	}
	.notificationOnly ul.notificationsDrop:before {
		right: 15px!important;
	}
	.notificationOnly ul.notificationsDrop:after {
		right: 16px!important;
	}
	span.notificationTask, span.notificationText, span.notificationTime{
		word-wrap:break-word;
		width:auto;
	}
	.sectionHeader,
	.mainPanel{
		width:100% !important;
	}
	.leftPanel{ 
		position:static;
		display: none !important;
	}
	.recentActivity .sectionHeader{
		width:auto !important;
	}
	div.pageWrapper{
		padding:0 15px;
		width:auto;
	}
	.recentActivity{
		width:100% !important;
		left:0 !important;
	}

	input.globalSearch, nav li.SearchDropBtn,
	#navStatus,
	#navUser,
	#navFavourites{
		display: none;
	}
	.storyMain{
		margin-left: 0px;
	} 
	div.followAside{
		padding-right:0;
	}
	.headingFilters,
	.blueHeader .btn-group,
	.blueSubHeader .docCheckbox{
		display: none;
	}
	span.icon.dash{
		margin-left:0; /* Remove -5px; left margin from normal screen */
		background-position: -183px 0px !important;
	}
	div.pageWrapper{
		padding: 0;
	}
	/*----- people page-------*/
	#frmMemberList .blueHeader input{
		width: 145px;
	}
	#frmMemberList ul#docsNavLeft > li:nth-child(2) {
		max-width: 139px;
	}
	#docsNavLeft .dropdown-menu {
		width:100%;
	}
	.peopleInfo{
		float: left;
		width: 80%;
	}
	.profileBtns{
		float: left;
		margin:0px;
	}
	.peopleInfo ul li{
		clear: both;
		margin-bottom:3px;
		width: 100%!important;
	}
	.peopleInfo ul li.following{
		float: left;
	}
	#contentPeople .dropdown-menu{
		right:-54px!important;
	}
	#contentPeople ul.followDrop:before {
		right: 56px;
	}
	#contentPeople ul.followDrop:after {
		right: 57px;
	}
	/* END people */
	
	/*--- Wiki page ---*/	
	ul.wikiOptions li, ul.blogOptions li{
		width: 100%;
		display: block;
	}
	
	/*---- Show Dashboard Icon ---- */
	li#Dashboard.normalScreen{
		display: none;
	}
	li#Dashboard.smallScreen{
		display: block !important;
	}
	/*QA Module*/
	.qOrganisation, .qGroup{
		margin: -1px 0px 0 6px;
	}
	#qARightPanelDiv{
		width:100%!important;
		height:auto !important;
	}
	#qARightPanelDiv .taskInfoRight {
		height:auto !important;
	}
	#qARightPanelDiv .taskInfoRight .pull-right.margTop7 {
		margin-right:15px;
	}
	.qaFooter{
		position: relative;
	}
	.qNumber, .fullWidth .qNumber, .fourCol .qNumber{
		width: 9%;
	}
	.questionTextWrapper, .fullWidth .questionTextWrapper, .fourCol .questionTextWrapper{
		width: 60%;
	}
	.normalUser .questionTextWrapper ,.normalUser.fullWidth .questionTextWrapper, .normalUser.fourCol .questionTextWrapper {
		width: 63%;
	}
	.normalUser.fullWidth .qSubmitted, .normalUser .qSubmitted, .normalUser.fourCol .qSubmitted{
		width: 21%;
	}
	.normalUser .qNumber, .normalUser.fullWidth .qNumber, .normalUser.fourCol .qNumber {
		width: 8%;
	}
	.normalUser.fourCol .qSubmitted{
		display: block;
	}
	.clsbtn{/*back button*/
		padding:0 7px 0 14px!important;
	}
	/*---- For modal pop-up ----*/
	.modal {
		position: fixed;
		top: 10px;
		right: 10px;
		left: 10px;
		width: auto;
		margin: 0;
	}
	.datepicker {
		left:25px!important;
	}
	.datepicker::before, .datepicker::after{
		margin-left:75px!important;
	}
	.Ajx_global, .rightDash input.addTask,
	footer, .LogoWrapper, .messageOptions, 
	#convoModal a.newMsg, ul.peopleInfoHeader li, #sitesMain #docsNavLeft li.navBtn, 
	.followersTitle, .blogPost a img, .moduleMenu, #eventWrapperDiv a:last-child.rssIconmarg,
	ul.tasksList li.taskTag, .sectionHeader .taskRightSubHeader, .sectionHeader #rsscalicon, #taskForm .closeBtn, 
	#qARightPanelDiv, #qARightPanelDiv .closeBtn, .rightDash.mytasks, .fourCol .qSubmitted, .fourCol .qStatus, 
	.fourCol .qPriority, .normalUser.fourCol .qPriority, img.profile.blogger{
		display:none;
	}
	
	/*---- General for mobile Show and Hide elements ----*/
	/* announcement css */
	.Announcement.ckContentArea.topmargin.mobileBlock {
		margin-top:54px;
		text-align:center;
	}
	.Announcement.ckContentArea.mobileBlock {
		overflow:hidden;
		height:16px;
		text-align:center;
	}
	/* announcement css end */
	.mobileNone{	/* Hide Desktop Elements in mobile */
	 	display:none !important;
	 }
	 .mobileBlock, .moduleMenu.smallmoduleMenu, #SubCategories .leftPanel.mobileTree { /* Show Mobile Element in mobile */
   		display:block !important;
  	}
  	#SubCategories .leftPanel.mobileTree{
  		border: 0px none;
  		margin: 0px;
  		background: #FFF;
  	}
  	#SubCategories .leftPanel.mobileTree h2.blogLeftTitle.mobileTitle{
  		padding-top: 0px;
  	}
	 .blueHeader .btn-group.mobileBlock{
	 	display: block;
	}
	.mobilemoduleMenu{
		display:block;
	}
	.mobilemoduleMenu ul.dropdown-menu{
		width:99.8%;
	}

	/*------- Mobile view scroll & height bug fix--------*/
	 .pageWrapper .columnDocList, .blogWrapper, .wikiWrapper, #myTaskListDiv, #contentPeople, .adminContainer, #SetZindex, #contentPeople, 
	 .eventWrapper #listView, .eventWrapper #listDetailView, .eventWrapper #draftView, #taskInfoPage, #listQuestionDiv, .GlobalSearchWrapper, .mainWrapper, .movePageTree, .sortPageTree, .iSheetGridList, #divRenderedItem, .iSheetContainer,
	 .iPadResizeScroll, .iPadLeftPanel, .iPadRightPanel, .iPadSearchPanel, #dashBoardActivityListID, #siteActivityListID{
		height: auto !important;
		min-height:500px; /* Set min-height to hide addressbar with less data in mobile after page load */
		border: 0px;
		overflow-x:inherit;
		overflow-y:inherit; 
	}

	.siteLevelpassVerification .mainWrapper, .secondLevelpassVerification .mainWrapper {
		padding: 0 10px;
	}

	#dashboardWorkflowNotificationID{/*dashboard notificatiopn msg*/ 
		display: none;
	}
	li.SiteName {/* set site long text truncate issue*/
		margin: 0px 110px 0 47px;
	}
	/*--- all comment when CK bind set table position ----*/
	#addNewComment .innerPadding > table{
		table-layout: fixed;
	}
	/* recent activity macro entry */
	.macroEntry .storyWrapper {
		padding:10px 0px;
	}
	.macroEntry .storyMain{
		margin: 0 0 0px 0!important;
	}

	.macroEntry .storyWrapper .dashMeta {/* aggregated activity items set*/ 
		margin-left: 55px;
	}
	.macroEntry #likesModal{
		margin-top: 0;
		margin-left: 0;
		width: auto;
	}
	.ckContentArea .macroEntry div.leftImage{
		margin-bottom:10px;
	}	
	/*--- iSheet ---*/
	.quickDrop, a.quickDropLink {
		left:0px;
		display:block;
	}
	.docColumnIcons.iSheet{
		padding: 8px 0px 8px 5px
	}
	.mytasks{
		width:100%!important;
	}
	.iSheetContainer .input-large.isheetinput, .iSheetContainer textarea{
		width: 95%;
	}
	.iSheetContainer .cke_chrome{ width:100%!important;}
	

	/*File ADVANCE SEARCH Profile Add Experience*/
	.input-xlarge{width:244px;}
	.input-mini{width:40px;}
	select#publishedDateHours.input-mini,select#publishedDateMins.input-mini,#sheetInsertItem .datetimeWidth .input-mini {
		margin-left: 2px;
		width: 60px;
	}
	.mainPanel{
		margin-left: 0;
	}
	#sheetUserViewGridDiv .control-group .control-label, #userExperienceDetail .control-group .control-label{
		width:100%;
	}
	#sheetUserViewGridDiv .control-group .controls, #userExperienceDetail .control-group .controls{
		margin:0;
	}
	#sheetUserViewGridDiv .control-group .controls input.input-xlarge{
		width:270px;
	}
	/*isheet Advance Search*/
	#sheetUserViewGridDiv .control-group .controls .GreyFont{
		display: block;
		margin-left:210px;
	}
	.eventPage .customSelect.width52px{
		width: 52px;
		margin: 0px 5px;
		background-position: 85% center;
	}
	/*Isheet Download Popup*/
	.isheetDwnpopup .span5{float:none;width:100%;}
	.isheetDwnpopup .span2{float:left;}

	
	#site .show-grid [class*="span"]{width:100%;}
	#site .show-grid .span10{margin-left:0;}
	
	/* popup modal close button*/
	.closeBtn{
		position: fixed;
		background:url("../../images/v3/closeBtn.png?bt=2026_06_22_13_53_12") no-repeat center center #fff;
		z-index: 999;
		top:10px!important;
		right:10px!important;
	}
	.modal-header .close{
		top:0px;
		border-bottom:0px;
	}
	#messagesModal h3, #notificationsModal h3{
		line-height: normal;
		display: block;
	}
	#messagesModal .close , #notificationsModal .close {
		height: 16px;
	}
	#shareModal .close{border-bottom:1px solid #DDD;}

	nav li.navBtn.smallScreen#Dashboard{margin-left: 0;}
	/*Macro Model in Mobile Devices */
	.macrocontentmenu{
		width:100%;
		white-space: nowrap;
		overflow-x:scroll;
	}
	.macrocontentmenu li{
		display:inline-block;
	}
	.macrocontentmenu li a{
		padding: 10px 6px;
		display: inline-block;
	}
	#macrodialog .macrocontent{
		width:100%;
	}
	#macrodialog .borderleft {
		border: 0;
	}
	#macrodialog .paddLeft10{
		padding-left: 0px;
	}
	#macrodialog .control-group .control-label{
		width:100%;
	}
	#macrodialog .control-group .controls{
		width: 100%;
		margin-left: 0;
	}
	#macrodialog input.input-large{
		padding-left: 3%;
		padding-right: 3%;
		width: 94%;
	}
	#macrodialog select.input-large{
		width:100%;
	}
	#macrodialog .macrorsstitle{
		margin-left: 0;
		margin-top: 10px;
	}
	#conversationMessagesDiv .rightImage, .rightImage.margLeft5 {
		margin-left:0px;
	}
	#convoModal #conversationMessagesDiv .span9 {
		width:66.8%;
	}

	/* main search page*/
	div.globalSearchside{
		word-wrap:break-word;
	}
	.globebutton, .globesearchInput{
		margin-top: 40px;
	}
	#qaImportAnswerForm #import .controls, #sheetImportStep1 #import .controls{
		margin-left: 0;
	}
	ul.wikiLeftTreeMenu{
		border-bottom: none;
	}
	#shareEmailOptionBodyDiv div.span12 > span, #shareLinkOptionBodyDiv div.span12 > span, #quickFileShareEmailOptionBodyDiv div.span12 > span{
		display: block;
	}
	.removeFloat{ 
		float:none;
	}
	.convoTimeReply{
		padding-left: 94px;
	}
	.convoTime{
		padding-right: 99px;
	}
	.restrictedPage .pageWrapper, .siteLevelpassVerification .pageWrapper, .secondLevelpassVerification .pageWrapper, .splashPage .pageWrapper{
		margin-top:60px;
	}
	.restrictedPage nav span.icon.dash{
		background-position: -2px 0px !important;
	}
	.restrictedPage nav li.navBtn{
		margin-left: 0px;
	}
	.mobilewidthauto{
  		width: auto !important;
  	}
 	.siteLoginmainDiv input[type=text], .siteLoginmainDiv input[type=password] {
	width: 97%;
	}
	.siteLoginmainDiv input[type="button"] {
		width: 99 %;
	}
  	.modalUploadedImagesForPrivateMessage .preview, #convoInputModalFooter .preview {
		width:100%; float:left;
	}
	#convoInputModalFooter {
		-webkit-overflow-scrolling: touch;
	}
	#convoModal .modal-footer {
		padding-top:10px; padding-bottom:10px;
	}
	#convoModal #convoInputModalFooter.modal-footer {
		padding:10px 15px 0 15px;
	}
	#convoInputModalFooter.CKexpand {
		/* min-height:120px; */
		max-height:120px;
		overflow:auto;
	}
	#conversationMessagesDiv .smallImage {
		margin-left:0;
	}
	#privateAddCommentFooterID .uploadContainer_browseBtn, #privateMessagesPage .modal-footer .uploadContainer_browseBtn{
		width:20px!important;
		height:20px!important;
		margin-right:0px;
	}
	#privateAddCommentFooterID .uploadContainer_label, #privateMessagesPage .modal-footer .uploadContainer_label{
		width:20px!important;
		height:20px!important;
		overflow:hidden;
	}
	.addComment .CKmention .CKplaceHolder, .addCommentCK .CKmention .CKplaceHolder{
		font-size: 11px;
		line-height: 25px;
	}
	.floatNoneMobile{
		float: none;
	}
	#linkdialog .modal-footer{
		height:28px;
	}
	ul.menuRightPeople{
		float: left!important;
		left:0px!important;
	}
	ul.menuRightPeople:before, ul.menuRightPeople:after{
		left: 5px!important;
		right: auto!important;
	}
	#summary_report .iPadResizeScroll{
		overflow: auto;
	}
	#userExperienceDetail .checkbox{clear: both;}
	
	.docIcon.share > .dropdown-menu, .docIcon.shareSmall > .dropdown-menu, .dropdown-menu {
		-webkit-backface-visibility: hidden;
	}
	#documentContentMainPanel #docsNavRight li > input#largeFileSharedReceivedItemsSearchTextInput{width:100px;}
	#qaImportAnswerForm input#fileUploadID, #sheetImportStep1 input[type="file"]{width: 270px;}
	.pageWrapper.mainPanel #main, .splashPage .pageWrapper{overflow: auto;}
	
}

@media screen and (max-width: 480px){
	#configureDmsPassword .close{
		height: 44px;
	}
	#configureDmsPassword h3{
		line-height: 25px;
	}
	/* user avatar upload image */
	.avatarControlBtn{
		margin: 25px 0 0 125px;
	}
	.convoTime{
		padding-right:70px;
	}
	.convoTimeReply{
		padding-left:66px;
	}
	.avatarControlBtn a.btn{
		display: block!important;
		margin-bottom:5px;
	}
	.getCropImageHeight{
		height: 250px!important;
		width: 290px!important;
		margin-bottom:10px;
	}
	.cropPrename{
		margin-left: 10px;
	}
	/* end of crop avatar*/
	.storyMain{
		margin-left: 0px;
	}
	nav li.SearchDropBtn,
	#navStatus,
	#navUser,
	#navFavourites, .headingFilters,
	.blueHeader .btn-group,
	.blueSubHeader .docCheckbox{
		display: none;
	}
	/* share dropdown menu width*/
	.docIcon.share > .dropdown-menu, .docIcon.shareSmall > .dropdown-menu {
		width: 130px;
	}
	
	.storyWrapper{
		padding:15px;
	}
	.modal-header{
		padding-right: 50px;
	}
	.modal-header .close{
		width:25px;
		line-height:20px;
		margin-bottom:2px;
		margin-top:0px !important;
		text-align:center;
		height:15px;
	}
 	#microblogForm .statusWrapper{
		margin-top: 12px;
	}
	.profileTop .span12, #fav_list{
		margin-top: 50px;
	}
	.profileTop .span12.profileSubNav{
		margin-top: 0px;
	}
	.moduleMenu, #sitesMain{
	 	margin-top: 50px;
	}
	.docTouchIcons .btn{
	 	margin-right: 0px;
	}
	/*.progressHolderDeleteIcon{
	 	margin-left: 5px;
	}
	div.uploadedImages .progressHolder,
	div.modalUploadedImages .progressHolder,
	div.uploadedImages .progress, div.modalUploadedImages .progress {
		width:195px;
	}
	div.shareModalUploadedImages .progressHolder, div.shareModalUploadedImages .progress {
		width:175px;
	}*/
	.imgPreviewSect {
		width:100%;
	}
	 /*--------- All site page ------------*/
	#sitesMain #docsNavLeft li.dropdown{
		display: block;
	}
	#allsite_list .docInfo{
		margin: 0px 0px 0px 0px;
	}
	#allsite_list .docTouchIcons{
		padding: 0px 0 10px 13px;
	}
	
	/*------ share & fav icon align in mobile view ---------*/
	.checkContainer #selectAllDoc{
		display: inline-block;
	}
	.blueSubHeader .docColumnIcons.touch{
		padding: 8px 5px 8px 13px;
	}
	.blueSubHeader .docColumnIcons.touch{
		padding: 8px 2px 8px 13px;
	}
	 
	/*------ Document Module -------*/
	#docUpload .controls{
		margin-left:0px;
	}
	#docUpload .control-label{
		width:145px;
	}
	#docUpload .controls input#demowords{
		width:270px;
	}
	#docUpload .controls > div{
		width:auto!important;
		display: inline-block;
	}
	.mobdocInfo .docTouchIcons{
		margin-top:3px;
		line-height:14px;
	} 
	span.docIcon.comment {
	 	line-height:14px;
	 	height:18px;
	}
	/*----- Link dialog -------*/
	ul.attachOption{
		width: 360px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		margin-bottom: -10px;
	}
	#frmSearchDocumentID input#advanceDocSearch_content{
		width:206px;
		display: inline-block;
		margin-bottom: 0px!important;
	}
	#frmSearchDocumentID a.btn-primary{
		margin-top:10px;
	}
	#externalURL{
		width:250px;
	}
	#openinwindow{
		width:265px;
	}
	/*---- blog + Events Module ---*/
	.eventPost h2, .eventPost .blogMeta, .eventPost .blogPostContent{
		margin-left:0px;
	}
	.eventPost h2{
		margin-right:0px;
	}
	.eventCommentContainer{
		position: static;
		display: inline-block;
		margin-left: 3px;
		clear: both;
	}
	.docColumnIcon.location.margLeft15{
		margin: 0;
	}
	.eventPost span.docIcon.share{
		margin-top:2px;
	}
	.eventPost .blogPostIcons{
		padding-top:6px;
	}
	.eventWrapper .docTouchIcons{
		padding-top:3px;
	}
	/*--- Task & MyTask module ---*/
	.tTextWrapper .taskText{
		width: 75%;
	}
	.taskTextWrapper{
		cursor: pointer;
	}
	.sectionHeader select{
		width:80px;
	}
	.taskBlock .negativeMarg12{
		position: inherit;
		right:auto;
	}
	/* Task middle pannel animation*/
	.taskInfoRight{
        -webkit-overflow-scrolling: auto;
	}
	
	#qaAnswerForm a.edit {
		margin-top: 0px;
	}
	
	small.wikiMeta{
		word-wrap:break-word;
	}
	.wikiHeader, .blogHeader, .eventHeader{
		margin-right: 0px;
	}
	#likesModal{
		width: auto;
		margin: 0px;
	}
	/*profileGrouping css required only for below 480 width */
	#MessagingListTBL .input-medium, #LinkTBL .input-medium{
		width:90px;
	}
	#userFirstName.input-large{
		width: 208px;
	}
	#MessagingListTBL input.input-large, #LinkTBL input.input-large{
		width:110px;
	}
	#customLinkTBL .linkName, #customLinkTBL .input-large{
		width:110px;
	}
	#MessagingListTBL select.input-medium, #LinkTBL select.input-medium{
		width: 124px;
	}
	.modal-body{
		max-height: 100px;
	}
	#shareMessageOptionBodyDiv .span6, #shareMicroblogOptionBodyDiv .span6{
		 width: 100%;
	}
	#shareMessageOptionFooterDiv > div.pull-left, #shareMicroblogOptionFooterDiv > div.pull-left {
		float:right;
	}
	#shareMessageOptionFooterDiv > div.pull-right, #shareMicroblogOptionFooterDiv > div.pull-right{
		clear:both;
	}
	#largeFileShareModalMainDiv select.input-xlarge, #quickFileShareEmailOptionBodyDiv select.input-xlarge {
		width:268px;
	}
	strong.rootFolderName {
	    max-width: 46%;
	}
	#conversationMessagesDiv i.singleAlbumImage {
		max-width:280px;
	}
	#conversationMessagesDiv i.singleAlbumImage, #conversationMessagesDiv i.largeAlbumImage, #conversationMessagesDiv i.smallAlbumImage {
		max-width: 249px;
	}
	.leftImage{
		margin-bottom:10px;
	}
	#quickFileShareContentUploadOptionBodyDiv ul li:last-child{
		float:left;
		margin-left: 42px;
	}
	.sendfileprogressbar{
		width:85%;
	}
	.moduleMenu ul{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		margin-bottom: -4px;
	}
	.moduleMenu ul li{
		float: none;
		margin-left: -3px;
	}
	.smallmoduleMenu ul li a:link, .smallmoduleMenu ul li a:active, .smallmoduleMenu ul li a:visited{
		padding: 5px 6px;
	}
	
}

@media screen and (max-width: 360px){
	#treebox_xmlTreeFoldersObj_Edit{
	height:340px;
	}
	#addTaskModalAddTaskListDiv {
		display: block;
		clear: both;
		margin: 5px 0 0 0;
	}
	#conversationMessagesDiv i.singleAlbumImage {
		max-width:192px;
	}
	#convoModal #conversationMessagesDiv .span9 {
		width:65.5%;
	}
	#conversationMessagesDiv i.singleAlbumImage, #conversationMessagesDiv i.largeAlbumImage, #conversationMessagesDiv i.smallAlbumImage {
		max-width: 162px;
	}
	.commentBody i.singleAlbumImage{
		max-width: 160px;
	}
	ul.shareOptions li.selected{
		margin-bottom: 0px;
	}
	ul.attachOption{
		width: 220px;
	}
	ul.shareOptions li.selected{
		position: relative;
	}
	.modal-body{
		max-height:260px;
		/*max-height:210px;*/
	}
	.convoTimeReply{
		padding-left: 47px;
	}
	.convoTime{
		padding-right: 52px;
	}
	#quickFileShareEmailOptionFooterDiv select.customSelect{
		display: table;
	}
	.siteLoginmainDiv input[type=text], .siteLoginmainDiv input[type=password] {
	width: 96%;
	}
	.addEvent .modal-header span{ margin-right:10px;}
	.shareContentDownload {padding: 15px 2%;}
}

@media screen and (max-width: 320px){
	.LogoWrapper{
		padding-left:10px;	
	}
	.convoTime{
		padding-right:40px;
	}
	.convoTimeReply{
		padding-left:39px;
	}
	div.pageWrapper{
		width:100%;
		padding:0;
	}
	#docsNavRight li > input{
		width: 125px;
	}
	nav li.navBtn{
		margin-left:7px;
		margin-right:0px;
	}
	nav li.navBtn a{
		padding:3px 8px;
	}
	a.storyDrop{
		width: 25px;
		right: 0px;
	}
	.editCommentImages .imgPreviewSect {
		padding:5px 10px 5px 0;
	}
	.largeModal{
		overflow: hidden;
	}
	
	#myModal_documentVersionNotes .modal-body {
		min-height:260px;
	}

	nav .pull-right .dropdown-menu{
		width:304px;
	}
	.selfRegisterNav .pull-right .dropdown-menu{
		width:auto;
	} 
	ul.profileDrop{left:-185px !important;}
	ul.profileDrop:before{right:105px !important;}
	ul.profileDrop:after{right:106px !important;}
	
	ul.notificationsDrop{left:-224px !important;}
	ul.notificationsDrop:before{right:50px !important;}
	ul.notificationsDrop:after{right:51px !important;}
	
	ul.messagesDrop{left:-270px !important;}
	ul.messagesDrop:before{right:3px !important;}
	ul.messagesDrop:after{right:4px !important;}
	
	/*only notification*/
	.notificationOnly ul.notificationsDrop{
		left: -270px!important;
	}
	.notificationOnly ul.notificationsDrop:before {
		right: 3px!important;
	}
	.notificationOnly ul.notificationsDrop:after {
		right: 4px!important;
	}
	
	nav ul.tasksDrop li{
		display:block;
	}
	span.notificationText{
		width:200px;
	}
	.notificationsDrop table{
		table-layout:fixed;
		width:245px;
	}
	.messagesDrop table{
  		width:275px;
	}
	.nImageHolder{
		width:40px;
		white-space:nowrap;
	}
	.messagesDrop div.innerDropdown{
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
	}
	#bannerTopSiteSearchText{
		width:270px;
	}
	/* --- END For Header Drop down menus --- */
	
	.likesWrapper .innerPadding{
		padding:1.2% 1.4% 1.5%;
	}	
	.modal {
		position:fixed;
		top: 10px;
		right: 10px;
		left: 10px;
		width: auto;
		margin: 0;
	}
	.close{
		display:inline-block;
		padding:1px;		
	}
	
	input, textarea, .uneditable-input{
		width: 76px;
	}
/* --- Message Dialog changes --- */
	 .modal-header input, .modal-header form, .modal-header input:focus{
	 	width:70px; 
	 }
	 #convoModal .span9{
	  	margin:0px 0px 0px 15px; 
	 }

	 #conversationMessagesDiv.viewModeSmall {
		max-height:95px;
	}
	#conversationMessagesDiv i.singleAlbumImage, #conversationMessagesDiv i.largeAlbumImage, #conversationMessagesDiv i.smallAlbumImage {
		max-width: 136px;
	}
	 #convoModal .row-fluid{
	  	padding-bottom: 10px;
	 }
	 textarea#convoInput{
	  	height: 30px;
	 }
 /* --- Wiki Event and Blog changes --- */
 
	 .wikiPage{
		word-wrap: break-word;
	}
	.blogPostContent{
		margin-left: 0px;
    	padding-right: 0px;
    	word-wrap: break-word;
	}
	.blogCommentContainer{
		position: relative;
		float: right;
		padding-bottom: 10px;
	}
	.wikiTitle, .blogTitle, .eventTitle{
		font-size: 20px;
	}
	
	/*----- My Task shorting & icon -----*/
	li.taskTextWrapper{
		width: 85%!important;
		padding-bottom: 5px;
	}
	li.tasknameText{
		display: none;
	}
	li.task ul li:nth-child(5){
		margin-left:25px;
	}
	ul.tasksList li.taskTag{
		float:left;
	}
	ul.tasksList li.task{
		height: auto;
		margin:0px;
	}
	/*------ Document Module -------*/
	#progressBarText, #theMeter #progressBarBox, #progressBarPercentText, #cancelProgressButtonDiv a.btn{
		margin-left:10px!important;
	}
	#docUpload .controls{
		margin-left:0px;
		clear:both;
	}
	#docUpload .control-label{
		width:100%;
	}
	#addTaskModalForm .control-label{
		width:100%;
	}
	#addTaskModalForm .control{
		margin-left:0px;
		width:100%;
	}

	/*QA Module*/
	.normalUser .qNumber, .normalUser.fullWidth .qNumber{
		width: 9%;
	}
	.normalUser .questionTextWrapper, .normalUser.fullWidth .questionTextWrapper {
		width: 53%;
	}
	.normalUser .qSubmitted, .normalUser.fullWidth .qSubmitted {
		width: 29%;
	}
	/* large file share modal*/
	#shareEmailOptionFooterDiv select, #shareLinkOptionFooterDiv select, #shareMessageOptionFooterDiv select, #shareMicroblogOptionFooterDiv select{ 
		width:70px;
		display: block;
	}
	#shareEmailOptionFooterDiv .cancel, #shareLinkOptionFooterDiv #lnkCancelBtn, #shareMessageOptionFooterDiv #shareInputCancel, #shareMicroblogOptionFooterDiv #shareInputCancel{
	margin-right:5px;
	}
	.sharedContentDownload .shareContentDownload.span5 {
		margin-left: -150px;
		width: 300px;
	}
	.siteLoginmainDiv input[type=text], .siteLoginmainDiv input[type=password] {
	width: 95%;
	}
	#recaptcha_table tr:first-child td.recaptcha_r1_c1{ height:8px; background-position: 0 -64px;}
}




/*-----------------------------------------------
It will apply only in ipad up to 1024 resolutions
-------------------------------------------------*/

@media only screen and (device-width: 768px) {
	#qaPermissionForm .cloneHeader{
		position: relative;
		right: 0px;
	}
	/*-----Text Mashup Issue File and Wiki Module----*/
	.dhx_view{
	  width:100%!important;
	 }
	.addCommentCK .CKmention .CKplaceHolder{
		font-size: 11px;
	}
	/***** Don not change, conflict with -webkit-overflow-scrolling touch *****/
	#addNewComment textarea{
		overflow: hidden;
	}
	.docColumnIcons span.open{
		margin-top:-3px;
	}
	.wiki-content .input-append input{
		position: inherit;
	}
	.profileBtns .relativeDiv .caret{
		opacity:1;
	}
	/**** end of conflict******/
	.blueSubHeader .docColumnIcons{
		padding: 8px 0px 8px 13px;
	}
	.blueSubHeader .docColumnIcons.touch{
		padding: 8px 5px 8px 13px;
	}

	.wikiTree.padd10{
		padding: 0px;
	}
	.sortingTree{
		right: 14px;
		top: 11px;
	}
	.touchDocList, .columnDocList, .DocTreeContainer, .wikiWrapper, .eventWrapper, .blogWrapper,
	.taskListContainer, .adminContainer, .qaContainer, .iSheetContainer, #divGrid, #imageGridBox,
	.systemAdmin, .aspConfig, .leftTree, #divRenderedItem .objbox,
	#leftPanel, .iSheetGridList, #systemGroupList, .versionHistory, .statusWrapper ul.as-list, .eventleftPanel, .eventSearch .overflowY_auto{
		-webkit-overflow-scrolling: touch; /*for smooth scrolling in ipad*/
	}
	.modal-header .close {
		padding:13px 12px;
	}
	.modal-header{
		min-height: 23px;
	}
	
	/* To set Height for multi-select to display in ipad for Admin > iSheet */
	#leftSidelistOfColumns, #rightSidelistOfSortedColumns, #leftSidelistOfOrganisation,
	#rightSidelistOfOrganisation,#sortedSheetID,#sortedViewID,#sortedSectionID,#sortedSectionColumnID{
		height: 240px;
	}
	/* msg modalclose button 1px issue in ipad*/
	#messagesModal .close, #notificationsModal .close, #convoModal .close {
		height: 22px;
	}
	.blueSubHeader .docColumnIcons .shareSmall{
		margin-top: 3px;
		top: 0px;
	}
	
	/* assignee auto suggest list ipad issue task module & mytask*/
	#addTaskModalTaskAssigneeDiv ul.as-list{
		bottom:30px;
	}
	#navUser span img{
		vertical-align: top;
	}
	.macOSx nav .btnText.TopbarLink{
		line-height: 25px;
	}
	.macOSx li.SiteName .TruncateSiteName{
		margin-top: -4px;
	}
	#shareInput_Ckcontainer{
		width:530px;
	}
	#convoInputModalFooter.CKexpand {
		max-height:210px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
	#usersBrowseDiv .modal-body{
		height: 320px;
	}
	td.spacerTd{
		display: none;
	}
}


/*------------------------
webkit browser's css hack
--------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select {
		padding-right: 24px!important;
	}
	
	input[type="checkbox"] {
		-webkit-appearance: none;
		height: 17px;
		width: 17px;
		cursor: pointer;
		background: url("../../images/v3/checkbox.png?bt=2026_06_22_13_53_12") top left no-repeat;
		border: 0 none;
		margin-right: 4px;
	}
	
	input[type="checkbox"]:checked {
		background-position: 0 -17px;
	}
	input[type="checkbox"]:disabled {
		background-position: 0 -34px;
	}
	input[type="checkbox"]:disabled:not(:checked){
		background-position: 0 -51px;
	}
	/* Needs to add because of the image base checkbox for webkit browsers */
	#dashBoardRightPaneID input.myTaskTickChk
	{
		margin-top:0px; /* For chrome */
	}
	.macOSx #dashBoardRightPaneID input.myTaskTickChk
	{
		margin-top:-6px; /* For mac/iOS only */
	}
}
/*-----All retina mobile device dropdwon height set----*/ 
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2){
	.shareOptions{/* link dialog tab scrolling*/
		-webkit-overflow-scrolling: touch;
	}
}
/*-----Iphone 5/5s potrait----*/
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
	#SubCategories div.modal-body{
		max-height: 340px;
		min-height: 340px;
	}
	#bannerTopSiteSearchTextList{
		max-height: 280px;
	}
	#quickFileShareModalMainDiv .modal-body{
		max-height: 260px;
		min-height: 260px;
	}
	#addEventModal .modal-body{
		max-height: 270px;
		min-height: 270px;
	}
	#largeFileShareModalMainDiv .modal-body, #largeFileShareWaitIndicatorBodyDiv, #quickFileShareModalMainDiv #quickFileShareWaitIndicatorBodyDiv{
		max-height:290px;
		min-height:290px;
	}
	/*modal height fix*/
	.notificationsDrop div.innerDropdown,
	.messagesDrop div.innerDropdown{
		min-height:340px;
		max-height:340px;
	}
	#notificationsModal #activityNotificationModalBody{
		max-height: 410px;
		min-height:410px;
	}
	#messagesModal #allPrivateMsgDiv{
		max-height: 370px;
		min-height:370px;
	}
	#privateMessagesPage .modal-body,
	#announcementModal .modal-body,
	#editWikiPermissionDialog .modal-body,
	#locationDiv .modal-body,
	#myModal .modal-body{
		min-height: 325px;
		max-height: 325px;
	}
	#convoModal .modal-body{
		max-height: 240px;
		min-height: 240px;
	}
	#convoModal .modal-body.viewModeSmall{
		max-height: 170px;
		min-height: 170px;
	}
	#convoModal .modal-footer.CKexpand{
		max-height: 110px;
	}
	#insertLinkFrame .modal-body, #insertLinkFrame #progressBar_modalUpload{
		min-height: 320px;
		max-height: 320px;
	}
	#largeFileSharedItemContentContainer, #myModal_documentVersionNotes .modal-body, #newAddressDiv .modal-body{
		min-height:355px;
		max-height:355px;
	}
	#addTaskModal .modal-body{
		max-height: 305px;
	}
	#qaQueAnswerModal .modal-body{
		max-height: 325px;
		min-height: 325px;
	}
	#qaAnswerBodyDiv .modal-body{
		max-height: 290px;
		min-height: 290px;
	}
	#shareModal .modal-body{
		max-height: 300px;
		min-height: 300px;
	}
	#treebox_xmlTreeFoldersObj_browse {
		min-height:200px;
	}
	#myModal_email .modal-body{
		min-height: 330px;
		max-height: 330px;
	}
	textarea#textVersionNotes {
		height: 300px;
	}
	
}
/*-----Iphone 4/4s device dropdwon height set----*/
@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2) {
	#SubCategories div.modal-body{
		max-height: 220px;
		min-height: 220px;
	}
	#bannerTopSiteSearchTextList{
		max-height: 225px;
	}
	#quickFileShareModalMainDiv .modal-body{
		max-height: 180px;
		min-height: 180px;
	}
	#largeFileShareModalMainDiv .modal-body, #largeFileShareWaitIndicatorBodyDiv, #quickFileShareModalMainDiv #quickFileShareWaitIndicatorBodyDiv, #addEventModal .modal-body{
		min-height: 220px;
		max-height: 220px;
	}
	/*modal height fix*/
	.notificationsDrop div.innerDropdown,
	.messagesDrop div.innerDropdown{
		min-height:285px;
		max-height:285px;
	}
	#notificationsModal #activityNotificationModalBody{
		max-height: 340px;
		min-height:340px;
	}
	#messagesModal #allPrivateMsgDiv{
		max-height: 300px;
		min-height: 300px;
	}
	#privateMessagesPage .modal-body,
	#announcementModal .modal-body,
	#editWikiPermissionDialog .modal-body,
	#locationDiv .modal-body,
	#myModal .modal-body{
		min-height: 260px;
		max-height: 260px;
	}
	#convoModal .modal-body{
		max-height: 170px;
		min-height: 170px;
	}
	#convoModal .modal-body.viewModeSmall{
		max-height: 150px;
	}
	#convoModal .modal-footer.CKexpand{
		max-height: 70px;
	}
	#insertLinkFrame .modal-body, #insertLinkFrame #progressBar_modalUpload{
		max-height: 260px;
		min-height: 260px;
	}
	#largeFileSharedItemContentContainer, #myModal_documentVersionNotes .modal-body, #newAddressDiv .modal-body {
	min-height:300px;
	max-height:300px;
	}
	#addTaskModal .modal-body, #qaQueAnswerModal .modal-body{
		max-height: 260px;
	}
	#qaQueAnswerModal .modal-body{
		max-height: 250px;
		min-height: 250px;
	}
	#qaAnswerBodyDiv .modal-body{
		max-height: 215px;
		min-height: 215px;
	}
	#treebox_xmlTreeFoldersObj_browse {
		max-height:130px;
	}
	textarea#textVersionNotes {
		height: 230px;
	}
	/* .largeModal .minheight300px{
	 min-height: 180px;
 } */
	
}

/*-----s3 device dropdwon height set----*/
@media screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) {
	#SubCategories div.modal-body, #addEventModal .modal-body{
		max-height: 360px;
		min-height: 360px;
	}
	#bannerTopSiteSearchTextList{
		max-height: 380px;
	}
	#largeFileShareModalMainDiv .modal-body, #largeFileShareWaitIndicatorBodyDiv, #quickFileShareModalMainDiv #quickFileShareWaitIndicatorBodyDiv{
		max-height: 380px;
		min-height: 380px;
	}
 	#quickFileShareModalMainDiv .modal-body{
		max-height: 340px;
		min-height: 340px;
	} 
	/*modal height fix*/
	.notificationsDrop div.innerDropdown,
	.messagesDrop div.innerDropdown{
		max-height: 430px;
		min-height: 430px;
	}
	#notificationsModal #activityNotificationModalBody{
		max-height: 470px;
		min-height:470px;
	}
	#messagesModal #allPrivateMsgDiv{
		max-height:450px;
		min-height:450px;
	}
	#privateMessagesPage .modal-body, 
	#announcementModal .modal-body,
	#editWikiPermissionDialog .modal-body,
	#locationDiv .modal-body,
	#myModal .modal-body, 
	#newAddressDiv .modal-body{
		min-height: 410px;
		max-height: 410px;
	}
	#convoModal .modal-body{
		max-height: 290px;
		min-height: 290px;
	}
	#convoModal .modal-footer.CKexpand{
		max-height: 80px;
	}
	#insertLinkFrame .modal-body{
		max-height: 410px;
		min-height: 410px;
	}
	#linkdialog .modal-footer{
		height:28px;
	}
	#largeFileSharedItemContentContainer, #myModal_documentVersionNotes .modal-body {
		min-height:450px;
		max-height:460px;
	}
	#addTaskModal .modal-body, #qaQueAnswerModal .modal-body{
		max-height: 410px;
		min-height: 410px;
	}
	#qaQueAnswerModal .modal-body, #qaQueAnswerModal .modal-body{
		max-height: 410px;
		min-height: 410px;
	}
	#qaAnswerBodyDiv .modal-body{
		max-height: 375px;
		min-height: 375px;
	}
	#myModal_email .modal-body{
		min-height: 410px;
		max-height: 410px;
	}
	textarea#textVersionNotes {
		height: 380px;
	}
}

/*----- Only Iphone5/5s Landscape view ------*/
@media only screen and (max-device-width: 1136px) and (orientation: landscape) and (device-aspect-ratio: 40/71){ 
	.modal .modal-body{
	max-height: 150px;
	}

}

/*---------------------
mobile sliding menu 
-----------------------*/
@media screen and (max-width: 640px) {
	.ShareThought {
		height:25px;
		line-height:25px;
	} 
	/*img.messages {
 		float:none;
 	}*/
 	#bigImageComment {
 		width:100%;
 	}
 	.block {
		display: block;
		z-index: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transform: translate3d(-100%, 0, 0);
		-moz-transition: -webkit-transform 300ms ease;
		-ms-transform: translate3d(-100%, 0, 0);
		-ms-transition: -webkit-transform 300ms ease;
		position: fixed;
		left:0px;
		top:0px;
	}
	.setBodyPosition .block {
		display: block;
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transform: translate3d(0, 0, 0);
		-moz-transition: -webkit-transform 300ms ease;
		-ms-transform: translate3d(0, 0, 0);
		-ms-transition: -webkit-transform 300ms ease;
		height: 100%;
		position: fixed;
		overflow-y: auto;
		z-index: 9999;
		-webkit-overflow-scrolling: touch;
		left:0px;
		top:0px;
		
	}
	#bodyMainWrapper, nav {
		left: 0;
		/*-webkit-transform: translate3d(0%, 0, 0);*/
		/*-webkit-transition: -webkit-transform 300ms ease;
		-moz-transition: -webkit-transform 300ms ease;
		-ms-transition: -webkit-transform 300ms ease;*/
	}
	#bodyMainWrapper {
		height: 100%;
		width: 100%;
		background: #FFF;
	}
	.setBodyPosition #bodyMainWrapper,.setBodyPosition nav {
		/*-webkit-transform: translate3d(225px, 0, 0);
		-webkit-transition: -webkit-transform 300ms ease;
		-moz-transform: translate3d(225px, 0, 0);
		-moz-transition: -webkit-transform 300ms ease;
		-ms-transform: translate3d(225px, 0, 0);
		-ms-transition: -webkit-transform 300ms ease;*/
		/*margin-left:3px; */
	} 
	.setBodyPosition nav {
		left:0px!important;
	}
	nav{
		left:0px!important;
		margin-left:0px;
	}
}



	#conversationMessagesDiv .smallImage {
		margin-left:0;
	}
	#privateAddCommentFooterID .uploadContainer_browseBtn, #privateMessagesPage .modal-footer .uploadContainer_browseBtn{
		width:20px!important;
		height:20px!important;
		margin-right:0px;
	}
	#privateAddCommentFooterID .uploadContainer_label, #privateMessagesPage .modal-footer .uploadContainer_label{
		width:20px!important;
		height:20px!important;
		overflow:hidden;
	}
	.addComment .CKmention .CKplaceHolder, .addCommentCK .CKmention .CKplaceHolder{
		font-size: 11px;
		line-height: 25px;
	}
	.floatNoneMobile{
		float: none;
	}
}
/* IE10 Browser hack */
@media screen and (min-width:0\0){ 
	#userPermissions table td input, #groupPermissions table td input { 
		width:100%; /* ie10 */	
	}
	#sheetUserViewGridDiv input[type='radio']{
		padding:0px;
	}	
}