/*   Custom style  */


/*  Margin & Padding Start */

@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,700,800");
@import url('sass/joforce5.css');
@import url('responsive.css');

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000 !important;
}

input[type="checkbox"] {
	/* width: 16px !important; */
	height: 16px !important;
	border: 1px solid #c1bebe !important;
	border-radius: 0px !important;
	/* float: right; */
}

input[type=checkbox]:checked {
	border: 1px solid #0162e8 !important;
}

/* width */

*::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	transition: .3s background;
}

::-webkit-scrollbar-thumb {
	background: #e1e6f1;
}

*:hover::-webkit-scrollbar-thumb {
	background: #adb5bd;
}

@keyframes modalanimate {
	0% {
		transform: translateX(50%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes circle {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes circles {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}


/*input element css*/

.form-control:focus {
	border-color: #ccc;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: none !important;
}

.form-control:hover {
	box-shadow: none;
}

.form-control[disabled]:hover {
	border: none !important;
}

.joforce-link {
	color: #0c4da2 !important;
}

.joforce-link:hover,
.joforce-link:focus {
	color: #3b69a5 !important;
}

.joforce-link:hover,
.joforce-color:hover,
.popoverCancel:hover,
.joforce-tax-section a:hover,
#addMore span:hover,
#moreCurrencies:hover,
.editFieldDetails:hover {
	color: #0c4da2 !important;
}

.nav.navbar-nav li a:focus,
.joforce-link:focus,
.joforce-color:focus,
.popoverCancel:focus,
.joforce-tax-section a:focus,
#addMore span:focus,
#moreCurrencies:focus {
	color: #0c4da2 !important;
}

.checked {
	color: #0c4da2 !important;
}

.muted {
	color: #303030 !important;
}

.row.entry a:hover {
	color: #0c4da2 !important;
}

.fa-hand-o-right a:hover,
.fa-hand-o-right a:focus {
	color: #0c4da2 !important;
}

footer p a:hover {
	color: #0c4da2 !important;
}

table thead .listViewHeaders a:focus {
	color: #0c4da2;
}

table tbody .listViewEntries .listViewEntryValue a:hover {
	color: #3b69a5 !important;
}

/*********** detail view(detailview.css) - starts ***********/
/*detail view pre process */

.viewContent .content-area {
	padding-left: 50px
}

.viewContent .content-area.full-width {
	padding-left: 15px
}

.overlay-container-60.full-width,
.overlay-container-300.full-width,
.full-width {
	padding-left: 0;
	margin-left: 0 !important;
	width: 100% !important
}

.full-width .modal-overlay-footer {
	margin-left: 0 !important
}

.content-area.full-width {
	padding-left: 5% !important;
	width: 100% !important;
}

/* .pdfkil .detailview-content{ width:85% !important;margin-left: 16%;}

 /* .detailview-header .pdfhead{ position: relative; z-index: 2;} */
/* .detailViewContainer .pdfkil{ margin-top: 0%;} */

/*detail view pre process */
/* .pdfkil .detailview-content{margin-top: 38px; */
/* position: relative; */
/* top: 20%;} */

/* detail blocks */
.detailview-header-block {
	padding: 5px 15px 32px 15px;
	/* margin-top: 5px; */
	/* position: relative; */
	display: block;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border-radius: 5px;
	/* width: 85%;
    margin-left: 16%;*/
	/* margin-top: 2%;  */
	margin-bottom: 22px;
}

.white-background {
	box-shadow: -8px 12px 18px 0 #dadee8;
	border: 1px solid #deebfd;
	background: #fff !important;
	margin: 0 10px;
	min-height: 400px !important;
	padding: 15px;
	background-clip: border-box;
	border-radius: 10px;
	height: 300px;
	overflow-x: hidden;
}

.related-tabs.row .nav>li>a:hover {
	padding: 0px 3px;
	border: 0;
	vertical-align: bottom;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
}

.detailViewContainer .recentActivitiesContainer,
.related-tabs.row .details.row,
.detailview-content .details.row .relatedHeader {
	padding: 0px;
}

.detailview-content {
	padding-bottom: 0px !important;
	height: auto;
}

.detailview-content .details.row .relatedHeader {
	border: none !important;
}

.detailview-content.container-fluid #detailView .details {
	background: #fff;
	padding: 20px;
	margin: 20px;
}

.dragdrop-dotted button {
	background-color: #4aa0fb !important;
	color: #fff !important;
	border: none !important;
	width: 250px;
}

.dragdrop-dotted p {
	color: #5d5d5d;
	width: 250px;
	margin: 0 auto;
}

.detailview-content .details.row .relatedContents {
	padding: 0;
	margin-top: 0;
	height: 615px !important;
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
}

.detailViewContainer .commentContainer .commentTitle.row,
.detailViewContainer .commentContainer .showcomments {
	background: #fff;
	background-clip: border-box;
	border-radius: 5px;
	border: 1px solid #deebfd;
	margin-bottom: 1.3rem;
	/* margin-top: 30px; */
	/* box-shadow: -8px 12px 18px 0 #dadee8; */
}

.detailViewTwitterImage .fa {
	color: #04abe7;
	margin-top: 10px
}

.detailview-table input[type="checkbox"] {
	width: 13px !important;
	margin-top: 8px
}

.detailview-table .input-group-addon+.inputElement.form-control,
.detailview-table .inputElement.form-control.input-medium {
	width: 100%
}

.summaryViewEntries .referencefield-wrapper .inputElement,
.detailview-table .referencefield-wrapper .inputElement {
	width: 100%
}

.summaryViewEntries .inputElement.form-control,
.detailview-table .inputElement.form-control {
	width: 70%
}

.summaryViewEntries .input-group.date,
.detailview-table .input-group.date {
	float: left
}

.summaryView {
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
	background: #fff;
	background-clip: border-box;
	border-radius: 5px;
	border: 1px solid #deebfd;
	box-shadow: -8px 12px 18px 0 #dadee8;
	width: 99%;
}

.detailview-header {
	margin-bottom: 10px;



	/* 
	margin-bottom: -15px;
    margin-top: 8%;
    background: #fff;
    width: 84%;
    margin-left: 16%;
    border-radius: 5px;
    border: solid 1px #ccc;
    padding: 20px 50px 20px 0px; */

}

#headerForm .info-row {
	text-align: left;
}

.info-row {
	text-align: center;
	margin-bottom: 10px;
}

.detailview-header .recordBasicInfo>.info-row {
	margin-bottom: 4px
}

.recordImage.commentInfoHeader img {
	border-radius: 50%;
}



.recordImage .name {
	background: #fff;
	border: solid 2px #5db9f1;
	color: #000;
	border-radius: 5px;
	text-shadow: none !important;

	/* padding: 15px 28px; */
}

.recordImage .new-name {
	padding: 0 !important;
}

.detailViewContainer .recordImage-new {
	margin-left: 20px !important;
	background-color: #fff !important;
	top: 0px !important;
	margin-bottom: 20px !important;
	margin: 0 !important;
	text-align: center;
	position: relative !important;
	left: 50px !important;
}

/* 
.record-header .recordImage {
	float: left;
	display: inline-block;
	position: absolute
} */

.record-header .recordBasicInfo {
	float: left;
	display: inline-block;
	padding-left: 0px;
	width: 100%;
	margin-top: 10px;
}

.record-header .recordBasicInfo .info-row,
.record-header .recordBasicInfo h4,
.record-header .recordBasicInfo a,
.record-header .recordBasicInfo .fieldLabel {
	width: 100%;
	/* overflow: hidden; */
	text-overflow: ellipsis;
	white-space: nowrap
}

.record-header .recordBasicInfo h4 {
	height: 25px;
	margin: 0;
	text-align: left;
}

#detailViewContent #detail-view-header {
	height: 60px !important;
}

#detailViewContent #detail-view-header .detail-view-breadcrumb {
	height: 100% !important;
	display: inline-block !important;
}

#detailViewContent #detail-view-header .detailViewButtoncontainer {
	height: 100% !important;
	display: inline-block !important;
	float: right;
}

.detailViewContainer .recordImage,
.overlayDetailHeader .recordImage,
.quickPreviewModuleHeader .recordImage {
	display: table;
	height: 80px;
	width: 80px;
	padding: 0
}

.detailViewContainer .recordImage .name,
.overlayDetailHeader .recordImage .name,
.quickPreviewModuleHeader .recordImage .name {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	border-radius: 47px;
}

.detailViewContainer .recordImage .name span,
.overlayDetailHeader .recordImage .name span,
.quickPreviewModuleHeader .recordImage .name span {
	color: #000;
	text-shadow: 1px 0 2px #999;
	font-size: 40px;
}

.detailViewContainer .recordImage.bg_ServiceContracts,
.overlayDetailHeader .recordImage.bg_ServiceContracts,
.quickPreviewModuleHeader .recordImage.bg_ServiceContracts {
	background: #ffb61e
}

.detailViewContainer .recordImage.bg_Assets,
.overlayDetailHeader .recordImage.bg_Assets,
.quickPreviewModuleHeader .recordImage.bg_Assets {
	background: #8db255
}

.detailViewContainer .recordImage.bg_Services,
.overlayDetailHeader .recordImage.bg_Services,
.quickPreviewModuleHeader .recordImage.bg_Services {
	background: #d1026c
}

.detailViewContainer .recordImage.bg_Calendar,
.overlayDetailHeader .recordImage.bg_Calendar,
.quickPreviewModuleHeader .recordImage.bg_Calendar {
	background: #ed4c57
}

.detailViewContainer .recordImage.bg_Campaigns,
.overlayDetailHeader .recordImage.bg_Campaigns,
.quickPreviewModuleHeader .recordImage.bg_Campaigns {
	background: #a17917
}

.detailViewContainer .recordImage.bg_Cases,
.overlayDetailHeader .recordImage.bg_Cases,
.quickPreviewModuleHeader .recordImage.bg_Cases {
	background: #42a5f5
}

.detailview-header .recordImage [class^="joicon-"],
.overlayDetailHeader .recordImage [class^="joicon-"],
.quickPreviewModuleHeader .recordImage [class^="joicon-"] {
	font-size: 35px
}

.detailViewContainer .block {
	background: #fff;
	border: 1px solid #f3f3f3;
	background-clip: border-box;
	border-radius: 9px;
	padding: 0px 0px 28px 0px;
	border: 1px solid #ccc !important;
	position: relative;
	margin-right: 10px;
	width: auto;
	/* margin-left: 17%; */
	/* margin-top: 5%; */
}

.pdf_block {
	padding: 21px 39px 28px 52px !important;
}

.leadsFieldMappingListPageDiv .table-container .listViewEntries td {
	padding: 10px;
}


.leadsFieldMappingEditPageDiv .editViewContainer #leadsMapping .editViewBody .editViewContents .listViewEntries .select2-arrow {
	right: 22px
}

.leadsFieldMappingEditPageDiv .editViewContainer #leadsMapping .editViewBody .editViewContents .listViewEntries .select2-chosen {
	/*margin-top: -6px;*/
}

.leadsFieldMappingEditPageDiv .editViewContainer #leadsMapping .editViewBody .editViewContents .listViewEntries .table-actions {
	margin-top: -60px;
}

.detailViewContainer .block hr {
	display: none;
}

.editViewContainer .block {
	background: #fff;
	border: 1px solid #f3f3f3;
	padding-left: 15px;
	padding-right: 15px
}

.commentDetails li {
	padding-left: 50px
}

.recentCommentsBody .commentDetails li {
	padding-left: 10%;
}

.commentDetails .media-body {
	float: right;
	padding: 0px 0 0 0px;
	/*background:#ecf0fa;*/
	border-radius: 10px;
	text-align: left;
	margin-left: 10px;
}


/*.commentDetails .media-body:before { position: absolute; top: 10px; left: -10px;right:auto;display: inline-block; border-top: 20px solid transparent; border-right: 20px solid #ecf0fa; border-left: 0 solid #ecf0fa; border-bottom: 20px solid transparent;content: " ";}*/

.commentDetails .numberCirclemedia-body .comment {
	/* padding: 10px; */
}

.commentInfoContent {
	display: inline-block;
	word-break: break-all;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 10px;
}

.fc-overlay-modal {
	top: auto !important;
	bottom: 0;
	right: 0;
	/* left: auto; */
	left: 11px;
	box-shadow: none;

}

.table-borderless tbody td,
.table-borderless tbody th {
	border: 0 !important
}

.detailview-table {
	table-layout: fixed;
	border-collapse: separate;
}

.detailViewInfo .fieldLabel {
	text-align: right
}

.detailview-table .fieldLabel {
	width: 55%
}

.detailview-table .fieldValue {
	width: 30%
}

.detailViewSetting.dropdown-menu li {
	padding: 7px 16px !important;
}

.detailview-table .input-group {
	width: 100% !important;
}

.detailview-table .input-group .marginLeftZero.autoComplete.inputElement.ui-autocomplete-input {
	width: 100% !important;
}

.detailview-table .input-group .inputElement.currencyField,
.detailview-table .input-group #Leads_editView_fieldName_annualrevenue {
	width: 100% !important;
}

.detailview-table .input-group .inputElement.dateField,
.detailview-table .input-group .inputElement.input-percent {
	width: 100% !important;
}

.detailview-table .input-group .inputElement {
	width: 100% !important;
}

.detailview-table .input-group .input-group {
	width: 80% !important;
}

.detailview-table .input-group .input-group .inputElement {
	width: 100% !important;
}

.fieldLabel {
	font-size: 15px !important;
}

.summaryView .referencefield-wrapper {
	max-width: 100% !important;
}

.summaryView .referencefield-wrapper {
	max-width: 150px;
	display: table-cell
}

.summaryView .referencefield-wrapper .input-group.time,
.summaryView .referencefield-wrapper .input-group.date {
	min-width: 120px
}

.referencefield-wrapper {
	display: table-cell
}

#detailView td.fieldValue .action {
	display: none;
	position: absolute;
	margin-left: 10px
}

#detailView td.fieldValue:hover .action {
	display: inline-block
}

#detailView td.fieldValue:hover .action a {
	text-decoration: none;
	color: inherit
}

#detailView td.fieldValue .edit {
	width: 90%
}

#detailView td.fieldValue {
	border-bottom: 1px solid #f2f2f2;
	/* padding-bottom: 15px !important; */
	padding-left: 0px;
	padding-right: 0px;
	/* height: auto; */
}

#detailView td.fieldValue .action {
	position: relative !important;
	right: 0;
	float: right;
}

#detailView td.fieldValue .edit {
	width: 100% !important;
}

#detailView td.fieldValue .inputElement {
	width: 81% !important;
	float: left;
	outline: none;
	border: none;
	margin-top: 0px !important;
}

#detailView td.fieldValue textarea.inputElement {
	width: 100% !important;
	visibility: visible !important;
}

#detailView td.fieldValue .inputElement.dateField {
	width: 75% !important;
}

#detailView td.fieldValue .input-group {
	width: 100%;
}

#detailView td.fieldValue .input-group .input-group .inputElement {
	width: 100% !important;
}

#detailView td.fieldValue .input-group-addon.relatedPopup.cursorPointer {
	right: 0px !important;
	z-index: 1000;
}

#detailView td.fieldValue .clearReferenceSelection {
	z-index: 1000;
	right: 30px;
	bottom: 0px;
}

#detailView td.fieldValue input[type="checkbox"] {
	width: 15px !important;
}

#detailView td.fieldLabel {
	margin-top: 15px;
	text-align: left;
	font-weight: 600;
	/* padding-left: 30px !important; */
	padding-left: 5px !important;
}

#detailView .referencefield-wrapper {
	display: inline;
}

#detailView .inputElement.percentage-input-element {
	width: 100% !important;
}

.massEditTable tr {
	height: 80px;
}


.btn-toolbar .dropdown {
	float: right;
}

.relatedContainer .relatedHeader .btn-toolbar .btn-toolbar {
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	padding-top: 10px;
	margin-bottom: 50px;
	border-bottom: solid 1px #ccc;
}



#detailView .block .Calendartop {
	height: 60px;
	padding: 20px 35px 50px 37px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	background: #f7f7f7;
}

#detailView .detailview-table .input-group.editElement,
.calendar-timezone .input-group.editElement {
	width: 100%;
	display: inline-block
}

.media-body a {
	/* display: none; */
}



.detailview-content {
	padding-bottom: 30px;
	width: auto;
	margin-left: 2%;
}

.detailview-content .commentsRelatedContainer .commentTitle {
	border: 1px solid #CCC;
	padding: 20px
}

.detailview-content .commentsRelatedContainer textarea {
	width: 100%;
	height: 73px;
	resize: none
}

.detailview-content .commentsRelatedContainer .commentTextArea {
	padding-bottom: 10px
}

.numberCircle {
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	min-height: 10px;
	min-width: 18px;
	padding: 1px;
	text-align: center;
	vertical-align: baseline;
	margin-top: 2px;
	background: #0c4da2 !important;
	position: relative;
	top: -6px;
	left: 3px;
}

.summary-table {
	width: 100%;
	table-layout: fixed
}

table.summary-table-ui tbody tr td.fieldLabel {
	width: 10%;
}

table.summary-table-ui tbody tr td.fieldLabel .fa {
	font-size: 20px;
}

table.summary-table-ui tbody tr td.fieldValue {
	width: 80%;
}

.summaryView .fieldLabel {
	padding-left: 0;
	padding-right: 30px
}

.summaryView .summaryViewHeader {
	margin-bottom: 8px;
	margin-top: 0
}

.summaryView .summaryViewHeader h4 {
	margin-top: 0;
	margin-bottom: 0
}

.summaryView .summaryViewFields {
	line-height: 2
}

.summaryViewFields .inputElement {
	max-height: 30px
}

.row .nav.charttabs>li,
.nav-tabs>li {
	margin: 0px 3px;
	padding: 2px 2px;
	border-top: solid 1px #ccc;
	width: 100% !important;
}


.summaryViewFields .inputElement.input-xxlarge {
	max-height: 200px
}

.summaryWidgetContainer {
	position: relative;
	padding: 0 15px 15px 15px;
	margin-bottom: 10px;
	background: #fff !important;
	background-clip: border-box;
	border-radius: 10px;
	border: 1px solid #deebfd;
	border: solid 1px #d7d7d7;
	/* box-shadow: -8px 12px 18px 0 #dadee8; */
	min-height: 200px;
}

.summaryWidgetContainer p.textAlignCenter {
	font-weight: bold;
	/* margin-top: 80px; */
}

.summaryWidgetContainer .widget_header {
	margin-bottom: 8px;
	margin-top: 0;

	background: #f7f7f7;
	color: #264da2;
	padding: 10px 20px 10px 20px;
	margin-left: -15px;
	margin-right: -15px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
}

.editViewPageDiv .editViewBody .editViewContents .editContent .fieldBlockContainer .alignMiddle {
	top: 11px;
	left: 42px;
}

.summaryWidgetContainer .toggleButton {
	font-size: 16px
}

.summaryWidgetContainer .commentTitle {
	padding-left: 15px;
	padding-right: 15px
}

.summaryWidgetContainer .creatorName {
	color: #a7a7a7 !important;
	font-size: 16px;
}

.summaryWidgetContainer .recentCommentsHeader {
	margin-bottom: 10px
}

.summaryWidgetContainer .commentContainer {
	background: white;
	border-color: #f3f3f3
}

.summaryWidgetContainer .commentContainertextarea {
	width: 100%;
	resize: none
}

.noCommentsMsgContainer,
.quick-preview-modal .noContent {
	border: 1px solid #CCC
}

.summaryWidgetContainer .recordImage .name {
	display: table-cell;
	margin: 0 auto;
	position: relative;
	text-align: center;
	vertical-align: middle
}

.summaryWidgetContainer .recordImage .name span {
	color: #fff;
	display: inline-block;
	text-shadow: 1px 0 2px #999
}

.summaryWidgetContainer .noContent {
	padding: 10px;
	border-radius: 10px;
	min-height: 50px;
	height: 100px;
	line-height: 70px;
	text-align: center;
	box-shadow: none;
}

.summaryWidgetContainer p,
.commentsList p,
.recentComments .noCommentsMsgContainer p {
	margin-bottom: 0
}

.engagementsContainer .summary.selected .count {
	font-weight: bold;
	color: #8e44ad;
	font-size: 15px
}

.summaryWidgetContainer .engagementsContainer table {
	width: inherit
}

.summaryWidgetContainer .engagementsContainer .detailview-table {
	table-layout: auto
}

.summaryWidgetContainer .widget_header h4 {
	margin-top: 0;
	margin-bottom: 0
}

.summaryWidgetContainer .widget_contents {
	margin-top: 12px;
	padding: 0 25px 0 10px;
}

.clearfix .MultiFile-intercepted {
	/*width: 102%;;*/
}

.summaryWidgetContainer .recordImage {
	background: none repeat scroll 0 0 orange;
	border: 1px solid #ccc;
	display: table;
	overflow-y: hidden;
	height: 50px;
	padding: 0;
	width: 50px
}

.summaryWidgetContainer .activityEntries .module-icon {
	line-height: 28px
}

.summaryWidgetContainer .activityEntries .module-icon.span {
	position: relative;
	vertical-align: middle
}

.summaryWidgetContainer .activityEntries .summaryViewEntries {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.relatedActivities .summaryWidgetContainer {
	margin-top: 30px;
}

.summaryWidgetContainer .activityStatus .editStatus,
.summaryWidgetContainer .summaryViewEntries .summaryViewEdit {
	opacity: 0
}

.summaryWidgetContainer .activityStatus:hover .editStatus,
.summaryWidgetContainer .summaryViewEntries:hover .summaryViewEdit {
	opacity: 1;
	cursor: pointer
}

.details.row>form div[class*="col-"].resizable-summary-view {
	padding-left: 0;
	padding-right: 0
}

.details.row>form>div[class*="col-"],
.details.row>form .resizable-summary-view div[class*="col-"] {
	padding-right: 0;
	padding: 0 5px
}

.details.row>form>div[class*="col-"]:first-child,
.details.row>form .left-block {
	padding-left: 0 !important
}

.details.row>form>div[class*="col-"]:last-child {
	/* padding-right: 0 */
}

.summaryView .fieldValue .value {
	max-width: 80%;
	width: auto !important
}

.fieldLabel {
	color: #303030;
	opacity: .8
}

.fieldLabel label {
	font-weight: 100
}

.fieldValue {
	color: #222
}

.white-background .summary-table .fieldValue {
	text-align: left;
	color: #000;
	margin-top: 10px;
	border-radius: 5px;
	padding: 5px 20px;
	box-shadow: 0px 0px 10px 0 #dadee8;
}

.overlayDetailHeader {
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 10px
}

.overlayDetailHeader .recordBasicInfo .fieldLabel .action,
.detailview-header .headerAjaxEdit .action {
	display: none;
	position: absolute;
	margin-left: 10px
}

.overlayDetailHeader .recordBasicInfo .fieldLabel:hover .action,
.detailview-header .headerAjaxEdit:hover .action {
	display: inline-block
}

.overlayDetailHeader .recordBasicInfo .fieldLabel:hover .action a,
.detailview-header .headerAjaxEdit:hover .action a {
	text-decoration: none;
	color: inherit
}

.overlayDetailHeader .recordBasicInfo .inputElement,
.detailview-header .headerAjaxEdit .inputElement {
	width: 70% !important;
}

.overlayDetailHeader .recordBasicInfo .referencefield-wrapper .inputElement,
.detailview-header .headerAjaxEdit .referencefield-wrapper .inputElement {
	width: 123px;
	min-width: 148px
}

.overlayDetailHeader .recordBasicInfo .referencefield-wrapper .input-group,
.detailview-header .headerAjaxEdit .referencefield-wrapper .input-group {
	min-width: 177px
}

.overlayDetailHeader .recordBasicInfo .inputElement[type="checkbox"],
.detailview-header .headerAjaxEdit .inputElement[type="checkbox"] {
	width: 6%;
	margin-top: 3%;
	margin-right: 2%
}

.detailViewContainer .recordImage,
.overlayDetailHeader .recordImage {
	border-radius: 6px;
}

.detailview-header .recordImage [class="joicon"] {
	font-size: 30px !important;
}

.detailViewContainer .recordImage {
	margin-left: 50px;
	background-color: #fff !important;
	top: 50px;
	margin-bottom: 20px;

	margin: 0 auto;
	text-align: center;
	position: inherit;
	border-radius: 47px;
}

.listViewPageDiv #third-listview-actions .messageContainer a {
	background: #5f6d88;
	padding: 5px 25px;
	margin-bottom: 25px;
	color: #fff !important;
	border-radius: 3px;
}


