html {
	height: 100%;
	overflow-y: auto
}

body>.mCSB_inside>.mCSB_container {
	margin-right: 15px
}

body.modal-open {
	overflow: visible
}

input:focus::-webkit-input-placeholder {
	color: transparent
}

input:focus:-moz-placeholder {
	color: transparent
}

input:focus::-moz-placeholder {
	color: transparent
}

input:focus:-ms-input-placeholder {
	color: transparent
}

textarea {
	padding: 3px 8px !important;
	width: 100%;
	border: 1px solid #e1e5ef;
}

a {
	color: inherit;
	cursor: pointer;
	text-decoration: none !important;
}

hr {
	margin: 10px 0
}

input[type="text"].inputElement,
input[type="password"].inputElement {
	padding: 3px 10px
}

#page {
	min-height: 100% !important;
	padding-top: 50px;
	background: #ecf0fa !important;
}

#messageBar {
	opacity: .5;
	background-color: white;
	z-index: 100000;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%
}

.app-fixed-navbar {
	background: #fff;
	border-bottom: 0;
	margin-bottom: 0;
	border-top: 0;
	height: 63px;
	padding: 0 !important;
}

.navbar .fa {
	font-size: 18px
}

.navbar .joicon {
	display: inline-block;
	font-size: 16px;
	position: relative
}

.row ul li:first-child {
	margin-left: 0
}

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

.row .nav>li>a:hover {
	border-bottom-color: #555
}

.row .nav>li>a:hover {
	border-bottom-color: #555;
	background: 0
}

.nav>li>a:hover,
.nav>li>a:focus {
	background-color: #fff
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	color: #000;
	background-color: #fff
}

.nav-tabs>li {
	border-bottom: 3px solid transparent;
	margin: 10px 20px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li>a {
	border: 0
}

/* app-footer - starts */

#page {
	position: relative;
}
.app-footer {
	position: inherit;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	/* background: #fff; */
	text-align: center;
	display: block;
	z-index: 9999999999 !important;
	justify-content: space-between;
	border: 1px solid #f3f3f39c;
}

.app-footer p {
	width: 100%;
	text-align: left;
	background: #fbfbfb;
	margin-bottom: 0;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	font-size: 10px;
	padding-left: 20px;
	text-align: center;
}

.app-footer img {
	margin-right: 10px;
	margin-top: 5px;
}

.app-footer p a {
	font-size: 12px !important;
	font-weight: bold !important;
}


/* app-footer - ends */


/* sidebar - starts */

.app-menus {
	width: 100% !important;
}

.app-menus ul {
	list-style: none;
	padding: 0 !important;
}

.app-menus ul .divider {
	height: 1px;
	margin: 0px 0;
	overflow: hidden;
	background-color: #ebebeb;
}

.shrinked-sidebar {
	width: 5% !important;
}

.sidebar-essentials .list-menu-content .list-group ul.lists-menu li a {
	font-size: 15px !important;
}

.main-container .sidebar-essentials {
	width: 20%;
	left: 0px !important;
	position: fixed;
	top: 60px;
	overflow: auto;
	z-index: 1111;
	bottom: 0;
	margin-top: 0;
	border: 1px solid #e3e3e3;
	box-shadow: 0px 8px 14.72px 1.28px rgba(229, 228, 230, 0.5);
	border-right: 1px solid #e3e3e3;
	transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
	-webkit-box-shadow: 0px 8px 14.72px 1.28px rgba(229, 228, 230, 0.5);
}

#sidebar-essentials ul {
	font-size: 15px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#sidebar-essentials ul li {
	position: relative;
}

#sidebar-essentials::-webkit-scrollbar {
	display: none;
	background: transparent;
}


/* Hide scrollbar for IE, Edge and Firefox */

#sidebar-essentials {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

#sidebar-more-menu-list {
	display: inline;
}

#sidebar-more-menu-list .sidebar-more-menu-title {
	padding-right: 40px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

#sidebar-essentials ul li a,
#sidebar-more-menu-list .content li span {
	padding: 15px 0px 15px 0px !important;
	align-items: center;
	display: flex;
	justify-content: flex-start;
	position: relative;
	font-size: 15px;
	height: auto;
	line-height: 1.3;
	color: inherit;
}

.Gsearch {
	border: none;
	padding: 6px 27px 23px 8px;
	background: url(images/magnifier.png) no-repeat left;
	float: left;
	position: absolute;
	left: -10px;
	top: 3px;
}


#sidebar-essentials ul li a,
#sidebar-more-menu-list .exmenu li span {
	padding: 8px 0px 15px 0px !important;
}

.ui.accordion,
.ui.accordion .accordion {
	margin-top: 20px;
}


#sidebar-essentials ul li a .module-icon,
#sidebar-more-menu-list .sidebar-more-menu-title .menu-icon {
	display: inline-block;
	font-size: 20px;
	line-height: 24px;
	text-align: left;
	vertical-align: middle;
	width: 20px;
	transition: all 0.2s ease-in-out 0s;
}

#sidebar-essentials ul li a span.module-name,
#sidebar-more-menu-list .sidebar-more-menu-title span {
	transition: all 0.2s ease-in-out 0s;
	display: inline-block;
	margin-left: 15px;
	white-space: nowrap;
}

li.custom-menu-list.active {
	background: #f5f5f5;
	color: blue;
}

li.custom-menu-list.active a.menu-list {
	/* color:$primary-color !important; */
}

li.custom-menu-list:hover,
li.custom-menu-list:focus {
	background: #f5f5f5;
	color: #004bff;
}

li.custom-menu-list:hover a.menu-list,
li.custom-menu-list:focus a.menu-list {
	background: none;
}


/* sidebar - ends */


/* tobar notifications - starts */

.notification_count {
	border-radius: 7px;
	background: #EB5855;
	position: absolute;
	top: 3px;
	left: 50%;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
	line-height: 12px;
	font-size: 13px;
}

.global-notification-dropdown {
	width: 400px;
	min-height: 300px;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}

.global-notifications {
	background: #fff;
	margin-top: 5px;
	z-index: 1100;
	border-bottom: 1px solid #ddd;
}

.global-notifications div {
	margin: auto;
	padding-left: 10px;
	font-size: 15px;
}

.global-notifications div a {
	padding: 0 !important;
	color: #00A65A;
	font-weight: 600;
}

.mark-as-seen {
	width: 50%;
	height: 50%;
	border-radius: 11px;
	text-align: center;
	vertical-align: middle;
	line-height: 70px;
	cursor: pointer;
}

.seen_notification {
	background: green;
	color: white;
}

.global-notifications-actions {
	bottom: 0;
}


/* tobar notifications - ends */


/* vt-notification, success and failed notifications - starts */

.vt-notification {
	background-color: #fff;
	border-left: solid 5px #47d764;
	padding: 10px 15px;
	font-size: 15px;
	/* left: 0px; */
	position: fixed !important;
	border-left: solid 3px #47d764;
	border-radius: 5px;
	box-shadow: -1px 1px 17px #e4e4e4;
}

.vt-notification .notificationHeader {
	font-size: 17px;
	padding-bottom: 8px
}

.vt-notification .notificationHeader [data-notify="title"] {
	color: #000;
	margin-left: 8px
}

.vt-notification .notificationHeader .close {
	color: #cdcdcd
}

.vt-notification .fa-exclamation-triangle {
	color: #ffc600
}

.vt-notification .fa-exclamation-circle {
	color: #f10404;
}

.vt-notification .fa-check-circle {
	color: #4ebf4e
}

.vt-notification [data-notify="message"] {
	color: #5b5b5b;
}


/* vt-notification, success and failed notifications - ends */


/* company-logo */

.nav-responsive {
	display: none;
}

.avatar-circle {
	text-transform: uppercase;
	float: left;
	/* width: 25px;
	height: 25px; */
	border-radius: 50%;
	padding: 2px 9px;
	margin-right: 10px;
	margin-top: -2px;
	background-color: #0c4da2;
	color: #fff;
	border: none;
	font-weight: bold;
}

.user-image-mobile {
	display: none;
}

.mobilelogo {
	display: none;
}

#topbar-elements.full-topbar {
	width: 95%;
}

#topbar-elements.full-topbar {
	top: -10px;
}

#topbar-elements {
	width: 85%;
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	top: -10px;
}

.logo-container.logo-shrinked {
	width: 5% !important;
}

.logo-container.logo-expand {
	width: 15% !important;
}

.company-logo {
	height: 63px;
	width: 100% !important;
	margin: 0;
	display: inline-block;
	margin-left: 0px;
	box-shadow: 5px 7px 26px -5px #cdd4e7;
}

.company-logo img {
	height: 34px;
	width: 60% !important;
	margin: 12px 19px 19px 19px;
}

.companydetailsedit .company-logo-content {
	padding: 10px;
	border: 1px solid #ddd
}

.companydetailsedit .company-logo-content hr {
	margin: 10px 0
}

.companydetailsedit .company-logo-content img {
	width: 100%
}

.companyLogo img {
	max-width: 95%
}

/* company-logo */


/* global-nav and app-nav*/
.global-actions .row.nav.navbar {
	position: absolute;
	top: -10px;
	right: -20px;
	font-size: 19px;
	float: right;
	z-index: 3;
	border-right-width: 0;
	padding: 5px 10px;
	height: 50px;
	cursor: pointer
}

.global-actions .row.nav.navbar li {
	margin: 10px 20px 10px 20px !important;
}

.global-actions .row.nav.navbar li.support-icon {
	margin-top: 5px !important;
}

.global-nav .global-actions {
	padding-right: 15px;
	height: 100% !important;
	display: inline-block !important;
}

.global-actions .dropdown-menu:before {
	position: absolute;
	top: -7px;
	right: 13px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: ''
}

.global-actions .dropdown-menu:after {
	position: absolute;
	top: -6px;
	right: 14px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #1a73e8;
	border-left: 6px solid transparent;
	content: ''
}

.global-nav {
	position: relative;
	height: 63px;
	border-bottom: 1px solid #dee4ec;
	box-shadow: 5px 7px 26px -5px #cdd4e7;
}

.global-nav .navbar-nav>li div a {
	padding: 10px 15px
}

.global-nav>ul {
	margin-right: 20px
}

.app-nav {
	position: relative
}

.app-nav .app-indicator-icon-container {
	display: inline-block;
	width: 42px;
	z-index: 2;
	height: 50px
}

.app-nav .app-indicator-icon-container {
	top: 0;
	height: 42px;
	text-align: center;
	line-height: 42px;
	color: #fff
}

.app-nav .app-indicator-icon-container .app-indicator-icon {
	font-size: 24px;
	line-height: 40px
}


/* global-nav */


/* users - systemseetup - starts */

#SystemSetup #selected-modules {
	text-align: center;
}

#SystemSetup .setup_enabled_module {
	margin-left: 0px;
}

#SystemSetup .setup_enabled_module .box-container {
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 10px 15px;
	margin: 10px 10px;
	min-height: 130px;
	overflow-y: auto;
}

#SystemSetup .setup_enabled_module .box-container h5 {
	font-size: 16px;
	margin: 10px auto;
	text-align: left;
}

#SystemSetup .setup_enabled_module .box-container .modules-list {
	list-style: none;
	margin: 15px 0;
	padding-left: 10px;
}

#SystemSetup .setup_enabled_module .box-container .modules-list li {
	margin: 10px 0;
	position: relative;
	padding-left: 15px;
}

#SystemSetup .setup_enabled_module .box-container .modules-list li:before {
	content: " ";
	background: #6e66e7;
	border: 1px solid #6e66e7;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	opacity: 0.1;
	position: absolute;
	left: -4%;
}

#SystemSetup .setup_enabled_module .box-container .modules-list li:after {
	content: " ";
	display: block;
	width: 5px;
	height: 10px;
	border: solid #0087be;
	border-width: 0px 2px 2px 0px;
	transform: rotate(45deg);
	position: absolute;
	left: -10px;
	top: 3px;
}


/* users - systemseetup - ends */


/* pagination - starts */

.pagination {
	display: flex;
	padding-left: 10px;
	list-style: none;
	border-radius: 3px;
	margin: 20px;
}

.pagination.pagination-circled .page-link {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #cdd7ef;
}

.page-item {
	padding-left: 10px;
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 5px;
}

.page-link.active {
	background: #0162e8 !important;
	color: white;
	border: 1px solid #0162e8 !important;
}

.page-link.active:hover {
	color: white;
}

.page-link.disabled {
	pointer-events: none;
}

.pagination .page-link:hover {
	background-color: #0162e8 !important;
	color: white;
	border: 1px solid #0162e8 !important;
}

.pagination .page-link {
	background-color: #ecf0fa;
	border: 1px solid #cdd7ef;
}

.pagination-circled .page-link {
	padding: 0;
	width: 27px;
	height: 27px;
	border-radius: 100%;
}

.pagination li a {
	margin-right: 4px;
	border-radius: 4px;
}

.page-link {
	position: relative;
	display: flex;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #596882;
	background-color: #e3e7ed;
	border: 1px solid #ecf0fa;
}

.page-link {
	color: #4d5875;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 38px;
	border-width: 0;
	background-color: #dde2ef;
	margin-left: 0;
	font-weight: 500;
}

.page-link i {
	font-size: 18px;
	line-height: 0;
}

.listViewActions.col-lg-12 {
	height: 63px;
}

#record_numbers_on_page,
#pagination_buttons,
#listview-pagejump {
	display: inline-block;
}

#listview-pagejump {
	float: right;
	display: inline;
	margin-top: 10px;
}

.pageNumbers,
.pageNumbers_kanban {
	position: relative;
	top: 7px;
}

#pageToJump,
.jumpToInput {
	width: 30% !important;
	box-shadow: none !important;
	background: white;
	border-radius: 3px !important;
	height: 30px;
	line-height: 35px;
	border: 1px solid #ccc;
}

#pageToJumpSubmit {
	width: auto;
	margin-left: 20px;
	height: 30px;
	padding: 0 20px !important;
	font-size: 16px !important;
}


/* pagination - ends */


/* module header - starts */
.app-nav .module-action-bar {
	height: 50px;
	background: #f8f8f8 !important;
	border-bottom: none !important;
}

.app-nav .module-action-bar .module-action-content {
	height: 55px;
	background: #f8f8f8;
	align-items: center;
	width: 100%;
	float: left;
	display: block;
}

.app-nav .module-action-bar .module-action-content div.col-lg-6,
.app-nav .module-action-bar .module-action-content div.col-lg-3 {
	display: inline-block;
}

.module-header {
	height: 55px;
	width: 85%;
	margin-left: 15%;
	margin-right: 0;
	background: #ecf0fa;
}

.full-header {
	width: 95%;
	margin-left: 5%;
	margin-right: 0;
}

/* module header - ends */


/* app-switcher-container */

.app-switcher-container .active {
	background-color: #010101 !important
}

.app-switcher-container .app-navigator {
	background-color: #303030
}

.app-switcher-container .app-navigator .app-icon {
	color: white;
	opacity: .8
}

.dropdown-menu #HeadAction a img {
	height: 10%;
	width: 10%;
}

.app-switcher-container .navbar-toggle {
	margin: 5px 0;
	padding: 5px
}

.app-switcher-container .navbar-toggle .icon-bar {
	background: #fff
}

.app-switcher-container .app-navigator:hover {
	background: #596875;
	opacity: 1
}

.app-switcher-container .app-navigator:hover .app-icon {
	opacity: 1
}

.app-switcher-container {
	display: inline-block;
	width: 42px;
	z-index: 2;
	text-align: center;
	float: left;
}

.app-switcher-container .app-icon {
	display: inline-block;
	font-size: 25px;
	margin-left: 10px;
	line-height: 20px;
	color: black;
	text-align: center;
	vertical-align: bottom;
	margin-top: 5px;
}


/* app-switcher-container */


/* profile dropdown - starts*/

.profile-dropdown h4,
.profile-dropdown h5,
.profile-dropdown p,
.profile-dropdown li a {
	font-size: 14px;
	white-space: nowrap;
	color: #333;
}

.profile-dropdown h4 {
	font-size: 15px;
	font-weight: bold;
}

ul.dropdown-menu.profile-dropdown {
	border: 1px solid #e5e5e5 !important;
	border-radius: 6px !important;
	box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%) !important;
}

ul.dropdown-menu.profile-dropdown {
	padding: 0px !important;
}

ul.dropdown-menu.profile-dropdown li {
	padding: 0px !important;
}

ul.dropdown-menu.profile-dropdown li a {
	padding: 8px !important;
}

li ul.dropdown-menu.profile-dropdown {
	position: absolute;
	top: -6px;
	left: -166px;
	width: 150px;
	height: 260px;
	right: 3px !important;
	padding: 0px !important;
}

.availFiedlsContainer .avialFieldsListContainer .mCustomScrollBox .card {
	border: none;
}

.extension_container .product_attributes {
	text-align: center;
}

.extension_container .product_attributes h4 {
	font-size: 20px;
	text-align: center;
}

.extension_container .product_attributes span {
	font-size: 16px;
	color: #e74235;
	text-align: center;
}

.bx-viewport .imageContainer ul {
	padding: 0px;
}

li ul.dropdown-menu.profile-dropdown .profile-info {
	position: relative;
}

.listViewRecordActions .table-actions .markStar {
	color: #f2bb13;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content {
	width: 100%;
	height: 63px;
	padding: 5px 10px;
	border-bottom: 1px solid #f1f1f1;
	vertical-align: middle;
	border-radius: 7px 7px 0 0;
}

li ul.dropdown-menu.profile-dropdown .dropdown-item {
	border-top: 1px dotted #e2eaf9;
	padding: 10px !important;
	height: 38px;
}

