/*************************************
 * SPDX-FileCopyrightText: 2009-2020 Vtenext S.r.l. <info@vtenext.com>
 * SPDX-License-Identifier: AGPL-3.0-only
 ************************************/

/* SOFTED - COLOR THEME */

/* crmv@82419 */

/* Import fonts */
@import "fonts";

/* crmv@16131m crmv@23344 */

html {
	height: 100%;
}

body {
	background-color: $vte-body-bg;
	font-family: $font-family-base;
	font-weight: 400;
	min-height: 100%;

	&.body-light {
		background-color: $vte-body-light-bg;
	}
}

@import "lateralmenu";
@import "settings";

a {
	text-decoration: none;
	color: $vte-text-title;
	outline: none;

	&:hover,
	&:focus {
		text-decoration: none;
		color: $vte-text-title-hover;
		outline: none;
	}
}

.badge {
	// change the default appearence of badges
	&.vte-top-badge {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 2;
		font-size: 10px;
		cursor: pointer;
		background-color: $vte-button-delete;
	}
}

div.fixedLay1 {
	position: fixed;
}

/* morphsuit activation */
.morphsuitactivationbody {
	background-color: $vte-box-light-bg;
}
.morphsuittable {
	background-color: $white;
	border-bottom: 1px solid $grey-500;
	border-left: 1px solid $grey-500;
	border-right: 1px solid $grey-500;
	line-height: 23px;
}
.morphsuittab {
	background: url(vteimage("themes/softed/images/headermorphsuit.png", "../../"));
	height: 52px;
	cursor: pointer;
}
.morphsuitlink {
	color: $white;
}
#logoMorphsuit {
	display: none;
}
/* end morphsuit activation */

#lv_user_id,
#viewname {
	width: 100px;
}

#winMax {
	text-align: center;
	z-index: 0;
	text-decoration: none;
	width: 100%;
	background-image: url(vteimage("themes/softed/images/bg_minimizer.png", "../../"));
}

.margintop {
	margin-top: 3px;
}

.small {
	font-size: $vte_font_size;
	color: $vte-text;
}

.big {
	font-size: $vte_font_size;
	line-height: 18px;
	color: $vte-text;
	font-weight: bold;
}

.componentName {
	font-size: 18px;
	line-height: 18px;
	color: $vte-text-title;
	padding: 10px;
}

.genHeaderBig {
	font-size: 16px;
	line-height: 19px;
	color: $vte-text;
	font-weight: bold;
}

.genHeaderSmall {
	font-size: 14px;
	line-height: 16px;
	color: $vte-text;
	font-weight: bold;
}

.moduleName {
	font-size: 14px;
	color: $vte-text-title;
}

.hdrNameBg {
	/* background-color: $white; */
}

/* header style - start */

div#vte_menu {
	z-index: 20;
	width: 100%;
	top: 0px;
	left: 0px;
}

.hdrBg {
	background-color: $vte-primary;
}

.hdrBg table {
	height: 34px;
}

.menuSeparation {
	border-bottom: 1px solid $separator-color;
}

.level2Bg {
	color: $vte-submenu-color;
	/* font-size: 11px; */
	background-color: $vte-submenu;
}

.page-heading {
	background-color: $vte-submenu;
	border-bottom: 1px solid $separator-color;
	padding-top: 10px;
	padding-bottom: 10px;
}

.level2Bg a {
	/* color: $vte-submenu-color; */
}

.level2SelTab {
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.level2UnSelTab {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.level3Bg {
	/* font-size: 11px; */
	background-color: $vte-navbar-bg;
	color: $vte-navbar-color;
	border-bottom: 1px solid $separator-color;
}

.level4Bg {
	/* font-size: 11px; */
	background-color: $vte-navbar-bg;
	color: $vte-navbar-color;
}

/* header style - end */

.userAvatar {
	width: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}

.sep1 {
	background: $white;
	padding-left: 1px;
}

.showPanelBg {
}

.hdrLink {
	font-size: 14px;
	text-decoration: none;
	color: $vte-text-title;
}

#showPanelTopLeft {
	visibility: hidden;
}
#showPanelTopRight {
	visibility: hidden;
}