.white-background .centerbody .company_name {
	top: 50px;
}

.company_name h4 {
	margin-top: 20px;
}

.company_name p {
	font-size: 15px;
	color: #040404 !important;
	text-align: center;
	position: relative;
	/* top: 50px; */
}

.toolbar {
	display: inline-block !important;
}

.centerbody .company_name {
	padding: 0px;
	margin-top: 15px;
	text-align: left;
}

.detailViewContainer .commentDetails .recordImage.commentInfoHeader {
	margin-left: 0px !important;
}

.record-header {
	min-height: 60px !important;
	float: left;
}

.detailViewContainer .commentContainer .showcomments {
	padding-bottom: 10px;
	margin-right: 20px;
	width: 99%;
}

.commentActionsContainer {
	display: inline-block;
	float: right;
	text-align: center;
	margin-top: -25px;
}

.commentsList .recordImage {
	background: none repeat scroll 0 0 orange;
	border: 1px solid #ccc;
	display: table;
	overflow-y: hidden;
	height: 50px;
	padding: 0;
	width: 50px
}

.add-main-menu-content {
	text-align: right;
}

.modal-body .add-main-menu-content .fieldLabel {
	margin-top: 20px;
	text-align: right;
}

.modal-body .add-main-menu-content .inputElement {
	margin-left: 30px;
	padding-left: 12px !important;
	display: inline-block;
}



.commentsList .recordImage img {
	border-radius: 50%;
}

/* detail blocks */


/* detailview table */

.table.detailview-table.no-border tr td.fieldValue {
	/* float: left; */
	width: 65%;
	position: relative;
	left: -26px;
	top: 8px;
}

/* detailview table */


/* detail view - related list */

.details .relatedContents .bottomscroll-div {
	display: flex;
	overflow-x: auto
}

.relatedContents .listViewContentHeaderValues:hover {
	text-decoration: none;
	color: #333
}

.relatedContents .listview-table .table-actions {
	width: 75px;
	height: 15px
}

.relatedContents .listSearchContributor {
	width: 130px;
	top: 4px;
}

.relatedContents .relatedListEntryValues:hover {
	text-decoration: none
}

.relatedListHeaderValues .customsort {
	opacity: .3
}

.relatedListHeaderValues:hover .customsort {
	opacity: 1
}

.relatedListHeaderValues:hover {
	text-decoration: none;
	color: #000
}

.relatedContents .listViewEntries .actions {
	opacity: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.relatedContents .listViewEntries:hover .actions {
	opacity: 1
}

.relatedViewBasicAction .relatedViewPagingInput {
	width: 69px;
	padding: 0 5px;
	vertical-align: middle;
	height: 22px;
	margin-top: -2px;
	font-size: 12px
}

.relatedViewBasicAction .relatedViewPagingInputSubmit {
	padding: 1px;
	margin-left: -4px;
	font-size: 9px;
	width: 14%;
	margin-top: -2px
}

.relatedContents.table-container {
	width: 100%;
	left: 0px;
}

#modulerelatedtabs .nav.nav-tabs .tab-item {
	padding: 2px 10px;
	margin: 2px 2px 2px 2px;
	border-radius: 5px 5px 0 0;
	background: #ecf0fa;
}

.more-icons {
	/* width: 79px;
    height:450px;
    padding: 1px 3px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    overflow-y: auto; position: fixed; z-index: 2;margin: 0 50px;
	top: 193px;
    right: -38px; */
	width: 79px;
	height: 530px;
	padding: 1px 3px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 2;
	margin: 0px -75px;
}

.more-icons-new {
	width: 79px;
	height: 530px;
	padding: 1px 3px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 2;
	margin: 0px -56px !important;
}

.more-icons-new1 {
	width: 79px;
	height: 530px;
	padding: 1px 3px;
	background: #fff;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 2;
	margin: 0px -82px !important;
}

.more-icons a {
	display: contents;
	font-size: 30px;
	padding: 0px 6px !important;
}

.row .nav.charttabs>li,
.nav-tabs>li {
	margin: 0px 3px;
}


/* detail view - related list */


/*star button*/

.markStar .unstarredStatus {
	color: #ee335e !important;
}

.markStar .unfollowMessage {
	display: none
}

.markStar .active {
	color: #fff
}

.markStar:hover .unfollowMessage {
	display: block
}

.markStar:hover .followMessage {
	display: none
}

.markStar.active .starredStatus {
	display: block
}

.markStar.active .unstarredStatus {
	display: none
}

.markStar .starredStatus {
	display: none
}

#starToggle.markStar.active {
	background: #ee335e !important;
}

#starToggle.markStar {
	border-color: #ee335e !important;
}

/*star button*/

/* .detailview-basic-actions .activity {
    color: #fff !important;
    background-color: #f76a2d !important;
    border-color: #f76a2d !important;
}

.detailview-basic-actions .activity:hover {
        color: #f76a2d !important;
        background-color: #fff !important;
        border-color: #f76a2d !important;
}*/

.detailview-basic-actions .edit {
	color: #fff !important;
	background-color: #00b9ff !important;
	border-color: #00b9ff !important;
}

/* .detailview-basic-actions .edit:hover {
	color: #00b9ff !important;
	background-color: #fff !important;
	border-color: #00b9ff !important;
} */

.detailview-basic-actions .email {
	color: #fff !important;
	background-color: #22c03c !important;
	border-color: #22c03c !important
}


.detailview-basic-actions .email:hover {
	color: #22c03c !important;
	background-color: #fff !important;
	border-color: #22c03c !important
}

.headerAjaxEdit {
	display: block;
	/*padding: 0 30px;*/
	margin: 5px;
}

/*btn and button - starts*/

#listview-table .inline-save button {
	height: 26px;
	width: 25px;
	margin-top: 12px;
	margin-left: 3px;
}

.listview-table tr.searchRow th.inline-search-btn button {
	text-align: center;
	width: 70% !important;
	padding-left: 5px !important;
}

.relatedContents .listview-table tr.searchRow th.inline-search-btn button {
	width: 95px
}

.table-container .fixed-scroll-table .listview-table .table-actions .inline-save button {
	width: 25px;
}

.btn-group.listViewActionsContainer {
	margin: 0px !important;
}

.btn-group.listViewActionsContainer .btn.btn-action {
	background: none;

	height: 25px;

	padding: 0px 0px;
	margin-left: 0px !important;
	margin-top: 1px !important;
	border-radius: 0px !important;
}

.blockHeader .btn-group {
	margin-top: 4px
}

.quickPreviewActions .btn-group .btn-success {
	font-size: 12px;
	color: white;
	padding: 2px 6px
}

.treeView li .toolbar-handle .btn {
	margin: 0
}

.relatedViewActions .btn-group {
	margin-right: 15px
}

.btn+input {
	margin-left: 5px
}

.sidebar-menu .sidebar-btn {
	padding: 6px 10px;

	margin-top: -10px
}

.btn-block+.btn-block {
	margin-top: 5px
}

.btn-google-plus {
	color: #fff !important;
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.btn-social>:first-child {
	position: absolute;
	left: 8px;
	top: 5px;
	bottom: 0;
	width: 60px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.joforce-search-btn {
	padding: 15px;
	float: right;
	right: 0px;
	background-color: transparent;
	border: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.joforce-search-btn:hover,
.joforce-search-btn:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px;
}

.btn-paginate {
	background: none;
	border: none;
	font-size: 15px;
	margin: 5px;
	vertial-align: middle;
}

.btn-paginate:hover,
.btn-paginate:focus {
	border: none;
	box-shadow: none;
}


/*listview actions dropdown*/

.open>.dropdown-toggle.btn-primary,
.btn-default.btn-primary:hover {
	background: #064bb7 !important;
	border-color: #064bb7 !important;
}

/* 
.dropdown-toggle.btn-default {
	color: #fff !important;
	background-color: #737f9e !important;
	border-color: #737f9e !important;
} */

.dropdown-toggle.btn-default:hover {
	color: #fff !important;
	background-color: #737f9e !important;
	border-color: #737f9e !important;
	border-width: 2px;
}

.table-actions .btn-group.listViewMassActions.dropdown {
	border: none;
	padding: 0px;
}

.table-container .fixed-scroll-table #listview-table.listview-table .btn-group {
	margin-left: -1px !important;
}

.table-actions .btn-group.listViewMassActions.dropdown .dropdown-toggle {
	margin: 0px !important;
	padding: 8px 6px !important;
	border-left: none;
	min-width: auto !important;
	width: 28px;
	height: 28px;
	-webkit-height: 28px;
	-moz-height: 31px !important;
	border-radius: 0px !important;
	left: 0px;
}

.listViewContentHeader th {
	overflow: initial !important;
}

#forecast-view.btn.active,
#backto-list-view.btn.active {
	border-color: #afafaf !important;
}

#forecast-view.btn,
#backto-list-view {
	margin-right: 5px;
	border-radius: 0px !important;
	background: #fff;
	border: 1px solid #e8e8e8 !important;
}

#forecast-view,
#backto-list-view,
.btn-filter,
#starToggle,
.btn.btn-default.edit,
.btn.btn-default.email {

	padding: 3px 10px !important;
	width: 40px;
	height: 40px;
}

.fc-button-group .fc-prev-button.fc-state-default,
.fc-button-group .fc-next-button.fc-state-default,
.fc-button-group .vt-goto-date.fc-state-default {
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	font-size: 15px;
	outline: none;
}

.fc-button-group button {
	font-size: 15px !important;
}

.fc-right .fc-button.fc-today-button {
	border-color: #0c4da2 !important;
	font-size: 15px !important;
}

.fc-right .fc-button.fc-today-button:hover {
	background: #0c4da2 !important;
	color: #fff !important;
}

.fc-right .fc-button.fc-today-button.fc-state-disabled:hover {
	background: none !important;
	color: #333 !important;
}

.fc-button.fc-state-default {
	border: 1px solid #e8e8e8 !important;
	padding: 7px 8px !important;
	height: auto;
	background: #fff;
	color: #333 !important;
	font-weight: 500;
	text-shadow: none !important;
}

.fc-button.fc-state-active {
	background: #0c4da2 !important;
	color: #fff !important;
}


/*btn and button - ends*/


/*-------------------------------------------------------------------*/

.fancybox-overlay .fancybox-inner table td input[type="button"] {
	background: #0c4da2 !important;
	border-color: #0c4da2 !important;
	color: #fff !important;
	border: 1px solid #0c4da2 !important;
	border-radius: 2px !important;
	font-size: 15px !important;
	padding: 5px 10px !important;
	position: absolute;
	bottom: -30px;
	right: 2%;
	margin-bottom: 15px;
}

.dashBoardContainer .tabContainer .sortable button {
	margin-top: 10px
}

.editbutton-container {
	padding-top: 5px;
	padding-bottom: 10px
}

.n_button,
.n_button:hover,
.n_button:focus {
	background-color: purple;
	color: white;
	cursor: pointer
}

#taskManagementContainer button.active {
	background: #3b83f7;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	border: 1px solid #135fd7;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}

.btn-toolbar>.btn-group:first-child {
	margin-left: 5px
}

.email-preview-toolbar .btn-sm {
	margin-left: 5px
}

.record-header a {
	display: inline-block;
}

.media-body {
	/* -webkit-border-bottom-right-radius: 7px; */
	-webkit-border-bottom-left-radius: 7px;
	-webkit-box-flex: 1;
	/* background-color: #3368ab; */
	color: #000;
	-ms-flex: 1;
	flex: 1;
	padding-left: 0px;
	/* padding-top: 10px; */
}

.media-body p {
	text-align: center;
}

.media-body h3 {
	text-align: center;
	color: #000 !important;
	/* padding-bottom: 15px; */
	padding-top: 43px;
}

.tagwhite-background {
	box-shadow: -8px 12px 18px 0 #dadee8;
	border: 1px solid #deebfd;
	background: #fff !important;
	margin-bottom: 10px;

	padding: 15px;
	background-clip: border-box;
	border-radius: 10px;
}

.tagwhite-background .tagContainer {
	background-color: #ecf0fa;
	border: solid 1px #3665e9;
	padding: 5px;
	border-radius: 5px;
}

.white-background .media-body {
	/* padding: 20px 10px !important; */
}

.editViewContents .fieldBlockContainer .table-borderless {
	margin-top: 50px;
}

.editViewContents .fieldBlockContainer .producttax {
	/* margin-top: 25px; */
	display: inline-block;
}

.centerbody {
	height: 100px;
	text-align: center;
	background: url(../resources/Images/profile-bg.png)no-repeat;
	background-size: 100%;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
}


.white-background .profilecard {
	width: 280px;
	float: left;
	height: 337px;
}

.fieldBlockContainer .fieldValue .input-group #Products_editView_fieldName_start_date {
	top: -10px;
}

.fieldBlockContainer .fieldValue .input-group #Products_editView_fieldName_expiry_date {
	top: -10px;
}

.fieldBlockContainer .fieldValue .input-group #Products_editView_fieldName_sales_end_date {
	top: -10px;
}

.fieldBlockContainer .fieldValue .input-group #Products_editView_fieldName_sales_start_date {
	top: -10px;
}



.more-icons>ul>li.active>a:hover {
	/* .more-icons>ul>li.active>a:focus,
.more-icons>ul>li { */
	background-color: #274ea3;
}

.more-icons>ul>li.active {
	background-color: #d4d1ce;
	color: #000;
}

.white-background .media-body .fa {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 20px;
	color: #3664e9
}





.table-container table thead tr th {
	width: 200px;
	text-align: left;
	height: 47px;
	/* min-width: 70px !important; */
	text-transform: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	background-color: #f6f6f7 !important;
	color: #504c4c !important;
	border-right: 1px solid #e3e3e7;
	border-top: 1px solid #e3e3e7;
	border-bottom: 1px solid #e3e3e7 !important;
}









.tab-item {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}


.more-icons .tab-item .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #fff;
	color: #000;
	font-size: 10px;
	text-align: center;
	border-radius: 4px;
	padding: 5px 0;
	border: solid 1px #ccc;
	box-shadow: 0 0 37px rgb(8 21 66 / 10%);
	/* -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; */

	position: absolute;
	position: fixed;
	z-index: 5;
	margin-left: -122px;
	display: inline-block;



}

.more-icons .tab-item :hover .tooltiptext {
	visibility: visible;
}



.cumulative-widget {
	white-space: nowrap;
	border-radius: 7px;

	max-width: 31.3% !important;
	padding: 15px !important;
	display: inline-block;
	margin: 1%;
	max-height: 146px;
	min-height: 170px;
	min-width: 31.3%;
}

.cumulative-widget i {
	font-size: 60px;
	text-align: center;
	margin: 16px 73px;
}

.cumulative-widget span {
	font-size: 20px;
}

.widget1 {
	background-image: linear-gradient(45deg, #0db2de 0%, #005bea 100%) !important;
}

.widget2 {
	background-image: linear-gradient(45deg, #f54ea2, #ff7676) !important;
}

.widget3 {
	background-image: linear-gradient(45deg, #288c6c, #4ea752) !important;
}

.widget4 {
	background-image: linear-gradient(45deg, #efa65f, #f76a2d) !important;
}

.widget5 {
	background-image: linear-gradient(45deg, #42e695, #3bb2b8) !important;
}

.widget6 {
	background-image: linear-gradient(45deg, #ffdf40, #ff8359) !important;
}

.widget7 {
	background-image: linear-gradient(45deg, #467fcf, #4660ff) !important;
}

.widget8 {
	background-image: linear-gradient(45deg, #17c1f4, #070909) !important;
}

.widget9 {
	background-image: linear-gradient(45deg, #7bd235, #6bb114) !important;
}

.tags {
	border-top: solid 1px #ccc;
}

.tags a {
	background-color: #ccc;
	padding: 5px;
	margin: 0 0;
}

.tag-gray-dark,
.tag_13 {
	background-color: #343a40 !important;
	color: #fff;
}

.tag-azure,
.tag_14 {
	background-color: #17c1f4 !important;
	color: #fff;
}

.tag-lime,
.tag_15 {
	background-color: #7bd235 !important;
}

.Activities {
	background: #fff;
	padding: 20px;
	display: block;
}

.addevent i {
	background: #000;
	padding: 10px 11px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
}

.lists-menu-container .mylist label {
	color: #6a839d;
	text-transform: uppercase;
}

.lists-menu-container .sharelist label {
	color: #6a839d;
	text-transform: uppercase;
}

.lists-menu-container .mylist select {
	padding: 3px 15px;
	height: 35px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
	border-radius: 6px;
}

.lists-menu-container .sharelist select {
	padding: 3px 15px;
	height: 35px;
	margin-bottom: 20px;
	border: solid 1px #ccc;
	border-radius: 6px;
}

.lists-menu-container .mylist select:hover {
	box-shadow: none;
}

.lists-menu-container .sharelist select:hover {
	box-shadow: none;
}

.Default label input {
	margin-top: 4px;
	margin-left: 16px;
}

.Default label {
	background: #f8f8f8;
	padding: 10px;
	border-radius: 5px;
	margin-left: 20px;
	border: solid 1px #ccc;
	color: #000;
}

.white-background .tagContainer {
	background: #ecf0fa;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #3665e9;
	margin-top: 10px;
	margin-bottom: 10px;
}

.extension_contents p {
	margin-top: 0px !important;
}

.card {
	background: #fff;
	padding: 20px 12px 12px 0px;
	border: solid 1px #ccc;
	border-radius: 7px;
}

#appnav .nav-item .import-icon {
	margin-left: 150px;
}

.module-action-content #appnav ul li #Groups_listView_basicAction_LBL_ADD_RECORD {
	margin-top: 0px;
}

.event {
	display: inline-block;
	float: left;
}

.app-nav .module-action-bar .module-action-content .ml-auto {
	margin-top: px;
}

#listview-table .listViewEntries {
	background-color: #fff;
}


.modal-content .modal-body .filterElements .contents .conditionList .select2-container span {
	margin-right: 20px;
}

.modal-content .modal-body .filterElements .contents .conditionList .fieldUiHolder input {
	margin-top: -5px;
}

.modal-content .modal-body .filterConditionsDiv .must {
	padding: 30px 40px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.shares label input {
	margin-left: 10px;
}

.shares label {
	background: #f8f8f8;
	padding: 10px;
	border-radius: 5px;
	margin-left: 20px;
	border: solid 1px #ccc;
	color: #000;
}

#filterContainer .modal-content {
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
}

#filterContainer .modal-content .modal-header h4 {
	color: #000 !important;
	margin-top: 10px;
}

#filterContainer .modal-content .modal-header button {
	color: #000 !important;
}


#filterContainer .modal-content .modal-header {

	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	background-image: none !important;
	background-color: #f8f8f8 !important;
}

/* #listview-actions .userFilter button{ background-color: #000;} */
.group h5 {
	padding: 10px;
}

.mCustomScrollBox .modal-footer center {
	margin-right: 90px;
}

.event i {
	padding: 20px;
	font-size: 26px;
}

.summaryViewEntries a {
	display: block;
	padding-left: 10px;
	padding-top: 14px;
	font-size: 16px;
}

.summaryViewEntries .input-group.editElement {
	width: 92% !important;
	margin-top: 1px;
}

.summaryViewEntries td.fieldValue .inputElement {
	top: 3px;
}

.summaryViewEntries .input-group .marginLeftZero.autoComplete.inputElement.ui-autocomplete-input {
	width: 100% !important;
}

.summaryViewEntries .input-group .inputElement.currencyField,
.summaryViewEntries .input-group #Leads_editView_fieldName_annualrevenue {
	width: 100% !important;
}

.summaryViewEntries .input-group .inputElement.dateField,
.summaryViewEntries .input-group .inputElement.input-percent {
	width: 100% !important;
}

.summaryViewEntries .input-group .input-group-addon {
	position: relative;
	top: 4px;
}

.add i {
	font-size: 30px;
}

.summaryViewEntries span {
	padding-left: 10px;
}

.joicon-task {
	padding-top: 2px;
	display: inline-block;
}

.detailViewContainer .commentImage .name {
	text-align: center;
	font-size: 25px;
	color: #fff;
}

.media:first-child {
	/* margin-top: 0; */
	border: solid 1px #eee;
	/* height: 72px; */
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 15px 23px 12px 20px;
	/* box-shadow: rgb(216 204 204) 0px 3px 3px 0px; */
}

.recentCommentsHeader a {
	margin-left: 15px;
}

.detailViewContainer .commentImage {
	height: 40px !important;
	width: 40px !important;
	margin-top: 10px;
	margin-left: 0px;
	border-radius: 50% !important;
	border-color: #0c4da2 !important;
	/* background: #0c4da2 !important; */
}

.add-commant i {
	float: right;
	font-size: 30px;
}

.commentTextArea textarea {
	width: 100%;
	margin-top: 20px;
	height: 100px;
}

.recentActivitiesContainer {
	/* background-color: #f4f6f7; */
	background-color: white;
	padding: 5px 0;
	border-radius: 5px;
	/* margin-top: 10px;
    margin-top: 20px; */
	/* margin-right: 20px; */
	margin-left: 39px;
}

.listViewContentHeader th {
	width: 545px !important;
}

.widget_header .pull-right button {
	background: #274ea3 !important;
	border: 1px solid #274ea3 !important;
	color: #fff !important;
}

.summaryViewEntries .input-group.editElement {
	width: 100%;
	display: flex;
}

.summaryView .summaryViewFields .input-group {
	line-height: 0
}

.input-group-addon {
	line-height: 1.4
}

.input-group {
	float: left;
	min-width: 220px
}

.table.detailview-table.no-border .ajaxEdited .input-group-addon {
	width: auto
}

.input-group.inputElement input {
	border: 0
}

.input-group.inputElement .input-group-addon {
	border: 0;
	border-left: 1px solid #ddd
}

.input-group-addon.disabled {
	opacity: .5;
	pointer-events: none
}

/*********** detail view(detailview.css) - ends ***********/

/*  custom style */

#appnav #header-actions {
	position: absolute;
	top: 0;
	right: 13px;
	font-size: 19px;
	float: right;
	z-index: 2;
	border-right-width: 0;
	padding: 5px 10px;
	height: 50px;
	cursor: pointer;
	top: -2px;
	width: auto;
	flex-direction: row;
}

#appnav #header-actions li.nav-item {
	float: right !important;
}