li ul.dropdown-menu.profile-dropdown a.dropdown-item i {
	margin-right: 10px !important;
	height: 20px;
	width: 20px;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content p {
	overflow: hidden;
	color: #fff;
	font-weight: bolder;
	text-overflow: ellipsis;
	margin-bottom: 0px !important;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content span {
	color: #fff9;
	font-weight: lighter;
	font-size: 10px;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content p a {
	padding: 4px;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content p a:hover {
	color: #fff !important;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content .profile-logo {
	display: inline-block;
	padding-bottom: 10px;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content .profile-details {
	display: inline-block;
	overflow: hidden !important;
	white-space: nowrap;
	text-overflow: ellipsis !important;
	width: 100px;
	float: right;
	position: absolute;
	/* right: -2px; */
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content .profile-logo .user-image {
	/* width: 50px;
	height: 50px; */
	border-radius: 50%;
}

li ul.dropdown-menu.profile-dropdown .profile-info .profile-content .profile-logo .user-image .avatar-circle {
	font-size: 18px;
	position: relative;
	top: 5px;
	text-align: center;
	text-transform: uppercase;
}

li.dropdown a.dropdown-toggle .profile-img img.user-image {
	background: none !important;
}

.user-image {
	float: left;
	/* width: 25px;
	height: 25px; */
	border-radius: 50%;
	/* margin-right: 10px; */
	margin-top: -2px;
	color: #fff;
	border: none;
	font-weight: bold;
	height: 40px;
	width: 40px;
}

.searchBox {
	padding: 0 !important;
	width: 400px !important;
	height: 435px !important;
	z-index: 9999;
	background-color: #fff !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	border: 1px solid rgba(138, 153, 191, 0.125);
	border-radius: 7px;
}


/* profile dropdown - ends */


/* searchbox - starts */

.search-link .adv-search {
	margin-top: 9px
}

.search-link:hover,
.search-link:active,
.search-link:visited,
.search-link:focus {
	color: #333
}

.search-link .keyword-input,
.searchWorkflows {
	border: 0;
	height: 30px;
	width: 70%;
	margin: 1px 0 4px 5px
}

.search-link .keyword-input:focus {
	outline: 0
}

.app-footer.Settings\:Head,
.app-footer.Head,
.app-footer.Workflows.Edit_potentials,
.app-footer.MenuManager,
.app-footer.Pipeline {
	position: absolute;
}
.search-link {
	padding-right: 0px !important;
	border: 1px solid #ecf0fa;
	width: 94%;
	border-radius: 20px;
	margin-left: 20px;
	position: relative;
	float: left;
	display: inline-block;
	height: 40px;
	color: #aaa;
	padding: 0 10px;
	text-decoration: none;
	vertical-align: top;
	top: -4px;
	background: #ecf0fa;
}

.calendarQuickCreateContent .input-group .date-icon {
	position: absolute;
	position: absolute;
	width: 28px;
	/* top: 10px; */
	height: 30px;
	/* padding: 0.5rem .5rem; */
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 0;
	color: #4d5875;
	text-align: center;
	white-space: nowrap;
	background-color: #dde2ef;
	border: 1px solid #e3e8f7;
	border-radius: 0px !important;
}


.main-container-Calendar .quick-panel .modal-dialog .modal-content .modal-header span {
	float: right;
	margin-left: 140px;
	margin-top: 5px;
}

.calendarQuickCreateContent .input-group .time-icon {
	position: absolute;
	position: absolute;
	width: 28px;
	top: 10px;
	height: 30px;
	padding: 0.5rem .5rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 0;
	color: #4d5875;
	text-align: center;
	white-space: nowrap;
	background-color: #dde2ef;
	border: 1px solid #e3e8f7;
	z-index: 2;
	border-radius: 0px !important;
}

#joforce-search-box {
	width: 80%;
	background-color: #ecf0fa;
	border: none;
	border-radius: 50%;
	color: #303030;
	border-radius: 0px;

	margin-top: 1px;
	font-size: 15px;
	float: left;
	/* cursor: pointer; */
	transition: all .5s;
	margin-right: 27px;
	box-shadow: none;
	height: auto;
	margin-left: 20px;
	height: 35px;
}

#joforce-search-box:hover {
	box-shadow: none;
}

#joforce-search-box:focus {
	width: 80% !important;
	border-bottom: 0px solid #064bb7 !important;
}


/* searchbox - ends */


/* topbar -  quick create dropdown - starts*/

#quickCreateModules [class^="joicon-"],
#quickCreateModules [class*=" joicon-"] {
	font-size: 20px;
	color: #888;
}

#quickCreateModules a {
	padding: 0
}

#quickCreateModules .quick-create-module {
	color: black;
	padding: 0 0 0 12px;
	overflow-x: hidden;
	width: 80%;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis
}

.quickCreateModule:hover i,
.quickCreateModule:hover span,
.quickCreateModuleSubmenu:hover i,
.quickCreateModuleSubmenu:hover span {
	color: #0c4da2 !important;
}

#quickCreateModules .quickcreateMoreDropdown {
	left: 25% !important;
	top: 30px !important;
	min-width: 170px;
	padding: 4%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.19);
	width: 200px !important;
}

#quickCreateModules .quickcreateMoreDropdown li {
	margin: 8px 0px;
	padding: 2%;
}

#quickCreateModules .quickcreateMoreDropdown li a {
	padding: 0px 10px;
}

.quickcreateMoreDropdown.dropdown-menu:before {
	top: -8px;
	left: 0px !important;
	width: 10px;
}

.quickcreateMoreDropdown.dropdown-menu:after {
	left: 0px !important;
	width: 14px;
}

#quickCreateModules .quickcreateMoreDropdown .divider {
	padding: 0
}

#quickCreateModules .quickcreateMoreDropdownAction {
	padding-left: 4px;
	display: none;
	color: #888
}

#quickCreateModules .dropdown:hover .quickcreateMoreDropdownAction {
	display: inherit
}


/* topbar - quick create dropdown - ends*/


/*main-container styles - starts*/

.main-container {
	position: relative;
	min-height: 100%;
}

.main-container:before,
.main-container:after {
	content: " ";
	display: block;
	clear: both
}

.main-container-MailManager .listViewPageDiv {
	padding-left: 230px
}

.main-container .content-area {
	padding-left: 0px;
	overflow: hidden;
}


/*main-container styles - ends*/


/* breadcrumb */

.module-breadcrumb .module-title {
	color: #596875;
	margin: 12px 0;
	white-space: nowrap;
	overflow: hidden;
	max-width: 223px;
	text-overflow: ellipsis;
	font-size: 15px
}

.module-breadcrumb {
	padding-left: 11px;
	margin-top: 0px;
	height: 100%;
	width: 100%;
	display: inline;
}

.module-breadcrumb a {
	display: inline-block;
	float: left;
	margin-left: 15px;
}

.module-breadcrumb .module-title {
	max-width: 160px;
	font-size: 13px !important;
}

.module-breadcrumb .fa-angle-right:before {
	font-size: large;
	color: grey;
	margin: 5px;
}

.module-breadcrumb .nav.nav-tabs {
	border-bottom: none;
}

.module-breadcrumb .nav.nav-tabs li a {
	background: none !important;
}

#importContainer .breadcrumb {
	background-color: #fff !important;
	border-radius: 5px;
	/* box-shadow: -8px 12px 18px 0 #dadee8; */
}



.breadcrumb {
	/* height: 160px; */
	background: #fbfbfb;
	border-radius: 5px;
}

/* #navigation_links .wizards li a span:focus{ background-color: red;}
#navigation_links .wizards li a span:hover{ background-color: red;} */
#navigation_links .wizards li a span {
	background-color: #ccc;
	padding: 20px;
	font-size: 30px;
	border-radius: 50%;
	color: #fff !important;
}

#step1 span.breadcrumb_line,
#step1 span.stepNum.fa.fa-file-text-o {
	background-color: #53bdef;
}

.current-filter-name {
	margin: 10px 0;
	float: left;
	font-size: 12px;
	line-height: 21px
}

.current-filter-name a {
	max-width: 120px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden
}

.current-filter-name a:hover,
.current-filter-name a:focus {
	color: #0c4da2 !important;
}


/* breadcrumb */


/* import - starts */

#importContainer .crumbs li .stepNum {
	color: #0c4da2 !important;
}

#importContainer .crumbs li.active .stepNum {
	color: #fff !important;
}

#importContainer.modal-body {
	height: 100vh;
	border-radius: 7px;
	background-color: white;
	width: 98.4%;
}


/* import - ends */


/* email templates - starts */

.templateName {
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
	height: 40px
}

.templateName>p {
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	width: 100%;
	max-height: 40px;
	text-align: center;
	font-size: 1.2em
}

#TemplateIFrame {
	border: 1px solid #e8e8e8;
}

.thumbnails>li {
	float: left;
	height: 315px !important;
	margin: 0 0 18px 20px;
	list-style: none
}

.thumbnails li {
	padding: 1%
}


/* email templates - ends */


/* forecast (kanban) - starts */

#forecast-table {
	overflow-x: auto;
	overflow-y: auto;
	margin-top: 35px;
	margin-left: 5px;
}

#forecast-table .stage_value {
	display: inline-block;
	font-size: 13px;
	height: 13px;
	line-height: 17px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

#forecast-table .stage_name {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

#forecast-table .potential_count {
	color: #888e94;
	font-size: 11px;
	font-weight: normal;
}

#forecast-table .drag-list {
	margin-bottom: 0px;
	/*border-bottom: 1px solid #ddd !important;*/
	position: static;
	/* display: table-row; */
}

#forecast-table .box {
	position: relative;
	background: #ffffff;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e4e7 !important;
	border-top: 3px solid #d2d6de;
	margin-bottom: 0px;
	border-radius: 3px;
}

.app-footer.Potentials {
	/* position: absolute; */
}

.app-footer.HelpDesk,
.app-footer.Leads.Edit_potentials,
.app-footer.Accounts.Edit_potentials,
.app-footer.Leads.Edit,
.app-footer.Vendors.Edit.edit.Edit_potentials,
.app-footer.PriceBooks.Edit.edit.Edit_potentials,
.app-footer.Invoice,
.app-footer.PriceBooks,
.app-footer.MailConverter {
	position: inherit;
}

.app-footer.Users {
	position: inherit;
}

#forecast-table .table-list-front {
	backface-visibility: hidden;
	bottom: 0;
	box-sizing: border-box;
	color: #26292c;
	display: block;
	/*height: 100%;*/
	left: 0;
	overflow: hidden;
	/* padding: 8px 25px 8px 12px; */
	padding: 8px 25px 8px 0px;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 100%;
}

#forecast-table .draggable {
	border-top: 1px solid #c2c8cd;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 100vh !important;
	min-width: 200px;
}

#forecast-table .forecast-div .draggable.ui-sortable {
	min-height: 700px !important;
}

#forecast-table .forecast-div .draggable li {
	/*padding: 0.4em; padding-left: 1.5em;/*font-size: 1.4em;*/
	height: 130px !important;
}

#forecast-table .forecast-div {
	width: 290px;
	/* border-left: 1px solid #e0e4e7 !important;  border-right: 1px solid #e0e4e7;*/
	background-color: transparent;
	min-height: 750px;
	border-color: #e0e4e7;
	display: table-cell;
	position: relative;
	text-align: left;
	transition: background-color 0.05s ease-in-out 0s;
	margin-right: -5px;
}

#forecast-table .process-detail.table-list-front:hover {
	color: #0c4da2;
}

#forecast-table .table-header {
	display: table;
	border-collapse: collapse;
	box-sizing: border-box;
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #c2c8cd;
	margin-bottom: 0px;
}

#forecast-table .table-header li {
	width: 100%;
	display: table-cell;
	color: #fff;
	display: table-cell;
	line-height: 1.3em;
	overflow: visible;
	padding: 6px 25px 6px 45px;
	text-align: left;
	vertical-align: middle;
	/* background: url("images/forecast.png") no-repeat scroll 100% 0/20px 100%, transparent linear-gradient(90deg, #fff, #f3f5f6) repeat scroll 0 0/100% 100%; */
}

#forecast-table .forecast-div:last-child ul li .arrow {
	display: none !important;
	opacity: 0;
}
#forecast-table .process {
	display: table;
	background-color: #fff;
	width: 94%;
	margin: 3%;
}

#forecast-table .table-list-strong {
	cursor: pointer;
	display: inline;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	overflow: hidden;
	padding: 1px 0;
	transition: color 0.1s ease-in-out 0s;
}

#forecast-table .table-list-small {
	color: #888e94;
	display: block;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 0;
	text-overflow: ellipsis;
	transition: color 0.1s ease-in-out 0s;
}

#forecast-table .no-oppprtunity {
	float: right;
	position: relative;
	bottom: 15px;
}

#forecast-table .currency-symbol {
	position: relative;
	bottom: 20px;
	left: 0px;
}

#forecast-table .draggable {
	height: 100% !important;
}

#forecast-table .draggable li {
	height: auto !important;
}

.pipe_stage .arrow {
	top: -5.5px !important;
}

.arrow {
	cursor: pointer;
	height: auto;
	left: 113%;
	top: -33% !important;
	transform: translateX(-50%) translateY(-50%);
	transition: transform 0.1s;
	width: 40px;
	position: relative;
	z-index: 1;
}

.arrow-top,
.arrow-bottom {
	background-color: #fff;
	height: 4px;
	left: -5px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.arrow-top:after,
.arrow-bottom:after {
	background-color: #d00505;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	transition: all 0.15s;
}

.arrow-top {
	transform: rotate(45deg);
	transform-origin: bottom right;
}

.arrow-top:after {
	left: 100%;
	right: 0;
	transition-delay: 0s;
}

.arrow-bottom {
	transform: rotate(-45deg);
	transform-origin: top right;
}

.arrow-bottom:after {
	left: 0;
	right: 100%;
	transition-delay: 0.15s;
}

.arrow:hover .arrow-top:after {
	left: 0;
	transition-delay: 0.15s;
}

.arrow:hover .arrow-bottom:after {
	right: 0;
	transition-delay: 0s;
}

.arrow:active {
	transform: translateX(-50%) translateY(-50%) scale(0.9);
}

.nav-pills.nav-wizard>li>a {
	/* position: absolute; */
	display: block;
	cursor: pointer;
	/* width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px; */
}


.nav-pills.nav-wizard>li>a::after {
	position: absolute;
	display: block !important;
	/* content: ""; */
	width: 31px;
	height: 31px;
	left: 84%;
	top: 89%;
	margin-top: -15px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #fff;
	border-right-color: #fff;
	border-radius: 0 0 5px 0;
	transform: translate(-50%, -50%) rotate(-45deg);

	transition: all 0.4s ease-in-out;
}

/* forecast (kanban) - ends */

/* detail view - pipeline view - starts */
#pipeline_stages {
	position: relative;
	width: 100%;
	height: 55px !important;
	/* margin-top: 20px; */
	position: relative;
	width: 100%;
	height: 55px !important;
	/* margin-top: 20px; */
	background: #fff;
	margin-bottom: 15px;
	border-radius: 10px;
}

#pipeline_stages .pipe-stage {
	position: absolute;
	top: 8px;
	left: 25px;
}

.nav-pills.nav-wizard>li {
	position: relative;
	overflow: visible;
	/* border-right: 7px solid transparent;
	border-left: 15px solid transparent; */
	/* width: 30px !important;*/
	display: inline-flex;
}

.nav-pills.nav-wizard>li+li {
	margin-left: -10px;
}

.nav-pills.nav-wizard>li a {
	display: inline-block;
	font-size: 14.4px;
	font-weight: 600;
	line-height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nav-pills.nav-wizard>li a::before,
.nav-pills.nav-wizard>li a::after {
	display: none;
}

/* 
.nav-pills.nav-wizard>li:not(:first-child)::before {
        position: absolute;
        content: "";
        top: 0px;
        left: -20px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: #eee #eee #eee transparent;
        z-index: 150;
} */

.nav-pills.nav-wizard>li:not(:first-child):hover::before {
	border-color: #aaa #aaa #aaa transparent;
}

.pipeline_stages .nav-pills li a {
	padding: 15px;
}

.nav-pills.nav-wizard>li:not(:first-child):hover::after {
	border-color: transparent transparent transparent #aaa;
}

.nav-pills.nav-wizard>li:not(:last-child)::after {
	/* position: absolute;
        content: "";
        top: 0px;
        right: -20px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: transparent transparent transparent #eee;
        z-index: 1; */
}

.nav-pills.nav-wizard>li.active a {
	/* background: #a0a0a0 !important; */
	background-image: url('images/arrow-02.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.nav-pills.nav-wizard>li.active:not(:last-child)::after {
	border-color: transparent transparent transparent #a0a0a0;
}

.nav-pills.nav-wizard>li.active:not(:last-child)::before {
	border-color: #a0a0a0 #a0a0a0 #a0a0a0 transparent;
}

.nav-pills.nav-wizard>li.completed:not(:first-child)::before {
	border-color: #00A65A #00A65A #00A65A transparent;
}

.nav-pills.nav-wizard>li.completed:not(:last-child)::after {
	border-color: transparent transparent transparent #00A65A;
}

.nav-pills.nav-wizard>li.lost:not(:first-child)::before {
	border-color: #dd4b39 #dd4b39 #dd4b39 transparent;
}

/*.nav-pills.nav-wizard > li:first-child {border-left: 0;}*/

.nav-pills.nav-wizard>li:first-child a {
	border-radius: 5px 0px 0px 5px;
	padding: 10px 20px;
	width: 200px;
}

.nav-pills.nav-wizard>li:last-child {
	border-right: 0;
}

.nav-pills.nav-wizard>li:last-child a {
	border-radius: 0 5px 5px 0;
}


.app-footer.HelpDesk.Edit_potentials {
	position: inherit;
}

.nav-pills.nav-wizard>li a {
	border-radius: 0;
	/* background-color: #eee; */
	background-image: url('images/arrow-03.svg');
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	padding: 10px 20px;
	/* border-radius: 20px; */
}

.nav-pills.nav-wizard>li:hover a {
	background-color: transparent;
	color: #329368;
}
.nav-pills.nav-wizard>li.completed:hover a {
	color: #125135;
}

.nav-pills.nav-wizard>li.active:hover a {
	color: #effff8;
}

.activityContents.ipad_activityContents.Potentials .timeline::after {
	left: 14.3%;
}

.nav-pills.nav-wizard>li.active a {
	/* background-color: #428bca; */
}

.nav-pills.nav-wizard>li.completed a {
	/* background-color: #00A65A; */
	background-image: url('images/arrow-01.svg');
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 14.3px !important;
}

.nav-pills.nav-wizard>li.lost a {
	background-color: #dd4b39;
	color: #FFFFFF;
}

.nav-pills.nav-wizard>li>a {
	border-top: 0 solid transparent !important;
}

.nav-justified>li {
	display: table-cell;
	width: 0%;
}

/* detail view - pipeline view - ends */


/* report styles - starts */
.brouser {
	margin-top: 20px;
	margin-bottom: 20px;
}

.recordBasicInfo #headerForm {
	margin: 0 auto;
	display: inline-block;
}

.recordBasicInfo {
	text-align: center;
}

.module-filters .lists-menu-container .sidebar-header a {
	color: #fff;
	margin-top: -7px;
}

#reportDetails .table-bordered {
	background: #fff;
	margin-top: 40px;
}

#reportDetails .pivot .toptitle.targetY0,
#reportDetails .pivot .lefttitle.targetX0 {
	border-color: #f3f3f4 #f3f3f4 #cbcbcf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #474747;
	background-image: -moz-linear-gradient(top, #555, #333);
	background-image: -ms-linear-gradient(top, #555, #333);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#333));
	background-image: -webkit-linear-gradient(top, #555, #333);
	background-image: -o-linear-gradient(top, #555, #333);
	background-image: linear-gradient(top, #555, #333);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
	min-height: 30px
}

#reportDetails .pivot th.toptitle.targetY0,
#reportDetails .pivot th.lefttitle.targetX0 {
	color: #FFF !important
}

#reportDetails .pivot .ztitle,
#reportDetails .pivot .toptitle,
#reportDetails .pivot .lefttitle {
	background: #e5e5e5;
	border: 1px solid #BBB
}

#reportDetails .pivot .summary {
	background: #e5e5e5;
	border: 1px solid #BBB;
	color: #4479ba !important
}

#reportDetails .pivot .line_right_0,
#reportDetails .pivot .line_right_3,
#reportDetails .pivot .line_left_0,
#reportDetails .pivot .line_left_3,
#reportDetails .pivot .line_top_0,
#reportDetails .pivot .line_top_3,
#reportDetails .pivot .line_bottom_0,
#reportDetails .pivot .line_bottom_3 {
	border: 1px solid #BBB
}

#reportDetails .table-bordered {
	background: #fff
}

#reportDetails table tr td.summary {
	/*border-bottom:0;*/
	border-top: 0
}

.reports-content-area .crumbs li a .stepText {
	font-size: 15px !important;
}

.reports-content-area .crumbs li:hover {
	background: #ececec !important;
}

.reports-content-area .crumbs li .stepNum {
	color: #0c4da2 !important;
}

.reports-content-area .crumbs li.active .stepNum {
	color: #fff !important;
}

.reports-content-area {
	padding-top: 15px;
	margin-top: 60px;
	min-height: 768px;
	padding-left: 15px;
	padding-right: 15px;
	width: 98%;
	border-radius: 5px;
	background: #fff !important;
	margin: 0 auto;
	margin-top: 0px !important;
}