.moduleSearch,
.basicSearch {
	position: relative;

	.cancelIcon {
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 1px;

		img {
			vertical-align: middle;
		}

		.vteicon,
		.vteicon2,
		.icon-module {
			vertical-align: middle;
			color: $grey-400;
			text-shadow: none;

			&:hover {
				color: $grey-500;
			}
		}
	}

	.searchIcon {
		cursor: pointer;
		position: absolute;
		right: 0px;
		top: 2px;

		img {
			vertical-align: middle;
		}
	}

	&.advIconSearch {
		.advSearchIcon {
			cursor: pointer;
			position: absolute;
			top: 2px;
			right: 0px;
		}
		.searchIcon {
			right: 20px;
		}
		.cancelIcon {
			right: 40px;
		}
	}
}

.basicSearch {
	// stupid fix for basic search
	margin-bottom: 0px;
}

.folderBasicSearch {
	margin: 10px 1px;
}

.globalSearch {
	padding-right: 5px;
	position: relative;
	text-align: center;
	width: 40%;

	.searchIcon {
		cursor: pointer;
		position: absolute;
		right: 0px;
		top: 2px;

		img {
			vertical-align: middle;
		}
	}
}

.searchBox {
	/*border: 0px;
	 * font-size: 11px;
	 * padding-left:2px;
	 * width:180px;
	 * background-color:$white;
	 */
	width: 180px;
	height: 25px;
}

.searchBoxMessages {
	width: 100%;
	height: 25px;
}

@import "tables";

@import "detailview";

.advSearch {
	padding: 10px;
	border-left: 1px solid $grey-200;
	border-right: 1px solid $grey-200;
	border-bottom: 1px solid $grey-200;
	overflow: auto;
	width: 600px;
	height: 150px;
	background-color: $vte-box-light-bg2;
}

.textbox {
	border: 1px solid $grey-500;
	background-color: $white;

	font-size: 11px;
	width: 120px;
	padding: 2px;
}

.calDayHour {
	border: 1px solid $vte-box-light-border;
	background-color: $vte-box-light-bg;
}

.calAddEvent {
	position: absolute;
	z-index: 10000;
	width: 500px;
	left: 200px;
	top: 150px;
	background-color: $white;
}
.addEventInnerBox {
	border: 1px dotted $grey-300;
}

.thumbnail {
	background-color: $white;
	padding: 7px;
	border: 1px solid $grey-300;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.padTab {
	vertical-align: top;
}

#user {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
}

#communication {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
}

#config {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
}

#userTab {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	display: none;
}

#one {
	position: relative;
	display: block;
	width: 245px;
}

#mnuTab1 {
	position: relative;
	overflow: auto;
	width: 100%;
	display: none;
}

#mnuTab2 {
	position: relative;
	overflow: auto;
	width: 100%;
	display: none;
}

/* End of Settings */

.bggray {
	background-color: $grey-300;
}

.bgwhite {
	background-color: $white;
}

.copy {
	font-size: 9px;
}

#basicTab {
	position: relative;
	overflow: auto;
	width: 100%;
	display: block;
}

#moreTab {
	position: relative;
	overflow: auto;
	width: 100%;
	display: none;
}

/* Added for Advanced Search*/

#one {
	position: relative;
	display: block;
	width: 245px;
}

/*  menu */

a.submenu {
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px solid $grey-400;
	background-color: $grey-200;
	color: $vte-text;
	text-align: left;
	text-decoration: none;
	display: block;
}

a.submenu:hover {
	background-color: $grey-300;

	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px solid $grey-400;
	color: $vte-text;
	text-align: left;
	text-decoration: none;
	display: block;
}

@import "clock";

.leftFormBorder1 {
	border: 1px solid $vte-box-medium-border;
	background-color: $vte-box-medium-bg;
}

@import "calculator";

/*  New Styles */
.mnuTab {
	font-size: $vte_font_size;
	color: $vte-text;
	width: 100%;
	border: 0px solid $black;
}

.mnuTab tr td {
	border-bottom: 1px solid $grey-200;
	padding-left: 5px;
	vertical-align: middle;
}
/* profile */

.prvPrfBigText {
	font-size: 14px;
}

.prvPrfTopBg {
	background-color: $grey-200;
}

.prvPrfBottomBg {
	background-color: $grey-200;
}

.prvPrfOutline {
	border: 1px solid $grey-200;
}

.prvPrfTexture {
	background: url(vteimage("themes/images/prvPrfTexture1.gif", "../../"));
}