.nav.navbar-nav li a:hover,
.nav.navbar-nav li a:focus {
	color: #0c4da2 !important;
}

.row.nav.navbar-nav {
	display: inline !important;
}

.well.exportContents {
	background: #fff !important;
	border: none;
}

.form-horizontal .col-form-label.fieldLabel {
	text-align: left;
	font-weight: normal;
	color: #303030;

	padding-top: 3px;
}

a.cursorPointer:hover,
a.cursorPointer:focus {
	color: #0c4da2;
}


/* related tab list - starts */

.tab-item .tab-icon i,
.more-tab .tab-icon i {
	font-size: 18px;
}


/* related tab list - ends */

.input-group span.input-group-addon {
	border-color: #d9d9d9 !important;
	border-color: #d9d9d9 !important;
	padding: 9px;
	position: absolute;
	z-index: 10;
	/*    top: 11px;
	/* right:0; */
	height: 40px;
}

.toEmailField .input-group span.input-group-addon {
	right: 0 !important;
}

.white-background .recordImage img {
	padding: 5px;
	border-radius: 47px;
}

.marginLeftZero.autoComplete.inputElement.ui-autocomplete-input {
	width: 200px !important;
}


/*auto search field*/

.inputElement.currencyField {
	width: 205px !important;
}


/*currency field*/

.inputElement:focus,
.timePicker:focus,
.dateField:focus,
textarea:focus,
.input-group.inputElement input:focus {
	border-color: #ccc !important;
	box-shadow: 0 0 4px 1px rgba(142, 68, 173, 0.3), 0 0 0 1px #0c4da2 !important;
	outline: 0 none !important;
}

.inputElement {
	width: 100% !important;
	margin-top: 10px;
	border-radius: 3px !important;
	box-shadow: none !important;
	background: white;
	display: block;
	height: 40px;
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #4d5875;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e1e5ef;
}

.inputElement:focus {
	border-color: #969696 !important;
	box-shadow: none;
}

.inputElement:focus {
	border-color: #0c4da2 !important;
}

.inputElement.input-error {
	/* border: none !important; */
	background: none !important;
	border: 1px solid #b94a48 !important;
}

.inputElement:focus,
.timePicker:focus,
.dateField:focus,
textarea:focus,
.input-group.inputElement input:focus {
	box-shadow: none !important;
}

.input-group {
	min-width: 100px !important;
}

.input-group .inputElement.dateField,
.input-group .inputElement.input-percent,
.inputElement.currencyField,
.inputElement.ui-autocomplete-input {
	width: 100% !important;
	font-size: 15px;
	box-shadow: none !important;
	background: none !important;
	padding: 3px 15px 3px 45px !important;
}

.input-group-addon {
	border: none;
	background: none;
}

.input-group.inputElement .input-group-addon {
	border-left: none !important;
	border-radius: 0px !important;
}

.input-group .inputElement.dateField:hover,
.input-group .inputElement.input-percent:hover {
	border-color: #969696 !important;
	box-shadow: none;
}

.input-group .inputElement.dateField:focus,
.input-group .inputElement.input-percent:focus {
	border-color: #0c4da2 !important;
}

.inputElement.currencyField,
#Leads_editView_fieldName_annualrevenue {
	width: 100% !important;
}

.marginLeftZero.autoComplete.inputElement.ui-autocomplete-input {
	width: 100% !important;
}

.input-group-addon.date-icon,
.input-group-addon.percent-icon,
.input-group-addon.currency-icon,
.input-group-addon.relatedPopup,
.createReferenceRecord {
	position: absolute;
	width: 35px;
	top: 10px !important;
	padding: 0.5rem .5rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #4d5875;
	text-align: center;
	white-space: nowrap;
	background-color: #dde2ef;
	border: 1px solid #e3e8f7;
	border-radius: 0px !important;
	height: auto !important;
}

.createReferenceRecord {
	height: auto !important;
	width: 35px !important;
}


/*   custom style for table with fixed columns  */


/*search css start*/

.searchRow .search-close {
	color: #E53E3E !important;
	background: #FEB2B2 !important;
	font-size: 18px !important;
	padding: 2px 10px !important;
	font-weight: 700 !important;
}

tr .searchRow {
	display: none;
}

tr .searchRow.user-search-row {
	display: table-row;
}

.table-container {
	position: relative;
	overflow-y: hidden !important;
	width: 98%;
	height: auto !important;
	left: 14px;
	margin-top: 0;
	/* overflow: hidden!important; */
}


.table-actions .btn-success {
	margin-top: 97px;
}

.tickerall {
	background-color: #fff !important;
	margin-top: 80px !important;
	margin-left: 20px;
	border-radius: 7px;
	overflow-x: auto;
}

.table-container .fixed-scroll-table {
	width: 99.7%;
	overflow: hidden;
	overflow-x: auto;
}

.table-container .fixed-scroll-table .listview-table .table-actions {
	width: auto;
	margin-top: 5px;
}

.table-container table thead tr th {
	text-transform: none !important;
	width: 200px;
	height: 46px;
	min-width: 210px !important;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #f6f6f7;
}

.table-container table thead tr th a {
	text-transform: none !important;
}

#table-content table tbody tr.emptyRecordsDiv {
	height: 150px;
}

.listViewEntries td:not(:first-child) {
	cursor: default !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table {
	margin-left: 0px;
	table-layout: unset;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table thead tr th {
	width: auto !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table thead tr th:nth-child(2) {
	left: 79px !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table thead tr:nth-child(2) th:first-child,
.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table thead tr:nth-child(2) th:nth-child(2) {
	top: 0px !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table tbody tr td {
	width: auto;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table tbody tr td:first-child {
	background: none !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords.listview-table tbody tr td:nth-child(2) {
	left: 0px !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table {
	/* width: auto !important; */
	margin-left: 0px;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table thead tr th {
	/* width: 50% !important; */
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table thead tr th:nth-child(1) {
	z-index: 99;
	min-width: auto !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table thead tr th:nth-child(2) {
	position: relative;
	width: 17% !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table thead tr th:last-child {
	width: 100px !important;
}

.main-container-PriceBooks .table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table thead tr th:last-child {
	width: auto !important;
}

.main-container-PriceBooks .table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table tbody tr td:last-child {
	width: 65px !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table tbody tr td {
	width: auto;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table tbody tr td:nth-child(2) {
	position: absolute;
	width: 17% !important;
	border-right: 1px solid #e8e8e8;
}

.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table tbody tr td:last-child {
	width: 100px !important;
}

.item .input-group input {
	padding: 0px 0px 0px 36px;
}

.item .input-group input:focus {
	z-index: 0;
}

.convertLeadModules #Accounts_FieldInfo .fieldValue {
	margin-top: -7px;
}



.table-container .fixed-scroll-table #listview-table.listview-table {
	table-layout: fixed;
	width: 80% !important;
	margin-left: 292px !important;
	border-left: none !important;
}

.fileUploadContainer .fileUploadBtn .browse-file-input-span {
	margin-top: 20px;
}

.table-container,
.table.listview-table {
	border: none !important;
}

.table.listview-table thead tr:hover,
.table-container thead tr:hover {
	background-color: #e7f4fa
}

.listview-table tr th {
	color: #000 !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th,
.table-container .fixed-scroll-table table.listview-table-norecords thead tr th {
	width: 200px;
	text-align: left;
	height: 47px;
	/* min-width: 70px !important; */
	text-transform: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	background-color: #f6f6f7 !important;
	color: #504c4c !important;
	border-right: 1px solid #e3e3e7;
	border-top: 1px solid #e3e3e7;
	border-bottom: 1px solid #e3e3e7 !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:first-child,
.table-container .fixed-scroll-table table.listview-table-norecords thead tr th:first-child {
	position: absolute !important;
	left: 0px;
	/* top: 0px; */
	width: 80px !important;
	min-width: auto !important;
	max-width: 80px !important;
	-webkit-max-width: 80px !important;
	-moz-max-width: 80px !important;
	min-height: 48px !important;
	max-height: 95px !important;
	height: 47px !important;
	-webkit-height: 90px !important;
	-moz-height: 90px !important;
	z-index: 30;
	/* background: #f8f8f8 !important; */
	/* background: #cccccc !important; */
	background-color: #f6f6f7 !important;
	color: white !important;
	/* border-style: double; */
	border-top: 1px solid #f3f3f3;
	/* border-left: 1px solid #e8e8e8; */
	border-top-left-radius: 6px;
	/* border-bottom-left-radius: 6px; */
	border-bottom: none !important;
	border-top: 1px solid #e3e3e7;
	border-left: 1px solid #e3e3e7;
	border-bottom: 1px solid #e3e3e7 !important;
	border-right: none !important;
	-webkit-border-top: 1px solid #e3e3e7;
	-moz-border-top: 1px solid #e3e3e7;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:nth-child(2) {
	position: absolute !important;
	left: 80px;
	/* top: 0px; */
	width: 215px !important;
	/* min-width: auto !important; */

	min-height: 48px !important;
	max-height: 95px !important;
	height: unset !important;
	-webkit-height: 90px !important;
	-moz-height: 90px !important;
	z-index: 1 !important;
	/* background: #f8f8f8 !important; */
	/* background: #cccccc !important; */
	background-color: #f6f6f6 !important;
	color: #504c4c !important;
	border-right: double #e3e3e7 !important;
	border-top: 1px solid #e3e3e7;
	border-left: 1px solid #e3e3e7;
	border-bottom: 1px solid #e3e3e7 !important;
	/* border-bottom: none !important; */
	/* border-top: 1px solid #e8e8e8; */
	/* -webkit-border-top: 1px solid #e8e8e8; */
	/* -moz-border-top: 1px solid #e8e8e8;  */
	/* border-right: 3px solid #e8e8e8; */
	/* -webkit-border-right: 3px solid #e8e8e8; */
	/* -moz-border-right: 3px solid #e8e8e8;  */
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th .table-actions:first-child {
	margin-top: -2px;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th .table-actions:first-child {
	margin-top: -2px;
}

.searchRow h2 {
	height: 50px;
}

.lists {
	margin-top: 70px;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:last-child {
	position: absolute !important;
	min-width: 70px !important;
	right: 0px;
	/* top: 0px; */
	min-height: 48px !important;
	max-height: 95px !important;
	height: unset !important;

	width: 70px !important;
	z-index: 2;
	/* background: #fff !important; */
	/* background: #cccccc !important; */
	background-color: #f6f6f6 !important;
	color: #504c4c !important;
	border-left: double !important;
	border-top-right-radius: 6px;
	/* border-bottom-right-radius: 6px; */
	/* border-left: 3px solid #e8e8e8;  */
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:nth-last-child(2) {
	padding-right: 66px;
}

.table-container .fixed-scroll-table #listview-table.listview-table-norecords thead tr th:nth-last-child(2) {
	padding-right: 0;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th a .customsort {
	display: none;
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr:nth-child(2) th:first-child,
.table-container .fixed-scroll-table #listview-table.listview-table thead tr:nth-child(2) th:nth-child(2) {
	/* top: 45px; */
	/* top: 57px;
      border-top: none;
      border-top-left-radius: 0; */
}

.table-container .fixed-scroll-table #listview-table.listview-table thead tr:nth-child(2) th:last-child {
	/* top: 57px;
      border-top: none;
      border-top-right-radius: 0; */
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td {
	font-size: 16px;
	background-color: #fff;
	height: 41px;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:first-child {
	border-left: 1px solid #f3f3f3;
	position: absolute;
	left: 0px;
	width: 80px !important;
	/* z-index: 1000; */
	background: #fff !important;
	height: 47px;
	width: 50px;
	z-index: 9;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-child(2) {
	position: absolute;
	left: 80px;
	background: #fff;
	width: 215px !important;
	z-index: 1;
	height: 47px;
	/* border-right: 3px solid #e8e8e8 !important; */
	/* border-right: double #b9b9b9; */
	border-right: 1px solid #e8e8e8 !important;
	box-shadow: 30px 0 26px -19px #dadee8;
	-webkit-border-right: 3px solid #e8e8e8 !important;
	-moz-border-right: 3px solid #e8e8e8 !important;
}

.widget_contents .activityEntries .media .media-body .summaryViewEntries span {
	color: #000;
	float: right;
	padding: 14px 2px 9px 12px;
}

.widget_contents .activityEntries .media .media-body .summaryViewEntries a {
	display: inline-block;
	font-size: 17px;
	padding-left: 0px !important;
}

.widget_contents .activityEntries .media .media-body {
	background-color: #fff !important;
	color: #000 !important;
}

.widget_contents .activityEntries .media .module-icon .joicon-call {
	background-color: #e94335;
	color: #fff;
	padding: 15px;
	border-radius: 50%;
	margin-top: 18px;
	display: inline-block;
}

.widget_contents .activityEntries .media .module-icon .joicon-task {
	background-color: #4284f3;
	color: #fff;
	padding: 15px;
	border-radius: 50%;
	margin-top: 18px;
	display: inline-block;
}

.widget_contents .activityEntries .media .module-icon .joicon-meeting {
	background-color: #e94335;
	color: #fff;
	padding: 15px;
	border-radius: 50%;
	margin-top: 18px;
	display: inline-block;
}

span.joicon-mobile.call {
	background: #e94335;
	color: #fff;
	padding: 15px;
	border-radius: 50%;
	margin-top: 18px;
	display: inline-block;
}

.widget_contents .activityEntries .activityStatus strong {
	margin: 35px 41px;
	width: 100%;
	display: inline-block;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-child(2) .fieldValue .value a {
	padding: 10px 5px;
	cursor: pointer;
}

#listview-actions .listViewActionsContainer .listViewMassActions .more-actions-left li:hover {
	background-color: #f5f5f5;
}


.listViewRecordActions .dropdown-menu li:hover {
	background-color: #f5f5f5;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:last-child {
	/* border-left: 3px solid #e8e8e8; */
	border-left: 1px solid #e8e8e8;
	/* box-shadow: 3px 23px 18px 0 #dadee8; */
	-webkit-border-left: 3px solid #e8e8e8;
	-moz-border-left: 3px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	-webkit-border-right: 1px solid #e8e8e8;
	-moz-border-right: 1px solid #e8e8e8;
	position: absolute;
	right: 0px;
	width: 70px !important;
	/* z-index: 1000; */
	background: #fff !important;
	height: 46px;
	/* z-index: 6; */
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-last-child(2) {
	/* width:200px !important; */
	padding-right: 55px;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td .fieldValue {
	overflow: hidden;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td .fieldValue .value {
	/* overflow: hidden !important; */
	white-space: nowrap;
	text-overflow: ellipsis !important;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr:last-child td:first-child,
.table-container .fixed-scroll-table #listview-table.listview-table tbody tr:last-child td:nth-child(2),
.table-container .fixed-scroll-table #listview-table.listview-table tbody tr:last-child td:last-child {
	border-bottom: 1px solid #e8e8e8;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr.listViewEntries.edited td {
	height: 67px;
}

.emptyRecordsDiv {
	width: 100%;
	height: 350px;
	text-align: center;
	font-size: 16px;
	padding: 5% 0
}

.emptyRecordsDiv .emptyRecordsContent {
	display: inline-block;
	font-size: 16px;
	left: 50%;
	margin-left: -34%;
	position: absolute;
	/* width: 50% */
}

.emptyRecordsContent .joforce-link {
	color: #0444a7 !important;
}



.listview-table-norecords .table-actions,
.listview-table .table-actions {
	margin-left: 3px;
	margin-top: 0px;
}

.listview-table-norecords .table-actions .fa-trash,
.listview-table .table-actions .fa-trash {
	margin-left: 10px;
}

.listview-table-norecords .table-actions .icon-picture,
.listview-table-norecords .table-actions .alignTop,
.listview-table .table-actions .icon-picture,
.listview-table .table-actions .alignTop {
	margin-right: 10px;
}

.listview-table-norecords .table-actions .fa-refresh,
.listview-table .table-actions .fa-refresh {
	margin-left: 10px;
}

.listview-table-norecords .table-actions .dropdown .dropdown-toggle,
.listview-table .table-actions .dropdown .dropdown-toggle {
	min-width: auto !important;
}

.listview-table-norecords .listViewEntries .table-actions span,
.listview-table .listViewEntries .table-actions span {
	padding-right: 0px !important;
}

table tbody tr td .table-actions .quickView.action {
	padding: 1px 2px 0px 2px;
	border: 1px solid #e8e8e8;
	width: 20px;
	height: 20px;
	text-align: center;
}

.main-container .extension_container .bx-wrapper {
	border: solid 1px #ccc;
}

table tbody tr td .table-actions .more.more-actions {
	/* border: 1px solid #e8e8e8 !important; */
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 0px 4px !important;
	left: 10px;
}

table tbody tr td .table-actions .markStar {
	margin-left: 10px;
	margin-top: 3px;
}

table tbody tr td.listViewRecordActions .table-actions.reportListActions {
	margin-left: 17px !important;
}

table tbody tr td.listViewRecordActions .table-actions.reportListActions .more.action {
	border: none;
	margin-left: 10px;
}

table tbody tr td.listViewEntries .listViewRecordActions:hover {
	background-color: #ccc;
}

table.listview-table thead tr.searchRow th:first-child {
	padding-left: 0px !important;
}

table.listview-table thead tr.searchRow th:first-child .table-actions {
	width: 100px;
}

table.listview-table thead tr.searchRow th:last-child .inputElement {
	display: none;
}

.table-container .fixed-scroll-table table.listview-table-norecords {
	/* border: 1px solid #e8e8e8 !important; */
	margin-left: 0px !important;
}

.table-container .fixed-scroll-table table.listview-table-norecords tbody tr td {
	position: relative !important;
	border: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8 !important;
}

.table-container .fixed-scroll-table table.listview-table-norecords thead tr th {
	position: relative !important;
	background: none !important;
}

#helpPageOverlay {
	display: none !important;
}

table thead tr th {
	font-size: 15px !important;
}

table tbody tr td a:hover,
table tbody tr td a:focus {
	color: #0c4da2 !important;
}

.popover.lineItemPopover {
	left: 50px !important;
}

.floatThead-container table thead tr th {
	text-transform: none !important;
}


/*   End style for table  */

.table>tbody+tbody {
	border-top: none !important;
}


/*joforce-bg*/

.joforce-bg-list {
	position: relative;
	background-color: #fff;
	min-height: auto;
	max-height: 500px;
	width: 97%;
	padding: 0px 20px 20px 20px !important;
	margin: 75px 0 20px 20px;
	height: calc(100vh - 150px);
	height: -moz-calc(100vh - 150px);
	height: -webkit-calc(100vh - 150px);
	display: flex;
	flex-direction: column;
	background-clip: border-box;
	border-radius: 5px;
	margin-bottom: 21px;
}

.resizable-summary-view .middle-block {
	width: 46%;
}

.joforce-bg {

	min-height: auto;
	width: 100%;
	/*  border-radius: 5px; padding-top: 20px;*/
	padding-bottom: 20px;
	padding-top: 10px !important;
}

.massEditTable .fieldValue .select2 {
	margin-right: 5px;
	width: 100%;
}


/*joforce-bg*/

.listview-table th {
	/* background: #cccccc !important; */
	background-color: #f6f6f7 !important;
	color: white !important;
	border: 1px solid #e3e3e7;
	border-top: solid 1px #e3e3e7;
	text-align: left;
}

.listview-table {
	/* border-collapse: separate;
	border-spacing: 0 0.5em; */
	text-align: left;
}

.listview-table tbody td:first-child {
	/* border-top-left-radius: 6px; */
	/* border-bottom-left-radius: 6px; */
	text-align: center;
}

.listview-table tbody td:last-child {
	/* border-top-right-radius: 6px; */
	/* border-bottom-right-radius: 6px; */
}

.listview-table th input.inputElement {
	padding-left: 40px !important;
	margin-left: 5% !important;
	color: #000;
	width: 80% !important;
}

.listview-table .table-actions .input {
	padding-left: 10px;
	padding-top: 3px;
}

.dropdown-toggle::after {
	font-size: 20px;
}

/* 
.table-actions .btn-group.listViewMassActions.dropdown .dropdown-toggle {
	border: none !important;
	background: #9f9f9f !important;
} */

.table-actions .btn-group.listViewMassActions.dropdown .dropdown-toggle:disabled {
	opacity: 0.5;
}

.listview-table .table-actions .input input[type=checkbox] {
	border-radius: 50% !important;
	border: solid 1px #5993f5 !important;
	width: 15px !important;
	height: 15px !important;
	margin-top: -2 !important;
}

.listview-table .table-actions .input input[type=checkbox]:checked {
	background-color: #0162e8;
	color: white;
	border-radius: 50% !important;
}

.listview-table .table-actions .more-toggle::after {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f142" !important;
	font-size: 20px;
	display: flex;
	margin-left: 30px;
	margin-top: -24px;
}

/* .table tr:nth-child(even) {
	background-color: rgb(241, 241, 241);
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #ddd;
} */

.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:nth-child(2) .inner-addon .fa-search,
.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:nth-last-child(2) .inner-addon .fa-search {
	padding-left: 10px;
	z-index: 2;
}

.inner-addon {
	position: relative;
}

.inner-addon i {
	margin-right: 10px;
}

.inner-addon .fa-search {
	position: absolute;
	padding: 10px;
	padding-left: 20px;
	pointer-events: none;
	color: black;
}

.left-addon .fa-search {
	left: 9px;
	top: 3px;
}

.left-addon input {
	padding-left: 30px;
}


/* modal styles - starts */

.modal {
	z-index: 1100
}

.modal-body {}

.modal.myModal {
	z-index: 11000;
}

.modal.myModal .modal-dialog {
	margin: 0px !important;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 45vw;
	min-height: 100vh;
	animation: modalanimate .7s;
}

.modal.myModal .modal-dialog .modal-content {
	width: 45vw;
	height: 100vh;
	position: absolute;
	right: 0px;
	border: none;
}

.modal.myModal .modal-dialog .modal-content .modal-header {
	top: 0px;
	width: 45vw;
	position: absolute;
	right: 0px;
	z-index: 1;
}

.modal.myModal .modal-dialog .modal-content .modal-header h1,
.modal.myModal .modal-dialog .modal-content .modal-header h2,
.modal.myModal .modal-dialog .modal-content .modal-header h3,
.modal.myModal .modal-dialog .modal-content .modal-header h4,
.modal.myModal .modal-dialog .modal-content .modal-header h5,
.modal.myModal .modal-dialog .modal-content .modal-header h6 {
	color: #fff !important;
}

.modal.myModal .modal-dialog .modal-content .modal-body {
	height: 85vh !important;
	overflow: hidden;
	overflow-y: auto;
	padding-top: 70px;
}

.modal.myModal .modal-dialog .modal-content .modal-body .mCustomScrollBox {
	max-height: 80vh !important;
}

.modal.myModal .modal-dialog .modal-content .modal-body label {
	font-weight: normal;
	color: #303030;
}

.modal.myModal .modal-dialog .modal-content .modal-footer {
	bottom: 40px;
	width: 45vw;
	position: absolute;
	text-align: center;
}

.modal.bootbox-confirm {
	z-index: 12000;
}

.modal.popupModal {
	z-index: 12000;
}

.modal.content-area {
	z-index: 9998;
}

.modal.content-area-new {
	z-index: 8009;
	left: 57px;
	width: 96% !important;
}

.modal-header {
	color: #000 !important;
	/* background-image: linear-gradient(to right, #0c4da2 0%, #5174a2 100%) !important; */
	-webkit-background-image: linear-gradient(to right, #0c4da2 0%, #5174a2 100%);
	-moz-background-image: linear-gradient(to right, #0c4da2 0%, #5174a2 100%);
	-o-background-image: linear-gradient(to right, #0c4da2 0%, #5174a2 100%);
	padding: 5px 15px;
	background: #f6f6f7;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
	color: #000 !important;
}

.modal-header h3 {
	margin: 0
}

.detailViewSetting.dropdown-menu li:hover {
	background-color: #f8f9fa;
	color: #000;
}

#filterContainer .modal-content {
	background-color: #fff;
	top: 95px;
	left: 74px;
	box-shadow: rgb(0 0 0 / 56%) 0px 22px 70px 46px;
	position: fixed;
	width: 91%;
}


.modal-header button.close {
	padding: 0;
	color: #fff;
	margin-top: 2px;
	opacity: 1;
	margin-left: 134px;
}

.modal-header button.btn-close {
	padding: 0;
	color: #fff;
	margin-top: -48px;
	opacity: 1;
	margin-left: 390px !important;
}

.modal-header button.new-close {
	padding: 0;
	color: #fff;
	margin-top: 2px;
	opacity: 1;
	margin-left: 1234px !important;
}

#popupModal .modal-dialog .modal-content {
	background-color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-top: 80px;
}

.modal-dialog .modal-content .modal-footer {
	padding: 13px 41px;
	padding-left: 3px;
}

.modal-dialog.modal-lg.addModuleContainer .modal-body.form-horizontal span.btn-group {
	margin-right: 10px;
	margin-bottom: 10px;
}

.popupEntriesDiv .bottomscroll-div .listview-table th {
	width: 250px;
}


#PurchaseOrder_editView_fieldName_duedate .date-icon {
	top: 10px !important;
}

.fieldValue #s2id_BillingAddress {
	top: 13px;
	width: 100%;
	margin-bottom: 50px;
}

.fieldValue #s2id_ShippingAddress {
	top: 13px;
	width: 100%;
	margin-bottom: 50px
}

.modal-footer {
	background: #efefef;
	/* display: flex;
	align-items: center;
	flex-direction: column; */
}






.modal-footer .btn.btn-success {
	background: #0c4da2 !important;
	border-color: #0c4da2 !important;
}

.modal-footer .btn.btn-success:hover,
.modal-footer .btn.btn-success:active {
	background: #064bb7 !important;
	border-color: #064bb7 !important;
}

.modal-footer .btn.btn-success:hover {
	color: #fff !important;
	background: #7f3d9b !important;
	border: 1px solid #7f3d9b !important;
}

.modal-footer .btn.btn-success {
	color: #fff !important;
	background: #0c4da2 !important;
	border: 1px solid #0c4da2 !important;
}


/* modal styles - ends */


/* select2 styles - starts */

.select2-container-multi .select2-choices .select2-search-choice {
	font-family: "Lato", sans-serif !important;
	font-size: 15px;
}

.select2-results .select2-result-label {
	font-family: "Lato", sans-serif !important;
	font-size: 15px;
	color: #000 !important;
}


.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
	border-color: #0c4da2 !important;
	box-shadow: 0 0 4px 1px rgba(142, 68, 173, 0.3), 0 0 0 1px #0c4da2;
}

/* 
.select2-drop-active {
	border-color: #0c4da2 !important;
	box-shadow: 0 0 4px 1px rgba(142, 68, 173, 0.3), 0 0 0 1px #0c4da2;
} */

.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
	border-color: #0c4da2 !important;
	-webkit-box-shadow: 0 0 4px 1px rgba(142, 68, 173, 0.3), 0 0 0 1px #0c4da2 !important;
	box-shadow: 0 0 4px 1px rgba(142, 68, 173, 0.3), 0 0 0 1px #0c4da2 !important;
	-webkit-transition: 0 0 4px 1px rgba(142, 68, 173, 0.3), 0 0 0 1px #0c4da2 !important;
}

.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
	border-color: #0c4da2 !important;
	box-shadow: none !important;
}

.select2 {
	border-radius: 3px !important;
	height: 40px !important;
	box-shadow: none !important;
	background-color: white;

}

.importBlockContainer .select2 {
	border: 1px solid #e1e5ef;
}

.settingsmenu-starts .google {
	font-size: 45px;
	color: #fd5344 !important;
	border-right: solid 3px #ccc;
	padding-right: 30px;
}

.settingsmenu-starts {
	position: relative;
	background-color: #fff;
	min-height: auto;
	width: 97%;
	padding: 15px 20px !important;
	margin: 100px 0 20px 20px;
	height: auto;
	display: flex;
	flex-direction: column;
	background-clip: border-box;
	border-radius: 5px;
	border: 1px solid #deebfd;
	margin-bottom: 21px;
	/* box-shadow: -8px 12px 18px 0 #dadee8; */
}

.extensionContents {
	padding-bottom: 30px;
	background-color: #fff;
}

.listbg {
	width: 100%;
	background-color: #fff;
}


.inputElement.select2-container {
	box-shadow: none !important;
	width: 100% !important;
	border-radius: 5px !important;
	background: none;
	height: 40px;
	border: 1px solid #ccc !important;
	padding: 0;
	font-size: 15px;
	/*height: 100%;*/
}

.inputElement.select2-container .select2-choices {
	height: 30px;
	border: 1px solid #ccc;
	border-radius: 5px !important;
	box-shadow: none !important;
	border-color: #f2f2f2 !important;
	background: none !important;
	position: relative;
	top: 1px;
}

.inputElement.select2-container .select2-choices:hover {
	background: none;
}

.inputElement.select2-container .select2-choices:focus {
	border-color: #0c4da2;
	box-shadow: none;
}

.inputElement.select2-container .select2-choice {
	height: 100% !important;
	border: none !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	border-color: #f2f2f2 !important;
	background: none !important;
	position: relative;
	top: 1px;
}

.inputElement.select2-container .select2-choice:hover {
	background: none;
}

.inputElement.select2-container .select2-choice:focus {
	border-color: #0c4da2;
	box-shadow: none;
}

.select2-container {
	box-shadow: none !important;
}

.select2-container .select2-choices {
	height: 28px;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	background: none !important;
	position: relative;
	top: 1px;
}

.select2-container .select2-choices:hover {
	background: none;
	border-color: #969696 !important;
}

.select2-container .select2-choices:focus {
	border-color: #0c4da2;
}

.select2-container .select2-choice {
	height: 28px;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	background: none !important;
	position: relative;
	top: 1px;
}

.select2-container .select2-choice:hover {
	background: none;
	border-color: #969696 !important;
}

.select2-container .select2-choice:focus {
	border-color: #0c4da2;
}

.select2-container .select2-choice.input-error {
	border: 1px solid #ccc !important;
	border-bottom: 1px solid #b94a48 !important;
}

.select2-results .select2-highlighted {
	background: #f8f9fa;
}

.select2-container .select2-choice div {
	background: none !important;
	border: 1px solid #ccc !important;
}

/* 
.select2-drop {
	border: 1px solid #0c4da2 !important;
	box-shadow: none !important;
} */
/* 
.select2-drop.select2-drop-above {
	border-bottom: 1px solid #0c4da2;
} */

/* .select2-drop-active {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) !important;
} */

.select2-search {
	box-shadow: none !important;
}

.select2-search input {
	box-shadow: none !important;
	border: 1px solid #ccc;
	border-bottom: 1px solid #f2f2f2 !important;
	border-radius: 5px !important;
}

.select2-input {
	border: 1px solid #ccc !important;
	border-bottom: 1px solid #f2f2f2 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
}

.select2-input:hover {
	border-color: #969696 !important;
	box-shadow: none;
}

.select2-input:focus {
	border-color: #3562e8 !important;
}

/* .select2-input:focus {
	border-color: #0c4da2 !important;
	box-shadow: 0px 1px 0px 0px rgba(154, 0, 219, 0.3) !important;
} */

.select2-choices {
	border: 1px solid #ccc !important;
	box-shadow: none !important;
	border-bottom: 1px solid #e8e8e8 !important;
}

.select2-container.select2-container-multi.select2.inputElement.select2-dropdown-open {
	border-color: #0c4da2 !important;
}

.inputElement.select2.name-prefix {
	width: 30% !important;
	margin-top: -4px;
	height: 40px !important;
	margin-left: -6px;
}

.select2-drop.select2-drop-multi {
	z-index: 11001 !important;
}

#md-body #md-module-name tbody tr td .select2-container.select2,
#md-body table tbody tr td .select2-container.select2 {
	width: 30% !important;
}

.select2_search_div {
	/* width: 150px !important; */
	margin: 8px 4px 2px 8px;
	overflow: hidden !important;
}

.settingsPageDiv.content-area.clearfix #listview-actions tr.searchRow li.select2-search-field {
	width: 150px;
}

.settingsPageDiv.content-area.clearfix #listview-actions tr.searchRow li .select2-input.ignore-validation {
	width: 150px !important;
}

#md-body #md-module-name tbody tr td .select2-container.select2,
#md-body table tbody tr td .select2-container.select2 {
	width: 100% !important;
}

table.listview-table thead tr.searchRow th:last-child .select2_search_div {
	display: none;
}

/* .#navigation_links .wizards li a span:hover{background-color: #B2D03A; color: #000;} */
.wizards .breadcrumb_line:hover {
	/* background-color: #eff1e3; */
}

.no-recent-update .textAlignCenter {
	margin-top: 80px;
}

.wizards .breadcrumb_line {
	background-color: #ccc;
	height: 4px;
	width: 81%;
	position: absolute;
	top: 35px;
	z-index: -1;
	left: 188px;
}

.select2-container-multi .select2-choices {
	min-height: 39px;
	min-width: 150px;
	border-radius: 1px;
	border-color: #aaa;
	position: initial;
	z-index: 3;
	background-color: #fff !important;
}

#navigation_links .wizards a {
	display: block;
}

#navigation_links .wizards .stepText {
	font-size: 16px;
	font-weight: bold;
}

.editViewPageDiv.viewContent.content-area {
	margin-top: 80px;
}

.select2-container-multi .select2-choices .select2-search-field input {
	height: 29px;
	padding: 1px 10px
}

.pdfTabs #div1 {
	width: 220px !important;
	float: left;
	border-top: none;
	border-bottom: solid 1px #ccc;
}

.pdfTabs #div2 {
	width: 220px !important;
	float: left;
	border-top: none;
	border-bottom: solid 1px #ccc;
}

.pdfTabs #div3 {
	width: 220px !important;
	float: left;
	border-top: none;
	border-bottom: solid 1px #ccc;
}

.pdfTabs #div4 {
	width: 220px !important;
	float: left;
	border-top: none;
	border-bottom: solid 1px #ccc;
}

.pdfTabs #div5 {
	width: 220px !important;
	float: left;
	border-top: none;
	border-bottom: solid 1px #ccc;
}

.recordEditView {
	background-color: #fff;
	width: 98%;
	margin-left: 1%;
	border-radius: 5px;
	padding: 0 0;
	/* margin-top: 24px; */
}


.contents .pdfContentTabs #body-tab {
	width: 300px !important;
	float: left;
}

.contents .pdfContentTabs #header-tab {
	width: 300px !important;
	float: left;
}

.contents .pdfContentTabs #footer-tab {
	width: 300px !important;
	float: left;
}



.modal-content .overlayHeader .modal-header h4 {
	font-size: 2 0px;
	font-weight: bold;
}


.wizards .breadcrumb_line .active {
	background-color: #000;
}

.select2-container-multi .select2-choices .select2-search-choice {
	cursor: move
}

span.input-group-addon.new-icon-data {
	top: 11px;
}

.select2-container .select2-choice {
	position: initial;
	font-weight: 400 !important
}

.inputElement.select2-container .select2-choice {
	border-radius: 0 2px 2px 0;
	height: 28px
}

.listViewEntryValue .select2-container-multi .select2-choices {
	min-height: 26px
}

.select2-container .select2-choice .select2-arrow {
	margin-right: 0;
	top: 4px !important;
}

.fieldValue #s2id_BillingAddress {
	margin-top: 11px;
}


.fieldValue #s2id_ShippingAddress {
	margin-top: 11px;
}

#PurchaseOrder .dateField .date-icon {
	top: 30px;
}