.reports-content-area .well.contentsBackground {
	background: #fff !important;
}

.reportContents .form-group .fieldLabel {
	border-bottom: 1px solid #efefef;
	padding-bottom: 2px;
}

.reportsDetailHeader .filterConditionsDiv {
	border: 1px solid #eee;
	padding: 20px
}

.reportsDetailHeader .filterConditionsDiv h4 {
	padding: 10px 0
}

#addFolderContainer .modal-body .form-group {
	padding-left: 20px;
}

#addFolderContainer .modal-body .form-group .fieldLabel.col-form-label {
	border-bottom: 1px solid #e8e8e8 !important;
	padding-bottom: 11px;
}

#addFolderContainer .modal-body .form-group .fieldValue {
	margin-top: 9px;
}

.nav-tabs.charttabs>li>a {
	padding: 15px 15px 5px 15px;
	border: 1px solid transparent;
	border-bottom-width: 0
}

.nav-tabs.charttabs>li>a .chartname {
	padding: 5px
}

.row .nav.charttabs>li>a:hover,
.nav-tabs.charttabs>li.active>a,
.nav-tabs.charttabs>li>a:hover {
	border: 1px solid #ddd;
	border-bottom-width: 0;
	padding: 15px 15px 5px 15px
}

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

.dashBoardTabMenu {
	padding-top: 0
}

.dashBoardTabMenu .dropdown-header {
	color: #000;
	padding-top: 8px !important;
	padding-bottom: 8px !important
}

.joicon-unpin.pinToDashboard,
.joicon-pin.pinToDashboard {
	font-size: 14px;
	padding-top: 5px
}

#moveReportsContainer.modal-dialog,
#massEditContainer.modal-dialog {
	width: 45vw;
}

#moveReportsContainer.modal-dialog .modal-content,
#massEditContainer.modal-dialog .modal-content {
	height: 93vh;
}

.main-container-Reports table tbody .listViewEntries td {
	cursor: pointer !important;
}


/* report styles - ends */


/* popup styles - starts */

#popupModal {
	z-index: 11000;
}

#popupPageContainer {
	float: none;
}

.popupEntriesDiv {
	width: 100%;
	height: 430px;
	overflow-y: hidden;
	position: relative
}

.popupEntriesTableContainer {
	width: 100%;
	min-width: 800px
}

.popupEntriesTableContainer .listview-table {
	width: 100%
}

.emailTemplatesPopupTableContainer .listViewEntries .listViewEntryValue {
	max-width: 100%;
	min-width: 150px
}

.popover.lineItemPopover {
	z-index: 1
}

.popoverCancel {
	font-size: 14px;
	padding-left: 10px;
	color: red
}

.popover-content ul.listmenu,
.popover ul.listmenu {
	list-style-type: none;
	padding: 1px;
	margin-bottom: 0
}

.popover-content ul.listmenu li,
.popover ul.listmenu li {
	padding: 3px
}

.popover-content .disabled>a,
.popover .disabled>a {
	opacity: .5;
	cursor: not-allowed
}

.js-popover-container .rotate {
	color: #24a159 !important;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.lineItemPopover {
	max-width: 600px;
	width: 350px !important
}

.productsBundlePopup {
	position: absolute;
	width: 100%;
	height: 100%
}

.productsBundlePopup .modal-body {
	height: 500px;
	overflow-y: auto;
	padding: 0 5px 0 5px
}

.productBundles {
	padding-left: 20px
}

.productBundlePopover {
	width: 500px;
	max-width: 600px
}

.productBundlePopover .popover-content {
	overflow-y: auto;
	max-height: 250px;
	width: 500px;
	max-width: 600px;
	font-size: 12px
}

.productBundles {
	padding-left: 20px
}


/* popup styles - ends */


/* commants styles - starts */

.container-fluid.addCommentBlock {
	padding: 17px 37px 47px 37px;
	border: 1px solid #eee;
	border-radius: 5px;
}

/* a.cursorPointer.closeCommentBlock.cancelLink {
    margin-top: 10px!important;
} */
.commentArea {
	border-radius: 5px !important;
	border: 1px solid #eee !important;
	/* width: 100%!important; */
}

.commentTextArea {
	padding-bottom: 7px;
	width: 100%;
}

.addCommentBlock .commentTextArea textarea {
	resize: vertical;
	padding: 6px;
	border-radius: 10px;
	width: 100%;
}

.commentAttachmentName {
	font-size: 11px
}

#mass_action_add_comment textarea {
	max-width: 100%
}

.commentContainer .detailViewSaveComment {
	width: 102px
}


/* commants styles - ends */


/* product image styles- starts */

.MultiFile-wrap {
	display: block;
	margin-right: 3px;
	margin-top: 3px;
}

.bx-wrapper {
	height: 450px;
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	*zoom: 1
}

.bx-wrapper img {
	max-width: 100%;
	width: 500px;
	height: 400px
}

.bx-wrapper .bxslider {
	padding-left: 0
}

.bxslider ul {
	padding-left: 0;
}

.bx-wrapper .bxslider li {
	position: relative;
	text-align: center;
	left: 0;
}

.bx-wrapper .bx-viewport {
	width: 99%;
	left: 0;
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -6px;
	width: 100%;
	text-align: center;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000
}

.bx-wrapper .bx-prev {
	left: 10px
}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: 5px;
	outline: 0;
	width: 20px;
	height: 20px
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}


/* product image styles- ends */


/* filter dropdown - starts */

.module-filters.active {
	background: #f7f7f7
}

.module-filters .sidebar-container {
	padding: 0 12px
}

.list-menu-content .pull-right>.dropdown-menu {
	left: -126px;
	position: relative
}

.lists-menu-container .lists-header {
	margin-top: 15px;
	text-transform: uppercase;
	color: #000
}

.lists-menu-container .toggleFilterSize {
	cursor: pointer;
	padding-right: 20px;
	color: #0c4da2 !important;
	font-size: 15px !important;
}

.lists-menu-container hr {
	margin: 5px 0
}

.lists-menu-container .menu-scroller .mCSB_scrollTools {
	width: 13px
}

.lists-menu-container .menu-scroller .mCSB_inside>.mCSB_container {
	margin-right: 0
}

.lists-menu-container .menu-scroller .mCSB_scrollTools .mCSB_draggerContainer {
	left: 8px
}

.lists-menu-container .list-menu-content .more-less-link {
	color: #fff
}

.lists-menu-container .list-menu-content .sub-header {
	color: #ddd;
	font-weight: bold;
	margin: 20px 0 5px
}

.lists-menu-container .menu-scroller .lists-menu {
	list-style: none;
	padding: 0;
	font-size: 13px;
	margin-bottom: 5px
}

.lists-menu-container .sidebar-header {
	text-transform: uppercase;
	margin-top: 10px
}

.lists-menu>li {
	margin: 1px 0;
	padding: 0 5px
}

.lists-menu>li:hover,
.lists-menu>li.active {
	background: #f7f7f7
}

.lists-menu>li:hover .js-popover-container,
.lists-menu>li.active .js-popover-container {
	display: inline
}

.lists-menu .js-popover-container {
	display: none
}

.lists-menu>li>a {
	padding: 3px 5px 5px 0;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 85%;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	color: #666
}

.listmenu li a:hover {
	color: #0c4da2 !important;
	background: none !important;
}

.lists-menu>li>.dropdown {
	margin-left: 1%;
	margin-top: 3px;
	width: 14%;
	text-align: center
}

.lists-menu>li>.pull-right>.js-popover-container>.fa {
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s;
	display: inline-block;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	font-size: 15px;
	margin-right: 10px;
	margin-top: 4px
}

.lists-menu>li>.dropdown.open>.fa {
	color: #24a159 !important;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.lists-menu>li .fa.dropdown-toggle {
	visibility: hidden
}

.lists-menu>li .fa.fa-chevron-circle-down {
	margin: 6px 2px 0 0;
	cursor: pointer
}

.lists-menu>li .fa.fa-plus-square-o {
	vertical-align: middle;
	cursor: move
}

.lists-menu>li.active .fa,
.lists-menu>li:hover .fa {
	visibility: visible
}

.search-folders,
.search-list {
	width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 5px 0 10px;
	color: #ccc;
	padding: 5px 10px
}

.search-folders:focus,
.search-list:focus {
	outline: 0
}

.filter-search-hide {
	display: none
}

.filter-search-show {
	display: block !important
}

.search-list {
	background-color: transparent !important;
	margin-top: 5px;
}

.search-list {
	border: none !important;
	border: 1px solid #e8e8e8 !important;
	color: #7a7a7a !important;
	padding: 6px 10px 5px 40px !important;
	font-size: 14px;
	background: url("images/magnifier.png") no-repeat left;
	border-radius: 5px;
}

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

.list-accordion {
	font-size: 12px !important;
}

#createFilter,
#createFolder {
	cursor: pointer;
	text-transform: none !important;
}

#createFilter:hover,
#createFolder:hover {
	color: #fff;
}

.dropdown-filter {
	border-radius: 5px;
}


/*.dropdown-filter .btn-filter {width: 100%;position: relative;padding: 7px !important;text-align: left;border: 1px solid #e8e8e8;background: #fff;font-size: 16px;box-shadow: none;margin: 4px 2px;}
.dropdown-filter .btn-filter:hover { box-shadow: none; }
.dropdown-filter .btn-filter .fa-caret-down {margin-top: 5px;position: absolute;right: 10px; }*/

.btn-filter .fa.fa-filter {
	font-size: 20px;
	margin: 0px -7px;
}

.btn-filter {
	width: 38px !important;
	/* height: 38px !important; */
}

.dropdown-filter .filter-open {
	background: #fff;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	margin-top: 5px;
	padding: 10px;
	width: 300px;
	max-height: 275px;
	overflow-y: auto;
	transition: all .5s;
	z-index: 1100;
	display: none;
	margin-left: -260px;
}


.dropdown-filter .filter-open .modal-backdrop {
	z-index: -1;
	opacity: 0;
}

.dropdown-filter .list-group {

	margin-bottom: 10px !important;
	padding-bottom: 5px;
	border-bottom: 1px solid #f2f2f2;
}

.dropdown-filter .list-group .list-header {
	cursor: pointer;
}

.dropdown-filter .list-group .list-header a:hover {
	color: #0c4da2;
	background: none !important;
}

.dropdown-filter .list-group .list-header .list-accordion {
	font-size: 10px;
}

.dropdown-filter .list-group .lists-menu li a {
	font-size: 15px;
}

.dropdown-filter .list-group .lists-menu li a:hover {
	background: none !important;
}

.dropdown-filter .list-group .listmenu li a:hover {
	background: none !important;
}

.dropdown-filter .list-group .lists {
	padding: 0px;
	margin-top: 5px;
}

.dropdown-filter .list-group .lists li.dropdown {
	list-style: none;
	padding: 5px 5px;
	background: #f2f2f2;
	margin: 0px 0px 5px 0px;
}

.dropdown-filter .list-group .lists li.dropdown i {
	font-size: 12px;
	cursor: pointer;
}

.dropdown-filter .list-group .lists li.dropdown i:hover {
	color: #0c4da2;
	background: none;
}

.dropdown-filter .list-group .lists li.dropdown ul.dropdown-menu {
	top: -60px;
	left: 80px;
	padding: 0px;
}

.dropdown-filter .list-group .lists li.dropdown ul.dropdown-menu li {
	padding: 0px;
}

.dropdown-filter .list-group .lists li.dropdown .hide-icon {
	display: none;
}

.module-action-content .filter-open {
	position: absolute;
	top: 100%;
	border-radius: 5px;
}

.module-action-content .search-list {
	position: relative;
}

.module-action-content #accordion {
	position: absolute;
	top: 85%;
	left: 7%;
	overflow-y: auto;
	max-height: 400px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding-top: 0px;
}


/* filter dropdown - ends */


/* filter edit view - starts*/

.filterConditionContainer {
	background: #fff
}

.filterConditionContainer .header {
	padding-bottom: 10px
}

.filterConditionContainer .conditionRow {
	padding-bottom: 10px
}

.filterConditionContainer .conditionRow .col-lg-12 {
	width: 100%
}

.filterConditionContainer .anyConditionContainer {
	padding-top: 10px
}

.filterConditionContainer .conditionList .deleteCondition {
	vertical-align: middle;
	margin-top: 6px;
}

.modal-footer-overwrite-style {
	position: initial;
	margin-left: 0 !important
}


/* filter edit view - ends*/


/* edit view - starts */

form.recordEditView ul.nav-tabs li.active {
	border-bottom: 2px solid #0c4da2;
}

.editViewContents .fieldValue .referencefield-wrapper {
	width: 300px;
	display: inline-block
}

.editViewContents .fieldLabel {
	min-width: 100px;
	width: 20%;
	word-break: break-all;
}

.editViewContents .fieldValue {
	width: 30%
}

.editViewContents td.fieldValue[colspan="3"] {
	width: 80%
}

.editViewContents textarea.textAreaElement {
	width: 88%
}

.editViewContents input[type="checkbox"] {
	width: 16px;
	height: 16px;
}

.editViewContents input[type="radio"] {
	width: 80px;
	height: 15px
}

.radios {
	margin-top: 25px;
}

.editViewContents .input.form-control:focus,
.editViewContents .input.form-control:hover,
.editViewContents .input.form-control:active {
	box-shadow: none;
	outline: 0
}

.editViewContents .fieldBlockContainer .input-group .input-group-addon+input {
	width: 100%
}

.editViewContents .input-group {
	width: 229px;
	float: left
}

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

.editViewContents .fieldValue .referencefield-wrapper {
	width: 100% !important;
}

.editViewContents .fieldValue {
	width: 100% !important;
	margin-bottom: 10px;
	margin-top: -21px;
}

#s2id_BillingAddress {
	margin-top: 11px;
}


#s2id_ShippingAddress {
	margin-top: 11px;
}

#PurchaseOrder .input-group .date-icon {
	top: 11px;
}

.dashboardHeading .buttonGroups {
	margin-top: -7px;
}

.editViewContents .fieldLabel.alignMiddle.bool {
	z-index: 999;
	position: absolute;
	top: -15px;
	left: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	margin-top: 15px;
}

.get form {
	width: 165px;
	margin: 4px;
}


.editViewContents .fieldLabel {
	z-index: 999;
	position: relative;
	top: 1px;
	left: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;

}

.editViewContents .new-fieldLabel {
	z-index: 999;
	position: relative;
	top: -10px;
	left: 36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	/* background-color: white; */
}


.editViewContents .fieldLabel .inline-label .new-fieldLabel {
	background: #fff;
}

.inline-label {
	background: white;
}




.fieldBlockContainer .fieldValue .input-group #SalesOrder_editView_fieldName_start_period .date-icon {
	top: 10px !important;
}

.editsviews span.input-group-addon.date-icon {
	top: 20px !important;
}

.lineitemTableContainer .table tr td {
	background-color: #fbfbfb !important;
}

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

.recordEditView .editViewContents .fieldBlockContainer {
	width: 100%;
}

.searchRow td input {
	width: 200px !important;
}

.searchRow td .select2-container {
	width: 200px !important;
	margin-top: 10px;
	height: 39px !important;
}

.searchRow td .select2-container .select2-chosen {
	padding: 20px;
}

.editViewBody .editViewContents {
	max-height: 100%;
	padding-bottom: 70px
}

#EditView .editViewBody {
	position: relative;
	width: auto;
	margin-bottom: 2%
}

#EditView .editViewBody .editViewContents {
	margin-bottom: 0;
	margin-top: -7px;
	width: 95%;
	margin-left: 30px;
	border-radius: 5px;
}

#EditView .editViewFooter {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #eee;
	z-index: 1000;
	padding: 7px
}

.editViewPageDiv .editViewBody .choose-profile {
	display: flex;
	justify-content: flex-end;
	padding-right: 30px;
}

.editViewPageDiv .editViewBody .choose-profile #s2id_directProfilePriviligesSelect {
	width: 35%;
}

.editViewPageDiv .editViewBody .choose-profile label {
	margin-top: 5px;
	margin-right: 40px;
}

.editViewPageDiv .editViewBody .edit-profile {
	padding-left: 138px;
}

.editViewPageDiv .editViewBody .existing {
	display: flex;
}

.editViewPageDiv .editViewBody .existing label {
	padding-top: 4px;
}

.editViewBody table tbody tr td.fieldLabel {
	width: 8% !important;
	padding: 10px 0 !important;
}

.editViewBody table tbody tr td.fieldValue {
	width: 25% !important;
}

.clearReferenceSelection {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	padding: 1px 22px;
	/*border: 1px solid */
	border-left: 0;
	font-size: 15px;
	position: absolute;
	top: 8px !important;
	right: 4px;
}

.clearReferenceSelection:hover,
.clearReferenceSelection:focus {
	color: #0c4da2 !important;
}

.reference-mandatory::after {
	content: "*";
	color: red;
	top: -30px;
	position: inherit;
	left: 10px;
	float: right
}

.red-border {
	display: inline !important;
	color: red;
	font-size: 15px !important;
}

.referencefield-wrapper .createReferenceRecord {
	position: absolute;
	right: 0px;
}

.listViewEntries .input-group,
.referencefield-wrapper .input-group {
	min-width: 120px
}

.referencefield-wrapper.selected .input-group {
	width: 80%;
}

.referencefield-wrapper.selected .input-group .inputElement {
	width: 100% !important;
}

.fieldValue .referencefield-wrapper.selected .input-group .inputElement {
	width: 100% !important;
}

.fieldValue textarea.inputElement {
	height: 60px;
	visibility: visible !important;
}

.fieldValue .value a {
	color: #0444a7 !important;
}

.fieldValue .value a:hover {
	color: #0444a7 !important;
	font-weight: bold;
}

.fieldValue .value a,
.joforce-link,
.creatorName,
.actionImages a:hover {
	color: #0c4da2 !important;
}

td.fieldValue span {
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}

td.fieldValue,
td.fieldLabel {
	margin-top: 10px;
}

.fieldValue.chckbox {
	padding-top: 7px;
	border: 1px solid #efefef;
	height: 40px;
	top: 10px;
	margin-top: 10px;
}

.fieldValueNew.chckbox {
	padding: 0px !important;
	border: 1px solid #efefef !important;
	height: 40px !important;
	top: 10px !important;
	margin-top: -4px !important;
	width: 7% !important;
	float: left !important;
	background-color: #dcdfe6;
	border-radius: 4px !important;
}

.fieldValueNew1.chckbox {
	padding: 0px !important;
	border: 1px solid #efefef !important;
	height: 40px !important;
	top: 10px !important;
	margin-top: -4px !important;
	width: 7% !important;
	/* float:left!important; */
	background-color: #dcdfe6;
	border-radius: 4px !important;
}

.fieldBlockHeader {
	color: #000 !important;
	margin-top: 0;
}

.fieldBlockContainer .fieldValue .input-group {
	width: 100% !important;
}

.fieldBlockContainer .fieldValue .input-group .inputElement {
	width: 100% !important;
}

.fieldBlockContainer .fieldValue .input-group .input-group-addon.time-icon {
	position: relative;
	right: -1px;
	top: -40px;
	z-index: 2;
	padding: 10px 9px;
}

.editViewContents .fieldBlockContainer .fieldValue .input-group .select2-choices {
	border: none !important;
}

.fieldBlockContainer .fieldValue .input-group .createReferenceRecord {
	right: 0px !important;
}