.prvPrfHoverOn {
	background-color: $vte-box-light-bg2;
}

/*  Organization */

/* Groups */
.groupli {
	margin-left: 20px;

	font-weight: normal;
	font-size: $vte_font_size;
	text-decoration: none;
	color: $grey-900;
	list-style-type: none;
	text-align: left;
}

/* tree menu */

/*Oraganization Edit Features */

#orgLay {
	font-size: 11px;
	text-align: left;
	width: 500px;
	border: 3px solid $grey-400;
	background-color: $white;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 21;
}

/*  Role */

#roleLay {
	font-size: 11px;
	text-align: left;
	width: 300px;
	display: none;
	position: absolute;
}

.classBtn {
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	background-color: $grey-300;
	border-bottom: 2px solid $grey-500;
	border-right: 2px solid $grey-500;
	border-top: 2px solid $grey-100;
	border-left: 2px solid $grey-100;
	color: $vte-text;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.txtBox {
	width: 85%;
	border: 1px solid $grey-700;
	font-size: 11px;
}

/* crmv@25356 */
.txtBox1 {
	border: 1px solid $grey-300;
	min-height: 20px;
	width: 100%;
}
/* crmv@25356e */

/*  IMPORT LEADS */

.leadTable {
	border: 3px solid $grey-400;
	border-collapse: collapse;
}

.leadTable tr td {
}

.genHeaderGray {
	font-size: 14px;
	line-height: 16px;
	color: $grey-600;
	font-weight: bold;
}

.genHeaderGrayBig {
	font-size: 18px;
	line-height: 16px;
	color: $grey-600;
	font-weight: bold;
}

.importBox {
	width: 125px;
	border: 1px solid $grey-700;

	font-size: 11px;
}

/* PICK LIST */
ul li {
	padding-bottom: 2px;
	padding-top: 2px;
}
/* MY PREFERENCES */

/* CSS FOR REPORTS */

/* crmv@29686 */
.reportRowTitle {
	color: $white;
	background-color: lighten(desaturate($vte-primary, 20%), 20%);
}

.reportRow0 {
	background-color: $vte-submenu;
	color: $vte-submenu-color;
}

.reportRow1 {
	background-color: $white;
}
/* crmv@29686e */

#reportLay {
	width: 300px;
	border: 1px solid $grey-300;
	padding-top: 5px;
	position: absolute;
	display: none;
	z-index: 2000;
}

#locateMap {
	width: 150px;
	background-color: $grey-400;
	border: 1px solid $grey-300;
	padding-top: 5px;
	position: absolute;
	display: none;
	z-index: 2000;
}

#Generate {
	position: relative;
	width: 100%;
	text-align: center;
	display: none;
}
/* END OF REPORT */

/* WEB MAIL */
a.webMnu {
	font-size: $vte_font_size;
	color: $vte-text-title;
	text-decoration: none;
}

a.webMnu:hover {
	font-size: $vte_font_size;
	color: $vte-text-title;
	text-decoration: none;
	background-color: $vte-box-light-bg;
}

/*  END OF WEB MAIL */

/* POPUP */

a.alpha {
	font-size: 11px;
	color: gray;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px dotted $grey-400;
	background-color: $vte-help-box;
}

a.alpha:hover {
	font-size: 11px;
	color: gray;
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px dotted $grey-400;
	background-color: $vte-help-box;
}

.fontBold {
	font-size: $vte_font_size;
	color: $vte-text;
	text-decoration: none;
	font-weight: bold;
}

.style_Gray {
	color: gray;
}

/* End of Home Page */

@import "listview";

/* Calendar */

.calHdr {
	background-image: url(vteimage("themes/softed/images/light-bg-cal.gif", "../../"));
	background-repeat: repeat-x;
	background-position: left top;
}

a.calMnu {
	font-size: 11px;
	color: $vte-text-title;
	text-decoration: none;
	display: block;
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
}

a.calMnu:hover {
	font-size: 11px;
	color: $vte-text-title;
	text-decoration: underline;
	display: block;
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
}

.bgwhite {
	background-color: $white;
}
.copy {
	font-size: 9px;
}

#mnuTab {
	position: relative;
	width: 100%;
	display: block;
}