.referencefield-wrapper .select2-container-multi {
	height: auto !important;
	float: left
}

.dashboardWidgetHeader .userList .select2 {
	width: 100% !important
}

.select2-container .select2-choice {
	height: 40px;
	border-radius: 4px !important;
	background-color: #fff !important;
}

.workflowListContainer .select2-container .select2-choice {
	height: 36px
}

.workflowListContainer .select2-container .select2-choice>.select2-chosen {
	margin-left: 10px;
	padding-top: 6px;
	font-size: 16px
}

.input-group .form-control,
.select2-container-multi .select2-choices {
	z-index: 1
}

.select2-chosen,
.select2-choice>span:first-child,
.select2-container .select2-choices .select2-search-field input {
	padding: 8px 20px;
	border: none !important;
}

.uploadview-content .inputElement.select2,
#uploadToDriveContainer .inputElement.select2 {
	width: 170px !important;
}

.select2-container.select2-container-multi.select2,
.editViewPageDiv .select2-container.select2-container-multi.select2 {
	height: auto !important;
	/* background-color: #fff; */
}

.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2,
#massEditContainer .select2-container.select2-container-multi.select2 {
	width: 150px;
	height: auto !important
}

.summaryViewFields .select2-container-multi.inputElement.form-control .quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
#massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
	float: right;
	margin-right: 25px
}

.select2-result[class*=joicon-],
.select2-result[class*=fa] {
	font-size: 12px;
	padding: 5px 10px
}

.select2-result[class*=joicon-] .select2-result-label,
.select2-result[class*=fa] .select2-result-label {
	display: inline-block
}

li.select2-search-choice div {
	white-space: nowrap
}

.Assigned .fa-search {
	padding: 0px 40px;
}


/* select2 styles - ends */


/* custom styles for default library classes - starts */

.floatThead-table {
	border-left: 1px solid #ddd;
	background: #fff
}

.ui-autocomplete {
	border-radius: 1px !important;
	max-height: 150px;
	overflow: auto;
	height: auto;
	min-height: 30px
}

.contents-bottomscroll {
	overflow-x: auto !important
}

.scroller-div {
	height: 1px
}

.ps-container>.ps-scrollbar-y-rail {
	z-index: 1002
}

.fl-scrolls,
.fl-scrolls.fl-scrolls-hidden {
	z-index: 1100;
	bottom: none !important;
	display: none !important;
}

.bottomscroll-div table thead tr th:first-child {
	height: 40px;
}

.bottomscroll-div table thead tr th {
	text-transform: none !important;
	font-size: 16px;
}

.bottomscroll-div table tbody tr td a:hover,
.bottomscroll-div table tbody tr td a:focus {
	color: #0c4da2 !important;
}

.bottomscroll-div,
.topscroll-div {
	display: table;
	min-width: 100%
}

.ui-menu {
	z-index: 10000
}

.ui-widget-content {
	border-radius: 6px;
	box-shadow: 0 0 3px -1px inset;
	margin-top: 2px;
	margin-left: 5px;
	height: auto;
	opacity: 1;
	border-color: #ddd;
	box-shadow: none;
	cursor: not-allowed;
	height: 14px
}

.ui-slider-disabled {
	opacity: .5;
	border-color: #ddd;
	box-shadow: none;
	cursor: not-allowed
}

.ui-slider-disabled .ui-slider-handle {
	cursor: not-allowed
}

.ui-slider-disabled+div {
	opacity: .5;
	cursor: not-allowed
}

.ui-slider .ui-slider-handle {
	z-index: 0
}

.menu-item {
	padding: 15px 5px;
	margin: 10px 0;
	background: #ddd;
	cursor: pointer;
	display: block
}

a.menu-item:hover {
	color: #000
}

.n_cancel {
	font-size: 16px
}

.n_icon {
	font-size: 28px;
	position: relative;
	top: 18px;
	background: orange;
	padding: 5px
}

.n_label_checkbox label {
	margin-right: 20px;
	font-weight: normal
}

.n_label_checkbox input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.input-group-addon.currency-icon,
.input-group-addon.relatedPopup,
.createReferenceRecord {
	top: 11px;
}

.inputElement.name-prefix,
.inputElement.nameField {
	display: inline-block;
}

.timepicker-default.form-control.inputElement.ui-timepicker-input {
	width: 100% !important;
	font-size: 15px;
	padding: 0px 38px;
}

span.input-group-addon.cursorPointer.clearLineItem {
	top: 8px !important;
	background: #fffbfb;
	border: 1px solid #000000;
	padding: 2px;
	/* borrder-radius: 4px!important; */
}

.inputElement.ui-autocomplete-input,
.timepicker-default,
.ui-autocomplete-input,
.input-group span.input-group-addon {
	border-color: #e6e6e6;
}

.usersListDiv .select2-container .select2-arrow {
	margin-right: 20px;
}

.timepicker-default,
.ui-autocomplete-input,
.input-group span.input-group-addon,
.createReferenceRecord {
	background-color: #dde2ef;
	border: 1px solid #e3e8f7;
	border-radius: 0px !important;
}

.timePicker .ui-timepicker-list li:hover,
.ui-timepicker-selected {
	background-color: #0c4da2 !important;
	color: #ffffff !important;
}

.datepicker .active.day {
	background: #0c4da2 !important;
}

.datepicker,
.timePicker {
	z-index: 11010 !important;
}

.date-picker-wrapper {
	z-index: 2000
}

.date-picker-wrapper .footer {
	position: relative
}

.module-name-tooltip .qtip-content {
	font-size: 12px;
	padding: 3px;
	line-height: 1;
}

.module-name-tooltip {
	padding: 3px;
}

div.tooltip-inner {
	max-width: 400px;
}

.bootbox-body {
	word-wrap: break-word
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
	background-color: #0c4da2 !important;
	background-image: none !important;
	background: #0c4da2 !important;
}

.bootstrap-switch-handle-on.bootstrap-switch-success {
	background-color: #0c4da2 !important;
	background-image: none !important;
	background: #0c4da2 !important;
}

.dropdown-menu .divider {
	margin: 0px;
}

ul.dropdown-menu {
	padding: 0px;
	border-radius: 5px;
}

ul.dropdown-menu li {
	padding: 8px 15px;
}

.dropdown-menu>li.dropdown-header {
	padding: 10px !important;
}

#settingsmenu-starts .leadsFieldMappingEditPageDiv {
	background: #fff;
	margin-top: 80px;
	border-radius: 10px;
}


.dropdown-menu>li>a:hover {
	color: #333 !important;
}

.dropdown-menu>li>a span i {
	font-size: 15px;
	vertical-align: middle
}



.editViewHeader {
	padding: 2px 37px;
	font-size: 26px;
	font-weight: 500;
}





#listview-table .inline-save button i {
	margin: -13px -6px;
	top: 31px;
	position: absolute;
}

.listview-table tr.searchRow th.inline-search-btn button {
	text-align: center;
	width: 70% !important;
	padding-left: 5px !important;
}

.modal-header button.close span {
	margin: 4px 18px;
	color: #aaa;
}

.more-icons .nav-tabs li:hover {
	background-color: #f7f7f7;
	color: #000;
	border: solid 1px #ccc;
}

.more-icons .nav-tabs li a:hover {
	background-color: #f7f7f7;
	color: #000;
}

.more-icons .nav-tabs .tab-item {
	border: solid 1px #ccc;
	width: 100% !important;
	border-radius: 3px;
	color: #000;
	margin-top: 8px !important;
}

.more-icons .nav-tabs .tab-item:active {
	border: 1px solid;
}

.commentImage .name {
	background-color: #ffb9b9;
	height: 50px;
	width: 50px;
	justify-content: center;
	border-radius: 50%;
	display: flex;
	align-items: center;
}

.pushDown .productname {
	padding: 30px 72px;
	display: inline-block;
	background: #fff;
	font-size: 22px;
}

.pushDown img {
	width: 100%;
	height: 304px;
	display: block;
	background: #f7f7f7;
	padding: 50px;
}


.summaryWidgetContainer .recordImage .name span {
	color: #fff;
	display: inline-block;
	font-size: 30px;
	line-height: 50px;
	text-shadow: 1px 0 2px #999;
}




.more-icons .nav-tabs .tab-item:active {
	background-color: #f7f7f7;
	color: #000;
}

.relatedHeader .btn-toolbar .btn-group {
	margin: 17px 5px;
}

.commentTextArea h2 {
	background-color: #ccc;
	padding: 10px;
	display: inline-block;
}


.settingsIcon .detailViewSetting {
	position: absolute !important;
	left: 116px;
	top: 10px;
}

.chart form {
	border: solid 1px #ccc !important;
}

.report {
	margin-top: 6px;
}

.report h4 {
	margin-top: 5px;
}

.chart .overflow-y .listViewEntries .listViewRecordActions .reportListActions .fa-ellipsis-h {
	display: none;
}

.Calendar-module-action-content #appnav {
	margin-top: unset !important;
}

#sidebar-more-menu-list .accordion .sidebar-more-menu-title i.dropdown-icon {
	margin: 10px !important;
}

.quickCreateContent .input-group span.input-group-addon {
	top: 10px !important;
	/* padding: 4px; */
	padding: 9px;
	z-index: 9;
	height: 40px;
}


.detailViewContainer .pdfkil {
	background: #fff;
	margin-top: 80px !important;
	border-radius: 10px;
	padding: 20px;
	width: auto;
	margin-left: 0%;
}


#listViewContent .googleaccount {
	background: #fff;
	margin-top: 80px !important;
	border-radius: 10px;
	padding: 20px;
}

.editViewPageDiv .airmail {
	background: #fff;
	margin-top: 80px;
	border-radius: 10px;
	padding: 20px;
}

.checkbutton {
	background-color: #f7f7f7;
	padding: 5px 10px;
	border-radius: 3px;
	border: solid 1px #ccc;
}

.checkbutton input {
	/* height: 23px !important;
    width: 23px !important;
    margin-left: 10px;
    margin-top: 2px;
    border-radius: 40px !important;
    border: solid 1px #000 !important; */
}