.inputFlex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.fieldBlockContainer .col-lg-6,
.fieldBlockContainer .col-lg-7 {
	display: inline-block !important;
}

.fieldBlockContainer,
.block {
	border: none !important;
	margin: 0 -14px 0px 0px;
	background: transparent !important;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
}

.commentContainer {
	margin: 0 33px 0px 18px;
	background: #fff;
	width: 96%;
}


/* edit view - ends */


/* ListColumnsEdit.tpl - starts */

.configColumnsContainer .selectedFieldsContainer {
	border-right: 2px solid #ddd;
	min-height: 300px
}

.configColumnsContainer .selectedFieldsContainer ul {
	list-style: none;
	padding: 0
}

.configColumnsContainer .selectedFieldsContainer ul .item {
	padding: 2%;
	background: #f8f8f8;
	width: 90%;
	margin: 4px 0px;
	border-radius: 6px;
}

.configColumnsContainer .selectedFieldsContainer ul .item .fieldLabel {
	padding-left: 5px
}

.configColumnsContainer .selectedFieldsContainer ul .item .removeField {
	color: gray;
	font-size: 14px
}

.configColumnsContainer .selectedFieldsContainer ul .item:hover {
	cursor: move
}

.configColumnsContainer .selectedFieldsContainer ul .active {
	background-color: #ddd
}

.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock {
	padding: 2%
}

.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock a:focus {
	font-weight: bold !important;
	color: black !important
}

.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock a:hover {
	color: black
}

.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock i {
	font-size: 16px;
	padding-right: 1%
}

.configColumnsContainer .availFiedlsContainer #accordion .card-body {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 4%
}

.configColumnsContainer .availFiedlsContainer #accordion .item {
	padding: 2%;
	width: 90%
}

.configColumnsContainer .availFiedlsContainer #accordion .item .fieldLabel {
	padding-left: 5px
}

.configColumnsContainer .availFiedlsContainer #accordion .item:hover {
	cursor: pointer;
	background-color: #ddd
}

.configColumnsContainer .availFiedlsContainer #accordion .item:hover .addField {
	color: gray
}

.configColumnsContainer .availFiedlsContainer .avialFieldsListContainer {
	margin-top: 3%
}


/* ListColumnsEdit.tpl - ends */

/* quick view */
.quickviewcontent {
	border: 2px solid #f6f6f6;
}

.quickPreviewModuleHeader {
	padding-right: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.quickPreviewModuleHeader .recordImage {
	border-radius: 6px;
}

.quickPreviewModuleHeader .qp-heading>div {
	width: 100%
}

.quickPreviewModuleHeader button.close {
	color: #333 !important;
	opacity: 1;
}

.quickPreviewModuleHeader button.close:hover {
	color: #333 !important;
}

.record-header #quick-view-module-image .name {
	width: 15% !important;
	display: inline-block;
	position: relative;
	float: left;
	top: 0px;
}

.record-header #quick-view-module-image .name i {
	font-size: 35px;
}

.record-header #quick-view-module-image .recordBasicInfo {
	padding-left: 30px !important;
	width: 80% !important;
	display: inline-block;
}

.quickPreview {
	overflow: hidden !important;
	overflow-y: auto !important;
	position: absolute;
	width: 100%;
	height: 100%
}

.quick-preview-modal,
.quick-preview-modal .modal-body {
	height: 100%;
	padding-bottom: 5px;
	padding-right: 0;
	padding-left: 8px;
	padding-right: 0
}

.quick-preview-modal .modal-body .recordBasicInfo {
	width: 100%
}

.quick-preview-modal .modal-body .recordBasicInfo>.info-row h4 {
	margin: 0;
	line-height: 21px
}

.quick-preview-modal .modal-body .recordBasicInfo>.info-row .recordLabel {
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

.quick-preview-modal .quickPreviewActions {
	padding: 10px 0 15px 0;
}

#quickPreviewHeader .title {
	background: #f5f5f5;
	padding: 6px 10px;
	margin: 5px 0;
	font-size: 15px;
	color: #000
}

.quickPreviewSummary {
	margin-bottom: 20px;
}

.quickPreviewSummary .summaryViewEntries .fieldLabel,
.quickPreviewSummary .summaryViewEntries .fieldValue {
	padding-bottom: 4px;
	white-space: nowrap
}

.quickPreviewSummary .summaryViewEntries .fieldLabel label {
	display: block;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.quickPreviewSummary .summaryViewEntries .fieldValue .value {
	width: 80%
}

.quickPreviewComments .recentComments .commentDetails {
	margin-bottom: 25px
}

.quickPreviewComments .recentComments .commentDetails .comment {
	line-height: 15px
}

.quickPreviewComments .summaryWidgetContainer {
	border: 0;
	padding: 0
}

.quickPreviewComments {
	margin-bottom: 150px;
}

.calendar-navigator {
	margin-top: 0 !important
}

.module-action-bar .Calendar-module-action-content .navbar-nav .nav-item .settingsIcon .detailViewSetting {
	left: 210px;
}

#datepicker-calendar {
	width: 30%;
	height: 100%;
	margin-top: 70px !important;
	margin-bottom: 50px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	margin-left: 2%;
	margin-right: 1%;
}

#mycalendar {
	width: 64%;
	margin-top: 70px !important;
	margin-bottom: 50px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	margin-left: 1%;
	margin-right: 2%;
}

.fc-datepicker .datepicker-inline {
	width: 100%;
	display: block !important;
}

.fc-datepicker table {
	width: 100%;
}

#sharedcalendar {
	width: 96%;
	margin-top: 70px !important;
	margin-bottom: 50px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	margin-left: 2%;
	margin-right: 2%;
}

.activitytypes .activitytype-indicator {
	padding: 5%;
	margin: 8px;
	font-size: 80%;
	min-height: 35px;
	word-wrap: break-word
}

.activitytypes .activitytype-indicator .activitytype-actions i {
	font-size: 14px !important
}

.activitytypes .activitytype-indicator .activitytype-actions input[type="checkbox"] {
	margin-bottom: -1px
}

.activitytypes .activitytype-indicator .userName {
	max-width: 110px;
	display: inline-block
}

.addCalendarEventModal {
	width: 35%
}

.addCalendarEventModal .input {
	width: 100%
}

.calendarview .agendaListView {
	padding: 1% 0;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 550px
}

.calendarview .agendaListView .agendaListDay {
	padding: 1%;
	width: 98%
}

.calendarview .agendaListView .agendaListDay hr {
	border-top: 3px solid #424242;
	margin-top: 7px;
	margin-bottom: 10px
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader {
	font-size: 160%;
	color: #607d8b
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader .day {
	display: inline-block;
	width: 70%;
	float: left
}

.calendarview .agendaListView .agendaListDay .agendaListViewHeader .weekDay {
	float: right
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody {
	color: #757575
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-wrapper {
	font-size: 120%;
	padding: 1%;
	border-bottom-width: thin;
	border-bottom-style: ridge
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-info {
	display: table;
	width: 100%
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-time {
	display: table-cell;
	width: 15%
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-title {
	display: table-cell;
	width: 56%
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-status {
	display: table-cell;
	width: 10%
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-actions {
	display: table-cell;
	text-align: right;
	width: 10%
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details {
	display: table-cell;
	width: 5%;
	text-align: center
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details i {
	vertical-align: middle
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-wrapper .agenda-event-details {
	display: table;
	width: 100%
}

.calendarview .agenda-table {
	display: table
}

.calendarview .agenda-table-row {
	display: table-row
}

.agenda-details {
	display: block;
	margin-left: 22%;
	padding: 2px
}

.calendarview .agenda-table-cell {
	display: table-cell
}

.calendarview .agenda-event-wrapper .agenda-event-details .details {
	padding: 1% 0;
	width: 100%
}

.calendarview .agenda-event-wrapper .agenda-event-details .detailLabel {
	width: 15%;
	display: inline-block
}

.calendarview .agenda-event-wrapper .agenda-event-details .separator {
	width: 5%;
	display: inline-block;
	text-align: center
}

/* quick view */

/* quick panel - modal - starts */
.quick-panel .modal-header strong {
	color: #000;
	margin-top: 10px;
}

.quick-panel {
	width: 0%;
	background-color: #fff;
	position: fixed;
	right: 0 !important;
	top: 150px;
	bottom: 50px;
	z-index: 9999;
	border: 1px solid #e3e3e3;
	box-shadow: 0px 8px 14.72px 1.28px rgba(229, 228, 230, 0.5);
	overflow: auto;
	border-radius: 7px;
}

.quick-panel .modal-backdrop {
	position: static;
}

.quick-panel .modelContainer {
	width: 100%;
}

.quick-panel .modelContainer .modal-content {
	margin-top: -1px;
}

.quick-panel .modal-dialog {
	width: 100%;
}

.panel-width {
	width: 70% !important;
	padding-left: 1%;
}

.quick-panel .modal-header {
	position: fixed;
	width: 45.1%;
	top: 146px;
	z-index: 99;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	background-image: none !important;
	background-color: #f8f8f8 !important;
	right: -232px;
}

.quick-panel .modal-footer {
	position: fixed;
	width: 30%;
	bottom: 50px;
	z-index: 99;
	border-radius: 7px;
	background-image: none !important;
	background-color: #fff !important;
}

.quick-panel .modal-overlay-footer {
	position: fixed;
	width: 30%;
	bottom: 50px;
	z-index: 99;
	border-radius: 7px;
	background-image: none !important;
	background-color: #fff !important;
	left: unset;
}

.quick-panel .modal-content {
	border: none;
}

.quick-panel .modal-body {
	margin-top: 20px;
	margin-bottom: 40px;
	max-height: 800px !important;
	/* overflow-y: auto; */
	min-height: 370px;
}

.quick-panel .modal-header h4 {
	color: #242f48 !important;
}

.quick-panel .modal-header .close {
	color: rgb(170, 170, 170) !important;
	margin-right: 191px;
}

.quick-panel #goToFullForm {
	color: #fff !important;
	background-color: #22c03c !important;
	border-color: #22c03c !important;
	margin-top: 5px;
}

.quick-panel .cancelLink {
	color: #fff !important;
	background-color: #ee335e !important;
	border-color: #ee335e !important;
}

.quick-panel::-webkit-scrollbar {
	width: 0px !important;
}

.search-open-1 {
	cursor: pointer;
	margin-left: 280px;
	position: absolute;
	z-index: 9999999999999;
	display: inline-block;
	top: 8px;
	right: 14px;
}

.search-open-0 {
	cursor: pointer;
	position: absolute;
	z-index: 9999999999999;
	display: inline-block;
	top: 10px;
	right: 14px;
}


/* quick panel - modal - ends */


/* quickcreate.tpl, modal - starts */

.removeNoFileChosen {
	color: transparent !important
}

#QuickCreate .modal-body {
	max-height: 80vh !important;
}

.calendarQuickCreateContent .input-group,
.addCalendarEventContents .input-group {
	min-width: 120px !important;
	float: left;
}

.calendarQuickCreateContent .table .inputElement {
	width: 100%
}

.calendarQuickCreateContent .table .referencefield-wrapper .inputElement {
	width: 235px
}

.quickCreateContent .massEditTable textarea {
	resize: vertical;
	padding: 6px;
	border-radius: 10px;
}

.quickCreateContent .referencefield-wrapper {
	width: 210px;
	height: 32px
}

.quickCreateContent .input-group {
	display: table
}

.quickCreateContent .inputElement {
	/* height: 30px; */
	width: 200px
}

.quickCreateContent .referencefield-wrapper {
	display: inline-block !important;
}

.quickCreateContent .referencefield-wrapper .input-group {
	width: 100%;
}

.quickCreateContent .fieldLabel {
	margin-top: 20px;
	/* padding-bottom: 3px; */
}

.quickCreateContent .fieldValue {
	margin-top: 20px;
}

.quickCreateContent .input-group-addon.relatedPopup.cursorPointer {
	right: 0px !important;
}

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

#composeEmailContainer input[type="text"] {
	width: 100%;
	height: 30px
}

#composeEmailContainer .row {
	padding: 5px
}

#composeEmailContainer .modal-body .quickCreateContent,
#QuickCreate .modal-body .quickCreateContent,
#create .quickCreateContent {
	/* margin-top: 25px */
}

.modal.myModal #composeEmailContainer {
	overflow-x: hidden;
	width: 44vw;
}

.modal.myModal #composeEmailContainer .compose_email {
	width: 44vw;
	height: 100vh;
}

.modal.myModal #composeEmailContainer .compose_email .modal-header {
	width: 44vw;
}

.modal.myModal #composeEmailContainer .compose_email .modal-body {
	height: 100vh !important;
}

.modal.myModal #composeEmailContainer .compose_email .modal-body div {
	font-size: 16px;
}

.modal.myModal #composeEmailContainer .compose_email .modal-body #mCSB_8 {
	max-height: 90vh !important;
}

.modal.myModal #composeEmailContainer .compose_email .modal-body .ccContainer .cc,
.modal.myModal #composeEmailContainer .compose_email .modal-body .ccContainer .bcc,
.modal.myModal #composeEmailContainer .compose_email .modal-body .ccContainer .sub,
.modal.myModal #composeEmailContainer .compose_email .modal-body .bccContainer .cc,
.modal.myModal #composeEmailContainer .compose_email .modal-body .bccContainer .bcc,
.modal.myModal #composeEmailContainer .compose_email .modal-body .bccContainer .sub,
.modal.myModal #composeEmailContainer .compose_email .modal-body .subjectField .cc,
.modal.myModal #composeEmailContainer .compose_email .modal-body .subjectField .bcc,
.modal.myModal #composeEmailContainer .compose_email .modal-body .subjectField .sub {
	border-bottom: 1px solid #f2f2f2;
	margin-top: 7px;
}

.modal.myModal #composeEmailContainer .compose_email .modal-body #mCSB_8_container {
	max-height: 85vh;
	overflow-y: auto;
}

.modal.myModal #composeEmailContainer .compose_email .modal-body .attachment .browse {
	display: flex;
	justify-content: space-around;
}

.modal.myModal #composeEmailContainer .compose_email .modal-footer {
	width: 44vw;
}

.modal.myModal #composeEmailContainer #mCSB_8_scrollbar_vertical {
	visibility: hidden;
}

.modal.myModal .modal-dialog .modal-content.increase-width-modal {
	width: 55vw;
}

.modal.myModal .modal-dialog .modal-content.increase-width-modal .modal-header {
	width: 55vw;
}

.modal.myModal .modal-dialog .modal-content.increase-width-modal .modal-footer {
	width: 55vw;
}

.modal.myModal .modal-dialog .modal-content.increase-width-modal .modal-body {
	padding-top: 70px;
}

.importBlockContainer {
	border: 1px solid #fbfbfb;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	background: #fff;
	/* box-shadow:-8px 12px 18px 0 #dadee8; */
	color: #596875;
	margin-top: 30px;
	border-radius: 5px;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.fieldBlockContainer textarea.inputElement {
	height: auto;
	resize: none;
	padding: 10px 20px !important;
}

#convertLeadContainer .inputElement,
#editCurrency .inputElement {
	width: 70%
}

.modal-body .quickCreateContent .massEditTable .input-group-addon.relatedPopup.cursorPointer {
	right: 0px;
}

.modal-body .quickCreateContent .massEditTable .clearReferenceSelection {
	right: 60px;
}

.modal-body .quickCreateContent .massEditTable .inputElement {
	width: 100% !important;
}

.modal-body .quickCreateContent .massEditTable .joforce-form .inputElement.currencyField {
	width: 100% !important;
}

.modal-body .quickCreateContent .massEditTable .input-group.time .timepicker-default.form-control.inputElement.ui-timepicker-input {
	width: 100% !important;
}

.modal-body .quickCreateContent .massEditTable .referencefield-wrapper {
	width: 100% !important;
	display: inline-table !important;
}

.modal-body .quickCreateContent .massEditTable .referencefield-wrapper .input-group {
	width: 100% !important;
}

.modal-body .quickCreateContent .massEditTable .inputElement.select2.name-prefix {
	width: 78px !important;
}


/* quickcreate.tpl, modal - ends */


/* email - starts */

.email-body-preview {
	min-height: 280px;
	background: #fdfdfd;
	padding: 0 10px;
	border: 1px solid #f3f3f3;
	border-radius: 2px
}

.email-info-row {
	margin-bottom: 6px
}


/* email - ends */


/* calendar - starts */

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

.qtip {
	z-index: 1082 !important;
}

.topbar-qtip:hover a,
.topbar-qtip:focus a {
	color: #0c4da2 !important;
}

.topbar-qtip a:hover,
.topbar-qtip a:focus {
	color: #0c4da2 !important;
}

.topbar-qtip.active a {
	color: #0c4da2;
}

.activitytype-actions .fa {
	color: #fff;
}

.activitytype-actions input[type=checkbox]:checked::after {
	top: -3px !important;
	color: #333 !important;
	font-size: 15px;
}

.agendaListViewHeader .day,
.agendaListViewHeader .weekDay {
	color: #555;
}

.activitytypes .activitytype-indicator {
	margin: 8px 0px !important;
	padding: 5% 3% !important;
}

.calendarview .agendaListView {
	padding: 1% 2% !important;
	overflow-y: auto !important;
}

.calendarview .agendaListView .agendaListDay hr {
	border-top: 1px solid #e8e8e8 !important;
}

.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-wrapper {
	border-bottom: 1px solid #e8e8e8;
}

.module-action-content .text-center {
	display: none;
}

.module-action-content #topbar-menu {
	display: block;
}


/* calendar - ends */


/* customize calendar library - starts */

.fc-widget-content {
	border-top: none;
}

.fc-widget-content .fc-day-grid.fc-unselectable {
	display: none;
}

.fc-widget-content .fc-divider.fc-widget-header {
	display: none;
}

.fc-widget-content .fc-slats .fc-minor {
	display: none;
}

.fc-widget-content .fc-slats .fc-axis.fc-time.fc-widget-content {
	height: 40px;
}

.fc-content-col .fc-event-container a.fc-time-grid-event {
	padding: 10px 3px 25px 3px;
}

.fc-content-col .fc-event-container a.fc-time-grid-event:hover,
.fc-content-col .fc-event-container a.fc-time-grid-event:focus {
	color: #fff !important;
}

.fc-event-container a:hover,
.fc-event-container a:focus {
	color: #fff !important;
}

#sharedcalendar .fc-event-container .joicon-meeting,
#mycalendar .fc-event-container .joicon-meeting {
	font-size: inherit
}

#mycalendar .fc-event-container .joicon-meeting {
	font-size: inherit
}

.fc-row .fc-bg {
	border-bottom: 1px solid #e8e8e8;
}

.fc-scroller.fc-day-grid-container .fc-day-grid.fc-unselectable {
	display: block;
}

.fc-scroller.fc-day-grid-container .fc-content-skeleton {
	display: block;
}

.fc-header-toolbar .fc-center h2 {
	font-size: 20px;
}

.fc-axis.fc-time.fc-widget-content {
	border: none;
	border-bottom: 1px solid #e8e8e8;
}

.fc-axis.fc-widget-content {
	border: none;
}

.fc-axis.fc-widget-header {
	border: none;
	border-right: 1px solid #e8e8e8;
}

.fc-row.fc-widget-header {
	border-right-width: 0px !important;
}

.fc-day-top {
	border-top: none !important;
}

.fc-day-header.fc-widget-header {
	font-size: 13px;
	border-right: 1px solid #e8e8e8 !important;
}

.fc-left .fc-corner-left {
	border-radius: 5px 0px 0px 5px !important;
}