#mnuTab2 {
	position: relative;
	overflow: auto;
	width: 100%;
	display: none;
}
.style1 {
	color: $red;
}

.event {
	background-color: $vte-primary;
	border: 2px solid $grey-300;
	text-align: left;
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	vertical-align: middle;
	padding: 1px;
}

#hrView {
	display: block;
}

#addEventDropDown {
	position: absolute;
	display: none;
	width: 150px;
	border: 1px solid $grey-300;
	left: 0px;
	top: 0px;
	overflow: visible;
	z-index: 5000;
}

.calAction {
	width: 175px;
	background-color: $grey-400;
	border: 1px solid $grey-300;
	padding-top: 5px;
	position: absolute;
	display: none;
	z-index: 2000;
}

.calSettings {
	position: absolute;
	z-index: 20000;
	width: 500px;
	left: 200px;
	top: 150px;
	background-color: $white;
}

.outer {
	border-bottom: 1px solid $grey-400;
	border-left: 1px solid $grey-400;
	border-right: 1px solid $grey-400;
}

.calTxt {
	width: 50%;
	border: 1px solid $grey-400;

	font-size: 11px;
	text-align: left;
	padding-left: 5px;
}

#leadLay {
	position: relative;
	width: 100%;
	float: left;
	visibility: hidden;
	padding: 5px;
	z-index: 10000;
}

/* End of Calendar */

/* Level 2 Menu Selected*/

.level2Sel {
	color: $vte-text;
	font-weight: bold;
	text-decoration: underline;
}

#DeleteLay {
}

#CurrencyDeleteLay {
	font-size: 11px;
	text-align: left;
	width: 450px; /* crmv@42266 */
}

.statechange {
	position: absolute;
	visibility: hidden;
	left: 10px;
	top: 20px;
	width: 300px;
	border: 3px solid $grey-400;
	background-color: $white;
}

#PopupLay {
	position: absolute;

	font-size: 11px;
	text-align: left;
	width: 500px;
	border: 3px solid $grey-400;
	background-color: $white;
	padding: 5px;
	display: none;
	left: 100px;
	top: 100px;
}

/* MY SITES */

.h2 {
	font-size: 18px;
	line-height: 20px;
}

.gray {
	color: gray;
}

ul {
	list-style: circle;
	line-height: 20px;
	padding-left: 5px;
	margin-left: 20px;
	font-weight: normal;
}

.heading2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: $vte-text;
}

/* crmv@30683 */
.settingsUI {
	text-align: left;
}

.settingsTabHeader {
	text-align: left;
	font-size: $vte_font_size;
	line-height: 30px;
	font-weight: bold;
	color: $vte-submenu-color;
	background-color: $vte-submenu;
	padding-left: 10px;
	padding-right: 10px;
	border-top: $black;
}

.settingsTabList {
	text-align: left;
	font-size: 11px;
	color: $vte-text;
	background-color: $vte-wizard-tab;
	/*border: 1px solid $white;*/

	&.settingsTabListMouse:hover {
		background-color: lighten($vte-wizard-tab, 2%);
	}

	margin: 2px;
	cursor: pointer;
	line-height: 3rem;
	padding: 1rem 1rem;
	font-weight: normal;
	padding-left: 15px;
	border: 1px solid #ffffff;
}

.settingsTabSelected {
	text-align: left;
	font-size: 11px;
	color: $vte-text;
	background-color: $vte-wizard-tab-selected;

	&.settingsTabListMouse:hover {
		background-color: lighten($vte-wizard-tab-selected, 2%);
	}

	margin: 2px;
	cursor: pointer;
	line-height: 3rem;
	padding: 1rem 1rem;
	font-weight: normal;
	padding-left: 15px;
	border: 1px solid #ffffff;
}
/* crmv@30683e */

.settingsSelectedUI {
	padding-bottom: 5px;
	padding: 5px 10px;
}

.settingsIconDisplay {
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
	color: $vte-text;
	background-color: $white;
	padding-left: 10px;
}

.settingsSelUITopLine {
}

.tableHeading {
	/* background:$white url(vteimage('themes/softed/images/level2Bg.gif', '../../')) repeat-x scroll center bottom; */
}