.checkbutton label {
	font-size: 18px;
}

.btn-small.save {
	/* background: green!important; */
	/* border: 1px solid green!important; */
	border-radius: 5px !important;
}

.btn-small.save:hover {
	background: white !important;
	color: green !important;
}

.btn-small.cancel {
	/* background: green!important; */
	/* border: 1px solid green!important; */
	border-radius: 5px !important;
}

.btn-small.cancel:hover {
	background: white !important;
	color: red !important;
}

.row-align-right {
	display: flex;
	justify-content: flex-end;
}

.table-height {
	height: 86px;
	margin-left: -5px !important;
	background: #f6f6f6;
	margin-right: -5px;
	transition: all .4s;
}

#main {
	/* margin: 50px 0; */
}

#main #faq .card {
	/* margin-bottom: 30px; */
	border: 0;
}

#main #faq .card .card-header {
	border: 0;
	-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	border-radius: 2px;
	padding: 0;
}

#main #faq .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	background: #FFE472;
	color: #222;
	/* padding: 20px; */
}

#main #faq .card .card-header .btn-header-link:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
	background: #867f88;
	color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
	content: "\f106";
}

#main #faq .card .collapsing {
	background: #FFE472;
	line-height: 30px;
}

#main #faq .card .collapse {
	border: 0;
}

#main #faq .card .collapse.show {
	background: #e6e6e6;
	line-height: 30px;
	color: #222;
}

.showMap {
	display: inline-block;
	width: 320px;
	/* white-space: nowrap; */
	overflow: hidden !important;
	text-overflow: ellipsis;
}

.blockFieldsList.row-fluid {
	padding: 5px;
	min-height: 27px;
	display: flex;
	position: relative;

}

.calender_page_view {
	display: flex;
}

.setting_label {
	margin-bottom: .5rem;
	margin-top: 0px !important;

}

span#saveicon,
span#cancel {
	height: 25px !important;
}

button.btn.addButton.btn-default {
	color: white !important;
	background-color: #0c4da2 !important;
}

span.col-lg-7.col-md-7.module-breadcrumb.module-breadcrumb-List {
	left: 25px;
}

.modal-header.Edit {
	top: 116px;
}

.ipad_activityContents {
	margin-left: 40px;
	width: 100%;
}

.user_fieldLabel,
.settingsPageDiv.content-area.clearfix.Users.full-width .user_fieldLabel {
	left: -5px !important;
}

.settingsPageDiv.content-area.clearfix.Users .user_fieldLabel {
	left: -25px !important
}

.details.col-xs-12.joforce-bg-prefer-detail {
	margin-top: 190.4px;
	width: 100.5%;
}

.modal-footer.Edit {
	bottom: 48px;
}

#OutgoingServerDetails {
	margin-top: 60px;
}

div#repeatUI {
	margin-top: 30px;
}

.details_view_detailview_header_block {
	padding: 0px !important;
	margin-bottom: 0px !important;
}

.col-md-5.pr0.pull-left.checkmouse {
	margin-top: -22px;
}

.date-icon_workflow {
	top: 0px !important;
}

table.table.table-bordered.table-sm.sharingAccessDetails.marginBottom50px {
	margin-left: 5px;
}

i.fa.fa-file-pdf-o.mr10 {
	font-size: 20px;
}

.data.setting_user_import>.fc-overlay-modal.modal-content {
	margin-top: 0px;
}

.fade.modal.overlayPageContent.content-area.overlay-container-300.in.show {
	width: 100%;
}

.fade.modal.overlayPageContent.content-area.overlay-container-300.in.show>.data.setting_user_import>.fc-overlay-modal.modal-content {
	margin-left: 242px;
}

.fade.modal.overlayPageContent.content-area.overlay-container-300.full-width.in.show>.data.setting_user_import>.fc-overlay-modal.modal-content {
	margin-left: 18px;
}

.main-container.clearfix>.fade.modal.overlayPageContent.content-area.overlay-container-300.in.show>.data.setting_user_import>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>.breadcrumb_line {
	width: 86% !important;
}

.main-container.clearfix>.fade.modal.overlayPageContent.content-area.overlay-container-300.full-width.in.show>.data.setting_user_import>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>.breadcrumb_line {
	width: 81% !important;
}

.white-background.m0.ipad_white_background::-webkit-scrollbar {
	width: 0em;
	height: 0em
}

.controls.col-sm-2.pull-left.mass_edit {
	top: -14px;
	left: 30px;
}

.blockFieldsList.blockFieldsSortable.row {
	margin-left: 0px;
}

.widgetChartContainer {
	height: 189px !important;
	min-width: 300px !important;
	margin: 0 auto !important;
	min-height: 51px !important;
	overflow-y: scroll !important;
	max-height: 422px !important;
}

.modal-dialog.modal-lg.sourcePicklistValuesModal>.modal-content .modal-footer {
	bottom: 80px;
}

@media not all and (min-resolution:.001dpcm) {
	@media screen and (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio:0) {
		.content-timeline::before {
			left: 9.5%;
		}

		.vertical-timeline-element-date {
			left: -10%;
		}

		.safari10 {
			/* color:#0000FF; 
            background-color:#CCCCCC;  */
		}

		body {
			font-size: 12px;
		}

		input[type="checkbox"] {
			margin-left: 6px;
			float: none;
		}



	}
}