.fc-left .fc-corner-right {
	border-radius: 0px 5px 5px 0px !important;
}

.fc-day-header {
	background: #fff !important;
	color: #333 !important;
	border: none !important;
	border-right: 1px solid #ececec;
}

.fc-row.fc-week.fc-widget-content {
	border-right-width: 0px !important;
}

.fc-view-container table th,
.fc-view-container table td {
	border-color: #ececec !important;
}

.fc-bg table td.fc-state-highlight {
	background-color: #F3F3F3 !important;
	/* background: none !important; */
	/* border: 2px solid #8dd2fe !important; */
	border-bottom: none !important;
}

.fc-bg table td.fc-widget-content {
	border-top: none !important;
}

.fc-bg table td.fc-state-highlight {
	/* border: 2px solid #39C0ED !important; */
	border-bottom: none !important;
	border-top-width: 3px !important;
}

/* customize calendar library - ends */


/*filter - calendar - starts*/

.calendar-sidebar-tabs {
	font-size: 14px;
	color: #bdbdbd;
	padding: 10px;
}

.calendar-sidebar-tabs .active-link {
	color: white
}

.calendar-sidebar-tab .list-menu-content {
	height: 90vh;
	overflow: hidden;
	overflow-y: auto;
}

.calendar-sidebar-tab .fa-chevron-down {
	color: white
}

.calendar-sidebar-tabs .sidebar-widget-header a {
	color: #bdbdbd
}

.calendar-sidebar-tabs .sidebar-widget-header i.widget-state-indicator {
	width: 7%
}

.calendar-sidebar-tabs .sidebar-widget-header i.add-calendar-feed {
	margin-top: 1%;
	float: right
}

.calendar-sidebar-tabs hr {
	margin-top: 15px;
	margin-bottom: 15px;
	border-color: #bdbdbd
}

.calendar-sidebar-tabs .sidebar-widget-contents .feedslist {
	list-style: none
}


/*filter - calendar - ends*/


/*--------------------------------------activities-----------------------------*/

.updates_timeline {
	list-style: none;
	padding: 0;
	position: relative;
	margin-bottom: 20px;
	padding: 15px;
	/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
	box-shadow: rgb(0 0 0 / 10%) 0px 1px 0px 2px;
}

.updates_timeline:before {
	top: 32px;
	bottom: 81px;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #d1d4e4;
	left: 40px;
	margin-left: -1.5px;
}

.updates_timeline .timeline-wrapper {
	display: block;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	padding-right: 90px;
}

.updates_timeline .timeline-wrapper:before {
	content: " ";
	display: table;
}

.updates_timeline .timeline-wrapper .bg-info {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 16px;
	/*left: 47.8%;*/
	z-index: 0;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 5px 0px 8px 12px;
	color: #fff;
}

.timeline-image {
	border-radius: 50%;
}

.updates_timeline .timeline-wrapper .update_info {
	border-radius: 2px;
	padding: 20px;
	position: relative;
	background: transparent;
	border-radius: 0px;
	box-shadow: none;
	width: 80%;
	margin-left: 5%;
}


/*.updates_timeline .timeline-wrapper .update_info:before {position: absolute;top: 0;width: 100%;height: 2px;content: "";left: 0;right: 0;}*/

.updates_timeline .timeline-wrapper .update_info .timeline-title {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 .625rem;
	display: inline-block;
}

.align-items-center {
	align-items: center !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.d-flex {
	display: flex !important;
}

.updates_timeline .timeline-wrapper .update_info .timeline-footer {
	font-size: 11px;
}

.updates_timeline .timeline-wrapper.inverted-timeline {
	padding-right: 0;
}

.updates_timeline .timeline-wrapper.inverted-timeline .update_info {
	/*margin-left: 55% !important;*/
}

.fileUploadContainer .MultiFile-wrap .MultiFile-list .MultiFile-label {
	background: #eea15b;
	border-radius: 4px;
	padding: 6px 11px;
	margin-top: 16px;
	margin-bottom: 10px;
}

span#cancel:hover {
	background: WHITE !important;
	COLOR: RED !important;
	border: 1px solid red !important;
}


span.input-group-addon.inlineAjaxSave:hover {
	background: white !important;
	color: green !important;
	border: 1px solid green !important;
}

.right-block.col-lg-6.col-md-6.col-sm-6.pull-left.p0 {
	width: 45.5%;
	margin-left: 20px;
}


/*.updates_timeline .timeline-wrapper.inverted-timeline .update_info:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.updates_timeline .timeline-wrapper .update_info:after {position: absolute;top: 10px;right: -14px;display: inline-block;border-top: 14px solid transparent;border-left: 14px solid #ecf0fa;border-right: 0 solid #ecf0fa;border-bottom: 14px solid transparent;content: " ";}*/

.recentActivitiesContainer .history {
	margin: 0 auto;
	padding: 20px;
	max-width: 100%;
	overflow-x: visible;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	flex: 1 1 auto;
	background: #fff;
}

.quick-preview-modal .recentActivitiesContainer {
	background-color: #fff;
}

.quick-preview-modal .recentActivitiesContainer .history {
	max-width: 90%;
}

.update_info .field-name,
.update-name .field-name,
.update-to .field-name {
	color: #0c4da2 !important;
}

.update_info span {
	font-size: 15px;
}

.recentActivitiesContainer .updateInfoContainer {
	width: 100%
}

.updates_timeline #more_button .update_icon .moreRecentUpdates {
	background: #303030;
	border-radius: 15%
}

.updates_timeline #more_button .update_icon {
	position: relative;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	text-align: center;
	top: 0;
	margin: 0 0 0 -55px;
	color: #fff;
	width: 100px
}

.updates_timeline .update_icon img {
	height: 42px;
	width: 42px;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 2px;
}

.updates_timeline .update_icon .update_image {
	line-height: 1.5
}

.bg-info {
	background-color: orange;
}

.bg-info-modcomments {
	background-color: #135fd7
}

.bg-info-accounts {
	background-color: #6cc4b9
}

.bg-info-calendar {
	background-color: #ed4c57
}

.bg-info-contacts {
	background-color: #03a678
}

.bg-info-documents {
	background-color: #789048
}

.bg-info-potentials {
	background-color: #492d61
}

.bg-info-pricebooks {
	background-color: #048091
}

.bg-info-project {
	background-color: #d1026c
}

.bg-info-purchaseorder {
	background-color: #c93756
}

.bg-info-projecttask {
	background-color: #012677
}

.bg-info-quotes {
	background-color: #d1026c
}

.bg-info-salesorder {
	background-color: #d1026c
}

.bg-info-servicecontracts {
	background-color: #d1026c
}

.bg-info-services {
	background-color: #d1026c
}

.bg-info-invoice {
	background-color: #d1026c
}

.bg-info-helpdesk {
	background-color: #d1026c
}

.bg-info-products {
	background-color: #ffb3a7
}

.bg-info-emails {
	background-color: #299afc
}

.bg-info-products {
	background-color: #ffb3a7
}

.bg-info-campaigns {
	background-color: #a17917
}

.bg-info-custom-mod {
	background-color: #cc9
}


/*--------------------------------------activities-----------------------------*/


/* list table header - starts */

.listaction-disabled {
	display: none !important;
}

.listViewPageDiv.content-area .floatThead-floatContainer.floatThead-container table thead .listViewContentHeader th .table-actions #joforce-table-search {
	margin-left: 6% !important;
}

#joforce-table-search {
	position: absolute !important;
	top: 25px;
	;
}

#joforce-table-search.user-search {
	margin-top: -8px !important;
	margin-left: -30px !important;
}

.floatThead-floatContainer.floatThead-container table thead .listViewContentHeader th .table-actions #joforce-table-search {
	margin-left: 5% !important;
}

.main-container-EmailTemplates .table-actions #joforce-table-search {
	margin-left: 6px !important;
	position: relative !important;
	margin-top: 0px !important;
}

#listColumnFilterContainer .listColumnFilter {
	cursor: pointer;
	margin-left: 20%
}

#listColumnFilterContainer .disabled {
	display: none;
	cursor: default
}

#listColumnFilterContainer .disabled i {
	color: #ccc
}

#listColumnFilterContainer .listColumnFilter {
	width: 1% !important;
	margin-left: 30% !important;
}

#listColumnFilterContainer {
	margin-left: 15px;
	margin-top: 0px;
}

#listColumnFilterContainer .fa-search {
	font-size: large;
	color: #000;
	margin-left: -13px;
	margin-top: -10px;
}

#listColumnFilterContainer .fa-th-large {
	font-size: large;
	margin-left: 5px;
	color: #000;
	margin-top: 7px;
}

.listview-table-norecords #listColumnFilterContainer {
	margin-left: -17px;
	margin-top: 0px;
}

.listview-table-norecords #listColumnFilterContainer .fa-search {
	margin-left: 18px;
}

.listview-table-norecords .table-actions {
	margin-top: -35px;
}


#importStep3Conatiner .importview-content .importBlockContainer .table-bordered tbody tr td span input {
	margin-top: -22px;
}




.listViewContentHeaderValues i.fa-angle-down,
.listViewContentHeaderValues i.fa-angle-up {
	opacity: .3
}

.listViewContentHeaderValues:hover i.fa-angle-down,
.listViewContentHeaderValues:hover i.fa-angle-up {
	opacity: 1
}

.listViewContentHeaderValues {
	vertical-align: middle;
	white-space: nowrap;
	margin-left: 5%;
	color: #909599 !important;
}

.listViewContentHeaderValues i.fa {
	margin: 5px 10px 5px 5px;
}

.listSearchContributor {
	min-height: 28px;
	width: 100%;
	min-width: 100px
}

.noSorting {
	cursor: default
}

.listViewMassActions .dropdown-menu {
	z-index: 1100
}

.listViewEntriesCheckBox,
.input-group input[type="checkbox"] {
	vertical-align: middle
}

.listViewEntriesMainCheckBox {
	background-color: white !important;
	color: black !important;
}

.table-actions .fa-star.active {
	color: #ee335e !important;
}

.table-actions .dropdown {
	/* border: 1px solid #e8e8e8; */
	padding: 8px 14px -6px 10px;
}

.table-actions .activeview {
	background: #303030;
	color: #fff;
	opacity: 1 !important;
	padding-left: 2px !important;
}

ul.more-actions-right {
	right: 50px !important;
	min-width: 120px !important;
	left: auto !important;
}

ul.more-actions-right.quickview-more-actions {
	right: 36% !important;
}

ul.dropdown-menu.more-actions-left,
ul.dropdown-menu.more-actions-right {
	box-shadow: none;
	border: none;
	border: 1px solid #e8e8e8;
	box-shadow: 0px 0px 1px 0px rgba(200, 200, 200, 0.1);
}


ul.dropdown-menu.more-actions-right.dropdown-menu-right.show {
	transform: translate3d(10px, 10px, 10px) !important;
	/* top: 10px !important;
    right: 35px !important; */
	top: 10px !important;
	right: 5px !important;
}

.listview-actions-container {
	position: relative;
	/* background: #fff; */
}

.listViewContent .listview-actions-container .row a {
	color: #0c4da2 !important;
}

.listViewContent .listview-actions-container .row a:hover,
.listViewContent .listview-actions-container .row a:focus {
	color: #0c4da2 !important;
}

.listViewPageDiv a {
	text-decoration: none;
	color: inherit
}

.listViewPageDiv .ps-scrollbar-x-rail {
	opacity: 1 !important
}


/* list table header - ends */


/* list table message section - starts */

#third-listview-actions {
	position: relative;
	background: transparent;
}

.messageContainer a {
	color: #0c4da2 !important;
}

#selectAllMsgDiv,
#deSelectAllMsgDiv {
	color: #0c4da2 !important;
	font-size: 18px;
	color: #3498db;
}

.msgsection {
	margin-top: 1%;
}

#listview-actions .msgsection a {
	color: #0c4da2 !important;
}

#listview-actions .msgsection a:hover,
#listview-actions .msgsection a:focus {
	color: #0c4da2 !important;
}


/* list table message section - ends */


/* related list table - starts */

.related-list-actions {
	width: 100px;
	padding-left: 15px !important
}

.relationDelete .joicon-linkopen {
	font-size: 12px;
	vertical-align: middle
}

.detailview-content .details .relatedContainer {
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	padding-top: 0px;
	height: 755px;
	/* margin-left: 34px; */
	margin-right: 18px;
	/*width: 100%; */
	margin-left: 25px;
}

.detailview-content .details.row .relatedHeader {
	background-color: transparent !important;
}


/* related list table - ends */


/* list view table - starts */


/* Hide scrollbar for Chrome, Safari and Opera */

.table-container::-webkit-scrollbar {
	display: none;
	background: transparent;
}


/* Hide scrollbar for IE, Edge and Firefox */

.table-container {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: 1px;
	/* Firefox */
	border: solid 1px #ddd;
}

.listview-table {
	margin-bottom: 0;
	border-top: 0
}

.listview-table tr td,
.listview-table tr th {
	color: #222
}

.listview-table tr td:first-child,
.listview-table tr th:first-child {
	width: 130px
}

.listview-table>thead>tr:first-child>th,
.listview-table>tbody>tr:first-child>th {
	padding: 10px 5px
}

.listview-table>tbody>tr>td,
.listview-table>tfoot>tr>td {
	vertical-align: middle;
	padding: 6px
}

.listview-table>tbody>tr>td .value,
.listview-table>tfoot>tr>td .value {
	padding: 0 5px
}

.listview-table>thead>tr>td .fieldValue,
.listview-table>tbody>tr>td .fieldValue,
.listview-table>tfoot>tr>td .fieldValue {
	display: inline-block;
	width: 100%
}

.listview-table .listViewEntryValue .fieldValue {
	color: #222
}

.listview-table .table-actions.reportListActions {
	width: 125px;
	font-size: 15px;
	color: #555;
	margin-left: 7px
}

.listview-table .table-actions span.dropdown.open,
.listview-table-norecords .table-actions span.dropdown.open {
	opacity: 1
}

.listview-table tr.listViewContentHeader th,
.listview-table tr.searchRow th {
	border-bottom-width: 1px;
	vertical-align: middle;
	display: table-cell;
	height: 62px;
}

.listview-table tr.searchRow th {
	padding: 5px 3px
}

.listview-table .table-actions span:hover {
	opacity: 1;
	cursor: pointer
}

.listview-table .table-actions span.caret {
	padding: 0
}

.listview-table tr td .input .checkbox {
	margin-right: 10px
}

#listview-table tr td span.picklist-color,
.white-background .picklist-color {
	padding: 6px 8px 6px 8px;
	border-radius: 5px;
	border: none !important;
}

.picklist-color.Wait.For.Response {
	background-color: #ffe8e8 !important;
	color: #ab6969 !important;
}

.fieldLabel .picklist-color {
	border: none !important;
	font-size: 13px;
	padding: 6px 8px !important;
}

.blockData .picklist-color {
	border: none !important;
	padding: 6px 8px !important;
	font-size: 12px;
}

.listview-table .fa-star-o,
.listview-table .fa-star {
	font-size: 16px
}

.listview-table .listViewEntries textarea,
.uploadview-content textarea,
.fieldBlockContainer textarea.textAreaElement {
	width: 100%;
	resize: vertical;
	padding-left: 5px;
	padding-top: 5px
}

.listview-table-norecords {
	margin-bottom: 0;
	border-top: 0;
	table-layout: fixed;
	width: 100% !important;

	border-left: none !important;

}


.mailBoxEditDiv h4 {
	-webkit-border-top-right-radius: 7px;

	padding: 30px 39px;
	margin-top: -6px;
}

.listview-table-norecords .table-actions span,
.listview-table .table-actions span {
	opacity: 1;
}

.listview-table-norecords .table-actions,
.listview-table .table-actions {
	width: 110px;
	font-size: 15px;
	color: #555;
	margin-left: 7px
}

.listview-table-norecords .table-actions span:hover,
.listview-table-norecords .table-actions span:active,
.listview-table-norecords .table-actions span:focus,
.listview-table .table-actions span:hover,
.listview-table .table-actions span:active,
.listview-table .table-actions span:focus,
input[type=checkbox]:checked {
	opacity: 1
}

.listview-table-norecords .table-actions:before,
.listview-table-norecords .table-actions:after,
.listview-table .table-actions:before,
.listview-table .table-actions:after {
	content: " ";
	display: block;
	clear: both
}

.listview-table-norecords .table-actions .dropdown .dropdown-toggle,
.listview-table .table-actions .dropdown .dropdown-toggle {
	min-width: 35px
}

.listview-table-norecords .listViewEntries .table-actions span,
.listview-table .listViewEntries .table-actions span {
	padding-right: 10px;
	float: left
}

.listview-table-norecords .listViewEntries .table-actions span.more,
.listview-table .listViewEntries .table-actions span.more {
	padding-right: 0;
	padding-left: 0
}

.listview-table-norecords .listViewEntries .table-actions span.more a,
.listview-table .listViewEntries .table-actions span.more a {
	padding: 0 6px
}

.listview-table-norecords .table-actions .input input,
.listview-table .table-actions .input input {
	float: left;
	border: 1px solid #777;
	margin-top: -2px
}

.listview-table-norecords .table-actions,
.listview-table .calendar-table-actions {
	width: 117px !important
}

.listViewEntries td:not(:first-child) {
	cursor: pointer
}

.listViewEntries .dropdown-menu {
	z-index: 1100;
	background-color: #fff;
	min-height: 76px;
	max-height: 171px;
}

.listViewEntries .relatedListEntryValues .fieldValue .value,
.listViewEntries .listViewEntryValue .fieldValue .value {
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	text-align: left;
}

.listViewEntries .relatedListEntryValues .value {
	vertical-align: middle;
	width: 80%;
	display: inline-block
}


/* list view table - ends */


/* pagination - starts */

.listview-pagenum {
	text-align: center;
	white-space: nowrap;
	padding: 3px 10px;
	margin-bottom: 6px;
	font-size: 12px
}

.listview-pagejump {
	text-align: center;
	padding-bottom: 3px
}

.listViewPagingInput {
	width: 70px;
	padding: 0 5px;
	vertical-align: middle
}

#pageToJumpSubmit {
	padding: 1px;
	margin-left: -5px;
	font-size: 10px;
	width: auto;
}

input.listViewEntriesMainCheckBox.check {
	margin-left: 9px;
	margin-top: 4px;
}

.listViewContentHeader .table-actions .dropdown .topcheck {
	margin-top: 4px;
	margin-left: 8px;
}

#PageJumpDropDown {
	z-index: 1100
}

.listViewPageDiv .third-listview-actions-container .messageContainer {
	margin-left: 30px;
}

/* .inputElement.currencyField, #Leads_editView_fieldName_annualrevenue{ top: -10px; position: absolute;} */
.fieldBlockContainer .fieldValue .input-group .currency-icon {
	position: absolute;
	/*top: 1px;*/
}

.fieldValue .input-group #Contacts_editView_fieldName_birthday {
	position: absolute;
	top: -10px;
}

.fieldValue .input-group .date-icon {
	top: -.5px !important;
	position: absolute;
}

.Contacts .fieldValue .input-group .date-icon {
	top: 10px !important;
}

.fieldValue .input-group .new-date {
	position: absolute;
}



/* pagination - ends */


/* overlay - starts*/

#overlayPage {
	top: 43px;
	left: 0;
	right: 0;
	position: fixed;
	width: 100%;
	z-index: 10300;
	max-height: 100% !important;
}

#overlayPage .arrow.show {
	content: "";
	width: 10px;
	height: 10px;
	right: 150px;
	top: -9px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #CCC;
	position: absolute
}