.colHeader {
	background-color: $white;
	background-repeat: repeat-x;
	background-image: url(vteimage("themes/softed/images/mailSubHeaderBg-grey.gif", "../../"));
	border-left: 1px solid $white;
	border-top: 1px solid $grey-300;
	border-right: 1px solid $grey-300;
	border-bottom: 1px solid $grey-300;
	font-weight: bold;
}

.listTable {
	border-left: 1px solid $grey-400;
	border-right: 1px solid $grey-400;
	border-bottom: 1px solid $grey-400;
}

.listTableRow {
	border-bottom: 1px solid $grey-200;
	border-right: 1px solid $grey-200;
	border-bottom: 1px solid $grey-200;
	border-bottom: 1px solid $grey-200;
}

.listRow {
	border-bottom: 2px solid $grey-200;
}

.listTableTopButtons {
	background: $white;
}

@import "buttons";

.message-compose-border {
	border: 1px solid #eaeaea;
}

//crmv@104533
.search {
	@extend .btn-primary;
}
//crmv@104533e

/*
.inactive {
	color:$grey-500;
}

.active {
	color: $success;
}
*/

.simpleSave {
	color: $vte-button-save-detail;
}

.simpleCancel {
	color: $vte-button-cancel-detail;
}

/* Buttons ends */

.cellBottomDotLine {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: $grey-400;
	background-color: $grey-200;
}

.crmFormList {
	border: 1px solid $grey-400;
	width: 90%;
	height: 120px;
}

.cellBottomDotLinePlain {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: $grey-400;
}

.thickBorder {
	border: 2px solid $grey-500;
}

.trackerHeading {
	background-color: $grey-200;
}

.trackerListBullet {
	border-right: 1px dotted $grey-400;
	background-color: $grey-50;
}

.trackerList {
	border-bottom: 1px solid $grey-200;
}

/* Table Definitions */
.crmTable {
	border: 1px solid $inventory-border;
}

.crmTableRow {
	border-bottom: 1px dotted $inventory-row-border;
	border-right: 1px dotted $inventory-row-border;
}

/* Inventory */
.lineOnTop {
	border-top: 1px solid $inventory-line-top;
}

.discountUI {
	width: 350px; /* crmv@42024 */
	position: absolute;
	display: none;
}

.TaxShow {
	border: 3px;
}

.TaxHide {
	display: none;
}

/* Layer Popup */
.layerPopup {
	position: absolute;
}

.layerPopupHeading {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding: 10px;
}

.layerHeadingULine {
	border-bottom: 2px solid $vte-text-title;
}

.layerPopupTransport {
}

.reportCreateBottom {
	background-color: $vte-submenu;
	color: $vte-submenu-color;
}

.importLeadUI {
	/* background-color:white; */
}

/* Drop Down Menu */
.drop_mnu_all {
	position: fixed;
	z-index: 1000000001;
	min-width: 300px;
	display: none;
	padding: 0px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 0px;
	border-top: 0px;
	border-left: 1px solid $vte-submenusep;
	border-right: 1px solid $vte-submenusep;
	border-bottom: 1px solid $vte-submenusep;
	background-color: $vte-submenu;
	color: $vte-submenu-color;
}

.drop_mnu {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000000001;
	border-left: 1px solid $vte-submenusep;
	border-right: 1px solid $vte-submenusep;
	border-bottom: 1px solid $vte-submenusep;
	width: 150px;
	display: none;
	padding: 0px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: $vte-submenu;
	color: $vte-submenu-color;
	margin-top: 0px;
}

a.drop_down {
	width: 150px;
	text-align: left;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	display: block;
}

a.drop_down:hover,
a.drop_down_hover {
	padding: 2px 5px 2px 5px;
	width: 150px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	color: $white;
	background-color: $vte-menusep;
}

.bgwhite {
	background-color: $white;
}

/* crmv@91082 */

/* crmv@170412 */
.login_overlay {
}
#mask_login {
}
/* crmv@170412e */

#logout_reason_msg {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	position: absolute;
}
/* crmv@91082e */

.options {
	vertical-align: middle;
	margin-left: 25%;
	margin-top: 16%;
	width: 650px;
	background-color: $white;
	border: 2px solid $grey-900;
	position: relative;
	text-align: left;
	z-index: 80000;
}

.options h2 {
	border-bottom: 1px solid $vte-text-title;
	margin: 0;
	font-weight: normal;
}

/* Recalculate Disable Ends */