/* mac screen size resolution */
@media screen and (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio:0) {
	.addreslookup .addresslookup_config_feilds {
		padding: 0px;
	}

	button.btn.btn-default.sourceValues {
		font-size: 13px !important;
	}

	.detailViewContainer .userPreferences .block {
		width: 98%;
		margin-left: 1% !important;
	}

	.inlineAjaxCancel .fa-close,
	.inlineAjaxSave .fa-check {
		margin-top: 4px;
	}

	.settingsPageDiv #search_display ul li {
		display: inline-block;
		width: 8% !important;
	}

	.joforce-bg-prefer {
		width: 98.3% !important;
		left: -17px !important;
	}

	.panel-width #detailView td.fieldValue {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#editCustomRule.form-horizontal .col-form-label.fieldLabel {
		left: 0px;
	}

	h4.card-header-new.terms_and_condition {
		width: 98.6%;
	}

	#editCurrency .col-form-label.fieldLabel {
		left: 20px !important;
	}

	.row.contenthead.mac_scr_header {
		margin-bottom: 0px !important;
	}

	.row.contenthead.card-header-new.LoginHistory_card_header {
		margin-left: 12px;
		width: 98.8%;
	}

	.pdf_block {
		padding: 21px 0px 28px 12px !important;
	}

	.emailtemplate_page_record_views {
		height: 70vh;
	}

	.detailview-content .details .relatedContainer.mac_scr_contact_page_view_style {
		margin-left: 38px !important;
	}

	.recentActivitiesContainer.Mob_rela_Width.big_scr_service_page_detailview_align.max-height-comments {
		margin-left: 36px;
		margin-right: 0px;
	}

	body {
		font-size: 12px !important;
	}

	.table-container {
		height: 380px !important;
		/* padding-top: 10px !important; */
		/* background-color: #00b9ff; */
		/* width: 96.5%; */
	}

	.row.contenthead.card-header-new.mb20.pb0,
	.row.contenthead.mac_scr_header,
	.col-md-12.col-sm-12.card-header-new.mb20,
	.card-header-new.picklist_setting,
	.col-lg-12.card-header-new.p0,
	.editViewHeader.card-header-new.tax_index_setting {
		width: 100%;
		margin-left: 6px !important;
	}

	.row.card-header-new.picklist_dependancy_setting {
		margin-left: -1px;
	}

	h4.card-header-new.mail_Convertor_header,
	#TaxCalculationsContainer .contents {
		margin-left: 10px;
	}

	.Mac_scr_Leads_page_details {
		left: 10px !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_lead_comments {
		margin-left: 25px !important;
	}

	.col-lg-6.col-md-6.col-sm-6.col-xs-6.pull-left.Out_going_server {
		margin-top: 10px;
	}

	.company-logo img {
		margin: 12px 19px 19px 14px;
		width: auto !important;
	}

	#filterContainer .modal-content {
		top: 20px !important;
	}

	#searchResults-container {
		top: 30px;
	}

	.resizable-summary-view .middle-block {
		width: 45%;
	}

	.resizable-summary-view .middle-block-new {
		width: 47%;
	}

	.detailViewContainer .recordImage {
		top: 39px;
	}

	.detailViewContainer .recordImage,
	.overlayDetailHeader .recordImage,
	.quickPreviewModuleHeader .recordImage {
		width: 70px;
		height: 70px;
	}

	.detailViewContainer .recordImage .name span,
	.overlayDetailHeader .recordImage .name span,
	.quickPreviewModuleHeader .recordImage .name span {
		font-size: 35px;
	}

	.media-body h3 {
		padding-top: 30px;
	}

	#sidebar-essentials ul li a,
	#sidebar-more-menu-list .content li span {
		font-size: 12px;
	}

	#sidebar-essentials ul li a,
	#sidebar-more-menu-list .exmenu li span {
		padding: 8px 0px 11px 6px !important;
	}

	table.table.table-bordered.modulesTable {
		margin-left: 5px;
	}

	.clearfix.card-header-new.big_scr_header_align_setting_page {
		margin-left: 10px;
	}

	.clearfix.sethead.card-header-new.p10.row {
		width: 100%;
		margin-left: -4px;
	}

	span.col-sm-12.col-md-12.card-header-new.row.lead_mapping_header_setting {
		margin-left: 3px;
	}

	#sidebar-more-menu-list .sidebar-more-menu-title {
		margin-left: 6px;
	}

	#sidebar-essentials ul li a .module-icon,
	#sidebar-more-menu-list .sidebar-more-menu-title .menu-icon {
		font-size: 19px;
	}

	.cumulative-widget span {
		font-size: 18px;
	}

	.white-background {
		min-height: 370px !important;
	}

	.cumulative-widget {
		min-height: 160px !important;
	}

	.d-flex.justify-content-start.align-items-center {
		/* margin-left: -15px; */
		margin-top: 4px;
	}

	.white-background .media-body .fa {
		font-size: 18px;
		margin-right: 10px;
	}

	.showMap {
		display: inline-block;
		width: 220px;
		/* white-space: nowrap; */
		overflow: hidden !important;
		text-overflow: ellipsis;
	}

	h4,
	.h4 {
		font-size: 19px !important;
	}

	.btn,
	.sp-container button {
		font-size: 14px !important;
	}

	.modal-header button.close span {
		margin-right: 12px;
	}

	.inputElement {
		width: 100% !important;
		font-size: 12px;
	}

	.uploadview-content .inputElement.select2,
	#uploadToDriveContainer .inputElement.select2 {
		width: 170px !important;
	}

	.media:first-child {
		padding: 10px 5px;
	}

	.summaryWidgetContainer .creatorName {
		font-size: 14px;
	}

	.quick-panel .modal-footer {
		/* margin-bottom: -30px; */
	}

	h5,
	.h5 {
		font-size: 15px;
	}

	input[type="text"].inputElement,
	input[type="password"].inputElement {
		/* padding-left: 0px !important; */
		/* width: 200px!important; */
	}

	.btn,
	.sp-container button {
		padding: 9px 12px !important;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td {
		font-size: 13px;
	}

	table thead tr th {
		font-size: 14px !important;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:first-child,
	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-child(2),
	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:last-child {
		height: 42px;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-child(2) {
		/* width: 190!important; */
	}

	.fieldLabel {
		font-size: 13px !important;
	}

	.form-control,
	#joforce-search-box {
		font-size: 13px;
	}

	[class*=" joicon-"],
	[class^=joicon-] {
		font-size: 20px;
	}

	.popupEntriesDiv.relatedContents.mCustomScrollbar._mCS_1 {
		height: 300px !important;
	}

	#popupModal .modal-dialog .modal-content {
		margin-top: 100px;
	}

	.dropdown-menu,
	.custom-select {
		font-size: 12px;
	}

	.input-group span.input-group-addon {
		padding: 9px;
		top: 11px;
	}

	.select2-results .select2-result-label {
		font-size: 13px;
	}

	.quickCreateContent .input-group span.input-group-addon {
		padding: 6px !important;
	}

	.emptyRecordsDiv .emptyRecordsContent {
		font-size: 14px;
	}

	#appnav #header-actions {
		font-size: 15px;
	}

	.mCustomScrollBox .modal-footer center {
		margin-right: 0px;
	}

	.modal-dialog .modal-content .modal-footer {
		padding: 12px 28px;
	}

	.main-container .content-area {
		margin-left: 15.5%;
	}

	.content-area.full-width {
		padding-left: 6.5%;
	}

	.form-horizontal .col-form-label.fieldLabel {
		left: 50px;
	}

	.settingsPageDiv table tbody tr.listViewEntries td {

		font-size: 13px !important;
	}

	.inputElement.select2-container {
		font-size: 12px;
	}

	.table.detailview-table.no-border tr td.fieldValue {
		left: -21px;
		width: 53%;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		margin-left: 25px !important;
		width: 97%;
	}

	.relatedContainer.big_scrn_details_view_Services {
		margin-left: 38px !important;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table tbody tr td:nth-child(2) {
		width: 18% !important;
	}

	.detailview-content .details .relatedContainer {
		margin-left: 25px;
		margin-right: 0px;
		width: 96%;
	}

	.relatedContainer.mac_scr_doc_upload {
		margin-left: 25px !important;
		margin-right: 10px !important;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.p0.m0.pull-left {
		left: -6px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.p0.m0.pull-left.full_width_doc_acti {
		left: 5px;
	}

	.recentActivitiesContainer {
		margin-left: 26px;
		margin-right: 15px;
	}

	.relatedContainer.mac_scr_left_align {
		margin-left: 26px !important;
		margin-right: 12px !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section {
		margin-left: 25px;
		width: 96%;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section.big_scr_details_view_contact_comment {
		width: 97%;
	}

	.relatedContainer.big_scrn_details_view_Contact,
	.relatedContainer.big_scrn_details_view_product {
		margin-left: 37px !important;
	}

	.relatedContainer.big_scrn_details_view_ticket {
		width: 96% !important;
	}

	.mac_scr_align_recent {
		margin-left: 37px;
		width: 96.5%;
	}

	.relatedContainer.ms_relatedContainer {
		width: 95%;
	}

	.resClass.mr20.ml20.mob_mr-top {
		margin-left: 13px !important;
	}

	.onoffswitch1-switch {
		top: 16px !important;
	}

	.wizards .breadcrumb_line {
		left: 154px;
	}

	.showMap_upload {
		display: inline-block;
		width: 624px;
		/* white-space: nowrap; */
		overflow: hidden !important;
		text-overflow: ellipsis;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11.mac_scr_details_view_table_page {
		margin-left: -7px;
		/* margin-right: 29px; */
		width: 93%;
	}

	.mac_scr_details_view_table_page_all {
		margin-left: -7px;
		width: 99%;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11.mac_scrn_Leads_details_page_table {
		margin-left: -8px;
	}

	.white-background.m0::-webkit-scrollbar {
		width: 0em;
		height: 0em
	}

}

.lbl_total_after_discount {
	width: 152px;
}

/* end of mac screen size resolution */

/* normal laptop screen size 1600 x 900*/
@media screen and (min-width:1400px) and (max-width:1699px) {
	.quickviewcontent.mt20.ml5 {
		left: 69% !important;
	}

	.ipad_pro_scr_layouteditorpage .contenthead {
		margin-left: 14px;
	}

	span.col-sm-12.col-md-12.card-header-new.row.lead_mapping_header_setting {
		margin-bottom: 20px;
	}

	.row.contenthead.mac_scr_header {
		margin-bottom: 0px !important;
	}

	.PDFMaker_lap_scr .card-header-new {
		margin-left: 16px;
		width: 98.5%;
		margin-bottom: 30px;
		padding: 10px;
	}

	.editViewHeader.card-header-new.m30.lap_scr_header_style {
		top: 18px !important;
		position: relative;
		width: 97%;
		margin-left: 21px !important;
	}

	.editViewHeader.card-header-new.m30.lap_scr_header_style h4 {
		margin: 0px 0px 15px 0px;
	}

	.Services_page_lap_screen.resClass.mr20.ml20.mob_mr-top {
		margin: 0px 15px !important;
	}

	.ms_Email_detail_view .card-header-new {
		margin-left: 14px;
		margin-top: 14px;
	}

	.block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_ms_view,
	.block.block_LBL_IMAGE_INFORMATION.ml20.lead_page_only_lap_srn,
	.block.block_LBL_IMAGE_INFORMATION.ml20.profile_picture_lap_scr {
		margin-left: 20px !important;
	}

	.col-sm-12.col-xs-12.card-header-new {
		left: -15px;
	}

	.clearfix.card-header-new.ConfigEditorDetail_card_header {
		margin-top: -30px !important;
		margin-left: 17px;
	}

	.col-sm-12.card-header-new.duplicate_check_card_header {
		margin-top: -20px;
		left: -36px;
		width: 112% !important;
		min-width: 101.8%;
	}

	.clearfix>.editViewPageDiv.viewContent.content-area>.col-sm-12.col-xs-12.pr0.pl0>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>span.breadcrumb_line {
		/* display: none; */
		left: 165px;
	}

	.clearfix>.editViewPageDiv.viewContent.content-area.full-width>.col-sm-12.col-xs-12.pr0.pl0>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>span.breadcrumb_line {
		/* display: none; */
		left: 195px;
	}

	.main-container.clearfix.panel-width>.settingsPageDiv.content-area.clearfix.Users.full-width>.users-menu-starts.col-lg-12.col-md-12.col-sm-12.col-xs-12>.bodyContents>div>.detailViewContainer>.detailViewTitle>.detailViewInfo.userPreferences>.details.col-xs-12.joforce-bg-prefer-detail {
		width: 102% !important;
	}

	.quick-panel.myModal.fade.show~.contents.big_scr_user_Details_settings {
		width: 102% !important;
	}

	h4.card-header-new.mail_Convertor_header,
	.row.card-header-newone.ml10.mr10.mb20,
	.card-header-new.ml10 {
		margin-left: 18px !important;
	}

	.table-container.ms_table_container {
		left: 20px !important;
	}

	.col-md-12.col-sm-12.card-header-new.mb20 {
		margin-left: 20px !important;
	}

	.table.listview-table.mt20 {
		margin-left: 11px;
		width: 99.2%;
	}

	.userFilter.card-header-new.row.mb20 {
		margin-left: 10px;
		width: 100%;
	}

	.clearfix.sethead.card-header-new.p10.row {
		width: 100%;
		margin-left: -5px;
	}

	.row.contenthead.card-header-new.mb20.pb0 {
		width: 99% !important;
		margin-left: 13px !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_ms_view {
		margin-left: 20px !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_ms_view.lead_page_only_lap_srn {
		margin-left: 10px !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.ticket_description_laptop_scrn.lap_srn_product_details_view.lead_add_details_ms_view {
		margin-left: 20px !important;
		width: 99.5% !important;
	}

	.row.contenthead.mac_scr_header {
		margin-left: -12px;
		width: 98%;
	}

	.big_scr_header_align_setting_page {
		margin-left: 18px !important;
	}

	.col-md-12.card-header-new.p0.ml5.mb10 {
		margin-left: 18px !important;
	}

	.block.block_LBL_CONTACT_INFORMATION.ml20,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lap_srn_product_details_view.lead_add_details_ms_view {
		margin-left: 10px !important;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11.mac_scr_details_view_table_page_all {
		margin-left: -9px;
	}

	.ml25.mr15.mt20.card-header-new {
		margin-left: 18px !important;
	}

	.lead_mapping_header_setting_edit {
		margin-left: -12px !important;
	}

	.contents.table-container.ms_srn_table_align {
		margin-left: 4px;
	}

	span.col-sm-12.col-md-12.card-header-new.row.lead_mapping_header_setting {
		margin-left: 3px;
	}

	.table_container_align_left {
		left: 18px !important;
	}

	.group_header_lap_crn {
		width: 98.5% !important;
	}

	.block.block_LBL_QUOTE_INFORMATION.ml20 {
		margin-left: 0px !important;
		width: 100%;
	}

	.block.block_LBL_ADDRESS_INFORMATION.ml20 {
		left: -9px;
		width: 100%;
	}

	.block.block_LBL_TERMS_INFORMATION.ml20 {
		left: -18px;
		width: 100%;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20 {
		left: -7px;
		width: 100%;
	}

	.details.ms_invoice_details_sales,
	.details.ms_invoice_details {
		margin: 7px !important;
		width: 99.5%;
	}

	.block.block_LBL_SERVICE_INFORMATION.ml20 {
		margin-left: 14px !important;
	}

	.block.block_LBL_EXPECTATIONS_AND_ACTUALS.ml20,
	.block.block_LBL_CAMPAIGN_INFORMATION.ml20 {
		left: -8px;
		width: 100%;
	}

	.block.block_LBL_REMINDER_INFORMATION.ml20,
	.block.block_LBL_VENDOR_ADDRESS_INFORMATION.ml20,
	.block.block_LBL_PRICEBOOK_INFORMATION.ml20 {
		left: -16px;
		width: 100%;
	}

	.block.block_LBL_PO_INFORMATION.ml20,
	.block.block_LBL_INVOICE_INFORMATION.ml20 {
		left: -20px;
		width: 100%;
	}

	.block.block_Recurring.Invoice.Information.ml20,
	.block.block_LBL_SO_INFORMATION.ml20 {
		left: -17px;
		width: 100%;
	}

	.block.pdf_block {
		/* padding: 0px 166px 28px 0px !important; */
	}

	#sidebar-essentials ul li a,
	#sidebar-more-menu-list .exmenu li span {
		margin-left: 10px;
	}

	#sidebar-more-menu-list .sidebar-more-menu-title {
		margin-left: 10px;
	}

	.block.block_LBL_LEAD_INFORMATION.ml20,
	.block.block_LBL_ADDRESS_INFORMATION.ml20,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20,
	.left-block.col-md-6.pull-left.p0.ml20,
	.block.block_LBL_PRODUCT_INFORMATION.ml20,
	.block.block_LBL_PRICING_INFORMATION.ml20,
	.block.block_LBL_STOCK_INFORMATION.ml20,
	.block.block_LBL_IMAGE_INFORMATION.ml20,
	.block.block_LBL_CAMPAIGN_INFORMATION.ml20,
	.block.block_LBL_EXPECTATIONS_AND_ACTUALS.ml20 {
		margin-left: 10px !important;
	}

	.left-block.col-lg-6.pull-left.p0.pl20.mswidth {
		margin-left: -11px !important;
	}

	.middle-block-new.p0.col-lg-6.pull-left.ml15.mobscrnwidth {
		width: 48% !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		margin-left: 25px !important;
		width: 97.5%;
	}

	.quick-panel .modal-header .close {
		margin-right: 225px;
	}

	.resizable-summary-view .middle-block {
		width: 47%;
	}

	.right-block.col-lg-6.col-md-6.col-sm-6.pull-left.p0.ms_width_for_invoice_act_cmts {
		width: 47%;
		margin-left: 10px;
	}

	.recentActivitiesContainer {
		margin-left: 25px;
	}

	.setting_group_editpage {
		margin-left: 35px;
	}

	.table-bordered {
		margin-left: 5px;
	}

	.setting_sharing_role {}

	.row.contenthead.card-header-new.mb20.pb0,
	.col-md-12.col-sm-12.card-header-new.mb20,
	.card-header-new {
		width: 98%;
		margin-left: 30px;
	}

	.terms_and_condition {
		margin-left: 7px !important;
	}

	.editViewHeader.card-header-new.tax_index_setting {
		margin-left: 18px;
		margin-bottom: 20px;
	}

	.card-header-new.licence_page_header {
		margin-left: 18px;
	}

	.col-sm-12.col-xs-12.card-header-new.Google-card-header {
		left: -30px;
	}

	.editViewHeader.mr10.mt0.card-header-new.row.notification-header {
		margin-left: -2px;
	}

	.row.contenthead.card-header-new.LoginHistory_card_header {
		margin-left: 19px;
	}

	.col-md-11.col-sm-11.mt0.m40.mb20.card-header-new {
		margin-left: 60px !important;
		margin-top: 0px !important;
		margin-bottom: 22px !important;
	}

	.row .nav.charttabs>li,
	.nav-tabs>li {
		/* margin: 0px 3px!important; */
	}

	.modal-header button.close {
		margin-left: 44px !important;
	}

	.showMap_upload {
		display: inline-block;
		width: 824px;
		/* white-space: nowrap; */
		overflow: hidden !important;
		text-overflow: ellipsis;
	}
}

/* big screen */
@media (min-width: 1700px) and (max-width: 2560px) {

	.row.contenthead.card-header-new.LoginHistory_card_header {
		width: 99%;
		margin-left: 14px;
	}

	#sidebar-essentials ul li a .module-icon,
	#sidebar-more-menu-list .sidebar-more-menu-title .menu-icon {
		font-size: 23px;
	}

	/* #sidebar-essentials ul li a, #sidebar-more-menu-list .content li span{
		font-size: 26px;
	}
	#sidebar-essentials ul li a .module-icon, #sidebar-more-menu-list .sidebar-more-menu-title .menu-icon{
		font-size: 30px;
		line-height: 35px;
		margin-left: 20px;
	}
	#sidebar-essentials ul li a span.module-name, #sidebar-more-menu-list .sidebar-more-menu-title span{
		font-size: 26px;
		line-height: 35px;
	}
	.dropdown-item{
		margin-left:20px;
	} */
	.clearfix>.editViewPageDiv.viewContent.content-area>.col-sm-12.col-xs-12.pr0.pl0>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>span.breadcrumb_line {
		/* display: none; */
		left: 170px;
	}

	.clearfix>.editViewPageDiv.viewContent.content-area.full-width>.col-sm-12.col-xs-12.pr0.pl0>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>span.breadcrumb_line {
		/* display: none; */
		left: 180px;
	}

	.block.TermsAndConditionsContainer.card-body {
		width: 99%;
	}

	.editViewHeader.card-header-new.tax_index_setting {
		margin-left: 10px !important;
	}

	.contents.tabbable.clearfix {
		margin-left: 10px;
	}

	h1.card-header-new.licence_page_header {
		margin-left: 10px;
	}

	.big_scr_user_Details_settings {
		margin-top: 4% !important;
	}

	.editViewHeader.col-sm-12.ml10.mr10.mt0.card-header-new.row {
		margin-left: 7px !important;
	}

	.details.col-xs-12.joforce-bg-prefer-detail {
		width: 99.5%;
	}

	.card-header-new.picklist_setting {
		margin-left: 10px;
	}

	.clearfix.p10.card-header-new.m20 {
		margin-left: 28px !important;
	}

	h4.card-header-new.mail_Convertor_header {
		margin-left: 10px;
	}

	.fc-overlay-modal {
		left: 28px;
		width: 98%;
	}

	.lead_mapping_header_setting_edit {
		margin-left: -10px !important;
	}

	.table.listview-table.mt20 {
		margin-left: 11px;
		width: 99.2%;
	}

	.clearfix.sethead.card-header-new.p10.row {
		width: 100%;
		margin-left: -5px;
	}

	.table-bordered {
		margin-left: 5px;
	}

	.table_container_align_left,
	.contents.table-container.ms_srn_table_align {
		left: 21px !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section.big_scr_details_view_contact_comment {
		margin-left: 40px !important;
		width: 99.5%;
	}

	.listViewContentHeader th.big_scr_th_width {
		width: 626px !important;
	}

	.row.contenthead.card-header-new.mb20.pb0 {
		width: 99%;
		margin-left: 13px;
	}

	.userFilter.card-header-new.row.mb20 {
		margin-left: 10px;
	}

	.row.card-header-newone.ml10.mr10.mb20 {
		margin-left: 20px !important;
	}

	.col-md-11.col-sm-11.mt0.m40.mb20.card-header-new {
		left: 33px;
	}

	.row.card-header-new.picklist_dependancy_setting {
		margin-left: -1px;
	}

	.col-sm-12.card-header-new {
		margin-left: 3px;
	}

	.col-md-12.col-sm-12.card-header-new.mb20 {
		margin-left: 5px;
	}

	.editViewHeader.ml10.mr10.mt0.card-header-new.row {
		margin-left: 21px !important;
	}

	.row.contenthead.mac_scr_header {
		margin-left: 7px;
		width: 100%;
	}

	.big_scr_header_align_setting_page {
		margin-left: 12px;
	}

	.relatedContainer.big_scrn_details_view_Services {
		margin-left: 35px !important;
		width: 98.5% !important;
	}

	.wizards .breadcrumb_line {
		width: 94%;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page_services {
		left: -20px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.Mac_scr_Leads_page_details {
		left: -14px !important;
	}

	.block.block_LBL_STOCK_INFORMATION.ml20.big_scrn_stock {
		width: 101%;
		margin-left: 20px !important;
	}

	.block.block_LBL_PRICING_INFORMATION.ml20.services_add_details_big_view {
		width: 99.7%;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.services_add_details_big_view {
		margin-left: 20px !important;
		width: 99.7%;
	}

	.big_scr_service_page_detailview_align {
		margin-left: 35px !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.ticket_description_laptop_scrn.lead_add_details_ms_view {
		width: 99.5% !important;
	}

	.big_scrn_details_view_ticket {
		width: 98% !important;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.p0.m0.pull-left.full_width_doc_acti {
		left: -9px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11.mac_scr_details_view_table_page_all {
		margin-left: -8px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11 {
		/* margin-left: -24px; */
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11.p0 {
		/* margin-left: -37px; */
	}

	.block.block_LBL_LEAD_INFORMATION.ml20,
	.block.block_LBL_ADDRESS_INFORMATION.ml20,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20 {
		margin-left: 10px !important;
		width: 101% !important;
	}

	.big_scrn_details_view_product {
		margin-left: 10px !important;
	}

	.block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_ms_view,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_ms_view {
		margin-left: 20px !important;
	}

	.block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_ms_view.lead_add_details_big_view,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_ms_view.lead_add_details_big_view {
		margin-left: 10px !important;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page {
		left: -6px;
	}

	.block.block_LBL_IMAGE_INFORMATION.ml20 {
		margin-left: 20px !important;
		width: 101%;
	}

	.block.block_LBL_CONTACT_INFORMATION.ml20,
	.block.block_LBL_ACCOUNT_INFORMATION.ml20,
	.block.block_LBL_OPPORTUNITY_INFORMATION.ml20 {
		width: 101%;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.ms_lbl_des_info {
		width: 98% !important;
		margin-left: 20px !important;
	}

	.relatedContainer.ms_relatedContainer {
		width: 97% !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view,
	.block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_big_view {
		margin-left: 20px !important;
		width: 98%;
	}

	.block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.services_add_details_big_view,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.services_add_details_big_view,
	.block.block_LBL_ADDRESS_INFORMATION.ml20.ms_lbl_des_info.lead_add_details_big_view.quotes_add_details_big_view {
		width: 98% !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.services_add_details_big_view.quotes_add_details_big_view {
		width: 99.7% !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		margin-left: 25px !important;
		width: 98%;
	}

	.block.block_LBL_PRODUCT_INFORMATION.ml20,
	.block.block_LBL_PRICING_INFORMATION.ml20 {
		width: 101%;
	}

	.big_scr_details_page_contact {
		left: -25px;
		width: 99%;
	}

	.big_scrn_details_view_Contact {
		margin-left: 36px !important;
		width: 100% !important;
	}

	.big_scrn_product_details_page {
		/* width: 99%; */
		margin-left: -25px !important;
	}

	.detailview-content .details .relatedContainer {
		width: 99%;
	}

	.clearfix.MultiFile-intercepted {
		width: 104% !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section,
	.block.block_LBL_STOCK_INFORMATION.ml20 {
		width: 98%;
		margin-left: 27px !important;
	}

	.recentActivitiesContainer {
		margin-left: 25px;
	}

	.detailview-header-block.details_view_detailview_header_block {
		margin-left: -4px;
	}

	#sidebar-essentials ul li a,
	#sidebar-more-menu-list .exmenu li span {
		margin-left: 17px;
	}

	#sidebar-more-menu-list .sidebar-more-menu-title {
		margin-left: 17px;
	}

	.table-container {
		height: 700px !important;
	}

	.quick-panel .modal-header .close {
		margin-right: 252px;
	}

	.modal-header {
		/* margin-left: -24px; */
		right: -261px !important;
	}

	.quick-panel .modal-body {
		max-height: 750px !important;
	}

	.quick-panel .modal-dialog {
		margin: 0;
	}

	.condition_group .Condition_add {
		width: 530px !important;
	}

	#filterContainer .modal-content {
		top: 160px;
	}

	.middle-block-new.p0.col-lg-6.pull-left.ml15.mobscrnwidth {
		width: 48% !important;
	}
}

/* custom styles for default library classes - ends */
/* mobile screen resolution  */
@media (min-width: 301px) and (max-width: 600px) {
	.dashboardHeading .togglePromotion {
		display: none;
	}

	.updates_timeline .timeline-wrapper .update_info {
		margin-left: 11%;
	}

	.editViewPageDiv .col-sm-12.col-xs-12.pr0.pl0 {
		margin-left: -4px;
	}

	.details.row {
		/* margin-left: -58px;
		width: 96%; */
	}

	.app-footer {
		position: fixed !important;
	}

	.joforce-bg {
		padding-top: 110px !important;
	}

	.detail-view-header {
		display: inherit !important;
	}

	ul.dropdown-menu.more-actions-right.dropdown-menu-right.show {
		top: -5px !important;
		right: 92px !important;
	}

	#detailView .block {
		width: 125%;
		min-width: 100%;
	}

	.layoutContent li.dummyRow span.col-sm-4 {
		margin: 0px !important;
	}

	.layoutContent .editFields {
		border-right: none !important;
	}

	.blockFieldsList.blockFieldsSortable .connectedSortable {
		min-width: 85% !important;
	}

	#detailViewLayout .marginLeftZero div span.col-sm-1 {
		margin-top: 10px !important;
	}

	.layoutContent .editFields {
		min-height: 40px !important;
	}

	#EditView.PDFMaker_lap_scr .editViewBody .editViewContents {
		margin-left: 7px;
	}

	.PDF_details_row .pdf_block {
		overflow-x: scroll;
	}

	.PDF_details_row .table>thead>tr>td,
	.PDF_details_row .table>tbody>tr>td,
	.PDF_details_row .table>tfoot>tr>td {
		height: auto !important;
	}

	table.PDFMaker_details_view .fieldValue table {
		min-width: 100%;
		width: auto !important;
		overflow: scroll;
	}

	.PDFMaker_details_view_main {
		margin-left: -32px;
		width: 113.5%;
	}

	.toEmailField .commale {
		margin-left: 0px;
	}

	.settingsIcon .detailViewSetting {
		left: 90px !important;
	}

	.activityContents .card-head .mini-search {
		width: 100%;
		overflow: scroll;
	}

	.quotes_add_details_big_view {
		width: 127% !important;
	}

	.module-action-bar .ml-auto {
		height: 72px;
	}

	.input-group.editByDate .input-group {
		min-width: 230px !important;
	}

	.user-image {
		display: block;
	}

	col-md-5.pr0.pull-left.checkmouse {
		margin-top: 0px;
		top: 18px;
		left: 40px
	}

	.user-image-mobile {
		display: none !important;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:first-child,
	.table-container .fixed-scroll-table table.listview-table-norecords thead tr th:first-child {
		height: 40px !important;
	}

	.table-actions .btn-group.listViewMassActions.dropdown .dropdown-toggle {
		top: -15px
	}

	.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:nth-child(2) {
		/* left: 79px!important	; */
	}

	.table-container {
		left: -5px !important;
		overflow: auto !important;
	}

	.content-area.full-width {
		padding-left: 17px !important;
	}

	#appnav #header-actions {
		right: 86px;
		/* margin-left: -11px; */
		display: flex;
		flex-direction: column;
		/* top:-21px; */
	}

	.table-container table thead tr th {
		min-width: auto;
	}

	.table-container table thead tr th:last-child {
		min-width: 40px !important
	}

	.listview-table tr.listViewContentHeader th,
	.listview-table tr.searchRow th {
		height: 30px !important;
	}

	table tbody tr td .table-actions .quickView.action {
		margin-left: 20px;
	}

	#detailViewContent #detail-view-header {
		top: -121px;
		/* z-index: 999999999999999; */
		height: 74px !important;
	}

	.resizable-summary-view .middle-block {
		width: 123%;
		margin-left: 15px !important;
	}

	.modal-overlay-footer {
		position: fixed;
	}

	/* .summaryWidgetContainer{
		padding: 0;;
	} */
	.summaryWidgetContainer .widget_contents {
		padding: 0;
	}

	.more-icons {
		/* margin: 19px -74px; */
		margin: -14px -43px !important;
		z-index: 999;
	}

	.more-icons::-webkit-scrollbar {
		width: 0em;
		height: 0em
	}

	.showMap {
		width: 255px;
	}

	.new-showMap {
		width: auto;
		overflow: visible !important;
		white-space: initial;
	}

	.detailview-content .commentsRelatedContainer .commentTextArea {
		/* margin-left: 17px; */
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		width: 113%;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.ms_scr_cmt_sec {
		width: 120% !important;
	}

	.SalesOrder .ms_scrn_invoice {
		margin-left: 21px;
	}

	.card-header.header-elements-inline {
		margin-right: 18px;
	}

	.detailview-content .commentsRelatedContainer textarea {
		width: 85% !important;
		margin-left: 20px !important;
	}

	.block.block_LBL_LEAD_INFORMATION.ml20,
	.block.block_LBL_ADDRESS_INFORMATION.ml20,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20,
	.block.block_LBL_ACCOUNT_INFORMATION.ml20,
	.mobscrnwidth,
	.block.block_LBL_CONTACT_INFORMATION.ml20,
	.block.block_LBL_IMAGE_INFORMATION.ml20,
	.block.block_LBL_OPPORTUNITY_INFORMATION.ml20,
	.block.block_LBL_PRODUCT_INFORMATION.ml20,
	.block.block_LBL_PRICING_INFORMATION.ml20,
	.block.block_LBL_STOCK_INFORMATION.ml20,
	.block.block_LBL_TICKET_INFORMATION.ml20,
	.block.block_LBL_TICKET_RESOLUTION.ml20 {
		width: 127%;
	}

	.block.block_LBL_USERLOGIN_ROLE.ml30.mt30,
	.block.block_LBL_CURRENCY_CONFIGURATION.ml30.mt30,
	.block.block_LBL_USER_IMAGE_INFORMATION.ml30.mt30,
	.block.block_LBL_USER_ADV_OPTIONS.ml30.mt30 {
		left: -20px;
		width: 96%;
	}

	.lead_add_details_ms_view {
		width: 123% !important;
	}

	.Mob_scr_width {
		width: 123%;
		left: 5px;
	}

	.mswidth {
		width: 129.2%;
		margin-left: -4.3px;
	}

	.middle-block-new.p0.col-lg-6.pull-left.ml15.mobscrnwidth {
		width: 123%;
	}

	#detailView td.fieldValue {
		top: 15px;
		left: 12px !important;
	}

	#detailView td.fieldValue {
		border: none;
	}

	.btn-align-ssn {
		display: flex;
		justify-content: center;
	}

	.relatedContainer .relatedHeader .btn-toolbar .btn-toolbar {
		/* padding-top: 22px; */
	}

	.Mob_rela_Width {
		width: 113%;
		margin-left: 31px;
	}

	.summary-table {
		margin-top: 0px;
	}

	.btn-sns-selectRelation {
		display: flex !important;
	}

	.recordEditView {
		width: 100%;
	}

	.btn-paginate {
		/* margin-left: 60px; */
	}

	#detailViewContent #detail-view-header .detailViewButtoncontainer {
		height: 162% !important;
	}

	.summaryWidgetContainer .noContent {
		top: 73px;
	}

	.ms-view,
	.widget_header.clearfix.joforce-detailview-btn.ms-view {
		width: 377px !important;
		/* height: 100%; */
	}

	.contact_ms_view {
		width: 372px !important;
	}

	.activityEntries {
		margin-top: 84px;
	}

	#listview-table .listViewEntries {
		height: 40px;
	}

	#appnav #header-actions {
		position: relative;
	}

	.settingsIcon .detailViewSetting {
		left: auto;
		right: 12px;
	}

	.mob_mr-top {
		margin-top: -90px;
		margin-bottom: 15px;
	}

	.cumulative-widget span {
		font-size: 12px;
	}

	ul.nav.nav-pills.nav-wizard.nav-justified.pipe-stage {
		width: 100%;
		overflow-x: auto;
	}

	#pipeline_stages {
		margin-left: -15px;
		width: 103% !important;
	}

	.commentDetails .media-body {
		margin-left: -216px;
	}

	.select2-chosen,
	.select2-choice>span:first-child,
	.select2-container .select2-choices .select2-search-field input {
		padding: 3px 13px;
	}

	.editViewHeader {
		padding: 0px;
	}

	.Ms_hide_nav {
		display: none !important;
	}

	.ms_srn_table_align {
		left: 5px !important;
	}

	.ms_table_container {
		left: -12px !important;
		width: 100%;
	}

	.form_trigger_element {
		margin-left: -15px;
		min-width: 312px !important;
	}

	.form-group .div_field label {
		width: 100% !important;
	}

	.input-group span.input-group-addon {
		top: 11px;
	}

	.modal-body.editTaskBody.mCustomScrollbar._mCS_1 {
		height: 545px !important;
	}

	.bootstrap-switch .bootstrap-switch-handle-on,
	.bootstrap-switch .bootstrap-switch-handle-off,
	.bootstrap-switch .bootstrap-switch-label {
		font-size: 8px !important;
	}

	div#scheduledTime,
	div#scheduleByDate {
		margin-left: 15px;
	}

	.datepick.datepick-multi {
		margin-left: 20px;
		margin-top: 0px;
		width: 200px !important;
	}

	.ms_scr_icon_clock {
		top: 11px;
	}

	.fc-overlay-modal {
		background-color: white;
	}

	/* .row.nav.navbar-nav{
		display: block!important;
	} */
	.add_border_withoutradious {
		width: 76% !important;
	}

	.condition_group {
		min-width: 284px !important;
	}

	.condition_group .Condition_add {
		margin-left: 2px;
	}

	.form-horizontal .col-form-label.fieldLabel {
		padding-left: 20px;
	}

	.blockFieldsList.row-fluid {}

	.opacity.editFields.marginLeftZero.border1px {
		height: 60px !important;
		width: 100%;
	}

	div#addMore,
	.scroll.address-lookup-table {
		margin: 0px 0px 20px 0px !important;
	}

	.onoffswitch1-label {
		margin-top: 15px;
	}

	form#workflow_edit {
		/* margin-left: -37px!important; */
	}

	.col-lg-6.col-sm-12.col-md-6.pull-left.pr0.pl0.row-with-column.pull-left {
		margin-top: 10px;
	}

	.ms_treeView {
		margin-left: -44px;
	}

	div#add-language-modal {
		width: 95%;
	}

	div#users-menu-starts {
		margin-left: 0px !important;
	}

	.ms_nav_navbar {
		display: flex;
		flex-direction: column !important;
		right: 50px !important;
	}

	.nextlink {
		/* text-align: start!important; */
		text-align: end !important;
		display: block;
		flex-direction: column;
	}

	ul.detailViewSetting.dropdown-menu.show {
		right: -128px;
	}

	.Calendar-module-action-content #appnav {
		margin-left: 18px;
	}

	.calendar_apanav_mob {
		margin-left: 4px;
		min-width: 100%;
		display: flex;
	}

	.block.block_LBL_CAMPAIGN_INFORMATION.ml20,
	.block.block_LBL_EXPECTATIONS_AND_ACTUALS.ml20,
	.block_LBL_REMINDER_INFORMATION,
	.block_LBL_PRICEBOOK_INFORMATION,
	.block_LBL_PO_INFORMATION {
		top: -91px;
		left: -16px;
		width: 138%;
	}

	.block_LBL_REMINDER_INFORMATION,
	.block_LBL_PRICEBOOK_INFORMATION,
	.block_LBL_PO_INFORMATION {
		width: 138% !important;
	}

	.block_LBL_SERVICE_INFORMATION {
		width: 127%;
	}

	.ms_scrn_more-icon,
	.ms_more-icon {
		/* margin: -114px -29px !important; */
	}

	.ms_recentActivities_width {
		width: 120% !important;
		left: -29px !important;
		margin-top: 14px !important;
	}

	.ms_recentActivities_width.Campaigns {
		margin-left: 20px !important;
	}

	.ms_lbl_des_info {
		margin-top: -20px;
		left: -17px;
		width: 138% !important;
	}

	.details.row.Quotes .recentActivitiesContainer,
	.details.row.Quotes .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		margin-left: 24px !important;
	}

	.ms_relatedContainer {
		width: 117% !important;
		margin-left: 26px !important;
		margin-top: 12px;
	}

	#detailView td.fieldValue .action {
		right: 20px;
	}

	.more-icons-new1 {
		margin: -16px -47px !important;
	}

	.ms_scrn_invoice {
		margin-top: 16px;
		margin-left: 7px;
		width: 118%;
	}

	.ms_lbl_des_info-new {
		width: 138% !important;
		left: -16px;
	}

	.ms_invoice_details {
		width: 137%;
		margin-left: 5px !important;

	}

	.ms_width_invoice_page {
		width: 126.5%;
		left: 6px;
	}

	.ms_width_for_invoice_act_cmts {
		width: 115% !important;
		margin-left: 16px !important;
	}

	.details.row.Quotes,
	.details.row.SalesOrder,
	.details.row.Invoice {
		margin-left: -67px;
	}

	.details.row.PurchaseOrder {
		margin-left: -54px;
	}

	.detailview-content .details .relatedContainer.big_scrn_details_view_product {
		margin-left: 31px !important;
	}

	.ms_scr_cmt {
		left: 0px;
		width: 102%;
		top: 0px;
	}

	.block.block_Recurring.Invoice.Information.ml20 {
		width: 138%;
		left: -17px;
		top: -93px;
	}

	.block.block_LBL_SO_INFORMATION.ml20,
	.block.block_LBL_ADDRESS_INFORMATION.ml20,
	.block.block_LBL_TERMS_INFORMATION.ml20,
	.block.block_LBL_DESCRIPTION_INFORMATION.ml20,
	.block.block_LBL_NOTE_INFORMATION.ml20,
	.block.block_LBL_DESCRIPTION.ml20,
	.block.block_LBL_FILE_INFORMATION.ml20,
	.block.block_LBL_VENDOR_ADDRESS_INFORMATION.ml20,
	.block.block_LBL_INVOICE_INFORMATION.ml20,
	.block.block_LBL_QUOTE_INFORMATION.ml20 {
		width: 138%;
		left: -16px;
		top: -93px;
	}

	.block.block_LBL_INVITE_USER_BLOCK {
		margin-left: 6px;
		width: 137%;
	}

	.details.ms_invoice_details_sales {
		width: 138%;
		margin-left: 4px !important;
		margin-top: -95px !important;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.ms_lbl_des_info {
		top: 0px !important;
		width: 125% !important;
	}

	.ms_Email_detail_view {
		margin-left: 7px !important;
	}

	.ms_fieldBlockContainer_Email-tamplate {
		margin-left: -22px !important;
	}

	#appnav #header-actions {
		/* width: 70%; */
		width: 105%;
	}

	.nav_mob_width {
		width: 114% !important;
	}

	.ms_calender {
		width: 118%;
		top: 10px;
		margin-left: -24px;
	}

	.calender_page_view {
		display: flex;
		flex-direction: column;
	}

	.PDF_maker_ms {
		margin-top: -30px !important;
	}

	.ms_scrn_table_Email_tamp {
		margin-left: 10px !important;
	}

	.modal-footer {
		display: flex;
		/* flex-direction: column; */
		align-items: center;
		justify-content: center;
	}

	.add-main-menu-content {
		text-align: left;
	}

	.lists {
		margin-top: 0px;
	}

	.commentImage .name {
		margin-left: -15px;
	}

	.modal-header button.close {
		margin-left: 0px;
	}

	.ms_report_page_dropdown {
		margin-top: -10px !important;
	}

	span.col-lg-3.col-md-3.pull-left.report {
		display: none;
	}

	.ms_report_page_mt10 {
		margin-top: 10px;
	}

	.ms_report_page_table_top-0 {
		top: 20px;
	}

	.editViewPageDiv.viewContent.content-area {
		margin-top: 35px;
	}

	.editContainer.card.m30.Report_page_edit_view {
		margin: 0px !important;
	}

	.ms_top_0 {
		top: 0px;
	}

	.ms_addmailBoxStep {
		margin-left: 15px;
	}

	.block.block_LBL_CALENDAR_SETTINGS {
		width: 130%;
	}

	.ms_calendar_setting_page {
		margin-top: -20px;
	}

	.ms_scr_calendar_edit_page_setting {
		margin-left: 0px !important;
	}



	.ms_dashborad_head_btn {
		margin-top: -40px !important;
		margin-left: 40px !important;
		left: 25px;
	}

	.ms_dashboard_drop_down.show {
		left: -32px !important;
		top: -29px;
	}

	.ml-auto.nextappnav.setting_page_head_btn {
		margin-left: -220px !important;
		/* margin-top: -35px; */
	}

	.setting_grp_search {
		margin-left: 170px !important;
	}

	.ml-auto.nextappnav {
		margin-left: -162px !important;
		/* margin-top: -38px; */
	}

	#modulePickListContainer,
	.ms_picklist_ml {
		margin-left: 20px;
	}

	.dependencyMapping.mCustomScrollbar._mCS_1 {
		left: -21px;
		width: 105%;
		top: 20px;

	}

	button#Users_basicAction_LBL_IMPORT {
		/* margin-top: -17px !important; */
		/* margin-left: -12px !important; */
		/* width: 100%; */
	}

	.col-sm-12.col-xs-12.full-height,
	.col-lg-12.col-md-12.col-sm-12.col-xs-12.joforce-bg {
		padding: 0px !important;
	}

	#Users_listView_basicAction_LBL_ADD_RECORD {
		/* width: 100%; */
		margin-left: -12px !important;
	}

	.card.m50.pbxManager-page_ms {
		margin: 25px 30px 30px 13px !important;
	}

	.ms_user_fieldBlockContainer {
		margin-left: -18px !important;
	}

	.ipad_activityContents {
		margin-top: -21% !important;
		margin-left: 19px;
		width: 121%;
	}

	.mCustomScrollBox .modal-footer center {
		margin-right: 0px;
	}

	.block.block_LBL_EVENT_INFORMATION.ml20,
	.block.block_LBL_RECURRENCE_INFORMATION.ml20,
	.block.block_LBL_RELATED_TO.ml20 {
		/* width: 123%;
		top: -88px; */
	}

	.ipad_Quote_detail_page_1 {
		margin-top: 0px;
		width: 100%;
	}

	.pdf_detailview_content {
		margin-left: 12%;
		width: 115%;
	}

	.editViewPageDiv.viewContent.content-area.full-width.mt50 {
		margin-top: 0px !important;
	}

	.detailViewContainer .pdfkil {
		margin-top: 0px !important;
	}

	.block.block_LBL_USERLOGIN_ROLE.ml30.mr30,
	.block.block_LBL_CURRENCY_CONFIGURATION.ml30.mr30,
	.block.block_LBL_USER_IMAGE_INFORMATION.ml30.mr30,
	.block.block_LBL_USER_ADV_OPTIONS.ml30.mr30 {
		left: -20px;
		width: 95%;
	}

	.pdf_block {
		padding: 21px 103px 28px 23px !important;
	}

	.modal-header.Edit {
		top: 79px;
	}

	#filterContainer .modal-content {
		/* top:20px!important; */
		left: 23px !important;
	}

	.listview-actions-container.card.ml10 {
		margin-left: 0px !important;
	}

	.showMap_upload {
		display: inline-block;
		width: 300px;
		/* white-space: nowrap; */
		overflow: hidden !important;
		text-overflow: ellipsis;
	}
}