#overlayPage .arrow.show:after {
	content: "";
	width: 10px;
	height: 10px;
	right: 150px;
	top: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #FFF;
	position: absolute;
	left: -9px;
	z-index: 1030
}

#overlayPage.fade {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .3s ease;
	-moz-transition: max-height .3s ease;
	-o-transition: max-height .3s ease;
	transition: max-height .3s ease
}

#overlayPage.fade.in {
	max-height: 3800px
}

#overlayPage .modal-backdrop {
	z-index: -1
}

.overlay-container-60 {
	margin-left: 42px
}

.overlay-container-300 {
	margin-left: 230px
}

.overlayPageContent {

	padding-bottom: 60px;
	float: left
}

.overlayPageContent.fade {
	top: 700px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden
}

.overlayPageContent.fade.in {
	top: 64px;
	opacity: 1
}

.overlayPageContent form .modal-body {
	padding-left: 30px;
	padding-right: 30px;
	margin: 0 auto;
}

#helpPageOverlay {
	width: 300px;
	right: 0;
	top: 0;
	position: fixed;
	z-index: 1070
}

.overlayHeader .modal-header {
	/* background: inherit; */
	color: inherit;
	border-bottom-color: transparent
}

.overlayHeader .modal-header .close {
	color: #000
}

.overlayFooter {
	position: fixed;
	bottom: 0;
	background: #eee;
	width: 94%;
	height: 60px;
	right: 0
}

.contentsOverLayFooter {
	width: 76%
}

.overlay-close {
	margin-top: 10px;
	margin-right: 10px
}

.overlayPageContent .modal-overlay-footer {
	margin: 0
}

.modal-overlay-footer {
	position: inherit;
	bottom: 40px;
	background: #efefef;
	border-left: 42px solid #303030;
	height: 50px;
	left: 0;
	right: 0;
	/* padding: 10px; */
	padding: 1px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	z-index: 1000
}

#sidebar-essentials {
	/* display: none !important; */
}

#overlayPageContent .mCSB_scrollTools,
#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: none;
	transition: none;
}

.overlayDetail .modal-content {
	position: absolute;
	height: 100%;
	padding: 10px;
	background: #f9f9f9
}

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

.overlayDetail .modal-body {
	height: 82%;
	overflow: auto;
	background: #f9f9f9;
	padding-left: 0;
	padding-right: 1px
}

.overlayDetail .modal-body .left-block,
.overlayDetail .modal-body .middle-block {
	padding-left: 0;
	padding-right: 7px
}

.overlayDetail .modal-body .right-block {
	padding-left: 0;
	padding-right: 0
}

.overlayEdit .modal-content {
	position: absolute;
	height: 100%;
	width: 100%
}

.overlayEdit form .modal-body {
	padding-left: 10px;
	padding-right: 0;
	/* background: #f9f9f9; */
	height: 574px;
	overflow: auto
}

.modal-overlay-footer {
	border-left: none;
}

.overlayHeader .modal-header .close {
	color: #fff !important;
}

.fc-overlay-modal.overlayDetail .modal-content {
	background: #fff !important;
}

.fc-overlay-modal.overlayDetail .modal-content .overlayDetailHeader .record-header .recordBasicInfo {
	padding-left: 100px !important;
}

.fc-overlay-modal.overlayDetail .modal-content .overlayDetailHeader .record-header .recordBasicInfo a.showMap:hover {
	color: #0c4da2 !important;
}

.fc-overlay-modal.overlayDetail .modal-content .modal-body {
	background: #fff !important;
}

.fc-overlay-modal.overlayDetail .modal-content .modal-body .info-row a:hover {
	color: #0c4da2 !important;
}


/* overlay - ends */


/* advance search - starts */

#advanceSearchHolder {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 500ms ease;
	-moz-transition: max-height 500ms ease;
	-o-transition: max-height 500ms ease;
	transition: max-height 500ms ease
}

#advanceSearchHolder.slideDown {
	max-height: 3000px
}

#advanceSearchContainer #searchContainer {
	background-color: white;
	margin-top: 20px
}

#advanceSearchContainer.well {
	margin-bottom: 0 !important
}

#advanceSearchContainer [name="viewname"] {
	width: 0;
	-webkit-transition: width 500ms ease;
	-moz-transition: width 500ms ease;
	-o-transition: width 500ms ease;
	transition: width 500ms ease
}

#advanceSearchContainer [name="viewname"].slideRight {
	width: 200px
}

.filterContainer.filterElements.well {
	border: none;
}

#searchResults-container {
	max-height: 70vh !important;
	/* height: 95vh !important; */
	overflow: hidden;
	overflow-y: auto;
	background-color: #fbfbfb;
	width: 90%;
	top: 62px;
	left: 81px;
	box-shadow: rgb(99 97 97 / 56%) 125px -55px 226px 208px;


}

#searchResult-container::before {
	box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

#searchResults-container .moduleSearchResults {
	padding-bottom: 20px;
}

#searchResults-container h3 {
	background: #f3f3f3;
	padding: 5px 15px
}

#searchResults-container .mCSB_inside>.mCSB_container {
	margin-right: 10px
}

#searchResults-container .moduleResults-container .moduleSearchResults .table-container {
	background: #fff
}

#searchResults-container .moduleResults-container {
	background-color: #fbfbfb
}

#searchResults-container .searchModuleHeader {
	color: #0c4da2 !important;
	margin-bottom: 0
}

.navigationButton[disabled] {
	opacity: .2;
	pointer-events: none;
	cursor: not-allowed
}


/* advance search - ends */


/* breadcrumbs - starts */

.crumbs {
	height: 40px;
	margin: 0;
	/* left: 60px; */
	/* padding: 0 20px 0 0; */
	display: inline-block;
	position: relative;
	width: 100%
}

.crumbs li:after {
	content: '\0000a0';
	width: 0;
	height: 0;
	border-left: 20px solid #ececec;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	display: inline-block;
	position: absolute;
	top: -20px;
	right: -20px;
	color: #303030 !important;
}

.crumbs li {
	height: 0;
	border-top: 20px solid #ececec;
	border-bottom: 20px solid #ececec;
	border-left: 20px solid transparent;
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 33%
}

.crumbs li:first-child {
	border-top: 20px solid #ececec;
	border-bottom: 20px solid #ececec;
	border-left: 0
}

.crumbs li:hover {
	height: 0;
	border-top: 20px solid #fbfbfb;
	border-bottom: 20px solid #fbfbfb
}

.crumbs li:hover:after {
	border-left: 20px solid #fbfbfb !important
}

.crumbs li.active {
	height: 0;
	border-top: 20px solid #3562e8;
	border-bottom: 20px solid #3562e8;
	background: #3562e8 !important;
	border-color: #3562e8 !important;
}

.crumbs li.active:after {
	border-left: 20px solid #3562e8 !important
}

.crumbs li a {
	display: block;
	margin-top: -14px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-decoration: none
}

.crumbs li:first-child a .stepNum {
	margin-left: 8px
}

.stepText {
	white-space: nowrap;
	overflow: hidden;
	font-size: 13px;
	width: 60%;
	display: inline-block;
	text-overflow: ellipsis;
	vertical-align: middle
}

.active .stepText,
.active .stepNum {
	color: #fff !important;
	/* color: white!important; */
}

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

.stepNum {
	display: inline-block;
	padding: 0 5px;
	overflow: hidden;
	font-size: 20px;
	vertical-align: middle;
	color: #39f
}


/* breadcrumbs - ends */


/* taskManagementContainer - starts */

#taskManagementContainer .data-body {
	margin-bottom: 50px
}

#taskManagementContainer .input-group,
#taskManagementContainer .input-group input {
	width: 100%
}

#taskManagementContainer .title {
	width: 20%;
	height: 25px;
	padding: 5px 0 0 10px;
	color: white
}

#taskManagementContainer .contentsBlock {
	margin-bottom: 25px
}

#taskManagementContainer .taskSubject>p {
	margin-bottom: 5px;
	word-wrap: break-word
}

.taskSubject {
	width: 99%
}

#taskManagementContainer .entries {
	border: 1px solid #CCC;
	margin-bottom: 10px
}

#taskManagementContainer .entries:hover {
	cursor: move
}

#taskManagementContainer .entries .task {
	padding: 6px 10px 5px
}

#taskManagementContainer .entries .task-body {
	margin-left: 20px;
	text-align: justify
}

#taskManagementContainer .entries .other-details .drag-task {
	margin-top: 3px
}

#taskManagementContainer .entries .other-details .task-actions {
	margin-top: 5px
}

#taskManagementContainer .entries .other-details .task-actions a {
	vertical-align: middle
}

#taskManagementContainer .entries .task-details {
	display: inline-block;
	float: left;
	max-width: 80%;
	margin-top: 5px;
	margin-left: 5px;
	text-align: justify
}

#taskManagementContainer .entries .task-details .recordName {
	display: inline-block;
	max-width: 20%
}

#taskManagementContainer .fa-ellipsis-v {
	font-size: 14px;
	color: #979797
}

#taskManagementContainer .other-details {
	color: #979797
}

#taskManagementContainer .mCustomScrollbar .mCSB_inside>.mCSB_container {
	margin-right: 13px
}

#taskManagementContainer .popover-content {
	padding: 0
}

#taskManagementContainer .popover-content .input-group.inputElement {
	width: 70%;
	min-width: 200px
}


/* taskManagementContainer - ends */


/* dashboard - starts */

.noDataMsg {
	/* position: absolute;
	top: 103px; */
}

.tab-pane h4 {
	padding: 20px 0px 20px 20px;
}

.dashBoardContainer .tabContainer .nav {
	font-size: 15px;
	background-color: #fff
}

.dashBoardContainer .tab-pane .dashBoardTabContents ul {
	position: relative;
	height: 960px;
	width: 100% !important;
}

.dashBoardContainer .tab-pane {
	padding: 0 15px;
	min-height: 100%
}

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

.dashBoardContainer .tabContainer ul {
	margin: 0 auto
}

.dashBoardContainer .tabContainer .nav {
	font-size: 15px;
	background-color: #f0f0f0
}

.dashBoardContainer .tabContainer .tab-content {
	margin-top: 10px
}

.dashBoardContainer .dashBoardTabContents ul {
	margin: 0
}

.dashBoardContainer .dashBoardTabContents ul li {
	border: 1px solid #deebfd;
	/* box-shadow: -8px 12px 18px 0 #dadee8; */
	list-style: none;
	padding: 15px;
	position: static;
	float: left;
	border-radius: 5px;
	background-color: #ffffff;
}

.dashBoardContainer .dashBoardTabContents ul li svg {
	font-family: 'Roboto Text', serif !important;
}

.dashBoardContainer .tabContainer {
	margin-top: 12px !important;
}

.dashBoardContainer .tabContainer li a .deleteTab {
	margin-left: 10px;
	display: inline-block;
	opacity: .1
}

.dashBoardContainer .tabContainer li a .moveTab {
	margin-left: 10px;
	display: inline-block;
	opacity: .5
}

.dashBoardContainer .tabContainer li a:hover .deleteTab {
	display: inline-block;
	opacity: 1
}

.dashBoardContainer .tabContainer li a .deleteTab:hover {
	cursor: pointer
}

.dashBoardContainer .entryIcon {
	font-size: 120%
}

.dashBoardContainer .dashboard_notebookWidget_viewarea {
	background-color: #fff;
	border: 1px solid #ccc;
	min-height: 200px;
	resize: none;
	width: 100%;
}

.dashBoardContainer .nav-tabs>li.active,
.dashBoardContainer .nav-tabs>li:hover,
.dashBoardContainer .nav-tabs>li.active:focus,
.contents.tabbable .nav-tabs>li.active,
.contents.tabbable .nav-tabs>li:hover,
.contents.tabbable .nav-tabs>li.active:focus {
	border: solid 1px #ccc;
	background-color: #f7f7f7;
	border-bottom: none;

}

.tab-content.layoutContent.padding20.overflowVisible.joforce-tax-section {
	background: white;
}

.dashboardWidgetHeader .title {
	padding-bottom: 0px;
	font-size: 15px
}

.dashboardWidgetHeader:hover {
	/* cursor: move */
}

.dashboardWidgetContent {
	overflow: hidden;
	height: 170px !important;
}

.dashboardWidgetContent .entryIcon {
	position: relative;
	top: 5px;
	padding-right: 10px
}

.dashBoardContainer {
	margin-top: 50px;
}

.dashBoardWidgetFooter {
	border-radius: 0 0 5px 5px;
}

.dashBoardWidgetFooter {
	position: static;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	/* background: #f7f7f7; */
	font-size: 14px;
}

.dashBoardWidgetFooter .footerIcons {
	padding: 8px 15px 0 0;
	color: #ccc
}

.dashBoardWidgetFooter .filterContainer {
	position: absolute;
	padding: 10px 7px;
	display: none;
	height: auto;
	width: 100%;
	background: white;
	border: 1px solid #ccc;
	bottom: 30px;
	font-size: 11px
}

.dashBoardWidgetFooter .filterContainer .radio-group input {
	vertical-align: middle;
	margin-top: -1px
}

.dashBoardContainer .dashBoardWidgetFooter a:active,
.dashBoardContainer .dashBoardWidgetFooter a:hover {
	color: black
}

.dashboard-top a h4 {
	padding-top: 5px;
}

.dashboard-top.active-dashboard a h4 {
	font-weight: 600;
	padding-bottom: 15px;
	border-bottom: 2px solid #0c4da2;
	color: #0c4da2 !important;
}

.dashboardHeading.container-fluid {
	margin-top: 5px;
}

.dashboardHeading .dropdown-menu {
	height: auto;
	max-height: 275px;
	overflow: hidden;
	overflow-y: auto;
}

.dashboardHeading #Widget {
	background: url(images/magnifier.png) no-repeat left;
	padding-left: 40px;
	background-position: 5px 5px;
	margin: 10px 0px 0px 0px;
	padding-top: 7px;
}

.dashboardHeading #content {
	padding: 0px;
	width: 175px;
	font-size: 15px;
	border-radius: 5px;
}

.dashboardHeading #content::-webkit-scrollbar {
	display: none;
}

.dashboardHeading #content .widgetsList {
	padding: 0px;
}

.dashboardHeading #content .widgetsList li:hover {
	color: #333;
	background-color: #eee;
}

.dashboardHeading #content .widgetsList li {
	padding: 10px;
	list-style: none;
}

#minilistWizardContainer .fieldLabel {
	position: relative;
	/* top: 8px */
}


/* dashboard - ends */


/* tag - starts */

.detailShowAllModal .selectTagContainerborder {
	border-left: 3px solid #ddd
}

.detailShowAllModal .currentTag {
	height: 200px;
	max-height: 200px;
	overflow: hidden
}

.editTagContainer .editTagContents {
	padding: 8px
}

.editTagContainer .editTagContents input[type="text"] {
	width: 100%;
	border: 1px solid #dcdcdc
}

.vt-default-callout.tagInfoblock {
	padding: 0 13px 16px
}

.vt-default-callout {
	padding: 10px 20px 20px;
	margin: 10px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 10px;
	background-color: #fff;
}

/* custome css for tooltip */

.alerthide,
.alerthide1 {
	position: relative;
}

div.editViewHeader>.alertShow:hover {
	cursor: pointer;

}

span.alertShow:hover,
span.alertShow1:hover {
	cursor: pointer;
}


.alerthide .tooltiptext,
.alerthide1 .tooltiptext1 {
	visibility: hidden;
	width: 100%;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
}

.vt-info-callout .vt-callout-header {
	color: #0c4da2 !important;
	margin-top: 10px;
}

.vt-info-callout {
	border-left-color: #0c4da2 !important;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.tagContainer .tag-contents {
	display: inline-block;
	border-right: 1px solid #ddd;
	padding-right: 8px
}

.tagContainer #addTagContainer {
	display: inline-block;
	background: #3665e9;
	padding: 5px;
	border-radius: 5px;
	color: #fff;
}

.moreTags {
	margin: 0 10px;
	text-decoration: underline !important;
	color: #3498db
}

.tag {
	display: inline-block;
	border: none;
	width: auto;
	color: #fff;
	padding: 1px 3px 1px;
	margin: 3px 2px;
	border-radius: 3px;
	background: #555;
	font-size: 13px;
	font-weight: 600;
}

.tag[data-type="public"] {
	background-color: #3cb878;
	border-color: #3cb878
}

.tag .tagLabel {
	margin-right: 8px;
	margin-left: 5px;
	max-width: 80px;
	vertical-align: bottom;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tag i {
	color: #fff
}

.tag i.deleteTag {
	margin-right: 5px
}

.tag i.activeToggleIcon {
	font-size: 14px;
	margin-left: 5px;
}

.tag.active {
	background-color: #fff;
	border-color: black;
	color: black
}

.tag.active i {
	color: black
}

.tag .editTag,
.tag .deleteTag {
	opacity: 0
}

.tag:hover .editTag,
.tag:hover .deleteTag {
	opacity: 1
}

.multiLevelTagList .tag {
	margin-bottom: 5px
}

.detailViewContainer .tag,
#listViewTagContainer .tag {
	cursor: pointer
}

#addTagContainer .dropdown-menu {
	padding: 5px 0 0 0
}

#addTagContainer .modal-footer {
	padding: 5px
}

#addTagContainer .createTagContainer ul.list-group {
	margin-top: 5px;
	margin-bottom: 0
}

#addTagContainer .createTagContainer hr {
	margin: 10px 0
}

#addTagContainer .createTagContainer li.tag-item {
	margin-bottom: 5px
}


/* tag - ends */


/* Import - starts */

.importResultsTable tr {
	border: 1px solid #f5f5f5;
	background: #fff
}

.fieldIdentifier {
	border: 1px solid #f5f5f5;
	color: #999
}

.landingPage {
	min-height: 600px
}

.import-details-container {
	max-height: 500px;
	overflow-y: auto
}

.importview-content,
.customview-content {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 605px
		/* max-height: 800px; */
}

.importServiceSelectionContainer .menu-item h4 {
	color: #fff !important;
}

#importBasic .breadcrumb .wizards {
	height: 40px;
	margin: 0;
	padding: 0 20px 0 0;
	display: inline-block;
	position: relative;
	width: 100%;
}

.main-container .quick-panel {
	top: 146px;
	z-index: 3;
	overflow-x: hidden;
}

#importBasic .breadcrumb .wizards li.active {
	color: #fff !important;
	border-color: #303030 !important;
}

#importBasic .breadcrumb .wizards li:first-child {}

#importBasic .breadcrumb .wizards li {
	display: inline-block;
	width: 24%;
	text-align: center;
	top: 20px;
}

#importBasic .breadcrumb .wizards li.active:after {}

#importBasic .breadcrumb .wizards li:after {}

/* import - ends */


/* file upload, documents, images - starts*/

.dragdrop-dotted {
	border: dashed 1px #96c0f7;
	width: auto;
	color: #c0c0c0;
	background-color: #f3f8fe;
	text-align: center;
	vertical-align: middle;
	padding-top: 5%;
	margin-bottom: 27px;
	height: 250px
}

/* .dragdrop-dotted span{ color: #;} */

.dragdrop-solid {
	border-style: solid
}

.selectedFile {
	background-color: #a9cbf5;
	font-weight: bold
}

.selectedFolder {
	background-color: #a9cbf5;
	font-weight: bold
}

.fileUploadBtn {
	position: relative;
	overflow: hidden;
	display: block;
}

.fileUploadBtn input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%
}