.groupname {
	width: 125px;
}

/*added for the hanlder of the div in the home page */
.headerrow {
	cursor: move;
}

.repBox {
	width: 100px;
	border: 1px solid $grey-700;
	font-size: 11px;
}

.repBox1 {
	width: 200px;
	border: 1px solid $grey-700;
	font-size: 11px;
}

.warning {
	color: $vte-text-title;
}

.colData {
	border-right: 1px solid $grey-300;
}

/* feedback or help message */
.helpmessagebox {
	padding: 2px;
	margin: 0 0 2px 0;
	// crmv@104568
	//background-color: $vte-help-box;
	//border: 1px solid $vte-help-box-border;
	// crmv@104568e
}

/* crmv@26986 */
.crmvDiv,
.discountUI,
.layerPopup {
	background-color: $vte-dropdown-bg;
	@include shadow-z-2();
	border-radius: $border-radius-base;
	padding: 5px;
	border: 1px solid $vte-dropdown-border;
}

.layerPopup {
	/* padding: 0px; */
}

.crmvDivContent {
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
}
.closebutton,
a.fancybox-close {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(vteimage("include/js/jquery_plugins/fancybox/fancybox.png", "../../")) -40px 0px;
	cursor: pointer;
	display: block;
}
/* crmv@26986e */

/* crmv@48501 */
.notTbl {
	border: 1px solid $grey-300;
	background: $vte-box-light-bg2;
}
/* crmv@48501e */

.disabled {
	color: gray;
}

.ButtonsListContestualSmall,
.ButtonsListContestualLarge {
	margin-left: 5px;
	padding-left: 5px;
	white-space: nowrap;
	border-left: 1px solid $vte-submenusep;
}

@import "turbolift";

.highlighted {
	color: $white;
	background-color: $vte-menusep;
}
/* crmv@45561 */
.errorString {
	font-weight: bold;
	color: red;
}
/* crmv@45561e */

#txtdatetimeshow_new {
	border: 0px none;
}

//crmv@100495
i.button-image.vteicon,
i.button-image.vteicon2,
i.button-image.icon-module {
	color: $white;
	font-size: 17px;
	vertical-align: middle;
}
//crmv@100495e

// crmv@187568 moved crmv@100972 in processmaker.scss

//crmv@93990
.editoptions select {
	max-width: 400px;
}
//crmv@93990e

// crmv@102879
.tablefield_table {
	//border-bottom: 1px solid $grey-400;
}

.tablefield_cell {
	padding: 4px;
	/*border-right: 1px solid $grey-400;
	
	&:last-child {
		border-right: none;
	}*/
}

.tablefield_hcell {
	padding: 4px;
	/*border-bottom: 1px solid $grey-400;
	border-right: 1px solid $grey-400;
	
	&:last-child {
		border-right: none;
	}*/
}

// crmv@102879e

@import "history";

#AllMenuAreaTabContent,
#OtherModuleListTabContent {
	padding: 10px;

	#OtherModuleListContent > tbody > tr {
		& > td {
			vertical-align: middle;
		}
	}
}

.circleIndicator {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	cursor: default;
	margin-right: 16px;
	background-color: $grey-300;
	color: $black;
}

.circleIndicator.circleEnabled {
	background-color: $vte-primary;
	color: $white;
}

.vteUlTable {
	display: block;
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100%;
	text-align: left;

	& > li {
		padding: 3px;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
	}

	&:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}

	& .btn.btn-round {
		margin: 0px 1px;
	}
}

#reportContents {
	padding: 10px;
}

.MainMatrix {
	padding: 0px;
	margin: 10px;
	overflow-y: auto;
}

.listViewCounts {
	display: none;
}

.qcform {
	& .modal-content .modal-body {
		padding: 10px;
	}
}

.customViewContainer {
	padding-top: 15px;
}

@import "modules/_modules";

@import "utilities";

@import "fancybox";

@import "reminder";

@import "simplelistview";

@import "progressbar";

@import "kanban";

@import "autocomplete"; // crmv@94525

@import "loaders/_loaders";

@import "icons";

@import "eventspop"; /* crmv@103922 */

@import "notification"; /* crmv@164368 */

@import "droparea"; /* crmv@167019 */

@import "popup";

@import "wizard";

@import "editreport";

@import "animations";

@import "plugins/_plugins";