/* ipad screen size media query */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {

	.settingsmenu-starts .editViewPageDiv .editViewHeader.workflow {
		padding: 20px;
	}

	.settingsmenu-starts .editViewPageDiv .editViewHeader.workflow .card {
		padding: 0px;
	}

	.company-logo {
		box-shadow: 5px 7px 26px -5px #cdd4e7;
	}

	.settingsmenu-starts.col-lg-12.col-md-12.col-sm-12.col-xs-12.ipad_scr_view_style {
		padding: 20px !important;
	}

	.PDFMaker_details_view_main.detailViewContainer .block {
		width: 102%;
	}

	.fade.modal.overlayPageContent.content-area.overlay-container-300.full-width.in.show>.data.setting_user_import>.fc-overlay-modal.modal-content {
		margin-left: 7px;
	}

	div#licence-alert-waring {
		margin-top: 20px !important;
		left: 3px !important;
		margin-bottom: 10px !important;
	}

	.fade.modal.overlayPageContent.content-area.overlay-container-300.in.show>.data.setting_user_import>.fc-overlay-modal.modal-content {
		margin-left: 135%;
	}

	.modulesTable .ModulemanagerSettings {
		/* width: 60%; */
	}

	.clearfix>.editViewPageDiv.viewContent.content-area>.col-sm-12.col-xs-12.pr0.pl0>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>span.breadcrumb_line {
		/* display: none; */
		left: 101px;
	}

	.clearfix>.editViewPageDiv.viewContent.content-area.full-width>.col-sm-12.col-xs-12.pr0.pl0>.fc-overlay-modal.modal-content>.importview-content>form#importBasic>.modal-body>.breadcrumb.col-sm-12.col-xs-12.ms_sc_breadCrumb_view>ul.wizards.row>li.col-sm-4.col-xs-4.step>span.breadcrumb_line {
		/* display: none; */
		left: 90px;
	}

	.joforce-login {
		/* display: none; */
		width: 50% !important;
		margin-top: 250px !important;
	}

	#menu-toggle-action {
		display: block;
	}

	.main-container .sidebar-essentials {
		display: block !important;
		border: none;
	}

	.main-container .sidebar-essentials.shrinked-sidebar {
		width: 54px !important;
	}

	.content-area.full-width {
		padding-left: 8% !important;
	}

	.logo-container a,
	.profile-img,
	.user-image {
		display: block;
	}

	.company-logo {
		margin: 0px 17px 4px 15px;
	}

	.container-fluid.app-nav.module-header {
		margin-left: 3% !important;
		height: 0px;
	}

	.container-fluid.app-nav.module-header.full-header {
		margin-left: 7% !important;
		height: 0px;
	}

	.app-nav .module-action-bar {
		height: 55px;
		width: 758px;
	}

	.dashboardHeading.container-fluid {
		margin-top: 5px !important;
	}

	#topbar-elements.full-topbar {
		width: 95% !important;
	}

	.nav-responsive {
		display: none;
	}

	.global-actions .row.nav.navbar {
		right: -30px;
	}

	.user-image-mobile {
		display: none !important;
	}

	.search-link {
		width: 72%;
	}

	.company-logo img {
		width: 90% !important;
		/* margin: 14px 50px 10px -5px !important; */
	}

	#topbar-elements {
		width: 80%;
	}

	.logo-container.logo-shrinked {
		margin: -5px 0 0 -5px;
	}

	.dashBoardContainer {
		margin-top: -15px;
		margin-left: 42px;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table thead tr th:nth-child(2) {
		left: 80px !important;
		/* height: 95px!important; */
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-child(2) {
		position: absolute !important;
		left: 80px !important;
		background: #fff !important;
		width: 212px !important;
		height: 51px;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td {
		height: 47px;
	}

	.listview-table>tbody>tr>td .value,
	.listview-table>tfoot>tr>td .value {
		padding: 9px 5px;
	}

	.quick-panel.myModal.fade.show {
		width: 75% !important;
		margin-right: 9px;
		box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
		z-index: 1034;
		left: 121px;

	}

	.quick-panel .modal-header {
		width: 74%;
		left: 124px;
	}

	.quick-panel .modal-header .close {
		margin-right: 0px;
	}

	.left-block.col-md-12.pull-left.p0.ml10 {
		width: 98%;
	}

	.resizable-summary-view .middle-block {
		width: 99% !important;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left {
		width: 97%;
		left: 8px;
	}

	.col-lg-6.col-md-12.col-sm-6.pull-left.p0.dash {
		width: 98.5%;
		left: 8px;
		top: 15px;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr:last-child td:first-child,
	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr:last-child td:nth-child(2),
	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr:last-child td:last-child {
		height: 51px;
	}

	.recordEditView {
		/* width: 104%; */
	}

	#EditView .editViewBody .editViewContents {
		width: 100%;
		margin-left: 0px;
	}

	.editViewContents .fieldLabel.alignMiddle.bool {
		left: 65px;
	}

	.detailview-content .details .relatedContainer {
		width: 96%;
		margin-left: 26px;
	}

	.relatedContainer.ms_relatedContainer.ipad_scrn_campaigns {
		width: 93% !important;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11.ipad_scrn_Vendors_details_page_table {
		left: 5px;
	}

	.col-lg-6.col-md-6.col-sm-3.pull-left.clearfix {
		left: -6px;
	}

	.col-lg-12.col-sm-12.col-xs-12.pl0 {
		margin-top: 55px;
	}

	.ipad_summaryWidgetContainer {
		width: 200%;
	}

	.quick-panel .modal-footer {
		width: 59%;
	}

	#detailViewContent #detail-view-header {
		top: 20px;
		z-index: 10;
	}

	#appnav #header-actions {
		padding: 5px 4px;
	}

	.summary-table {
		margin-top: 0px;
	}

	.left-block.col-lg-6.pull-left.p0.pl20.mswidth {
		left: -9px;
		width: 103%;
	}

	.middle-block-new.p0.col-lg-6.pull-left.ml15.mobscrnwidth {
		left: -4px;
	}

	.fieldBlockContainer,
	.block {
		margin: 0 -25px 0px 0px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-11 {
		left: -3px;
	}

	.table.detailview-table.no-border tr td.fieldValue {
		left: 27px !important;
		top: 13px;
		float: none !important;
		height: 78px;
		border: none !important;
	}

	.blockData {
		padding: 20px 0px 20px 0px;
	}

	#detailView td.fieldValue .action {
		right: 45px;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		margin-left: 28px !important;
	}

	#detailView td.fieldValue .edit {
		width: 90% !important;
	}

	.left-block.col-lg-6.col-md-12.col-sm-5.pull-left.p0.ml10.Mob_scr_width {
		width: 101%;
	}

	.ipad_summaryWidgetContainer_1 {
		width: 198%;
	}

	.recentActivitiesContainer {
		margin-left: 29px;
	}

	.resClass.mr20.ml20.mob_mr-top {
		margin-left: 8px !important;
		width: 99%;
	}

	.ipad_activityContents {
		margin-left: 45px;
		width: 102%;
	}

	.right-block.col-lg-6.col-md-6.col-sm-6.pull-left.p0.ms_width_for_invoice_act_cmts {
		width: 51%;
		left: -10px;
	}

	.ipad_Quote_detail_page {
		margin-top: 45px;
	}

	.detailViewContainer .block {
		width: 95%;
	}

	.ipad_header_less_details_page {
		top: 7px;
	}

	.more-icons-new {
		margin: 0 -65px !important;
	}

	.dragdrop-dotted button {
		width: 205px;
	}

	.emptyRecordsDiv .emptyRecordsContent {
		top: 30px;
		width: 200%;
		left: 410%;
	}

	.ipad_calendar_clearfix {
		height: 106px !important;
	}

	.module-action-bar .Calendar-module-action-content .navbar-nav .nav-item .settingsIcon .detailViewSetting {
		top: 53px;
		left: 61px;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:first-child {
		height: 51px;
	}

	.usersListDiv .select2-container.select2 {
		width: auto !important;
	}

	.treeView .toolbar-handle a.droppable {
		margin-left: 0px !important;
	}

	.treeView li .toolbar-handle a:before {
		width: 25px !important;
	}

	.settingsgroup.setting_grp_search {
		margin-top: 38px !important;
	}

	.editViewPageDiv.viewContent {
		padding-right: 12px;
	}

	.alluser {
		margin-left: 10px !important;
	}

	.card-header-new {
		background-color: transparent;
	}

	.contents {
		overflow: scroll;
	}

	.col-lg-6.col-md-6.module-breadcrumb.col-6 {
		display: none !important;
	}

	.settingsgroup {
		margin-top: 42px !important;
	}

	.settingsPageDiv.content-area.clearfix .ModulemanagerSettings .moduleImage {
		margin-left: 5px;
	}

	table.table.table-bordered.modulesTable {
		width: 179%;
	}

	.table-toggle1.table.form-horizontal.no-border {
		height: auto;
	}

	.Workflows .settingsmenu-starts {
		margin: 0px;
		padding: 0px !important;
	}

	.form_trigger_element {
		min-width: 572px !important;
	}

	.condition_group {
		width: 100% !important;
		min-width: 350px !important;
	}

	.fc-overlay-modal {
		left: 5px;
		width: 97%;
	}

	.ipad_duplicate_tabble {
		margin-left: -17px;
		width: 113% !important;
	}

	.setting_main_search {
		margin-top: 60px;
	}

	.settingsPageDiv.content-area.clearfix.Head,
	.settingsPageDiv.content-area.clearfix.Webhooks,
	.settingsPageDiv.content-area.clearfix.ModuleManager,
	.settingsPageDiv.content-area.clearfix.LoginHistory,
	.settingsPageDiv.content-area.clearfix.Roles,
	.settingsPageDiv.content-area.clearfix.SharingAccess,
	.settingsPageDiv.content-area.clearfix.Groups,
	.settingsPageDiv.content-area.clearfix.Users,
	.settingsPageDiv.content-area.clearfix.Tags,
	.settingsPageDiv.content-area.clearfix.MenuManager,
	.settingsPageDiv.content-area.clearfix.Notifications,
	.settingsPageDiv.content-area.clearfix.Contacts,
	.settingsPageDiv.content-area.clearfix.PBXManager,
	.settingsPageDiv.content-area.clearfix.PortalUser,
	.settingsPageDiv.content-area.clearfix.ExtensionStore {
		width: 85% !important;
	}

	.settingsPageDiv.content-area.clearfix.Head.full-width,
	.settingsPageDiv.content-area.clearfix.Webhooks.full-width,
	.settingsPageDiv.content-area.clearfix.ModuleManager.full-width,
	.settingsPageDiv.content-area.clearfix.LoginHistory.full-width,
	.settingsPageDiv.content-area.clearfix.Roles.full-width,
	.settingsPageDiv.content-area.clearfix.SharingAccess.full-width,
	.settingsPageDiv.content-area.clearfix.Groups.full-width,
	.settingsPageDiv.content-area.clearfix.Users.full-width,
	.settingsPageDiv.content-area.clearfix.Tags.full-width,
	.settingsPageDiv.content-area.clearfix.MenuManager.full-width,
	.settingsPageDiv.content-area.clearfix.Notifications.full-width,
	.settingsPageDiv.content-area.clearfix.Contacts.full-width,
	.settingsPageDiv.content-area.clearfix.PBXManager.full-width,
	.settingsPageDiv.content-area.clearfix.PortalUser.full-width,
	.settingsPageDiv.content-area.clearfix.ExtensionStore.full-width {
		width: 100% !important;
	}

	.onoffswitch1-switch {
		margin: 17px -1px;
	}

	.listbg {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.wizards .breadcrumb_line {
		width: 62%;
		left: 92px;
	}

	.ipad_white_background {
		box-shadow: none;
		width: 104%;
	}

	.white-background.m0.ipad_white_background.ipad_scrn_Services_details_page {
		width: 100%;
	}

	.commentImage.commentInfoHeader {
		margin-left: -20px !important;
	}

	.editViewContents.tabbable {
		margin-left: 15px !important;
	}

	#detailView .detailview-table .input-group.editElement,
	.calendar-timezone .input-group.editElement {
		/* left: -25px; */
		left: 0px;
	}

	.detailViewContainer .pdfkil {
		margin-top: 20px !important;
	}

	#detailView td.fieldValue .inputElement {
		margin-top: 10px !important;
	}

	.ms_quick_create_menu {
		margin-top: 17px !important;
		width: 693px !important;
		/* margin-left: -1165px!important; */
		left: -415px !important;
	}

	.showMap_upload {
		display: inline-block;
		width: 624px;
		/* white-space: nowrap; */
		overflow: hidden !important;
		text-overflow: ellipsis;
	}
}

/* ipad pro screen responsive */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.company-logo img {
		/* margin: 12px 19px 19px 10px;
		width: auto !important; */
		/* border: 1px solid #ddd; */
	}

	.company-logo {
		/* box-shadow: 5px 7px 26px -5px #cdd4e7; */
	}

	.settingsmenu-starts.p0.mt0.col-lg-12.col-md-12.col-sm-12.col-xs-12.m0.ipad_pro_scr_layouteditorpage {
		margin: 15px 0px !important;
	}

	.fc-overlay-modal {
		left: 5px;
		width: 100%;
	}

	.quick-panel.myModal.fade.show {
		width: 75% !important;
		margin-right: 9px;
		box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
		z-index: 1034;
		left: 121px;
	}

	.modal-dialog .modal-content .modal-footer {
		padding: 12px 5px;
		left: 327px;
	}

	.showMap_upload {
		display: inline-block;
		width: 500px;
		/* white-space: nowrap; */
		overflow: hidden !important;
		text-overflow: ellipsis;
	}

	#sidebar-essentials ul li a,
	#sidebar-more-menu-list .exmenu li span {
		padding: 8px 0px 11px 0px !important;
	}

	#sidebar-more-menu-list .sidebar-more-menu-title {
		margin-left: 0px;
	}

	.wizards .breadcrumb_line {
		left: 111px;
	}
}

.bottomscroll-div.webform-center-align {
	padding: 0px 20px 0px 20px;
}

.extension_contents img {
	width: 100px;
	height: 100px;
}

/* Support Page Design */

.support-page {
	background: white;
}

.support-page.main-support {
	border: 1px solid #deebfd;
	border-radius: 5px;
}

.support-page .img-wrapper {
	width: 500px;
}

.support-page .images-support {
	width: 100%;
	height: 100%;
}

.support-page input,
.support-page textarea,
.support-page select {
	/* background: #f7f9f8 !important; */
}

.e.support-page mail-us {
	text-decoration: underline;
}

.support-page label {
	font-weight: 600;
	color: #716f6f
}

.support-page button {
	float: right;
}

.support-page button span {
	margin-left: 8px;
}

.support-page button i {
	margin: 0px 8px;
}

@media (max-width:600px) {
	.support-page .images-support {
		width: 90%;
	}
}

@media (max-width:560px) {
	.support-page .images-support {
		width: 80%;
	}
}

@media (max-width:500px) {
	.support-page .images-support {
		width: 70%;
	}
}

@media (max-width:450px) {
	.support-page .images-support {
		width: 60%;
	}
}

@media (max-width:400px) {
	.support-page .images-support {
		width: 50%;
	}
}


/* End of Support Page Design */

.settingsmenu-starts.Pipeline_page_details_scrn.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
	height: 100vh;
	overflow-y: scroll;
}

.blockFieldsList .fancy-checkbox {
	margin-top: -2px;
}

.block.block_LBL_INVITE_USER_BLOCK.calender_page_block_view {
	margin-left: 1.4% !important;
}

.preferenceDiv {
	margin-top: -321px;
}

.checkbutton {
	display: flex;
}

.checkbutton label {
	margin-top: 0px;
}

.checkbutton input.col-md-6 {
	align-self: center;
}

.container-fluid.support-page {
	width: 96.8%;
	margin-left: 20px;
}

.clearfix.p10.card-header-new.m20 {
	margin-top: 0px !important;
}

.fc-overlay-modal.modal-content.import_error {
	background: white;
	border-radius: 10px;
	width: 98.2%;
}

.PDF_maker_ms .table-container,
.table.listview-table {
	border: 1px solid #e0e0e0 !important;
}

.dropdown.open ul.dropdown-menu.quickcreateMoreDropdown.top_header_quick_create {
	display: block;
	width: 270px !important;
	margin-top: -30px !important;
	min-width: 270px !important;
}

.quick-panel .modal-header.Layout_editor_page {
	right: -194px;
}

.mass_edit .checkbox {
	margin-top: 15px;
}