.browse-file {
	width: 3% !important;
	display: inline-block;
	position: relative;
	left: 111px;
}

.browse-file-input {
	display: inline;
	margin-top: -35px;
	height: 40px;
	margin-left: -15px;
}

.browse-file-input-span {
	bottom: 17px;
	height: 40px;
	background: #f1f4fb;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	padding: .56rem 15px;
	color: #68769a;
	border-radius: 0;
	border: 1px solid #e2e8f5;
}

.toEmailField .commale {
	margin-top: 20px;
	/* margin-left: 36px; */
}

.toEmailField .commale .emailModulesList {
	border: solid 1px #ccc;
	outline: none;
	padding: 0px 15px;
}

.MultiFile-applied {
	display: inline-block;
	width: 70% !important;
	margin-left: 22px;
	margin-top: 7px;
}

.attachment .browse {
	margin: 0 auto;
	margin-top: 20px;
}


.commale .emailModulesList span {
	top: 1px;
}




.MultiFile-applied {
	position: absolute;
	width: 300% !important;
}


[name="existingImages"]>img {
	max-width: 100%
}


/* file upload, documents, images - ends */


/* line items - starts */

.lineitemTableContainer,
.lineItemTableDiv {
	width: 100%;
	overflow-x: auto
}

.inventoryLineItemDetails {
	color: #3498db
}

.lineItemInputBox {
	float: left !important;
	width: 45%;
	text-align: right;
}

.discountTotal {
	margin-top: 10px
}

#lineItemTab .lineItemRow .listPrice {
	float: left;
	margin-right: 5px
}

.individualDiscount:hover {
	color: #0c4da2 !important;
}

.main-content-label {
	color: #242f48;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 10px;
	letter-spacing: .2px;
}

#tax1,
#tax2,
#tax3 {
	width: 80% !important;
	margin-left: 38px;
}


/* line items - ends */


/* email plus - starts */

form[name="EditServerDetails"] .form-group {
	margin-top: 0px;
}

form[name="EditServerDetails"] .form-group .serversettings-label {
	color: #989898;
	display: inline-block;
	width: 30%;
}

form[name="EditServerDetails"] .form-group .inputElement {
	display: inline-block;
	width: 68% !important;
}


/* email plus - ends */


/* google - starts */

.google-import-container {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 525px
}

.extensionContents .extensionLink {
	color: #0c4da2 !important;
}


/* google - ends */


/* pdfmaker - starts */

.sidebar-block a:hover,
.sidebar-block a:focus,
.sidebar-block a:active {
	color: #0c4da2 !important;
}

.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table,
.main-container-PDFMaker .table-container #listview-table.listview-table {
	width: 100% !important;
	margin-left: 0px;
}

.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table thead tr th,
.main-container-PDFMaker .table-container #listview-table.listview-table thead tr th {
	position: relative;
}

.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table thead tr th:first-child,
.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table thead tr th:nth-child(2),
.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table thead tr th:last-child,
.main-container-PDFMaker .table-container #listview-table.listview-table thead tr th:first-child,
.main-container-PDFMaker .table-container #listview-table.listview-table thead tr th:nth-child(2),
.main-container-PDFMaker .table-container #listview-table.listview-table thead tr th:last-child {
	position: relative;
}

.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table thead tr th:first-child,
.main-container-PDFMaker .table-container #listview-table.listview-table thead tr th:first-child {
	border-right: 1px solid #e8e8e8;
}

.main-container-PDFMaker .table-container #listview-table.listview-table-norecords.listview-table tbody tr td .more.dropdown.action,
.main-container-PDFMaker .table-container #listview-table.listview-table tbody tr td .more.dropdown.action {
	border: none;
}

.media-body .comment .commentAttachmentName {
	float: left;
}


/* pdfmaker - ends */


/* custom view - starts*/

.mandatoryField {
	width: 4px;
	background: #ff4068;
	height: 30px;
	float: left
}

.op0.fadeInx {
	opacity: 1
}

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


/* custom view - ends*/


/* OperationNotPermitted.tpl - starts */

.page-error {
	font-weight: 600;
	font-size: 220px;
	font-style: italic;
	font-family: "Lato", sans-serif !important;
	;
	color: #C0C0C0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.error-msg {
	color: #303030;
	font-weight: 400px;
	font-size: 40px;
}

.joicon-smiley2 {
	font-size: 40px;
}

.ir-response-page {
	height: 100%;
}

.container {
	height: 100%;
}

.homelink {
	text-decoration: none;
	font-size: 18px;
	color: #0c4da2 !important;
}

.homelink:hover:visited {
	text-decoration: none;
}

.homelink:hover:link {
	text-decoration: underline;
}

.homelink:hover:active {
	text-decoration: none;
}

.error-box {
	text-align: center;
}

.container-error-box {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}


/* OperationNotPermitted.tpl - ends */


/* inventory - pdf like summary view - starts */

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.main-content-body-invoice {
	background: #fff;
	border-radius: 7px;
	width: 98%;
	padding: 0px 0px 30px 0px;
	margin-bottom: 20px;
}

.main-content-body-invoice a {
	cursor: pointer;
}

.invoice-title {
	margin-bottom: 0;
	color: #ccc !important;
	float: right;
	text-transform: uppercase;
	font-weight: 700;
}

.billed-from {
	margin-bottom: 25px;
}

.billed-from h6 {
	color: #242f48;
	font-size: 14px;
	font-weight: 700;
}

.billed-from p {
	font-size: 13px;
	margin-bottom: 0;
}

.tx-gray-600 {
	color: #737f9e;
}

.billed-to h6 {
	color: #242f48;
	font-size: 14px;
	font-weight: 700;
}

.billed-to p {
	font-size: 13px;
	margin-bottom: 0;
}

.invoice-info-row {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	margin-bottom: 0;
	font-size: 13px;
}

.invoice-info-row+.invoice-info-row {
	border-top: 1px dotted #d0d7e8;
}

.table-responsive {
	margin-top: 40px;
}

.border {
	border: 1px solid #e3e8f7 !important;
}

.table-invoice tbody>tr>td:first-child .invoice-notes p {
	color: rgba(255, 255, 255, 0.6);
}

.card-invoice hr {
	border-top: 0 !important;
}

.mdi-telegram:before {
	content: "\F501";
}

.btn-purple {
	color: #fff;
	background-color: #673ab7;
	border-color: #643ab0;
	margin-left: 10px;
}

.btn-danger {
	color: #fff !important;
	background-color: #ee335e;
	border-color: #ee335e;
	margin-left: 10px;
}

.btn-success {
	color: #fff;
	background-color: #22c03c;
	border-color: #22c03c;
}

.fa-send:before,
.fa-paper-plane:before {
	margin-right: 10px;
}

.fa-print:before {
	margin-right: 10px;
}

.fa-dollar:before,
.fa-usd:before {
	margin-right: 10px;
}

.tx-primary {
	color: #0162e8;
}

.icon-down::before {
	content: "\25BC";
}


/* inventory - pdf like summary view - ends */

.no-border,
.no-border.table>thead>tr>th,
.table>tbody>tr>th,
.no-border.table>tfoot>tr>th,
.table>thead>tr>td,
.no-border.table>tbody>tr>td,
.table>tfoot>tr>td {
	border: 0;
	padding: 0px !important;
	vertical-align: middle !important;
	line-height: 2;
	height: 45px;
	/* top:25px; */
}

ul.unstyled {
	list-style-type: none;
	padding-left: 0
}

.fa.pull-left {
	margin-right: 0
}

.input-error {
	border: 1px solid #b94a48 !important;
	background-color: #fee !important;
	background-image: none !important
}

.edited {
	box-shadow: 0 0 2px 2px #ccc
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	background-color: #f5f5f5
}

.footer p {
	margin: 5px 0
}

.saveButton {
	font-size: 14px;
	color: white;
	padding: 7px 25px
}

.cancelLink {
	font-size: 14px;
	padding-left: 10px;
	color: red
}

.alert-mini {
	padding: 3px 5px;
	font-size: 10px;
	display: inline-block;
	margin-bottom: 0
}

.alert-static {
	border-color: #eee;
	white-space: nowrap;
	vertical-align: super;
	padding-bottom: 0
}

.alert-static .icon {
	font-size: medium;
	color: #1b809e;
	margin-left: 8px;
	vertical-align: top
}

.alert-static .message {
	vertical-align: super;
	font-size: 13px
}

.smsTextArea {
	width: 80%;
	height: 60px;
	max-width: 100%
}

.fa-pencil,
.fa-times {
	cursor: pointer
}

.fa-pencil:hover {
	color: #0c4da2 !important;
}

.panel-collapse ul li a:hover {
	background: #596875;
	opacity: 1
}

.panel-collapse ul li a:hover a {
	opacity: 1
}

.group:before,
.group:after {
	display: table;
	content: ""
}

.group:after {
	clear: both
}

.span1 {
	width: 100px
}

.details.row {
	margin-bottom: 30px;
	padding: 0px;
	display: inline-block;
	margin-left: -64px;
}

.blockData {
	padding: 20px 0px 20px 20px;
}

.blockHeader th {
	color: #333 !important;
	background: #fff !important;
	border: 1px solid #ddd !important;
}

.fieldLabel {
	opacity: 1 !important;
}

.widgetContainer.accordion-body {
	height: 35px !important;
	padding: 0px 10px;
}

.mCSB_inside>.mCSB_container {
	/* margin-right: 5px !important; */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}

.details.row.PDF_details_row {
	margin-left: -22px;
	width: 102%;
}

.sizeofpopup .popover {
	max-width: 600px !important;
}

/* normal laptop screen for 1900 x 900 */
@media screen and (width:1600px) {
	.company-logo img {
		width: 55% !important;
	}
}

@media screen and (min-width:800px) and (max-width:1280px) {
	
	.blockData #saveicon {
		right: 0px !important;
	}

	.blockData #cancel {
		/* height: 22px !important;
		width: 21px !important; */
		right: 25px !important;
	}

	.detailview-table .fieldLabel {
		width: 49%;
	}

	.search-link {
		width: 93%;
	}
	.vt-default-callout {
		padding: 5px 10px 10px;
	}

	.sign button {
		font-size: 15px;
	}

	.update_info span {
		font-size: 12px;
	}

	.updates_timeline .timeline-wrapper .update_info {
		margin-left: 20%;
	}

	.updates_timeline .timeline-wrapper {
		padding-right: 0px;
	}

	.quick-panel .modal-header {
		width: 45%;
		right: -191px !important;
	}
}

@media (min-width: 301px) and (max-width: 600px) {
	.dashBoardContainer.clearfix #licence-alert-waring {
		margin-top: -20px !important;
	}

	.settingsmenu-starts #licence-alert-waring {
		left: -10px;
	}

	#detailViewContent #licence-alert-waring {
		margin-top: 40px;
		margin-bottom: -20px;
	}

	.users-menu-starts #licence-alert-waring {
		left: 0px !important;
	}

	.users-menu-starts {
		top: -10px !important;
	}

	#licence-alert-waring {
		/* z-index: 1030; */
		width: 100% !important;
		left: -8px !important;
		top: -6px;
	}

	.recordEditView {
		margin-top: 15px;
		margin-left: -1.3%;
	}

	.table.listview-table.mt20 {
		margin-left: 13px;
	}

	.users-menu-starts .editViewPageDiv .recordEditView .editViewHeader .editHeader {
		margin-left: 10px;
	}

	.users-menu-starts.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
		padding: 0px !important;
	}

	.app-nav .module-action-bar .module-action-content {
		background-color: transparent;
		width: 125% !important;
		margin-left: -22px !important;
	}

	.vt-notification {
		left: 0px;
	}

	.module-action-content.clearfix.d-flex.align-items-center {
		margin-left: 0px;
		/* width: 100% !important; */
		overflow: hidden;
		overflow-x: scroll;
		/* margin-top: 14px; */

	}

	.module-action-content.clearfix.d-flex.align-items-center::-webkit-scrollbar {
		height: 0px;
	}

	.dropdown-filter .filter-open {
		/* margin-left: -33px; */
		margin-left: 0px;
	}

	#listColumnFilterContainer .fa-search {
		margin: 0;
	}

	.editViewContents input[type="radio"] {
		width: 20px;
	}

	.main-container .quick-panel {
		/* display: none!important; */
	}

	.quick-panel.myModal.fade.show {
		width: 95% !important;
		margin-right: 9px;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
		z-index: 1034;
	}

	/* this is for quick create */
	.quick-panel {
		/* width: 100%; */
	}

	.quick-panel .modal-footer {
		width: 92%;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.quick-panel .modal-header .close {
		margin-right: -15px;
	}

	.quick-panel .modal-header {
		width: 94%;
		margin-left: -16px;
		right: 12px;
	}

	/* finish quick create  */
	.blockData {
		padding: 0;
	}

	.no-border,
	.no-border.table>thead>tr>th,
	.table>tbody>tr>th,
	.no-border.table>tfoot>tr>th,
	.table>thead>tr>td,
	.no-border.table>tbody>tr>td,
	.table>tfoot>tr>td {
		height: 75px;
		/* width: auto; */
	}

	.detailview-content .details .relatedContainer {
		width: 113%;
		margin-left: 31px !important;
	}

	.editViewContents .fieldBlockContainer {
		/* margin-left: -37px; */
		/* margin-left: 18px !important; */
	}

	.editViewContents .fieldLabel.alignMiddle.bool {
		left: 66px;
	}

	.editViewContents .fieldLabel {
		width: 100%;
	}

	.nav-pills.nav-wizard>li a {
		font-size: 12px;
	}

	#pipeline_stages .pipe-stage {
		width: auto;
		height: 50px;
	}

	.nav-pills.nav-wizard>li.completed a,
	.nav-pills.nav-wizard>li,
	.nav-pills.nav-wizard>li a {
		width: 100px;
	}

	.nav-pills.nav-wizard>li+li {
		margin-left: 5px;
	}

	.quick-panel .modal-body {
		max-height: 508px !important;
	}

	#EditView .editViewBody .editViewContents {
		margin-left: -8px;
		width: 100%;
	}

	.navbar .fa {
		font-size: 15px;
	}

	.editViewContents .fieldLabel {
		left: 0px;
	}

	#sharedcalendar {
		margin-top: 116px !important;
		margin-left: 0px !important;
	}

	#datepicker-calendar {
		width: 95%;
		margin-bottom: 0px;
		margin-left: 0;

	}

	#mycalendar {
		width: 95%;
		margin-top: 20px !important;
	}

	.editViewContents .fieldValue {
		margin-top: 0px;
	}

	.fieldValue .input-group #Contacts_editView_fieldName_birthday {
		position: relative;
	}

	.editViewContents .fieldLabel {
		z-index: 1;
	}

	.quick-panel .modal-dialog {
		height: 800px;
	}

	.main-container .quick-panel {
		top: 80px;
	}

	.quick-panel .modal-header {
		top: 80px;
	}

	#QuickCreate .modal-body,
	.quick-panel .modal-body {
		max-height: 100vh !important;
	}

	.container-fluid.addCommentBlock {
		margin-left: 0px;
	}

	.app-nav .module-action-bar .module-action-content {
		height: 85px;
	}

	.editViewContents .fieldLabel.alignMiddle.bool {
		top: 0px;
	}

	.dashBoardContainer {
		margin-top: 20px !important;
	}

	.fieldValueNew.chckbox {
		margin-top: 11px !important;
	}

	.fieldBlockContainer,
	.block {
		margin: 0 -14px 0px 0px;
	}

	.details.row.PDF_details_row {
		margin-left: -66px;
	}

	.importview-content,
	.customview-content {
		margin-left: -24px;
	}

	#navigation_links .wizards li a span {
		padding: 10px;
		font-size: 30px;
	}

	#importBasic .breadcrumb .wizards li {
		width: 100%;
		margin-bottom: 50px;
	}

	.breadcrumb {
		height: 340px;
	}

	.ms_sc_breadCrumb_view {
		height: 431px !important;
	}

	.wizards .breadcrumb_line {
		height: 54px !important;
		width: 2% !important;
		top: 70px !important;
		left: 130px !important;
	}

	#importContainer.modal-body {
		height: 100%;
	}

	.main-container {
		margin-top: 25px !important;
	}

	.container-fluid.app-nav.module-header.full-header.themebackground {
		display: none;
	}

	.table-toggle {
		margin-top: 40px !important;
	}
}

/* normal laptop screen size 1600 x 900*/
@media screen and (min-width:1400px) and (max-width:1699px) {
	.quick-panel .modal-dialog.modelContainer.tags .modal-header {
		right: -232px;
	}

	.details_view_detailview_header_block .mob_mr-top {
		margin-left: 15px !important;
	}

	.fieldBlockContainer,
	.block {
		/* margin: 0 -14px 0px 0px; */
	}

	.recentActivitiesContainer.Mob_rela_Width {
		width: 97%;
	}

	.block.block_LBL_DESCRIPTION_INFORMATION.ml20.ticket_description_laptop_scrn {
		margin-left: 19px !important;
		width: 98.5%;
	}
}

/* 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) {
	.quick-panel .modal-body {
		max-height: 700px !important;
	}

	.reports-content-area {
		min-height: 1068px;
	}

	#datepicker-calendar {
		width: 39%;
	}

	#mycalendar {
		width: 61%;
	}

	.global-actions .dropdown-menu:before,
	.global-actions .dropdown-menu:after {
		right: 16px;
	}

}

/* ipade pro responsive */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.app-switcher-container .app-icon {
		margin-left: -70px;
	}

	.logo-container.logo-expand {
		width: 15% !important;
	}

	.app-icon.fa.fa-align-left {
		margin-left: 40px !important;
	}

	.logo-container.logo-shrinked {}

	.profile-img {
		display: inline-block;
	}

	.company-logo {
		width: 100% !important;
		box-shadow: none;
	}

	.panel-width {
		width: 100% !important;
	}

	.quick-panel .modal-header {
		width: 74.5%;
		left: 123px;
	}

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

	.quick-panel .modal-header .close {
		margin-right: 2px;
	}

}

@media (min-width: 1700px) and (max-width: 2560px) {
	.dragdrop-dotted {
		padding-top: 8%;
	}


}

.history,
.Mac_scr_Leads_page_details {
	/* height: 100vh;
	overflow-y: scroll; */
}

#licence-alert-waring {
	padding: 15px;
	background-color: white;
	color: black;
	border-radius: 10px;
	width: 500px;
	border-left: 5px solid #f0ad4e;
	display: none;
	left: 12px;
}

.licence-waring-icon .fa-warning {
	background: #f0ad4e;
	padding: 8px;
	font-size: 20px;
	border-radius: 10px;
	color: white;
}

#licence-alert-waring .closebtn {
	float: right;
	font-size: 17px;
}

.dashBoardContainer.clearfix #licence-alert-waring {
	margin-top: 80px;
}

.settingsmenu-starts #licence-alert-waring {
	background-color: #f7f6f6;
}

.users-menu-starts #licence-alert-waring {
	background-color: #f7f6f6;
}

.users-menu-starts #licence-alert-waring {
	margin-top: 22px;
}

.max-height-comments {
	min-height: 80vh;
}

form.form-horizontal.recordEditView.MultiFile-intercepted {
	/* margin-left: 0px; */
}

.modal-header.product_select_popup_header {
	/* width: 98.3%; */
}

.modal-footer.overlayFooter.product_select_popup_footer {
	left: 87px;
	width: 93%;
}

span.input-group-addon.cursorPointer.clearLineItem .fa {
	margin-top: 8px;
}