@media (width:1024px) {
	.settingsmenu-starts .editViewPageDiv .editViewHeader.workflow {
		padding: 0px;
	}

	form.form-horizontal.recordEditView.joforce-bg.mt0.webforms_ipadpro {
		width: 99% !important;
	}

	.settingsmenu-starts {
		padding: 20px !important;
		margin: 78px 0 20px 20px;
	}

	.detailview-content .details .relatedContainer.ms_relatedContainer.ipad_scrn_campaigns {
		margin-left: 15px !important;
	}

	.detailview-content .details .relatedContainer.Accounts_ipadpro_scr_style,
	.detailview-content .details .relatedContainer.mac_scr_doc_upload,
	.detailview-content .details .relatedContainer.Potentials_document_page_ipadpro_scr {
		margin-left: 30px !important;
	}

	.recentActivitiesContainer.Mob_rela_Width.mac_scr_align_recent {
		margin-left: 40px;
		width: 95%;
	}

	.big_scr_details_page .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
		margin-left: 30px !important;
		width: 95%;
	}

	.Mac_scr_Leads_page_details #detailView {
		/* width: 103% !important; */
		padding-left: 15px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page_contact {
		padding-left: 15px !important;
	}

	.joforce-bg-list.Email_template_page {
		margin: 75px 0 20px 13px;
	}

	.content-area.full-width {}

	.editViewPageDiv.viewContent {
		width: 100%;
		padding-right: 24px;
		margin-left: 10px !important;
	}

	.main-container .content-area {
		/* margin-left: 1.5% !important; */
	}

	.main-container.clearfix.main-container-EmailPlus {
		display: inline;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page {
		/* margin-left: -10px !important; */
	}

	.detailview-content.container-fluid .Mac_scr_Leads_page_details {
		left: 2px !important;
	}

	.settingsmenu-starts.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		/* padding: 0px !important;
		margin: 40px 0 0 0 !important;
		width: 100% !important; */
		padding: 16px !important;
		margin: 62px 7px 14px 9px !important;
		width: 97.8% !important;
	}
}

/* mac screen only style accepted */
@media (width:1280px) {
	.workflow_content_area .mCustomScrollBox {
		min-height: 400px;
	}
	.detailViewPageDiv.Leads #pipeline_stages.Leads li {
		width: 12% !important;
	}

	.table-toggle.fixed-scroll-table td span {
		font-size: 14px !important;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section {
		margin-left: 35px !important;
		width: 96%;
	}

	#sidebar-more-menu-list .accordion .sidebar-more-menu-title i.dropdown-icon {
		margin: 8px !important;
	}

	.search-link {
		width: 92%;
	}

	.global-actions .row.nav.navbar {
		right: -25px;
	}

	.content-area.full-width.Quotes,
	.content-area.full-width.Calendar,
	.content-area.full-width.Campaigns,
	.content-area.full-width.PurchaseOrder,
	.content-area.full-width.SalesOrder,
	.content-area.full-width.Invoice {
		padding-left: 5.8% !important;
	}
}

/* end of  mac screen only style accepted */
.wizards .step.active .stepText {
	color: black !important;
}

#dragandrophandler {
	margin-top: 14px;
}

.PDFMaker_lap_scr .card-header-new {
	margin-left: 16px;
	width: 98.5%;
	margin-bottom: 30px;
	padding: 10px;
}

.pipeline_page_style .card-header-new {
	margin-bottom: 20px !important;
}

.webform_page_style .record-header,
.webform_page_style .joforce-detailview-btn {
	margin: 0px !important;
}

.webform_page_style .card-header-new {
	margin-left: 31px;
	width: 95.5%;
	padding-bottom: 2px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.webform_page_style .info-row {
	margin-left: -45px;
	text-transform: capitalize;
}

.editViewHeader.card-header-new.p20.mt10.webform_edit_page_style {
	margin-left: 14px;
}

span.col-sm-12.col-md-12.card-header-new.row.lead_mapping_header_setting {
	margin-bottom: 20px;
}

#convertLeadMapping .select2,
#workflow_condition .select2 {
	border: none !important;

}

.editViewHeader.card-header-new.p20.mt0.webhooks_lap_screen {
	margin-left: 0px;
	padding: 13px !important;
	width: 99.8%;
}

#ConfigEditorForm label {
	margin-left: 25px;
}

.card-header-new.picklist_setting {
	margin-left: 19px;
}

.picklist_page_style label {
	margin-left: 20px;
}

.addreslookup.card .card-header-new {
	margin-bottom: 20px;
}

.checkbutton.notification_checkbutton {
	padding: 10px;
}

.checkbutton.notification_checkbutton #global-notification {
	margin-right: 10px;
}

.googleaccount .card-header-new {
	margin-bottom: 20px;
	margin-left: 15px;
}

.card.m50.pbxManager-page_ms .card-header-new {
	margin-left: 19px;
}

.schedule_page_style {
	margin-top: 30px;
}

.editContainer.card.m30.Report_page_edit_view {
	min-height: 100%;
	/* height: 65vh; */
	overflow-y: scroll;
}

.PDFMaker_lap_scr {
	min-height: 100%;
	height: 86vh;
	overflow-y: scroll;
}

.Roles_page_view_style {
	min-height: 100% !important;
	height: 71vh !important;
	overflow-y: scroll;
}

#detailView .block {
	background-color: white !important;
}

.emailtemplate_page_record_views {
	min-height: 100%;
	height: 88vh;
	overflow-y: scroll;
}

.user-container .card-header-new {
	margin-bottom: 20px;
}

.editViewBody.card {
	/* min-height: 100%;
	height: 56vh;
	overflow-y: scroll; */
}

.group_page_view_style .card-header-new {
	margin-left: 14px;
}

#ConfigEditorDetails .detailViewInfo .row.form-group {
	align-items: baseline;
}

.detailViewContainer.viewContent.clearfix.ipad_Quote_detail_page {
	margin-left: 15px;
}

.Roles_page_view_style .editViewHeader.card-header-new {
	margin-bottom: 20px;
}

.fc-overlay-modal.modal-content.overlayEdit form.form-horizontal.recordEditView {
	margin-left: 0px !important;
	width: 98.5%;
}

.fc-overlay-modal.modal-content.overlayEdit .overlayHeader {
	width: 98.5%;
}

.modal-body .cursorPointerMove {
	margin-top: -4px;
}

button.btn.dropdown-toggle.btn-disabled {
	display: none;
}

.more-icons .nav-tabs .tab-item a {
	border: solid 1px #ccc;
	width: 100% !important;
	border-radius: 3px;
	color: #000;
	margin-top: 8px !important;
}

.more-icons>ul>li.active a {
	background-color: #d4d1ce;
	color: #000;
}

.row .nav.charttabs>li a,
.nav-tabs>li a {
	margin: 0px 3px;
}

.tab-item a {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.row .nav.charttabs>li a,
.nav-tabs>li a {
	margin: 0px 3px;
	padding: 2px 2px;
	/* border-top: solid 1px #ccc; */
	width: 100% !important;
}

.more-icons .nav-tabs li:hover a {
	background-color: #f7f7f7;
	color: #000;
	border: solid 1px #ccc;
}

.more-icons .nav-tabs .tab-item {
	width: 92% !important;
	border: none;
	margin-top: 0px !important;
}

.more-icons .nav-tabs li:hover,
.more-icons>ul>li.active,
.more-icons .nav-tabs .tab-item:active {
	border: none;
	background-color: transparent;
}

.row .nav.charttabs>li,
.nav-tabs>li {
	margin: -2px 0px !important;
}

.more-icons>ul>li.active>a:hover {
	background-color: #b2b3b5;
}

.setmanagement .nav-tabs>li {
	margin: 4px 4px !important;
}

.changed.active {
	background-color: #376ae8 !important;
}

button.ui-dialog-titlebar-close::after {
	content: 'x';
	top: -6.8px;
	position: absolute;
	left: 4px;
}

.ui-widget-content {
	height: 30px;
}

.ui-dialog-titlebar-close {
	background-color: #fff !important;
	border: 1px solid #ddd;
}

.ui-dialog-buttonset button,
.ui-dialog-titlebar-close {
	border-radius: 4px !important;
	padding: 0 0.5rem;
	font-size: 0.875rem;
	line-height: 2;
	border-radius: 0.125rem;
}

.ui-dialog-buttonset button:first-child {
	color: #fff;
	background-color: #0162e8;
	border-color: #0162e8;
}

.ui-dialog-buttonset button:last-child {
	color: #fff;
	background-color: #ee335e;
	border-color: #ee335e;
}

input#md_related_list_custom_name:focus-visible {
	border: 1.1px solid #ddd;
}

.ui-widget-header {
	border-bottom: 1px solid #ddd !important;
	border-radius: 0px !important;
	background: #f9f9f9 !important;
	border: none;
}

#modulePickListValuesContainer .nav-tabs>li:first-child a {
	/* padding: 16px 264px; */
}

#modulePickListValuesContainer .nav-tabs>li:last-child a {
	/* padding: 16px 199px; */
}

#modulePickListValuesContainer .contents.tabbable .nav-tabs>li:hover a,
#modulePickListValuesContainer .contents.tabbable .nav-tabs>li.active a {
	background-color: #f7f7f7;
}

#EditViewOutgoing {
	height: 60vh;
	min-height: 100%;
	overflow-y: scroll !important;
	overflow: hidden;
}

.col-md-12.pagenamehead.card-header-new.sharing_access_page_style h3 {
	margin-bottom: 0px !important;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
.mCSB_container {
	padding: 0px;
}

.subjectField .col-lg-12,
.toEmailField .col-lg-12 {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.subjectField input[type="text"],
.bccContainer input[type="text"],
.ccContainer input[type="text"] {
	height: 35px !important;
}

.popupEntriesTableContainer .searchRow td .select2-container .select2-chosen {
	padding: 7px;
}

.popupEntriesTableContainer .searchRow td .select2-container {
	height: auto !important;
	margin-top: 0px !important;
	top: 0px;
}

.popupEntriesTableContainer .select2-container .select2-choice .select2-arrow {
	top: 4px !important;
}

#popupContents .row:nth-of-type(1) {
	/* display: none !important; */
}

.calendarQuickCreateContent label {
	margin-top: 0px;
}

.LayoutEditor_card_header .select2-chosen,
.select2-choice>span:first-child,
.LayoutEditor_card_header .select2-container .select2-choices .select2-search-field input {
	padding: 5px 10px;
}

.settingsmenu-starts.p0.col-lg-12.col-md-12.col-sm-12.col-xs-12.mt-0.ipad_pro_scr_layouteditorpage {
	margin-top: 75px !important;
}

.settingsmenu-starts.col-lg-12.col-md-12.col-sm-12.col-xs-12.ipad_scr_view_style {
	padding-top: 0px !important;
}

.webhooks_edit_view_page_style .select2-container {
	width: 100% !important;
}

.settingsmenu-starts.col-lg-12.col-md-12.col-sm-12.col-xs-12 .settings-duplicate-check.card {
	margin: 20px 20px;
}

.settings-duplicate-check.card {
	margin: 70px 20px;
}

.addModuleContainer h4.textOverflowEllipsis {
	font-size: 15px;
	margin-top: 5px;
}

.addModuleContainer h4.textOverflowEllipsis.SALES_quick_create_heading {
	margin-top: 10px;
}

.settingsPageDiv.content-area.clearfix.DuplicateCheck #settingsmenu-starts {}

.col-sm-12.col-xs-12.joforce-bg-list.ms_report_page_table_top-0 {
	max-height: 700px;
}

.col-lg-7.col-sm-7.col-md-7.pr0.pl0.label-column.SalesOrder_page_label {
	/* top: 3px; */
}

.SalesOrder_page_label .editViewContents .fieldLabel.boolean {
	top: 12px;
}

.SalesOrder_page_label .editViewContents .fieldLabel.date,
.SalesOrder_page_label .fieldLabel.alignMiddle.date {
	top: 10px;
}

.SalesOrder_page_label .fieldLabel.alignMiddle.text {
	top: 5px;
}

.editViewContents .fieldLabel.currency,
.editViewContents .Invoice .fieldLabel.date {
	top: 10px;
}

.editViewContents .Services .fieldLabel.alignMiddle.date {
	top: 11px;
}

.white-background .summary-table .fieldValue.unwanted_summary_feilds {
	display: none;
}

.detail-view-header {
	display: flex;
	padding-left: 4.3% !important;
	width: 100% !important;
	margin-top: 20px;
	/* margin-bottom: -20px; */
}

.users-menu-starts .app-footer {
	position: fixed;
}

.app-footer.login_footer {
	position: absolute !important;
}

body {
	position: relative;
}

ul.nav.nav-pills.nav-wizard.nav-justified.pipe-stage li {
	width: 9% !important;
}

.col-lg-12.col-sm-12.col-xs-12 {
	/* position: initial; */
}

.app-footer.Vendors {
	/* position: fixed; */
	/* position: absolute;
	left: 0px;
	bottom: -20px;
	width: 100%; */
}

.users-menu-starts.Users .modal-overlay-footer {
	/* position: fixed; */
}

.currencyModalContainer .modal-header.Layout_editor_page {
	right: -202px;
}

.editViewContents .fieldLabel.alignMiddle.booleanbool {
	top: 17px;
}


.editViewContents .fieldLabel.alignMiddle.percentage {
	top: 9px;
}

.editViewContents .Potentials .fieldLabel.alignMiddle.date {
	top: 11px
}

.detail-view-header.detail-view-header-shrinked {
	padding-left: 14.3% !important;
}

.pipe-stage li {
	width: 14% !important;
}

/* dashboard Widget */
.dashboardWidget {
	height: 312px !important;
}

#saveTask .modal-overlay-footer {
	position: fixed;
}

/* end of dashboard Widget */
.moduleContent .fieldValue .input-group .new-date {
	top: 10px;
}

/* .detailViewPageDiv.content-area.Leads .Leads {
	width: 100%;
	display: flow-root;
	overflow: hidden;
	overflow-y: scroll;
	min-width: 100%;
} */
.detailViewPageDiv.content-area.Leads #pipeline_stages.Leads {
	width: 100%;
	overflow: hidden;
	display: inline-block;
	overflow-y: scroll;
}

.table-container.Tags.table_container_align_left td:first-child {
	text-align: inherit;
}

.filePreview .modal-header {
	right: -218px;
}

.filePreview .modal-header .filename p {
	overflow: hidden;
	word-wrap: anywhere;
}

/* chrome only code accepted css */
@-moz-document url-prefix() {}

/* end of chrome only code accepted css */
/* 404 page style */
.container-fluid.container-error-box {
	height: 100vh;
	font-weight: bolder;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0px !important;
	background: #ecf0fa;
}

h1.page-error.text-center {
	font-size: 80px;
}

/* end of 404 page style  */
/* lap screen 1280 to 1399 */
@media screen and (min-width: 1281px) and (max-width: 1399px) {
	.modal-header h4 {
		font-size: 18px;
	}

	.modal-header button.close {
		margin-left: 44px;
		font-size: 20px !important;
	}

	.company-logo img {
		margin: 12px 19px 19px 13px;
	}

	#sidebar-essentials ul li a,
	#sidebar-more-menu-list .exmenu li span {
		padding: 8px 0px 15px 5px !important;
	}

	.search-link {
		width: 92%;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td {
		font-size: 14px;
	}

	#sidebar-more-menu-list .sidebar-more-menu-title {
		padding-left: 20px;
		padding-right: 25px;
	}

	.quick-panel .modal-header {
		right: -196px;
	}

	/* .col-lg-12.col-xl-12.col-md-12.col-sm-12.p0.m0.pull-left.full_width_doc_acti{
		left: 4px;
	}
	.col-lg-12.col-xl-12.col-md-12.col-sm-12.p0.m0.pull-left.full_width_doc_acti .Accounts_detailview_height_mac{
		margin-left: -8px;
   		 width: 99.8%;
	} */
	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page {
		left: 5px;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page .block {
		margin-left: 10px !important;
		width: 99.5%;
	}

	.resizable-summary-view .middle-block-new {
		width: 48%;
		min-width: 20%;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page_contact {
		margin-left: -5px !important;
	}

	.relatedContainer.big_scrn_details_view_Contact {
		margin-left: 35px !important;
		width: 97%;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section.big_scr_details_view_contact_comment {
		width: 97%;
	}

	.cumulative-widget span {
		font-size: 18px;
	}

	.recentActivitiesContainer.Mob_rela_Width {
		margin-left: 25px;
		width: 97%;
	}

	.relatedContainer.mac_scr_left_align {
		width: 97%;
	}

	.big_scrn_product_details_page .block {
		margin-left: 15px !important;
	}

	.recentActivitiesContainer.Mob_rela_Width.mac_scr_align_recent {
		margin-left: 30px;
	}

	.relatedContainer.big_scrn_details_view_product {
		margin-left: 30px !important;
		width: 97%;
	}

	.HelpDesk .full_width_doc_acti {
		margin-left: 8px !important;
	}

	.HelpDesk .mac_scr_details_view_table_page_all {
		margin-left: -8px;
		width: 99%;
	}

	.HelpDesk .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_comments_section.ipadpro_scr_style {
		margin-left: 25px !important;
	}

	.HelpDesk .recentActivitiesContainer.Mob_rela_Width {
		width: 96%;
	}

	#sidebar-more-menu-list .accordion .sidebar-more-menu-title i.dropdown-icon {
		margin: 8px !important;
	}

	#sidebar-essentials ul.content.ml40 {
		margin-left: 20px !important;
	}

	.Quotes .block.block_LBL_QUOTE_INFORMATION.ml20 {
		margin-left: 0px !important;
	}

	.Quotes .block.block_LBL_QUOTE_INFORMATION.ml20 {
		margin-left: 0px !important;
	}

	.Quotes .block,
	.PurchaseOrder .block {
		width: 99.8%;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:nth-child(2),
	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:first-child,
	.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td:last-child {
		height: 42px;
	}

	.big_scrn_details_view_Services .select2_search_div {
		overflow: visible !important;
	}

	.relatedContainer.big_scrn_details_view_Services {
		width: 96.7%;
		margin-left: 35px !important;
	}

	.recentActivitiesContainer.Mob_rela_Width.big_scr_service_page_detailview_align {
		margin-left: 33px;
		width: 96.7%;
	}

	.relatedContainer.ms_relatedContainer.ipad_scrn_campaigns {
		margin-left: 30px;
		width: 97%;
	}

	.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table tbody tr td:nth-child(2),
	.table-container .fixed-scroll-table #listview-table.listview-table-onerecords.listview-table thead tr th:nth-child(2) {
		width: 17.7% !important;
	}

	.details.ms_invoice_details {
		width: 100%;
	}

	.commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.ms_scr_cmt_sec {
		width: 97.6%;
	}

	.PurchaseOrder .relatedContainer.ms_relatedContainer.ipad_scrn_campaigns {
		margin-left: 20px;
	}

	.filePreview .modal-header {
		right: -182px;
	}

	.filePreview .modal-header div .btn {
		font-size: 12px;
	}

	.summaryWidgetContainer .widgetContainer_documents ul {
		overflow: hidden;
		word-wrap: anywhere;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.Mac_scr_Leads_page_details {
		margin-left: 5px !important;
	}

	.Mac_scr_Leads_page_details .mac_scrn_Leads_details_page_table {
		margin-left: -8px;
	}

	.Mac_scr_Leads_page_details .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35.mac_scrn_lead_comments {
		margin-left: 25px !important;
		width: 97%;
	}

	.col-lg-12.col-xl-12.col-md-12.col-sm-12.pl10.m0.pull-left.big_scr_details_page .commentContainer {
		margin-left: 25px !important;
	}

	.PriceBooks .lead_add_details_big_view {
		margin-left: 10px !important;
	}

	.SalesOrder .relatedContainer.ms_relatedContainer.ipad_scrn_campaigns {
		margin-left: 20px;
	}

	.Invoice .block {
		width: 100%;
	}

	.Invoice .relatedContainer.ms_relatedContainer.ipad_scrn_campaigns {
		margin-left: 20px;
	}

	.pdf_block {
		padding: 21px 39px 28px 10px !important;
	}

	.settingsPageDiv #search_display ul li {
		width: 8% !important;
	}
}

/* end of lap screen 1280 to 1399 */
/* lap screen only 1366px */
@media screen and (width: 1366px) {
	.quick-panel .modal-header {
		right: -206px !important;
	}

	.main-container-Calendar .quick-panel .modal-dialog .modal-content .modal-header span {
		margin-left: 0px;
	}

}

/* end of lap screen only 1366px */
ul.dropdown-menu.more-actions-right.dropdown-menu-right.reverse.show {
	top: auto !important;
	bottom: 100% !important;
}

.table-container.list_view_table_height {
	height: 600px !important;
}

#massEmailForm #attachments {
	margin-top: 20px;
}

.main-container-Products .table-container .percentage-input-group .input-group-addon {
	top: 10px;
	/* left: 0px; */
	width: 30px;
	z-index: auto;
}


.main-container-Products .table-container .percentage-input-group input {
	z-index: auto;
}

.main-container.clearfix.panel-width .form_trigger_element {
	min-width: auto;
}

.main-container.clearfix.panel-width .form-group .div_field {
	width: 100%;
}

.ms_scr_icon_clock,
.setting_user_import .input-group-addon {
	top: 10px;
}

.main-container.clearfix.panel-width .condition_group .Condition_add {
	width: 300px !important;
	margin-left: -19px;
}

.main-container.clearfix.panel-width .condition_group {
	min-width: 281px;
}

.workflow_content_area .tabbable {
	/* min-height: 100%;
	height: 100vh;
	overflow: scroll; */
}

.workflow_content_area .mCustomScrollBox {
	position: relative;
	/* overflow: scroll; */
	height: 50vh;
	max-width: 100%;
	min-height: 520px;
	outline: 0;
	direction: ltr;
}

.input-group .inputElement {
	padding: 3px 35px !important;
}

.profilesEditView .ui-widget-content {
	height: 14px;
}

form[name='addItemForm'] .modal-body {
	overflow: scroll;
}.main-container.panel-width .quick-panel.myModal.fade.show {
	display: block !important;
}

.main-container .quick-panel.myModal.fade.show {
	display: none !important;
}.input-group input[type="text"].inputElement {
	padding: 3px 38px !important;
}

.input-group #account_id_display {
	padding: 3px 10px !important;
}

.referencefield-wrapper .input-group #account_id_display {
	padding: 3px 38px !important;
}

#listedit td[title="Wait For Response"] .picklist-color {
	background-color: #ffff9f;
}


.main-container.panel-width .quick-panel.myModal.fade.show {
	display: block !important;
}

.main-container .quick-panel.myModal.fade.show {
	display: none !important;
}

.searchRow .select2_search_div {
	overflow: initial !important;
}

.modal-overlay-footer.clearfix.terms_and_conditions_footer {
	bottom: -60px;
}

.googleaccount .google {
	font-size: 35px;
	color: #fd5344 !important;
	border-right: solid 3px #ccc;
	padding-right: 30px;
}

.googleaccount .siging {
	font-size: 20px;
	margin-top: 20px;
	color: #000;
	margin-left: 60px !important;
}

.setting_user_import .modal-header button.close {
	background: transparent;
}

.taskTypeUi .select2-container,
.report_edit .select2-container {
	width: 100%;
}
.col-sm-12.col-xs-12.extensionContents{
	margin-top: 80px;
	padding: 30px;
}
.extensionContents .card-header-new{
	margin-left: 20px;
}
.extensionContents .syncNow{
	margin-left: 20px;
}
#detailviewhtml{
	background: white;
}
#detailviewhtml .table-bordered{
	margin-left: 0px;
}