.col-sm-12.col-xs-12.joforce-bg-list.p-3.pl0.pr0.Email_template_page {
	min-height: 100vh;
	padding: 30px !important;
}

.col-sm-12.col-xs-12.joforce-bg-list.p-3.pl0.pr0.Email_template_page table {
	border: 1px solid #e3e3e7 !important;
}

.ms_report_page_table_top-0 .card-header-new {
	margin-left: 19px;
}

.Report_page_edit_view .card-header-new {
	margin-left: 12px;
}

.support-icon .fa-headphones {
	font-size: 20px;
}

table.table.detailview-table.no-border.PDFMaker_details_view {
	table-layout: inherit !important;
}

.PDFMaker_details_view_main {
	/* margin-left: 72px; */
	width: 100%;
}

.popupEntriesTableContainer #joforce-table-search {
	margin-left: -6px !important;
	top: 18px
}

.popupEntriesTableContainer .listview-table tr td:first-child,
.listview-table tr th:first-child {
	width: 50px;
	/* min-width: 50px !important;
	text-align: center; */
}

.modal.myModal.fade.show {
	display: none !important;
}

#forecast-table .table-header li::after {
	/* content: '\0000a0';
	width: 0;
	height: 0;
	border-left: 20px solid #ececec;
	border-top: 22px solid #0000;
	border-bottom: 22px solid #0000;
	display: inline-block;
	position: absolute;
	position: relative;
	top: -22px;
	right: -101%;
	z-index: 0; */
}

#forecast-table .table-header li {
	background-color: #0162e8 !important;
	/* color: black !important; */

}

#forecast-table .forecast-div:nth-last-child(2) .arrow {
	display: none;
}
.app-footer img {
	bottom: 0;
}

.timeline .container-fluid {
	margin: 0 80px;
}

.timeline .container-fluid #loadMoreActivity,
.timeline .container-fluid #showLessActivity,
.updates_timeline .container-fluid #loadMore,
.updates_timeline .container-fluid #showLess {
	color: blue;
	cursor: pointer;
}

/* picklist colors */
td .picklist-color {
	font-size: 12px;
}

td.listViewEntryValue[data-name="leadsource"] .picklist-color,
td.listViewEntryValue[data-name="ticketpriorities"] .picklist-color,
td.listViewEntryValue[data-name="taskstatus"] .picklist-color,
td.listViewEntryValue[data-name="activitytype"] .picklist-color,
td.listViewEntryValue[data-name="quotestage"] .picklist-color,
td.listViewEntryValue[data-name="campaigntype"] .picklist-color,
td.listViewEntryValue[data-name="campaignstatus"] .picklist-color {
	font-size: 15px;
}

.relatedContents .relatedListEntryValues[data-field-type="string"] span a,
.relatedContents .relatedListEntryValues[data-field-type="picklist"] span {
	font-size: 14px;
}

.picklist-118-Proposal-or-Price-Quote {
	background-color: #edfffe !important;
	color: #4ad9d2 !important;
	border: 1px solid #4ad9d2 !important;
}

.picklist-118-Prospecting,
.picklist-161-Open {
	background-color: #fbd4fb !important;
	color: #db21db !important;
	border: 1px solid #db21db;
}

.picklist-118-Id\.-Decision-Makers {
	background-color: #eaf7db !important;
	color: #96c75e !important;
	border: 1px solid #96c75e;
}

.picklist-118-Value-Proposition,
.picklist-161-Closed,
.blockData.HelpDesk .picklist-color.Closed,
.white-background .picklist-color.Closed {
	background-color: #fbe9ca !important;
	color: #ba975b !important;
	border: 1px solid #ba975b;
}

.blockData.HelpDesk .picklist-color {
	border-radius: 5px;
}

.picklist-118-Closed-Won {
	background-color: #e5ffe9 !important;
	color: #17eb37 !important;
	border: 1px solid #17eb37;
}

.picklist-118-Needs-Analysis {
	background-color: #ffdfdf !important;
	color: #ab6969 !important;
	border: 1px solid #ab6969;
	font-size: 12px;
}

.picklist-118-Qualification,
.picklist-161-In-Progress,
.blockData.HelpDesk .picklist-color.In.Progress,
.picklist-color.In.Progress {
	background-color: #c3c3c3 !important;
	color: #422a2c !important;
	border: 1px solid #422a2c;
}

.picklist-118-Negotiation-or-Review {
	background-color: #cadafb !important;
	color: #3161c2 !important;
	border: 1px solid #3161c2;
}

.picklistColor_sales_stage_Prospecting,
.picklistColor_ticketstatus_Open {
	background-color: #fbd3ff !important;
	border: 1px solid #db21db !important;
	/* border-radius: 5px; */
}


.picklistColor_sales_stage_Prospecting.select2-highlighted,
.picklistColor_ticketstatus_Open.select2-highlighted {
	background-color: #ffa6ff !important;
}

.picklistColor_ticketstatus_Open.select2-highlighted div {
	color: white !important;
}

.picklistColor_ticketstatus_Wait_For_Response {
	background-color: #d99c9c;
}

.picklistColor_ticketstatus_Wait_For_Response.select2-highlighted,
.picklistColor_ticketstatus_Closed.select2-highlighted {
	background-color: inherit;
	color: white !important;
}

.picklistColor_ticketstatus_Wait_For_Response.select2-highlighted {
	background-color: #ab6969 !important;
}

.picklistColor_ticketstatus_Wait_For_Response.select2-highlighted div,
.picklistColor_ticketstatus_Closed.select2-highlighted div {
	color: white !important;
}

.picklistColor_sales_stage_Qualification,
.picklistColor_ticketstatus_In_Progress {
	background-color: #908e8e !important;
	border: 1px solid #422a2c;
}

.picklistColor_ticketstatus_Closed {
	background-color: #f2d39d !important;
}

.picklistColor_ticketstatus_In_Progress.select2-highlighted div {
	color: white !important;
}

.picklistColor_ticketstatus_Wait_For_Response.select2-highlighted div {
	color: white !important;
	background-color: inherit !important;
}

.picklistColor_sales_stage_Qualification.select2-highlighted,
.picklistColor_ticketstatus_In_Progress.select2-highlighted {
	background-color: #422a2c !important;
}

.picklistColor_sales_stage_Qualification.select2-highlighted .select2-result-label,
.picklistColor_sales_stage_Prospecting.select2-highlighted .select2-result-label,
.picklistColor_sales_stage_Needs_Analysis.select2-highlighted .select2-result-label,
.picklistColor_sales_stage_Value_Proposition.select2-highlighted .select2-result-label,
.picklistColor_sales_stage_Perception_Analysis.select2-highlighted .select2-result-label,
.picklistColor_sales_stage_Closed_Won.select2-highlighted .select2-result-label,
.picklistColor_sales_stage_Closed_Lost.select2-highlighted .select2-result-label {
	/* background-color: #422a2c !important; */
	color: #fff !important;
}

.picklistColor_sales_stage_Needs_Analysis {
	background-color: #da9e9e !important;
	border: 1px solid #ab6969;
}

.picklistColor_sales_stage_Value_Proposition {
	background-color: #efcf9a !important;
	border: 1px solid #ba975b;
}

.picklistColor_sales_stage_Perception_Analysis {
	background-color: #66806c !important;
	border: 1px solid #3b473e;
}

.picklistColor_sales_stage_Closed_Won {
	background-color: #b3f9be !important;
	border: 1px solid #17eb37;
}

.picklistColor_sales_stage_Closed_Lost {
	background-color: #ef8585 !important;
	border: 1px solid #e63c3c;
}

footer.app-footer.Potentials.Edit_potentials {
	position: inherit !important;
}

.detailViewPageDiv.Services footer.app-footer.Services,
.app-footer.Potentials.kanbanview,
.app-footer.Roles,
.app-footer.PDFMaker.showDetailViewByMode,
.content-area.Potentials footer.app-footer.Potentials.kanbanview,
.detailViewPageDiv .app-footer.PurchaseOrder,
.detailViewPageDiv .app-footer.Invoice,
.detailViewPageDiv .app-footer.Documents,
.app-footer.PDFMaker,
.app-footer.Settings\:PBXManager,
.detailViewPageDiv.Contacts .app-footer.Contacts,
.detailViewPageDiv.Calendar .app-footer.Calendar,
.detailViewPageDiv .app-footer,
.detailViewPageDiv.Leads .app-footer.Leads.kanbanview,
.detailViewPageDiv.Leads .app-footer.PriceBooks,
.detailViewPageDiv.SalesOrder .app-footer.SalesOrder,
.detailViewPageDiv.Campaigns .app-footer.Campaigns,
.detailViewPageDiv.Vendors .app-footer.Vendors,
.detailViewPageDiv.Quotes .app-footer.Quotes,
.detailViewPageDiv.Accounts .app-footer.Accounts,
.detailViewPageDiv.Products .app-footer.Products,
.detailViewPageDiv.HelpDesk .app-footer.HelpDesk.kanbanview {
	position: absolute;
}

.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td[data-name="sales_stage"] .fieldValue,
.table-container .fixed-scroll-table #listview-table.listview-table tbody tr td[data-name="ticketstatus"] .fieldValue {
	overflow: inherit;
}

.app-footer.Products,
.app-footer.Accounts,
footer.app-footer.Services.Edit_potentials,
.app-footer.Products.Edit_potentials,
.app-footer.Contacts.Edit_potentials,
.app-footer.Quotes.edit.Edit_potentials,
.settingsPageDiv.Contacts .app-footer.Contacts,
.app-footer.Accounts.Edit,
.app-footer.Contacts.Edit,
.app-footer.Products.Edit,
.app-footer.Calendar.Edit,
.app-footer.Campaigns.Edit.edit.Edit_potentials,
.app-footer.PurchaseOrder.edit.Edit_potentials,
.app-footer.SalesOrder.edit.Edit_potentials,
.app-footer.Documents.Edit.edit.Edit_potentials,
footer.app-footer.Potentials.kanbanview,
.app-footer.Campaigns.Edit,
.app-footer.PurchaseOrder,
.app-footer.Services.Edit,
.app-footer.Documents,
.app-footer.Contacts,
.app-footer.Calendar,
.app-footer.Leads.kanbanview,
.app-footer.SalesOrder,
.app-footer.Campaigns,
.app-footer.Vendors,
.app-footer.Campaigns,
.app-footer.Vendors,
footer.app-footer.Services,
.app-footer.HelpDesk.kanbanview,
.app-footer.Quotes {
	position: inherit;
}

.settingsPageDiv.PBXManager .modal-overlay-footer {
	position: absolute;
	bottom: -80px;
}

.HelpDesk .pipe-stage {
	width: 52%;
}

.HelpDesk .nav-pills.nav-wizard>li a {
	padding: 10px 45px;
}

.sidebar-module-list span.joicon.joicon-calendar {
	font-size: 20px;
}

#Potentials_detailView_fieldValue_sales_stage span.picklist-color,
#headerForm span.picklist-color {

	border-radius: 5px;
	padding: 4px;
}

span.picklist-color.Identify.Decision.Makers {
	background-color: #f1f9e9 !important;
	color: #96c75e !important;
	border: 1px solid #96c75e;

}

span.picklist-color.Prospecting {
	background-color: #f5d2f5 !important;
	line-height: 15px;
	color: #db21db !important;
	border: 1px solid #db21db;
}

span.picklist-color.Qualification {
	border: 1px solid #422a2c;
	background-color: #ababab !important;
	color: #422a2c !important;
}

span.picklist-color.Needs.Analysis {
	background-color: #ffdfdf !important;
	color: #ab6969 !important;
	border: 1px solid #ab6969;
}

span.picklist-color.Value.Proposition {
	background-color: #fff0d6 !important;
	color: #ba975b !important;
	border: 1px solid #ba975b;
}

span.picklist-color.Perception.Analysis {
	background-color: #abc3b1 !important;
	color: #3b473e !important;
	border: 1px solid #3b473e;
}

span.picklist-color.Proposal.or.Price.Quote {
	background-color: #e7fffe !important;
	color: #4ad9d2 !important;
	border: 1px solid #4ad9d2 !important;
}

span.picklist-color.Negotiation.or.Review {
	background-color: #b9cffb !important;
	color: #3161c2 !important;
	border: 1px solid #3161c2;
}

span.picklist-color.Closed.Won {
	background-color: #e4fde8 !important;
	color: #17eb37 !important;
	border: 1px solid #17eb37;
}

span.picklist-color.Closed.Lost {
	background-color: #fdc1c1 !important;
	color: #e63c3c !important;
	border: 1px solid #e63c3c;

}

.ms_width_invoice_page .updates_timeline .timeline-wrapper .update_info {
	margin-left: 10%;
}


/* end of picklist colors */
.block.block_LBL_TASK_INFORMATION.ml20.ms_lbl_des_info {
	margin-left: 5px !important;
	width: 100%;
}

.details.row.Quotes,
.details.row.PurchaseOrder,
.details.row.SalesOrder,
.details.row.Invoice {
	margin-left: -53px;
}

.details.row.Quotes .block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.Quotes .block.block_LBL_TERMS_INFORMATION.ml20,
.details.row.Quotes .details.ms_invoice_details_sales,
.details.row.Quotes .block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view {
	margin-left: 0px !important;
}

.details.row.Quotes .details.ms_invoice_details_sales {
	width: 100% !important;
}

.detailview-content.Quotes .more-icons-new,
.detailview-content.PriceBooks .more-icons-new,
.detailview-content.PurchaseOrder .more-icons-new,
.detailview-content.SalesOrder .more-icons-new,
.detailview-content.Invoice .more-icons-new {
	margin: 0px -75px !important;
}

.details.row.Quotes .recentActivitiesContainer,
.details.row.Quotes .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
	margin-left: 10px !important;
	width: 98%;
}

.details.row.Vendors {
	margin-left: -68px;
}

.details.row.Vendors .block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.services_add_details_big_view {
	margin-left: 20px !important;
}

.detailview-content.Vendors .more-icons-new {
	margin: 0px -72px !important;
}

.details.row.PriceBooks .block.block_LBL_PRICEBOOK_INFORMATION.ml20 {
	margin-left: 10px !important;
}

.details.row.PurchaseOrder .block.block_LBL_PO_INFORMATION.ml20,
.details.row.PurchaseOrder .block.block_LBL_ADDRESS_INFORMATION.ml20.ms_lbl_des_info.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.PurchaseOrder .block.block_LBL_TERMS_INFORMATION.ml20.ms_lbl_des_info-new,
.details.row.PurchaseOrder .block.block_LBL_DESCRIPTION_INFORMATION.ml20.ms_lbl_des_info.mt0.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.PurchaseOrder .details.ms_invoice_details,
.details.row.SalesOrder .block.block_LBL_SO_INFORMATION.ml20,
.details.row.SalesOrder .block.block_Recurring.Invoice.Information.ml20,
.details.row.SalesOrder .block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.SalesOrder .block.block_LBL_TERMS_INFORMATION.ml20,
.details.row.SalesOrder .block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.SalesOrder .details.ms_invoice_details_sales,
.details.row.Invoice .block.block_LBL_INVOICE_INFORMATION.ml20,
.details.row.Invoice .block.block_LBL_ADDRESS_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.Invoice .block.block_LBL_TERMS_INFORMATION.ml20,
.details.row.Invoice .block.block_LBL_DESCRIPTION_INFORMATION.ml20.lead_add_details_big_view.quotes_add_details_big_view,
.details.row.Invoice .details.ms_invoice_details_sales {
	margin-left: -4px !important;
}

.details.row.PurchaseOrder .recentActivitiesContainer,
.details.row.SalesOrder .recentActivitiesContainer,
.details.row.Invoice .recentActivitiesContainer {
	margin-left: 8px;
	width: 98.2%;
}

.details.row.PurchaseOrder .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35,
.details.row.SalesOrder .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35,
.details.row.Invoice .commentContainer.commentsRelatedContainer.container-fluid.p0.ml35 {
	margin-left: 12px !important;
}

.settingsPageDiv.content-area.clearfix.Users .users-menu-starts.Users {
	min-height: 80%;
	height: 82vh;
	overflow: scroll;
}

.details.row.Calendar .block.block_LBL_REMINDER_INFORMATION.ml20.ms_top_0,
.details.row.Calendar .block.block_LBL_DESCRIPTION_INFORMATION.ml20.ms_lbl_des_info.mt0 {
	margin-left: 6px !important;
}

.app-footer.Contacts.settings,
.app-footer.PortalUser,
.app-footer.Settings\:AddressLookup,
.app-footer.LanguageEditor,
.modal-overlay-footer.clearfix.customrecordnumbering,
.app-footer.Pipeline.create {
	position: fixed;
}

#currency_class .modal-content #currencyContainer {
	min-width: 90%;
	width: 100%;
	overflow: scroll;
}

.currencyContent input[type=text] {
	width: 100px;
}

.currencyContent input[type=radio] {
	margin-top: 16px;
}

.currencyContent .btn.btn-default.currencyReset {
	width: 110px;
}

.PriceBooks_detailview_height_mac {
	min-height: 100%;
	height: 76vh;
	overflow-y: scroll;
}

.editViewContents .Events .fieldLabel.datetime,
.editViewContents .Quotes .fieldLabel.date {
	top: 10px;
}

.editViewContents .SalesOrder .fieldLabel.boolean {
	top: 15px;
}

/* recent activites style */
.quickviewcontent .recentActivitiesContainer .history .update_info {
	margin-left: 18%;
}

.quickviewcontent .recentActivitiesContainer .history .updates_timeline .container-fluid {
	display: none;
}

.table .listViewEntryValue .input-group.date .input-group-addon {
	margin-top: 10px;
}

.left-block #loadMore,
.left-block #showLess {
	display: none;
}

/* end of recent activites style */
.editViewContents .Products .fieldLabel.image,
.editViewContents .fieldLabel.image {
	/* display: none; */
	top: -25px;
	left: 6px;
}

.detailViewPageDiv.Leads #pipeline_stages.Leads li {
	width: 10% !important;
}

.detailViewPageDiv.Leads .nav-pills.nav-wizard>li a {
	padding: 10px 40px;
}

.detailViewPageDiv.Leads #pipeline_stages .pipe-stage {
	display: ruby;
	width: 90%;
	min-width: 96%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-x: scroll;
}

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

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.ms_scrn_table_Email_tamp .listview-table>thead>tr:first-child>th {
	padding: 10px;
	font-weight: normal;
	color: #909599 !important;
}

/* profile and product images */
.white-background.m0.p0.ipad_white_background img {
	object-fit: cover;
	height: 90px;
	width: 90px;
}

.table-content tr td:last-child {
	z-index: 1;
}

/* end of profile and product images */
@media (min-width: 1281px) and (max-width: 1399px) {
	.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 {
		left: 158px;
		width: 80%;
	}

	#browseCrm,
	#selectEmailTemplate,
	button,
	.modal-footer button,
	.cancelLink {
		font-size: 13px !important;
	}

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

	body {
		font-size: 13.5px;
	}

	.editViewBody.setting_group_editpage {
		margin-left: 30px;
	}

	.ms_scr_calendar_edit_page_setting .inputElement.select2-container {
		width: 200px !important;
		min-width: 30px;
	}

	.current-filter-name {
		font-size: 10px;
	}
}

@media(width:1368px) {
	.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 {
		/* left: 158px; */
		width: 84%;
	}
}

@media(min-width:1401px) and (max-width:1525px) {
	.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 {
		left: 175px !important;
		width: 86%;

	}
}

@media(width:1400px) {
	.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 {
		left: 173px !important;
		/* width: ; */
	}
}