/**************************** VARIABLES ****************************/
:root {
	--MinWidth: 300px;
	--MenuColor: #021C4E;
	--MenuHeight: 60px;
	--MenuBorderHeight: 4px;
	--TableCellColorHover: #ECF7FF;
	--MainBottonColor: #0085C3;
	--MainBottonColorHover: #0093F0;
	--ButtonShadow: 0px 0px 0px #BBB;
	--ButtonShadowHover: 2px 2px 3px #BBB;
}

/**************************** LOADING ****************************/
.LoaderContainer {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #F9F9F9;
	direction: ltr !important;
}

.LoaderContainerImage {
	position: absolute;
	top: 200px;
	left: 50vw;
	transform: translate(-50%, -50%);

	/*-webkit-animation: breathing 3s ease-out infinite normal;
	animation: breathing 3s ease-out infinite normal;*/
}

.LoaderContainerLoaderbar {
	width: var(--MinWidth);
	height: 2px;
	background: #DDD;
	position: absolute;
	top: 250px;
	left: 50vw;
	transform: translate(-50%, -50%);
}

.LoaderContainerLoaderbarBar {
	height: 2px;
	background: var(--MainBottonColor);
	position: relative;

	animation-name: seasaw;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-direction: alternate;
	animation-fill-mode: none;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

@keyframes breathing {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes seasaw {
	0% {width: 20px; left: 0px;}
	50% {width: 150px; right: 75px; left: 75px;}
	100% {width: 20px; left: 280px;}
}

/**************************** FONTS ****************************/
@font-face {
	font-family: 'OpenSans';
	src: url('../../../../themes/NeoTheme/font/OpenSans.ttf') format('truetype'),
	url('../../../../themes/NeoTheme/font/OpenSans.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}

body {
	/* For breathing room between content and viewport. */
	margin: 0px;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}
h6 {
	font-size: 12px;
	margin: 10px;
}
h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	list-style-type: none;
	margin-left: 6px;
	margin-bottom: 2px;
}
ul {
	margin-top: 2px;
	margin-right: 0;
}
dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th, td {
	/* Borders and padding to make the table readable. */
	border: none;
	padding: 0;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p, fieldset, table, pre {
	/* So things don't run into each other. */
	/*margin-bottom: 0px;*/
}
fieldset {
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border:1px solid #CCC;
}
p {
	margin-top: 0px;
}
form {
	margin: 0px;
}
h1, h2 {
	margin: 0;
	font-weight: bold;
	padding: 0px 30px;
}
h2_dashlet {
	background: #EEE;
}
h3{
	margin:0;
	margin-bottom: 3px;
	padding: 5px 10px;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding: 0px;
}



/* The main calendar widget.	DIV containing a table. */
.calendar {
	position: relative;
	display: none;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #c8d0d4;
	z-index: 500000000 !important;
	font-family: tahoma,verdana,sans-serif;
}
.calendar_background{
	position: fixed;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0px;
	opacity: 0.6;
	z-index: 100000000;
}
.calendar table {
	border: 1px solid #BBB;
	color: #000;
	cursor: default;
	background: #FFF;
	font-family: tahoma,verdana,sans-serif;
	margin: 0px !important;
	border-collapse: separate;
	border-spacing: 10px;
	transition: all 0.5s;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button {/* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;
	padding: 5px;
	transition: all 0.5s;
}

.calendar .nav {
	background: transparent no-repeat 100% 100%;
}

.calendar thead .title {/* This holds the current "month, year" */
	font-weight: bold;
	padding: 5px;
	color: #FFF;
	background: var(--MainBottonColor);
	text-align: center;
	transition: all 0.5s;
}

.calendar thead .headrow {/* Row <TR> containing navigation buttons */
}

.calendar thead .daynames {/* Row <TR> containing the day names */
}

.calendar tr td {
}
.calendar thead .name {/* Cells <TD> containing the day names */
	border-bottom: 1px solid #000;
	border-color: #CCC;
	padding: 3px;
	text-align: center;
	cursor: pointer;
	font-size: 11px;
	color: #777;
	width: 25px;
	transition: all 0.5s;
}

.calendar thead .weekend {/* How a weekend day name shows in header */
}

.calendar thead .hilite {/* How do the buttons in header appear when hover */
	background-color: #E5F6FD;
	transition: all 0.35s;
}

.calendar thead .active {/* Active (pressed) buttons in header */
	padding: 2px 0px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
	background-color: #b8c0c4;
	transition: all 0.5s;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {/* Cells <TD> containing month days dates */
	background: #FFF;
	text-align: center;
	font-size: 12px !important;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transition: all 0.5s;
}
.calendar tbody .day:hover,
.calendar tbody td.weekend.hilite:hover,
.calendar thead .name:hover{
	background: var(--MainBottonColor);
	color: #FFF;
	cursor: pointer;
	transition: all 0.5s;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #AAA;
}
.calendar tbody .day.othermonth.oweekend {
	color: #666;
	background: #F5F5F5;
}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	background: #EEE;
	border-right: 1px solid #CCC;
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.weekend {
}
.calendar tbody .rowhilite td.wn {
	background: #FFF;
}

.calendar tbody td.hilite {/* Hovered cells <TD> */
}
.calendar tbody td.hilite,
.calendar tbody td.weekend.hilite {
	background: #f8f7f7;
	transition: all 0.5s;
}

.calendar tbody td.active {/* Active (pressed) cells <TD> */
	padding: 2px 2px 0px 2px;
	border: 1px solid;
	border-color: #000 #FFF #FFF #000;
}

.calendar tbody td.selected {/* Cell showing selected date */
	background: var(--MainBottonColor) !important;
	color: #FFF !important;
}

.calendar tbody td.weekend {/* Cells showing weekend days */
	color: #666;
	background: #F5F5F5;
}
.calendar tbody td.today {/* Cell showing today date */
	font-weight: bold;
}


.calendar tbody .disabled {
	color: #999;
}

.calendar tbody .emptycell {/* Empty cells (the best is to hide them) */
	visibility: hidden;
	display: hidden;
}

.calendar tbody .emptyrow {/* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {/* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip {/* Tooltip (status bar) cell <TD> */
	padding: 5px;
	color: #000;
	text-align: center;
	border-top: 1px solid #DDD !important;
}

.calendar tfoot .hilite {/* Hover style for buttons in footer */
	/*border-top: 1px solid #FFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #FFF;
	padding: 1px;*/
	background: #D8E0E4;
}

.calendar tfoot .active {/* Active (pressed) style for buttons in footer */
	padding: 2px 0px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	position: absolute;
	display: none;
	width: 4em;
	top: 0px;
	left: 0px;
	cursor: default;
	border-top: 1px solid #F1F1F1;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #F1F1F1;
	background: #EEE;
	font-size: 90%;
	padding: 0px;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: left;
	padding: 2px 4px 2px 4px;
}

.calendar .combo .label-IEfix {
	width: 4em;
}

.calendar .combo .active {
	background: #EEE;
	padding: 0px;
	border-top: 1px solid #000;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;
}

.calendar .combo .hilite {
	background: #F8F7F7;
	/*padding: 1px 4px 1px 4px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #9e9e9e;*/
	color: #AEF;
}

.calendar td.time {
	border-top: 1px solid #000;
	padding: 1px 0px;
	text-align: center;
	background-color: #E8F0F4;
	visibility: visible;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background-color: #FFF;
}

.calendar td.time .ampm {
	text-align: center;
}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: #667;
	color: #FFF;
}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}


/* MAIN NAV STYLES */
.subDmenu {
	position:absolute;
	display:none;
	visibility:hidden;
}
.menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
.menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
.menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
.menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
.menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link {
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-decoration: none;
	width: 120px;
	border-left: none;
	border-right: none;
	display: block;
	padding: 1px 5px 1px 7px;
	border-bottom: 1px solid #c0c0c0;
}

.menuItem:hover, .menuItemHilite:hover, .menuItem:active, .menuItemHilite:active,
.menuItemX:hover, .menuItemHiliteX:hover, .menuItemX:active, .menuItemHiliteX:active {
	color: #000;
}

.menuItem {
	background-color:#F6F6F6;
}

.menuItemHilite {
	background-color:#FFF;
}

.menuItemX {
	background-color:#CCC;
}

.menuItemHiliteX {
	background-color:#999;
}
.menu {
	position:absolute;
	display:none;
	visibility:hidden;
	background-color:#F6F6F6;
	z-index: 2;
	border: #999 solid 1px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	/*width:150px;*/
}
body {
	font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
}

div.clear{
	height: 0;
	clear: both;
	visibility: hidden;
}

/* layout the header elements */
#header div.line {
	margin: 0;
	padding: 0;
	height: 2px;
	border-bottom: 2px solid;
	color:#0046ad;
	background-color:#4e8ccf;
	border-bottom-color: #0046ad;
}
#header ul li{
	display:inline;
}
#companyLogo {
	padding: 10px 10px 0px 15px;
	vertical-align: bottom;
	float:left;
	margin-bottom:-8px;
}
#sitemapLink, #colorPicker, #welcome, #globalLinks{
	float: right;
}
#welcome {
	font-weight: normal;
	padding: 8px 10px 3px 10px;
	vertical-align: middle;
}
/* global links */
#globalLinks{
	padding: 8px 10px 3px 10px;
	vertical-align: middle;
}
#globalLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#globalLinks ul li{
	float: left;
	margin: 0 0.15em;
	display:block;
}
#globalLinks ul li img{
	margin-bottom: 1px;
	margin-left:2px;
	cursor: pointer;
	cursor: hand;
}
#globalLinks ul li:hover ul,
#globalLinks ul a:hover ul{
	visibility:visible;
}


/* sitemap link */
#sitemapLink span {
	padding-right:5px;
}
#sitemapLink {
	padding-top: 3px;
}
#sitemapLink{
	padding:0 3px 0 5px;
	height: 23px;
	vertical-align: bottom;
}
#unified_search_advanced_img{
	cursor:pointer;
}
#unified_search_advanced_div {
	height: 1px;
	position: relative;
	overflow: hidden;
	width: 21em;
	padding-top: 5px;
}
#unified_search_advanced_div .edit.view{
	padding:6px 6px 6px 4px;
}
#unified_search_advanced_div .edit.view td{
	padding: 0 0.5em !important;
}
#themeColors img, #themeFonts img{
	margin-bottom: 0;
}

/* color and theme picker */
.themePicker{
	padding-top: 1em;
}
.themePicker td{
	padding: 0 !important;
}
.themePicker > table > tbody > tr > td{
	text-align: left;
	vertical-align: top;
	width: 100%;
}
.themePicker hr{
	margin: 0;
}
#themepickerLinkSpan{
	cursor:pointer;
}
#colorPicker{
	padding: 8px 5px 0px 7px;
}
#colorPicker ul {
	border: none;
	padding: 3px 0 0 0;
	margin: 0 0 0 10px;
}
#colorPicker ul li{
	list-style-type: none;
	display: inline;
	padding: 0px;
	cursor: hand;
	cursor: pointer;
	margin: 0;
}
#themeName{
	font-weight: bold;
}


#leftColumn {
	left: 10px;
	position: absolute;
	float: left;
	width: 14.5em;
}
div#content{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	border: 0px;
	margin: 0px;
}
div#content > table{
	width: 100%;
}


/* put a bit of left margin in when the left column menu is hidden */
div#content noLeftColumn{
	margin-left: 5px;
	border-left: none;
}
#HideHandle{
	padding-top: 5px;
	cursor: pointer;
	cursor: hand;
}
#HideMenu{
	visibility: hidden;
	position: absolute;
	z-index:100;
	border-bottom: 2px #CCCCCC solid;
	border-right: 2px #CCCCCC solid;
	background: #FFF;
	left: 10px;
	width: 150px;
}
#leftHandle{
	float:left;
	/*margin-top: 10px;*/
}


/* new record form */
#newRecord form {
	padding: 8px 8px 5px 8px;
	border-bottom: 1px solid;
}
#newRecord form input,
#newRecord form select,
#newRecord form textarea {
	margin-bottom: 4px;
	margin-top: 2px;
	max-width: 140px;
	width: expression(this.clientWidth > 140 ? '140px':true);
}
#newRecord form button,
#newRecord form input[type=button],
#newRecord form input[type=submit],
#newRecord form input[type=reset]{
	padding-top: 0px;
	vertical-align: bottom;
}
#newRecord form .dataLabel {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
}
#newRecord form .dataField {
	padding-bottom: 3px;
}
#newRecord form #jscal_trigger {
	margin-bottom: 4px;
	margin-top: 2px;
	vertical-align: bottom;
}
#newRecord form a:link,
#newRecord form a:visited,
#newRecord form a:hover{
	text-decoration: underline;
	border-bottom: 0px;
	padding-left: 0px;
}
/* css dropdown menu */
ul.cssmenu{
	background-color:#F6F6F6;
	border:1px solid #999999;
	opacity:0.9;
	position:absolute;
	visibility:hidden;
	z-index:1;
	font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
}
ul.cssmenu li{
	font-size: 11px !important;
	font-weight: normal !important;
	font-style: normal;
	line-height:18px;
	padding:1px 7px !important;
	border-bottom:1px solid #C0C0C0;
	float: none !important;
	display: block;
	margin:0 0.15em;
}
ul.cssmenu li:hover{
	background-color:#FFFFFF;
	color: #000;
}
ul.cssmenu li a {
	text-decoration: none;
	font-size: 11px !important;
}


/* sub module list drop down */
#subModuleList span{
	display: none;
}
#subModuleList span.selected{
	display: block;
}
#subModuleList li, #subModuleList ul{
	padding:0px;
	margin:0px;
}

#subModuleList li.subTabMore{
	position:relative;
}

#subModuleList ul.cssmenu{
	display:block;
	position:absolute;
	top:15px;
	left:0;
	width:127px;
}

#header ul.cssmenu li{
	display:block;
}

#subModuleList ul.cssmenu li a,
#subModuleList ul.cssmenu li a:hover{
	color:#000;
	border:none;
	background:transparent none repeat scroll 0% 0%;
}

#subModuleList li.subTabMore ul.cssmenu{
	visibility:none;
}

#subModuleList li.subTabMore:hover ul.cssmenu{
	visibility:visible;
}
#subModuleList{
	padding:0.4em 0 0.3em 0;
}
#subModuleList span a{
	text-decoration: none;
	padding: 0.2em 0.5em 0.3em 0.5em;
	margin: 0 -3px 0 0;
	white-space:nowrap;
}


/* last viewed and shortcuts lists in the header */
.headerList{
	padding: 5px 0 3px 10px;
	vertical-align: middle;
}
.headerList a:link, .headerList a:visited, .headerList a {
	padding: 2px 5px;
	white-space: nowrap;
}

/* for lists of items in the left column ( such as the shortcuts or last view items lists ) */
.leftList ul {
	width: 100%;
	padding: 0px;
	border-top: 0px;
	margin: 0px 0px 10px 0px;
	color: #000;
	background: #F1F1F1;
}
.leftList ul li{
	list-style: none;
	margin: 0px;
	border: 0px;
}
.leftList ul li a{
	display: block;
	border: 0px;
	text-decoration: none;
	color: #444;
	text-align: left;
	padding: 3px 3px 3px 6px;
}

.leftList ul li span:hover a{
	text-decoration: none;
}

/* EditView/projects -> grid	*/
.sqsSelectedSmartInputItem {
	background-color:#DEEFFF;
}

/* DetailView/EditView/ListView styles */
.view, table.view{
	padding:10px 6px 12px 10px;
	padding:20px 16px 22px 30px;
	width: 100%;
}
.view tr td table,
.view tr td table tr td{
	/*padding: 0;*/
}
.view tr td input[type=checkbox]{
	vertical-align: middle;
}


/* DetailView styles */
.detail tr td {
	vertical-align: top;
	padding: 10px;
	text-align: left;
	color: #444;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.detail tr td[scope="row"] {
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: inherit;
	white-space:nowrap;
	color: #000000;
	font-weight: normal !important;
	padding: 10px 5px !important;
}
.detail tr td > li {
	margin-left: 1.5em;
}

.detail tr td a:link,
.detail tr td a:visited,
.detail tr td a:hover
{
	color: #0b578f;
}

.detail.view, .detail table, table.detail{
	padding: 0;
	margin: 0px;
	width: calc(100% - 0px);
	min-width: calc(var(--MinWidth) - 30px);
	background: #FFF;
}
.detail tr.pagination td {
	padding-top: 4px;
	text-align: right;
	vertical-align: middle;
}
.detail table tr.pagination td {
	padding-bottom: 4px;
}
.detail td > table tr td {
	border: none;
}

.detail tr th {
	border-color: #cbdae6;
	background: #7B9DBA;
	padding: 8px 12px !important;
	color: #fff !important;
	text-align: inherit;
}
.detail td img {
	margin: 5px;
}
.detail h4 {
	margin: 15px 15px 0px !important;
	background: var(--MainBottonColorHover);
	float: left;
	color: #fff;
	width: 140px;
	text-align: center !important;
}

.detail .edit td {
	background-color: #FFF !important;
	border-bottom: 0 !important;
}


/* editviews top buttons */
#EditView > table {
	margin-bottom: 2px;
}

/* editviews */
.edit {
	background: #FFF;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	width: calc(100% - 0px);
	min-width: calc(var(--MinWidth) - 120px);
}

.edit > table {
	margin-bottom: 0px;
	padding: 3px 3px 3px 10px!important;
}

.edit h4 {
	text-align: left;
	margin-top: 0;
	padding-top:0;
	margin-top: 10px;
	padding-left:0;
}
.edit tr td {
	font-weight: normal;
	vertical-align: middle;
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
}
.edit tr td .Field_Container_Without_Label{
	min-width: 100px;
}
.edit tr td[scope="row"] {
	padding: 15px 5px 0px 5px !important;
	text-align: inherit;
	vertical-align: top;
}
.edit tr th, .edit thead td {
	border-color: #cbdae6;
	background: #7B9DBA;
	padding: 8px 12px !important;
	color: #fff !important;
}
table#tabFormPagination td,
#tabFormPagination,
#EditView > table#tabFormPagination.detail.view {
	border-bottom: none;
	margin-bottom: 0;
}
.edit tr td table,
.edit tr td table tr td
{
	/*padding: 0 !important;*/
}
table.edit.view {
	margin: 0px;
}
.responsive_table
{
	overflow-x: auto;
}

/* search panel on top of list views ( extends .edit .view definition ) */
.search
{
	margin: 0 0 4px 0 !important;
	padding:10px 6px 12px 10px;
}
.search > table{
	padding: 0 !important;
	margin: 0;
}
.search td span{
	color:#444;
}
.search td input[type=text],
.search td input[type=password],
.search td select{
	width: 150px !important;
}


/* Listview styles */
.list, .edit .list{
	padding: 0 !important;
}
.list tr.pagination,
.list tr.pagination td,
.list tr.pagination td table{
	padding: 0;
	border: 0;
	margin: 0;
}
.list tr.pagination td table td{
	padding: 3px 7px 3px 5px !important;
}
.list tr.pagination td table td button{
	width: 30px;
}
.list tr.pagination td table td a:link,
.list tr.pagination td table td a:visited,
.reportGroupByDataChildTablelistViewThS1 a:link,
.reportGroupByDataChildTablelistViewThS1 a:visited{
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
}
.list tr.pagination td table td a:hover,
.reportGroupByDataChildTablelistViewThS1 a:hover{
	text-decoration: underline;
}
.list tr.pagination .buttons{
	padding: 2px 2px 2px 0 !important;
}
.list tr.pagination #selectCountTop{
	width: 5em;
}
.list tr th,
.list tr td[scope=col],
.edit .list tr th,
.edit .list tr td[scope=col]{
	font-size: 11px;
	font-weight: bold;
	text-align: inherit;
	padding: 8px !important;
	border-left: none;
	border-right: none;
	white-space: normal;
}
.list tr td{
	vertical-align: middle;
	padding: 8px !important;
	border-bottom: 1px solid #EEE;
}
.list tr.pagination td {
	padding: 0 !important;
	text-align: right !important;
}
.list tr td.odd{
	padding: 8px;
	vertical-align: middle;
}

.list th a:link,
.list th a:visited,
.list td[scope=col] a:link,
.list td[scope=col] a:visited{
	font-weight: bold;
	text-decoration: none;
}

.list th a:hover,
.list td[scope=col] a:hover{
	text-decoration: underline;
}

.list tr.oddListRowS1 td,
.list tr.evenListRowS1 td{
	white-space: normal;
	word-wrap: break-word;
}

.list tr.oddListRowS1 td[nowrap],
.list tr.evenListRowS1 td[nowrap] {
	/*white-space: nowrap;
	word-wrap: normal;*/
}

.list td a.listViewTdToolsS1,
.list tr td.nowrap{
	/*white-space: nowrap;
	word-wrap: normal;*/
}
.list tr.pagination td table td{
	/*background:#FAFAFA none repeat scroll 0 0;*/
	color:#666666;
}
.td_alt, .list tr th, .list tr td[scope=col], .edit .list tr th, .edit .list tr td[scope=col]{
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
}


/* style for page content tables */
.other{
	border: none !important;
	margin-bottom: 20px !important;
	padding: 0 !important;
	width: 100%;
}
.other td {
	font-weight: normal;
	padding: 4px 10px 4px 6px;
	vertical-align: middle;
}
.other td[scope=row] {
	padding: 4px 6px 4px 6px;
	white-space:nowrap;
}
.other .edit td{
	background: transparent !important;
}
.other .edit {
	margin-top: 0;
}

/* Special for Campaigns Wizard */
.other td.edit #wizard td{
	background: transparent;
}
.other td.edit #wizard h4{
	padding-left: 0;
	margin-top: 0;
}
#wizard td{
	white-space: normal;
	word-wrap: break-word;
}


/* Upgrade Wizard*/
.small{
	width:100%;
}
.small table{
	width:auto;
}
.small tr td table{
	background-color:transparent;
}
.small tr td[scope=row] table tr td, .small tr td[scope=row] table tr th{
	background-color:transparent;
}

.small tr td table tr th{
	text-align:left;
	border-bottom:none;
}

/* for report wizard */
.reportwizard{
	padding: 10px 6px 12px 10px;
}
.reportwizard > table{
	padding: 0 !important;
}
.reportwizard tr td{
	vertical-align: middle;
}


/* for subpanel tabs */
ul.tablist, ul.subpanelTablist{
	list-style: none;
	padding: 8px 0px 3px 0px;
	margin: 0;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--MainBottonColor);
}

ul.tablist li, ul.subpanelTablist li{
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tablist li a, ul.subpanelTablist li a{
	padding: 10px 15px 3px 15px;
	margin: 0px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: none;
	text-decoration: none;
}
ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover {
	border: none;
	background: transparent;
	text-decoration: none;
}
ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
	text-decoration: none;
}

.subpanelTabForm {
	padding: 15px 0px 0 0px;
	margin-bottom: 10px;
}
table.subpanelTabForm td {
	padding: 0px;
}
.subpanelTabForm p {
	margin-bottom:0;
}

#groupTabs {
	margin-top: 20px;
	display:none;
}
#groupTabs li, #searchTabs li{
	margin:0 -3px 0 0;
}
table.subpanelTabForm{
	border-top: 0px none;
	margin-bottom: 4px;
	padding: 0px;
}
ul.tablist li a:hover, ul.subpanelTablist li a:hover{
	border-top: 2px solid;
}
ul.tablist li a.current, ul.tablist li a.current:hover {
	border-bottom:2px solid #F6F6F6;
	font-weight: bold;
}
ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover{
	border-bottom: 2px solid;
	font-weight: bold;
	color: #FFF;
	background: var(--MainBottonColor);
	border-right-color: var(--MainBottonColor);
	border-left-color: var(--MainBottonColor);
	border-top-color: var(--MainBottonColor);
	border-bottom-color: var(--MainBottonColor);
}
.subpanelTabForm .h3Row {
	border: none;
	padding: 10px 20px;
	background: #E7F0F8;
	border-bottom: 0.5px dashed #3e5d78;
	border-top: 0.5px dashed #3e5d78;
	cursor: pointer;
	color: #555;
	font-weight: normal;
	transition: all .35s !important;
}
.subpanelTabForm .h3Row:hover, .subpanelTabForm .h3Row:hover a {
	color: #222;
	background: #DAEAF9;
	transition: all .35s !important;
}
.subpanelTabForm .h3Row a {
	color: #555;
	font-weight: normal !important;
}
.subpanel_buttons_en_US {
	position: absolute;
	margin-top: -45px;
	right: 20px;
}
.subpanel_buttons_fa_IR {
	position: absolute;
	margin-top: -45px;
	left: 20px;
}
#header ul li{
	display:inherit;
}


/* gantt styles */
table.days {
	font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
td.days {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-left: 0px;
	border-right: 0px;
}

td.sunday {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 0px;
}

td.saturday {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-left: 0px;
	border-right: 1px solid #dfdfdf;
}

td.date {
	width: 100%;
	padding: 0px;
	border: 0px;
	font-size: 10px;
}

tr.empty {
	height: 2px;
}

div.completed {
	background-color: #777777;
	float: left;
	width: 100%;
	line-height: 10px;
	margin-top: 4px;
}

div.inprogress {
	background-color: #002E4D;
	float: left;
	width: 100%;
	line-height: 10px;
	margin-top: 4px;
}

div.inprogress_bar {
	background-color: #ff0000;
	float: left;
	width: 100%;
	line-height: 10px;
	margin-top: 4px;
}

div.notstarted {
	background-color: #CCCCCC;
	float: left;
	width: 100%;
	line-height: 10px;
	margin-top: 4px;
}

div.indent_left {
	background-color: #000000;
	float: left;
	line-height: 10px;
	margin-top: 4px;
}

div.indent_bar {
	background-color: #000000;
	float: left;
	margin-top: 4px;
}

div.indent_right {
	background-color: #000000;
	float: right;
	line-height: 10px;
	margin-top: 4px;
}

#horizWrapper {position:relative; margin-left:60px;width:218px;float:left;}
#horizBGDiv {position:relative; top:60px; background:url(../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=horizBg.png) no-repeat; height:26px; width:218px;zindex:5 }
#horizHandleDiv {
	position:absolute;
	left: 100px; /* the default position is the center of the bg */
	top: 8px;	/* force the image down a bit */
	cursor:default;
	width:18px;
	height:18px;
}
/* end gantt styles */

/* sitemap */
#sitemap{
	width: 650px;
	display:none;
	z-index:9999;
	margin-right:1em;
	margin-top:2.5em;
}
#sitemap .edit.view{
	border: 2px solid;
	padding: 6px 6px 6px 16px;
	border-color: #4e8ccf !important;
}
#sitemap a:link, #sitemap a:visited {
	text-decoration:none;
	font-size: 11px;
	color: #444;
}
#sitemap a:hover, #sitemap h4 a:hover {
	text-decoration:underline;
}
#sitemap h4 a:link, #sitemap h4 a:visited {
	font-size: 13px;
}
#sitemap ul {
	margin-top: 5px !important;
	margin-left: 5px !important;
}
#sitemap ul li {
	margin-bottom: 5px !important;
	display: list-item;
}


/* sitemap link div */
#sitemapLink span{
	cursor:pointer;
}
#sitemapLink span img{
	cursor:pointer;
	margin-left: 2px;
}

/* Footer styles */
#footer {
	padding-top: 10px;
	text-align: center;
	padding-bottom: 5px;
}

#themePicker, #langPicker {
	text-align: center;
	margin-bottom: 0.5em;
}

#themePicker select, #langPicker select {
	width: 120px;
	font-size: 10px;
}

/* Scheduler Styles */
#scheduler .schedulerDiv table {
	border-collapse: collapse;
}
#scheduler .schedulerDiv table tr td {
	border: 1px solid #dddddd;
}
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td{
	background-color: #EEEEEE;
	width: 15px;
}
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row]{
	overflow: hidden;
	padding-left: 4px;
	width: 125px;
	background: transparent;
	border-left: 0;
}
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime{
	border-left: 4px solid #75AF4F !important;
	background-color:#FFFFFF;
}
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime{
	border-left: 4px solid #ff0000 !important;
}
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell{
	background: transparent;
	border-left: 1px solid #dddddd;
	padding-left: 4px;
}

.listViewCalCurrentAppt {
	background-color: #75AF4F;
}
.listViewCalOtherAppt {
	background-color: #4D5EAA;
}
.listViewCalConflictAppt {
	background-color: #AA4D4D;
}
.listViewCalCurrentApptLgnd {
	background-color: #75AF4F;
	border: 1px solid #444;
}
.listViewCalOtherApptLgnd {
	background-color: #4D5EAA;
	border: 1px solid #444;
}
.listViewCalConflictApptLgnd {
	background-color: #AA4D4D;
	border: 1px solid #444;
}


/** report styles **/
table.reportlistViewRC {
	/* this definition should be exactly the same as .listViewThS1 */
	background:Black;
}

table.reportlistView {
	/* this definition should be exactly the same as .listViewThS1 */
	background:Black;
}

.reportlistViewThS1 {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px 4px 5px;
	border-left: none;
	border-right: none;
	border-top: 1px solid BlackCCC;
	border-bottom: 1px solid BlackCCC;
	background:Gainsboro;
}

.reportevenListRowS1,
.reportoddListRowS1 {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: middle;
	background:white;
}

.reportlistViewPaginationTdS1 {
	border: none;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	background:white;
}

/* These are for summation report */
.reportViewTable {
	border-left: none;
	border-right: none;
	border-top: none;
	background:White;
}
.reportGroupViewTable {
	border-left: 1px solid Black;
	border-top: 1px solid Black;
	background:LightGrey;
}
.reportGroup1ByTable {
	font-size: 15px;
	border-left: none;
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	background:LightGrey;
}
.reportGroupNByTable {
	font-size: 13px;
	border-left: none;
	border-right: 1px solid Black;
	border-bottom: none;
	background:White;
}
.reportGroupByDataTableHeader {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	background:White;
}
.reportDataChildtablelistView {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	background:Black;
}
table.reportDataChildtablelistView td {
	border-color: #CCC;
	background: white;
	padding:4px 5px;
}
.reportGroupByDataChildTablelistViewThS1 {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px 4px 5px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	background:White;
}
.reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: middle;
	background:white;
}
.reportGroup1ByTableEvenListRowS1 {
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: middle;
	background:LightGrey;
	text-align: left;
}
.reportGroupNByTableEvenListRowS1 {
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 3px;
	vertical-align: middle;
	background:LightGrey;
	text-align: left;
}
.reportGroupBySpaceTableView {
	border-left: none;
	border-right: none;
	border-top: none;
	background:White;
}
.reportGroupByDataTableHeaderEmptyCell {
	border-bottom: 1px solid Black;
	border-top: 1px solid Black;
	background:White;
}
.reportevenListRowS1,
.reportoddListRowS1,
.reportGroupByDataEvenListRowS1,
.reportGroupByDataOddListRowS1,
.reportGroupByDataMatrixEvenListRowS1,
.reportGroupByDataMatrixEvenListRowS2,
.reportGroupByDataMatrixEvenListRowS3,
.reportGroupByDataMatrixEvenListRowS4{
	padding-bottom: 4px;
	padding-top: 2px;
}
/* End of summation report classes */


/* Start of Matrix Report Class */
.reportlistView {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	}
table.reportlistView td, table.reportlistView th {
	background: #FFF;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #000;
	padding: 4px;
	text-align: center;
	font-size: 11px;
	}
	table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 {
	background: #dcdcdc;
	font-weight: bold;
	}

/* End of matrix report classes */

/* for overlib js library */
.olCapFontClass {
	font-weight: bold;
	color: #444;
	background-color: #dfdfdf;
}
.olCapFontClass A {
	color: #dfdfdf;
	font-size: 9px;
}
.olFgClass td, #forecastsWorksheet .olBgClass td.olFgClass {
	background-color: #FFF;
	padding: 5px 7px 7px 10px !important;
	line-height: 18px;
}
.olCgClass td, #forecastsWorksheet .olBgClass td.olCgClass {
	border-bottom: 2px solid #ddd;
	background-color: #f6f6f6;
	padding: 5px 3px 3px 10px !important;
}
.olCgClass {
	padding: 0px;
	border: 0px;
}
.olBgClass {
	background-color: #ddd;
	padding: 2px !important;
}
#forecastsWorksheet .olBgClass td {
	padding: 0 !important;
}
.olCloseFontClass {
	padding-bottom: 1px;
	text-align: right;
	background-color: #dfdfdf;
}

/* acl role colors */
.aclAll {
	color: #008000;
	font-weight: bold;
}
.aclOwner {
	color: #000000;
	font-weight: bold;
}
.aclNone {
	color: #FF0000;
	font-weight: bold;
}
.aclEnabled {
	color: #008000;
	font-weight: bold;
}
.aclDisabled {
	color: #FF0000;
	font-weight: bold;
}
.aclAdmin {
	color: #0000FF;
	font-weight: bold;
}
.aclNormal {
	color: #008000;
	font-weight: bold;
}

/* for lists where we don't want to have bullet points */
ul.noBullet {
	list-style-type: none;
	margin-left: 0;
	margin-top: -2px;
	padding-left: 0;
}

li.noBullet {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.formHeader, .h3Row {
	margin-bottom: 0px;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
}
.h4_dashlet {
/*
	border-bottom: 1px solid var(--MenuColor);
	background: #EEE;
*/
}
.h4_dashlet h4 {
	display: inline-block;
	width: calc(100% - 100px - 0px);
	padding: 10px 0px;
}
.dashlet_buttons {
	display: inline-block;
	width: 100px;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
	padding: 10px 0px;
}
.h4_subpanel {
}
table.tabForm td ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

.helpButton{
	font-weight:700;
}

.helpShortcut{
	font-weight:700;
}


/* for subpanels */
#MorePanelHandle{
	cursor: hand;
	cursor: pointer;
	display: inline;
	margin-left: 2px;
	margin-bottom: 2px;
	text-align: center;
	background: url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=more.gif') no-repeat bottom left;
	color: #444;
}

.sqsFloater {
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	display:none;
	padding:0;
}

.sqsFloater td {
	border:1px inset;
	color:black;
}

.sqsMatchedSmartInputItem {
	font-size:11px;
	padding: 2px 5px 2px 5px;
	margin: 0;
	cursor: pointer;
	cursor: hand;
}

.sqsSelectedSmartInputItem {
	background-color:#DEEFFF;
}

#sqsSmartInputResults {
	padding:0;margin:0;
}

.sqsNoMatch {
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	background-color:#EEEEEE;
	color:#980000;
}


/* misc font displays */
.todaysTask {
	color: #FF7800
}
.overdueTask {
	color: #ff0000;
}
.required,
.error {
	color: #ff0000;
}
.success {
	color: #00ee00;
}
.rssItemDate {
	color: #666666;
}
.date {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid;
	padding-right: 10px;
}
.dateFormat {
	font-weight: normal;
	font-style: italic;
}


/* list view page numbers */
.pageNumbers {
	cursor: default;
	padding: 5px 10px;
	vertical-align: top;
	display: inline-block;
}
.contentBox {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 0px 10px 0px 0px;
	margin: 10px 0 10px 0;
}
.contentBox td{
	padding-top: 0;
}


/* for team notices and my portal dashlets */
.teamNoticeBox {
	border: 1px solid;
	padding: 0;
	background: #FFF;
	width:100%;
}
.teamNoticeText {
	padding: 0px 10px 0px 10px;
}


/* Bug 27478 - IE Hacks to make sure username/password boxes on login page are same length */
td.edit.view td{
	text-align: left;
}
td.edit.view td[align=right]{
	text-align: right;
}


/* if we have horizontal padding anywhere in the table, it will break the rollup tree */
#forecastsWorksheet	tbody	tr	td,
#forecastsWorksheet	tr	td{
	padding: 3px 0px 5px 0px !important;
}
#forecastsWorksheet	tr.pagination	td{
	padding: 0 !important;
}
#forecastsWorksheet tr.pagination td table td {
	padding:3px 7px 3px 5px !important;
}
/* for forecasts worksheet containing table ( overrides .list .view style ) */
#forecastsWorksheet > tbody > tr > td,
#forecastsWorksheet > tr > td,
#forecastsWorksheet #activetimeperiods	tr	td{
	padding: 0	! important;
	vertical-align: top;
}

/* help styles */
.helpButton, .helpShortcut {
	font-weight: bold;
}

/* fixes email setting issues */
#tab_general > form > table,
#tab_general > form > table.detail th,
#tab_accounts > table,
#tab_accounts > table.detail th{
	border: 0;
}
#tab_accounts .detail.view .edit.view{
	margin-top: 0;
}
#tab_accounts #ieSelect > table, #ieAccount > table, #ieAccount > table td table{
	padding: 0pt ! important;
	border-collapse: collapse;
}
#importDialogContent{
	overflow: hidden;
}
#importDialogContent #importDiv{
	margin-top: 0;
}


/* override some of the detail view styles for show more detail option (KBDocument detail view)*/
.detail td.subdetail{
	 padding:0px;
	 border-bottom:medium none;
}
.detail td.subdetail table tr td{
	padding: 5px 6px;
}
/* override some of the detail view styles for the import options dialog */
#importOptions td{
	padding: 5px 6px;
}
#importOptions table{
	border-collapse:collapse;
}
#importOptions #chooser_choose_index_text,
#importOptions #chooser_ignore_index{
	background: white;
	border: 0;
	text-align: left;
}

/* login page*/
.login table tr td{
	padding:0px !important;
	text-align:left;
}
.login{
	padding:10px 6px 12px 10px !important;
}
.login .login_more{
	text-align:right;
	padding-right: 18px !important; /* only needed in IE7 and earlier */
}

#lastviewicon, #newrecordicon, #shortcuts_img,#lastviewicon_1, #newrecordicon_1, #shortcuts_img_1 {
	display:none;
}

#color_menu, #font_menu {
	width:200px;
	height:15px;
	margin:0;
	padding:0px;
}

#color_menu li, #font_menu li{
	float:left;
	height:15px;
	width:15px;
}

#themepickerDialog div[class="ft"]{
	display:none;
}
#themepickerDialog{
	width:135px !important;
}
#stylepicker{
		 border-width:1px;
		 margin:0px;
		 padding:0px;
		 width:auto;
}

#themepickerDialog_c{
	right: 2em;
	top: 3em;
}

#popup_query_form{
	padding-left:0;
	padding-right:0;
}

.emailaddresses tr td[scope=row]{
	padding-left:0 !important;
	padding-top:0 !important;
}

/*System Settings*/
#container_upload {
	margin-top:7px;
}

/* Subpanel links */
.subTabs td{
	font-size: 12px;
	padding: 0 0.25em;
}

.dashletNonTable {
	padding: 15px;
}

.sugarFeedDashlet{
	overflow: hidden;
}

.sugarFeedDashlet td.list th, .sugarFeedDashlet td.list td[scope=col]{
	display: none;
}

.sugarFeedDashlet tr{
	height: auto;
}

/*
Bug 33193 - Fixed several items in the sugarfeeds not correctly scrolling on IE7;
added the *position:static CSS property on the following two rules, which will only
be used on IE7 and IE6
*/
.sugarFeedDashlet .byLineBox{
	width:100%;
	position:relative;
	overflow: hidden;
	padding: 5px 0px;
}

.sugarFeedDashlet .yui-ac-input{
	position:static !important;
}

.sugarFeedDashlet .byLineBox .byLineLeft{
	font-size:79%;
	float:left;
}

.sugarFeedDashlet .byLineBox .byLineRight{
	display:inline;
	float:right;
	font-size:79%;
}

iframe.teamNoticeBox{
	width:99%;
	padding:0;
}

.loading-indicator{
	font-size:11px;
	background-image:url('../default/ext/resources/images/default/grid/loading.gif');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	line-height:16px;
	margin:3px;
}

.x-sqs-list{
	border:1px solid #d0d0d0;
	background:#d0d0d0;
	zoom:1;
	overflow:hidden;
}

.x-sqs-list-inner{
	overflow:auto;
	background:#FFF;
	position:relative;
	zoom:1;
	overflow-x:hidden;
}

.x-sqs-list-item{
	font:normal 12px tahoma,arial,helvetica,sans-serif;
	border:1px solid #FFF;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:1px;
}

.x-sqs-list .x-sqs-selected{
	border:1px dotted #f6f6f6!important;
	background:#d0d0d0;
	cursor:pointer;
}
embed{
	background: transparent;
}

#massupdate_form{
	position: fixed;
	background: #F5F5F5;
	width: 100%;
	height:100%;
	overflow-y: auto;
	z-index: 1;
	top: calc(var(--MenuHeight) + var(--MenuBorderHeight) + 60px);
	left: 0px;
	right: 0px;
	border-bottom: 1px solid #DDD;
}


/* Bug 32603 - Fixes missing center line for KB Admin */
#selected_directory_children{
	border-left: 1px solid;
	padding: 3px;
}

/* Bug 19728 - Email Templates detail view is different with edit view */
#html_div p {
	margin: 12px 0px;
}

#html_div p:first-child {
	margin: 0px 0px 12px 0px;
}


ul li {
	list-style:disc outside;
}

dl dd {
	margin-left:1em;
}

th {
	font-weight:bold;
	text-align:center;
}

caption {
	margin-bottom:.5em;
	text-align:center;
}

sup {
	vertical-align:super;
}

sub {
	vertical-align:sub;
}


button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] {
	padding:1px;
}













































p {
	margin-top: 0px;
	margin-bottom: 0px;
}
form {
	margin: 0px;
}
h1, h2 {
	margin: 0;
	font-weight: bold;
}
h3 {
	margin:0;
	padding-top: 3px;
}
hr {
	height:1px;
}


/* layout the header elements */
#companyLogo {
	padding: 10px 10px 0px 15px;
	vertical-align: bottom;
	float:left;
	margin-bottom:-8px;
}
#welcome {
	font-weight: normal;
	padding: 8px 10px 3px 10px;
	vertical-align: middle;
}
/* global links */
#globalLinks{
	padding: 8px 10px 3px 10px;
	vertical-align: middle;
}
#globalLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#globalLinks ul li{
	float: left;
	margin: 0 0.15em;
	display:block;
}
#globalLinks ul li img{
	margin-bottom: 1px;
	margin-left:2px;
	cursor: pointer;
	cursor: hand;
}
#globalLinks ul li:hover ul,
#globalLinks ul a:hover ul{
	visibility:visible;
}


/* sitemap link */
#sitemapLink span {
	padding-right:5px;
}
#sitemapLink {
	padding-top: 3px;
}


/* override some of the detail view styles for show more detail option (KBDocument detail view)*/
.detail td.subdetail{
	padding:0px;
	border-bottom:medium none;
}
.detail td.subdetail table tr td{
	padding: 5px 6px;
}
/* override some of the detail view styles for the import options dialog */
#importOptions td{
	padding: 5px 6px;
}
#importOptions table{
	border-collapse:collapse;
}
#importOptions #chooser_choose_index_text,
#importOptions #chooser_ignore_index{
	background: white;
	border: 0;
	text-align: left;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../../../../themes/NeoTheme/font/fontawesome-webfont.eot');
	src: url('../../../../themes/NeoTheme/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../themes/NeoTheme/font/fontawesome-webfont.woff') format('woff'), url('../../../../themes/NeoTheme/font/fontawesome-webfont.ttf') format('truetype'), url('../../../../themes/NeoTheme/font/fontawesome-webfont.svgz#FontAwesome') format('svg'), url('../../../../themes/NeoTheme/font/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
img{
	 border: none;
}

input[type=text],
input[type="number"],
input[type=password],
textarea {
	width: calc(100% - 0px);
	padding: 20px 10px 5px 10px;
	min-height: 60px;
	box-sizing: border-box;
}

input[type=checkbox],
input[type=radio] {
	border: 0px;
	background-color: transparent;
	margin: 0px;
	vertical-align: bottom;
}


/**************************** DASHLET DIALOG ****************************/
#dashletsDialog {
	max-width: 800px;
	width: calc(100vw / 3 * 2);
	min-width: var(--MinWidth);
	position: fixed;
	top: 58px;
	left: 50%;
	box-sizing: border-box;
	transform: translate(-50%, 45px);
}

.DashletsDialog {
	background: #FFF;
}
.DashletsDialogSearch {
	margin: 0px 15px;
}
.DashletsDialogList {
	margin: 10px 30px;
}
#moduleDashlets, #chartDashlets, #toolsDashlets, #afterSalesDashlets, #searchResults {
	height: calc(100vh - 330px);
	overflow-y: auto;
}
.DashletsDialogList_Cell {
	cursor: pointer;
	display: inline-block;
	background: #EEE;
	width: calc(50% - 10px);
	padding: 10px 25px 10px 25px;
	margin: 5px;
	vertical-align: top;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all .5s !important;
	box-sizing: border-box;
}
.DashletsDialogList_Cell:hover {
	background: #ADDCEF;
	padding: 10px 40px 10px 10px;
	transition: all .5s !important;
}


#dashletSearch .Field_Container, #QuickCreateSelectForm_Container .Field_Container {
	width: calc(100% - 30px) !important;
	min-width: calc(var(--MinWidth) - 30px) !important;
}
#dashletSearch .Button_Container, #QuickCreateSelectForm_Container .Button_Container {
	display: inline-block;
	width: auto;
	margin: 30px 0px 5px 0px;
}
#dashletSearch table tr td input[type=button]{
	vertical-align: top;
}
.x-dlg-btns button.x-btn-text:hover,
.x-dlg-btns .x-btn-focus button.x-btn-text{
	color: #000;
}
.container-close{
	top: 6px;
	background: transparent url(../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png) repeat-x scroll 6px -67px;
}


/* override some of the detail view styles for show more detail option (KBDocument detail view)*/
.detail td.subdetail{
	 padding:0px;
	 border-bottom:medium none;
}
.detail td.subdetail table tr td{
	padding: 5px 6px;
}
/* override some of the detail view styles for the import options dialog */
#importOptions td{
	padding: 5px 6px;
}
#importOptions table{
	border-collapse:collapse;
}
#importOptions #chooser_choose_index_text,
#importOptions #chooser_ignore_index{
	background: #FFF;
	border: 0;
	text-align: left;
}

#display_tabs, #hide_tabs {
	padding: 0px !important;
	margin: 0px !important;
}

#display_tabs option, #hide_tabs option {
	border-bottom: 1px solid #DDD;
}

.dashletPanel {
	margin-bottom: 20px;
	border: 1px solid #CCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-border-radius: 0px 0px 4px #CCC;
}
.dashletPanel .hd {
	padding: 0;
	text-align: left;
	vertical-align: middle;
	overflow: visible;
	position: relative;
	height: 38px;
}
.dashletToolSet {
	width: 100%;
	text-align: right;
	padding-top: 2px;
}
.dashletToolSet a{
	padding: 1px 2px 2px;
	display: inline-block;
	width: 22px;
	height: 22px;
}
.dashletToolSet a:last-child {
	padding-right: 0px;
}
.dashletPanel .hd .hd-center, .dashletPanel .hd .tl, .dashletPanel .hd .tr {
	background-image: -moz-linear-gradient(center top, #FFF 0%, #EEE 2%, #DFDFDF 100% );
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFF), color-stop(.02, #EEE), color-stop(1, #DFDFDF) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#DFDFDF');
}
.dashletPanel .hd .hd-center{
	height: 38px;
	border-bottom: 1px solid #AFAFAE;
	padding: 0 10px;
}
.dashletPanel .formHeader h3 {
	color: #666;
	padding-top: 4px;
	text-shadow: 0px 1px #FFF;
}
.dashletPanel .list {
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px none;
	margin: 0px !important;
}
.dashletPanelMenu.wizard.import .bd .screen {
	padding: 20px;
	border: 0px none;
	border-radius: 0px;
	height: 487px;
	overflow-x: hidden;
	overflow-y: auto;
	width: auto;
	display: block;
	background-color: #FFF;
}
.dashletPanel .sugarFeedDashlet {
	position: inherit;
}
div.confirmTable {
		overflow: auto;
		width: 1056px;
		position: relative;
		margin-bottom: 20px;
	}


.h3Row td{
	padding: 0px;
}

hr {
	border: 0;
	border-top: 1px solid #999;
	background-color: #999;
	color: #999;
	height: 1px;
	margin: 1em 0;
	clear: both;
}
a:link, a:visited, a:hover {
	text-decoration: underline;
}

.buttonSlide {
	border: 0px;
}

.buttonSlide .yui-hd {
	border: 0px;
	background-color: transparent;
	padding: 0px;
}

.buttonSlide.yui-module .yui-hd .toggle em {
	background-image: url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=slider_button_more.png');
	background-repeat: no-repeat;
	display: inline; /* prevent IE margin doubling */
	overflow:hidden;
	text-indent:9999px;
	float: right;
	overflow:hidden;
	text-align: right;
	height: 14px;
	width: 14px;
}

.buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
	background-image: url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=slider_button_less.png');
}

.buttonSlide .yui-bd {
}

button, input[type=submit], input[type=reset], input[type=button], .button{
	font-weight: normal;
	padding: 10px 20px;
	vertical-align: middle;
	border: 1px solid #CECECE;
	margin: 0px 5px;
}


/* set a minimum width for the header */
#header {
	height: var(--MenuHeight);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	min-width: var(--MinWidth);
	z-index: 1000000;
	border-bottom: var(--MenuBorderHeight) solid transparent;
}
/* header */
#sitemapLink {
	padding-top: 3px;
	display: none;
}
#sitemapLinkSpan {
	border-right:1px solid #999;
	border-right:none;
}


/* left side column */
#leftColumn h3, #HideMenu h3{
	padding-left: 3px;
	padding-top: 8px;
	padding-bottom: 4px;
	margin-bottom: 0;
	border-bottom:2px solid;
	color:#444;
}


/* misc links */
a.utilsLink:link, a.utilsLink:visited {
	font-weight: normal;
	text-decoration: underline;
	padding-bottom: 3px;
}
a.tabFormAdvLink:link, a.tabFormAdvLink:visited, a.tabFormAdvLink:hover {
	text-decoration: none;
	line-height: 20px;
	margin-right: 2px;
}

/* themepicker */
#themepickerLinkSpan a {
	color: #444;
}


/*Bug 29945 */
.pagination button {
	opacity: 0.5;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0px;
	margin: 0px 2px;
	box-shadow: none !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.pagination button:hover {
	opacity: 1;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0px;
	margin: 0px 2px;
	box-shadow: none !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.pagination button [title="Return to List"]:hover{
	background-image:none;
}
.pagination button[disabled], .pagination button[disabled]:hover,
.paginationChangeButtons button[disabled], .paginationChangeButtons button[disabled]:hover {
	border: 0 !important;
	background: transparent !important;
	cursor: default;
}
.pagination button[name="listViewStartButton"] img,
.pagination button[name="listViewPrevButton"] img,
.pagination button[name="listViewNextButton"] img,
.pagination button[name="listViewEndButton"] img,
.pagination button[title="Start"] img,
.pagination button[title="Previous"] img,
.pagination button[title="Next"] img,
.pagination button[title="End"] img{
	width: auto !important;
	height: auto !important;
}
#colorPicker {
	border-right:2px solid #DDDDDD;
	padding:8px 4px 4px 0;
	margin-right:1px;
}

#colorPicker span {
	color:#CCCCCC;
}

#colorPicker #themepickerLinkSpan {
	color:#444;
	text-decoration:underline;
	font-weight:400;
}

#colorPicker #themepickerLinkSpan:hover {
	color:#0B578F;
}


/* for list views */
.oddListRowS1 td a, .evenListRowS1 td a{
	text-decoration:none;
	color: #006bb9;
}

/******************************** FONT SIZE ********************************/
div.clear{
	font-size: 0;
}

.ygrid-row, .ygrid-hd, .ygrid-hd-body, .ygrid-hd-body span,
.tm{
	font-size: 8pt;
}


.olCapFontClass A {
	font-size: 9px;
}

.monthCalBodyDayItem td a,
span.id-ff button,
td.date{
	font-size: 10px;
}

.leftList ul,
.monthCalBodyWeek a,
.rssItemDate, .dateFormat, .chartFootnote,
.subTabMore,
.sqsMatchedSmartInputItem,
#sitemap a:link, #sitemap a:visited, #sitemap a:hover,
.edit.view.small td,.detail.view.small td,
.reportwizard .buttonText,
#unified_search_advanced_div .edit.view td,
.subTabMore,
.td_alt, .list tr th, .list tr td[scope=col],
.edit .list tr th, .edit .list tr td[scope=col],
table.days,
.sqsMatchedSmartInputItem,
.loading-indicator,
.menuItem, .menuItemHilite, .menuItemX, .menuItemHiliteX,
.menuItem:visited, .menuItemHilite:visited, .menuItem:hover, .menuItemHilite:hover,
.menuItem:active, .menuItemHilite:active, .menuItem:link, .menuItemHilite:link,
.menuItemX:visited, .menuItemHiliteX:visited, .menuItemX:hover, .menuItemHiliteX:hover,
.menuItemX:active, .menuItemHiliteX:active, .menuItemX:link, .menuItemHiliteX:link
#newRecord form, #newRecord form button, #newRecord form input[type=submit], #newRecord form input[type=button], #newRecord form input[type=reset], #newRecord form .dataLabel, #newRecord form a:link, #newRecord form a:visited,
.reportGroup1ByTable, .reportGroupNByTable, .reportlistViewThS1, .reportGroup1ByTableEvenListRowS1, .reportGroupNByTableEvenListRowS1, .reportGroupByDataChildTablelistViewThS1, .reportlistViewMatrixThS1, .reportlistViewMatrixThS2, .reportlistViewMatrixThS3, .reportlistViewMatrixThS4, .reportlistViewMatrixLeftEmptyData, .reportlistViewMatrixRightEmptyData, .reportlistViewMatrixRightEmptyData1{
	font-size: 11px;
}

.olCapFontClass div, .olFontClass,
ul.cssmenu li, ul.cssmenu li a{
	font-size: 11px !important;
}

.sf-menu, .sf-menu *,
#moduleList .sf-menu li a, ul.megamenu li a, ul.moduleTabMore li a, ul.sf-sub-modulelist li a,
body, table, div,h4, h5, #leftColumn h3, #HideMenu h3,
.subTabs td, .other td a, .detail td a,
a.utilsLink:link, a.utilsLink:visited, a.tabFormAdvLink:link, a.tabFormAdvLink:visited ,
.monthBox, .monthCalBody td, .monthViewDayHeight a, .monthHeader a, .monthFooter a,
ul.tablist, ul.tablist li a, ul.subpanelTablist, ul.subpanelTablist li a, .subpanelTabForm, .subpanelTabForm h3,
.about, .about td, .about span,
.subTabs td,
ul.SugarActionMenuIESub li a, ul.clickMenu li a, .list tr.pagination td.buttons ul.clickMenu > li > a:link, .list tr.pagination td.buttons ul.clickMenu > li > a,
.reportevenListRowS1, .reportoddListRowS1 , .reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 , .reportGroupByDataMatrixEvenListRowS1, .reportGroupByDataMatrixEvenListRowS2, .reportGroupByDataMatrixEvenListRowS3, .reportGroupByDataMatrixEvenListRowS4, .reportDataChildtablelistView td{
	font-size: 13px;
}

h4 {
	padding: 10px;
}

#ss_delete,
input[value="Email Cases"],
input[name="follow_unfollow_item"],
input[name="convert"],
input[value="Generate Letter"],
input[value="Print as PDF"],
input[value="EmailPDF"],
input[value="Email Quotation"],
input[value="Email Invoice"],
input[value="EmailPDF"],
input[value="Email Cases"],
#colorPicker #themepickerLinkSpan,
ul.clickMenu li ul.subnav li a,ul.clickMenu li ul.subnav li input, ul.subnav-sub li a, ul.SugarActionMenuIESub li a
ul.SugarActionMenuIESub li a:hover,ul.clickMenu li ul.subnav li a:hover,ul.clickMenu li ul.subnav li input:hover, ul.clickMenu.subpanel.records li ul.subnav li a:hover, ul.clickMenu ul.subnav-sub li a:hover,{
	font-size: 12px !important;
}

h3,
#moduleList .sf-menu > li > ul > li.groupLabel,
.view tr, .view td, .view h4, .view div, .view td a, .view div a, .list th div,
#sitemap h4 a:link, #sitemap h4 a:visited, #sitemap h4 a:hover,
.oddListRowS1 td a, .evenListRowS1 td a,
button, input[type=submit], input[type=reset], input[type=button], .button, .buttons .button, .yui-button button,
input,select,
.date,
input, select, textarea, button,
.yui-navset li em,
.selectActionsDisabled a, #selectActionsDisabled a:hover,
.list tr.pagination td table td a:link, .list tr.pagination td table td a:visited, .reportGroupByDataChildTablelistViewThS1 a:link, .reportGroupByDataChildTablelistViewThS1 a:visited, .list tr th, .list tr th a:link, .list tr th a:visited, .list tr td[scope=col], .list tr td[scope=col] a:link, .list tr td[scope=col] a:visited, .list tr.pagination td table td span.pageNumbers{
	font-size: 13px;
}

#globalLinksSubnav li a, #quickCreateULSubnav li a, #quickCreate ul.clickMenu li ul.subnav li a, #globalLinksModule ul.clickMenu li ul.subnav li a{
	font-size: 13px !important;
}

h1, h2,
.dashletPanel .formHeader h3
{
	font-size: 14px;
}


/******************************** COLORS ********************************/
body {
	color: #444;
	background: #F6F6F6 !important;
}

h1, h2, h3 {
	color: #000000;
}
h4, h5 {
	margin: 0px !important;
	color: #444;
	font-size: 14px !important;
}
a:link, a:visited{
	color: #0b578f;
}
a:hover{
	color: #000000;
}
button, input[type=submit], input[type=reset], input[type=button], .button, .buttons .button, .yui-button button {
	border: 0px;
	cursor: pointer;
}
.button.primary,.yui-dialog .ft span.default button {
	background-color: #1574d2;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#177ee5', endColorstr='#1264b7', GradientType=0);
	border-color: #1264b7 #1264b7 #0b3e71;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	color: #FFF !important;
}
input, select {
	display: inline-block;
	line-height: 18px;
	color: #000;
	background: none;
}

select {
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url("../../../../themes/NeoTheme/images/arrowdown.gif") no-repeat scroll 100% 50%;
	padding: 30px 10px 5px 20px !important;
	width: 100%;
}
select:hover {
	background: #FFFCCD url("../../../../themes/NeoTheme/images/arrowdown.gif") no-repeat scroll 100% 50%;
	transition: background 0.5s;
}
select:focus {
	background: #FFF9A2 url("../../../../themes/NeoTheme/images/arrowdown.gif") no-repeat scroll 100% 50%;
	transition: background 0.5s;
}

select option {
	padding: 5px 15px;
	min-height: 16px;
}
input:hover, textarea:hover{
	background: #FFFCCD;
	transition: background 0.5s;
}
input:hover, textarea:hover{
	background: #FFFCCD;
	transition: background 0.5s;
}
input:focus, textarea:focus{
	background: #FFF9A2;
	transition: background 0.5s;
}
textarea {
	background: none;
	border: 0px;
	height: 30px;
}

span.id-ff button {
	padding:3px 0px 3px 0px;
	margin-top: -8px\9;
	height: 23px\9;
}
span.id-ff button img{
	width: 14px;
	height: 14px;
}

span.id-ff button#btn_vCardButton img{
	width: 16px;
	height: 11px;
}

span.id-ff button.button.btn_copy img{
	width: 14px;
	height: 15px;
}
span.id-ff.multiple button{
	margin-top: -4px;
	margin-top: -8px;
}

span.id-ff.multiple.ownline button{
	margin-top: 0px;
	margin-bottom: 4px;
}

span.id-ff.multiple button.button.firstChild{
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-radius-topright: 0px;
	border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-top-radius: 0px;
}

span.id-ff.multiple button.button.lastChild{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius-topleft: 0px;
	border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;

	border-left-color: #EEE;
}

input, select, textarea {
	border: 0px;
	padding: 5px 10px;
}
/* for team notices dashlet */
.teamNoticeBox {
	border-color: #abc3d7;
	color: #444;
}

/* lists in the header */
.headerList {
	color: #444;
	border-top-color:#0046ad;
	border-bottom-color: #abc3d7;
	background-color: #f4f9fc;
}
.headerList a:link,
.headerList a:visited,
.headerList a {
	color: #444;
	border-color: #CBDAE6;
}
.headerList a:hover{
	color: #0b578f;
}


/* new record form */
#newRecord form a:link,
#newRecord form a:visited {
	color: #666666;
}
#newRecord form a:hover {
	color: #444;
}

/* listviews */
.list tr.pagination td table td a:link,
.list tr.pagination td table td a:visited,
.reportGroupByDataChildTablelistViewThS1 a:link,
.reportGroupByDataChildTablelistViewThS1 a:visited,
.list tr th,
.list tr th a:link,
.list tr th a:visited,
.list tr td[scope=col],
.list tr td[scope=col] a:link,
.list tr td[scope=col] a:visited,
.list tr.pagination td table td span.pageNumbers{
	color: #999;
}
.list {
	box-shadow: none !important;
	background: #FFF;
}

#MassUpdate .list {
	margin-top: 65px !important;
	border: 0px !important;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDD !important;
}
#MassUpdate .list tr th {
	position: sticky;
	top: 125px;
	background: #F6F6F6;
	z-index: 1;
}
#MassUpdate.popup .list tr th {
	top: 65px;
}
#MassAssign_SecurityGroups {
	position: fixed;
	background: #F5F5F5;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 1;
	top: calc(var(--MenuHeight) + var(--MenuBorderHeight) + 60px);
	left: 0px;
	right: 0px;
	border-bottom: 1px solid #DDD;
}
#massassign_form {
	padding: 10px;
}
.evenListRowS1 td, .oddListRowS1 td {
	color: #000000;
}
.evenListRowS1:hover td,
.oddListRowS1:hover td{
	background: var(--TableCellColorHover);
}
.list.view tr:last-child th, .list.view tr:last-child td {
	border-bottom: 0px none;
}

/* other views */
.other {
	border-color: #abc3d7;
	background-color: #cbdae6;
}
.other td{
	color: #444;
	background-color: #FFF;
	border-left-color: #DFDFDF;
}
.other td[scope=row]{
	color: #000000;
	background-color: #fafafa;

}
.other td.edit{
	color: #000000;
	background-color: #F6F6F6;
}

/* misc links */
a.utilsLink:link, a.utilsLink:visited {
	color: #0b578f;
}
a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
	color: #444;
}


/* for edit view like forms that need a smaller font size */
.edit.view.small td{
	color: #444;
}

/* YUI theme */
.yui-dt th, .yui-dt-hd {
	background: #EBEBED none repeat scroll 0 0;
}

.yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse{
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') no-repeat 0 -110px;
}

 .yui-layout .yui-layout-clip-left .collapse, .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse,
 .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') no-repeat 0 -90px;
}

 .yui-layout .yui-layout-clip-right .collapse {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') no-repeat 0 -110px;
}

 .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') no-repeat -20px -220px;
}

 .yui-layout .yui-layout-clip-top .collapse {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png')no-repeat -20px -240px;
}

 .yui-layout .yui-layout-clip-bottom .collapse {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') no-repeat -20px -180px;
}

 .yui-layout .yui-layout-unit div.yui-layout-hd .close {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') no-repeat -20px -100px;
}

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav, .yui-layout .yui-layout-hd {
	background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') repeat-x scroll 0 0;
	border-color: #ABC3D7;
}

.yui-layout .yui-layout-unit div.yui-layout-bd, .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
	border-color:#c3c3c3;
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content{
	padding: 10px 20px 10px 20px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-width: 0 2px 2px 2px;
	margin-bottom: 10px;
}
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li{
	margin: 2px 4px 0 0;
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
	background: transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-tab-bg.png');
	border-color: #c3c3c3;
	background-position: center bottom;
	background-repeat: repeat-x;
}
.yuimenuitem-hassubmenu > a{
	background-image: url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png');
}

 .yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a,
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a
 {
	background:#DDD url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -131px;
}

.sugar-progress-bar, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover{
	 background: #cacaca url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -157px;
}
.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a, .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a{
	background: #DDD url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png') repeat-x scroll 0 -131px;
	height: 24px;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav a, .yui-navset .yui-nav a em, .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
	border-color: #c3c3c3;
}
.yui-navset .yui-nav .selected a em{
	padding: 2px 10px 1px;
	color: #333;
}
.yui-navset .yui-nav{
	overflow: hidden;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{
	border-width: 2px 1px 0;
	height: 25px;
	padding: 2px 10px;
}
 a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
	background : transparent url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=sugar-yui-sprites.png')	no-repeat scroll 0px -70px;
 }


#basic_search_link{
	margin-left:6px !important;
}

.star {
	float:right;
	zoom: 1;
	display: inline;
}
/* module title */
div.moduleTitle {
	height:2em;
	display: none;
}
.moduleTitle img {
	margin-right: 3px;
	margin-top: 3px;
	border: 0;
}
.moduleTitle h2 {
	display: block;
	float: left;
}
.moduleTitle span {
	display: block;
	float: right;
	margin-top: 0;
}
.moduleTitle span a img {
	margin-bottom: -3px;
}
.moduleTitle h2,
.moduleTitle h2 a,
.moduleTitle h2 span.pointer
{
	font-size: 18px;
}
.moduleTitle .star {
	margin-top:4px;
	padding-right:5px;
}

li div.star {float:none;}
.star div {background-image:url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=star-sheet.png');width:18px;height:18px;float:left;}
.star div.on {background-position:0px 0px}
.star div.off {background-position:0px -18px}
.star div:hover {cursor:pointer;background-position:0px 0px;}


#ajaxStatusDiv {
	background-color: #DDD !important;
	color: var(--MainBottonColorHover) !important;
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	right: 0px !important;
	opacity: 0.9 !important;
	text-align: center;
	z-index: 20000000000;
	height: 60px;
	padding: 15px;
	font-size: 18px !important;
	box-sizing: border-box;
}

div#chartDashlets{
	overflow-y: auto;
}


/* miscellaneaous 508 classes */
.detail508 tr td[scope="col"]{
	background-color: #F6F6F6;
	border-color: #CBDAE6;
	color: #000000;
	text-align: right;
	white-space: nowrap;
}

td.teamset-row, .edit tr td.teamset-row, .edit tr td table tr td.teamset-row {
	padding: 5px !important;
}

/* competible for SugarActionMenu */
ul.clickMenu {
	list-style: none;
	padding: 0px;
	margin: 1px 0 2px 0 !important;
	color: #262627;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	background-color: #EBEBEA;
	background-image: -moz-linear-gradient(top, #FFF, #cdCCCb);
	background-image: -ms-linear-gradient(top, #FFF, #cdCCCb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#cdCCCb));
	background-image: -webkit-linear-gradient(top, #FFF, #cdCCCb);
	background-image: -o-linear-gradient(top, #FFF, #cdCCCb);
	background-image: linear-gradient(top, #FFF, #cdCCCb);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#cdCCCb', GradientType=0);
	border-color: #cdCCCb #cdCCCb #a8a6a4;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
	/*hack for IE7*/
	display:inline;
	zoom:1;
}
ul.clickMenu form{
	float:left;
	display:block;
}
ul.SugarActionMenuIESub {
}

ul.SugarActionMenuIESub li a:hover, ul.clickMenu.SugarActionMenu li a:hover, ul.clickMenu.SugarActionMenu li span.subhover:hover,
ul#quickCreateULSubnav li a:hover,
ul.clickMenu li ul.subnav li a:hover,ul.clickMenu li ul.subnav li input:hover, ul.clickMenu.subpanel.records li ul.subnav li a:hover, ul.clickMenu ul.subnav-sub li a:hover {/*--Hover effect for subnav links--*/
	color: #313130;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
	text-shadow: none;
}
ul#quickCreateULSubnav.SugarActionMenuIESub li a:hover,
ul.clickMenu:hover > li > span > a, ul.clickMenu:hover > li > a {

}

ul.clickMenu li, ul.SugarActionMenuIESub li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	position: relative; /*--Declare X and Y axis base--*/
	cursor: pointer;
}
ul.SugarActionMenuIESub li a,
ul.clickMenu li a, .list tr.pagination td.buttons ul.clickMenu > li > a:link, .list tr.pagination td.buttons ul.clickMenu > li > a{
	display: block;
	text-decoration: none;
	float: left;
	font-weight: normal !important;
	padding: 4px 10px 4px 10px !important;
	color: #000;
}

.list tr.pagination td.buttons ul.clickMenu:hover > li > a:link, .list tr.pagination td.buttons ul.clickMenu:hover > li > a{
	color: #FFF;
}

ul.clickMenu li.single a{
	padding-right: 8px !important;
}

ul.clickMenu li a:hover{
text-decoration: none !important;
}
ul.clickMenu li > span {/*--Drop down trigger styles--*/
	width: 20px;
	height: 23px;
	float: left;
	background: url(../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=actionMenuArrow.png) no-repeat 5px -25px;
	cursor: pointer;
}

ul.clickMenu li > span.ab {/*--Drop down trigger styles--*/
	border-left: 1px #aaa solid;
}
ul.clickMenu li span.subhover {
	cursor: pointer;
	} /*--Hover effect for trigger--*/
ul.clickMenu li ul.subnav, ul.clickMenu ul.subnav-sub, ul.SugarActionMenuIESub {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 23px;
	background: #FFF;
	margin: 0;
	display: none;
	float: left;
	width: auto;
	border: 1px solid #CCC;
	box-shadow: #999 0px 5px 10px;
	-moz-box-shadow: #999 0px 5px 10px;
	-webkit-box-shadow: #999 0px 5px 10px;
	padding: 8px 0px;
	z-index: 10;
	overflow:hidden;
	/*css hack for IE7*/
	overflow:visible;
}

ul.clickMenu li ul.subnav li, ul.clickMenu ul.subnav-sub li, ul.SugarActionMenuIESub li{
	margin: 0;
	padding: 0px;
	clear: both;
	width:100%;
	white-space: nowrap;

}
ul.clickMenu.subpanel.records {
	background-color: #EEE;
	border: 1px solid #ddd;
	background-image: none;
}

ul.clickMenu.subpanel.records li a{
	color: #aaa;
}
ul.clickMenu.subpanel.records > li div:hover a{
	color: #FFF !important;
}

ul.clickMenu.subpanel.records li > span{
	opacity: .5;
	height: 26px;
	width: 17px;
	padding:0 5px 0 0 !important;
	background-position: 50% -28px;
}

ul.clickMenu.subpanel.records:hover li > span{

}

ul.clickMenu.subpanel.records li ul.subnav li a span {
	height: 0px;
	width: 0px;
	background-image: none;
}
ul.clickMenu.button li span.ab:hover {
	background-position: 50% 0px;

}
ul.clickMenu.button li > span {
	width: auto;
	background-position: 50% -20px;
	padding: 3px 15px 3px 10px !important;
	height: auto;
}

ul.clickMenu.button:hover li > span {

}

ul.clickMenu.button li > span a {
	padding: 0px !important;
}

ul.clickMenu.button span {
	padding-right: 5px;
}

ul.clickMenu.button li ul.subnav {
	width: auto;
}

ul.clickMenu li a.disabled {
	color:gray !important;
	cursor:default !important;
}

.oddListRowS1:hover td ul.clickMenu.subpanel.records , .evenListRowS1:hover td ul.clickMenu.subpanel.records {
		background-image: -moz-linear-gradient(center top,
		#FFF 0%,
		#EEE 10%,
		#DFDFDF 100%
		);
		background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFF),
		color-stop(.10, #EEE),
		color-stop(1, #DFDFDF)
		 );
		 border: 1px solid #AAAAAA;
}

.oddListRowS1:hover td ul.clickMenu.subpanel.records li a, .evenListRowS1:hover td ul.clickMenu.subpanel.records li a {
	color: #000;
}

.oddListRowS1:hover td ul.clickMenu.subpanel.records li span, .evenListRowS1:hover td ul.clickMenu.subpanel.records li span {
	opacity: 1;
}

ul.clickMenu li ul.subnav li a,ul.clickMenu li ul.subnav li input, ul.subnav-sub li a, ul.SugarActionMenuIESub li a {
	float: left;
	background: #FFF;
	padding: 3px 10px !important;
	border: 0px !important;
	width:100%;
	text-align: left;
	color: #000;

}

ul.clickMenu li ul.subnav li input {
	padding: 2px 10px !important;
	width:100%
}
ul.SugarActionMenuIESub li a:hover,
ul.clickMenu li ul.subnav li a:hover,ul.clickMenu li ul.subnav li input:hover, ul.clickMenu.subpanel.records li ul.subnav li a:hover, ul.clickMenu ul.subnav-sub li a:hover {
background-color: #4e8ccf;
color: #FFF;
font-weight: normal !important;
cursor: pointer;
text-shadow: none;
border-radius: 0px;
-webkit-border-radius: 0px;
}

#selectCountTop {
	border: 0 !important;
	background: transparent;
	text-decoration: underline;
	font-size: inherit;
	color: inherit;
	width: 50px;
	padding-top: 5px;
	background: none !important;
}
.paginationActionButtons, .paginationChangeButtons {
	display: inline-block;
	vertical-align: middle;
}
.paginationChangeButtons {
	position: absolute;
	top: 30px;
}
.paginationChangeButtons_GlobalSeach {
	position: absolute;
	margin-top: -30px;
}
.paginationChangeButtons button, .paginationChangeButtons_GlobalSeach button {
	padding: 0px 10px;
	background: none;
}
paginationActionButtons ul.clickMenu .massall,
ul#selectLink.clickMenu .massall, td.selectCol .massall{
	float: left;
	margin: 4px 4px;
}

paginationActionButtons ul.selectmenu > li > a, td.selectCol ul.selectmenu > li > a, ul#selectLink.clickMenu > li > a {
	padding: 0px !important;
}
ul.clickMenu.showLess .moreOverflow , ul.clickMenu.showLess .moduleMenuOverFlowLess, ul.clickMenu.showMore .moduleMenuOverFlowMore {
	display:none;
}
ul#selectLinkBottom li>span, ul#selectLinkTop li>span {
	border-left: 1px #aaa solid;
}

#globalLinksDivider {
	float: right;
	margin-right: 0px;
}
ul#globalLinksSubnav, ul#quickCreateULSubnav{
	font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
}

ul#selectLink.clickMenu {
	height: 17px;
	min-width: 20px;
	background-image: none;
}

td.paginationActionButtons ul.clickMenu #massall,
ul#selectLink.clickMenu #massall{
	float: left;
	margin: 1px 4px;
}
.selectActions.clickMenu {
	display: none;
}

ul.clickMenu.show {
	display:inline-block;
}

ul#selectLink.clickMenu > li > a{
	padding-left: 0px !important;
}

ul#selectLink.clickMenu li span {
	height: 17px;
}

ul#selectLink.clickMenu li ul.subnav {

}

ul#detailViewActions.clickMenu {
	margin-top: 2px !important;
}

#selectActions.clickMenu {
	display: none;
}

.selectActionsDisabled {
	display: inline-block;
	background-color: #EEE;
	border: 1px solid #ddd;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	vertical-align: bottom;
	padding: 1px 3px 0 10px;
	/*css hack for IE*/
	display:inline;
	zoom:1;
	margin: 3px;
}

.selectActionsDisabled span {
	width: 17px;
	height: 22px;
	float: left;
	background: url(../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=actionMenuArrow.png) no-repeat 6px -25px;
	opacity: .5;
}

.selectActionsDisabled span.ab {
	border-left: 1px #CCC solid;
	margin-left: 10px;
	padding-left: 5px;
}

.selectActionsDisabled a, #selectActionsDisabled a:hover {
	float: left;
	display: block;
	text-decoration: none !important;
	color: #999 !important;
	padding: 3px 0 3px 0px!important;
	text-shadow: 1px 1px #FFF;
	font-weight: normal !important;
}

.quickcreate {
	margin: 20px;
	border: 1px solid #DDD;
}

#quickCreate {
	float: right;
}

#quickCreate ul.clickMenu {
	background: none;
	border: 0px none;
	padding-right: 0px;
	font-family: OpenSans, Arial, Verdana, Helvetica, sans-serif;
}


#quickCreate ul.clickMenu > li {
	width: 50px;
	height: 43px;

}
#quickCreate ul.clickMenu li > span {
	background: url('../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=quick-create.png') no-repeat center center;
	height: 43px;
	width: 50px;
}

#quickCreate ul.clickMenu > li:hover {
	background-color: #276499;
}
ul#globalLinksSubnav li {min-width: 120px;}
ul#globalLinksSubnav, ul#quickCreateULSubnav,
#quickCreate ul.clickMenu li ul.subnav, #globalLinksModule ul.clickMenu li ul.subnav{
	top: 43px;
	right: 0;
	left: auto;
	padding: 10px 0px;
	border: 1px solid #999;
	width: 100%;
}

#quickCreate ul.clickMenu li ul.subnav {
	width: auto;
}

#globalLinksSubnav li a, #quickCreateULSubnav li a,
#quickCreate ul.clickMenu li ul.subnav li a, #globalLinksModule ul.clickMenu li ul.subnav li a {
	padding: 4px 10px !important;
	color: #666666 !important;
	line-height: 1.45;
}
#quickCreateULSubnav li.moduleMenuOverFlowLess a, #quickCreateULSubnav li.moduleMenuOverFlowMore a,
#quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a {
	color: #999 !important;
}

#quickCreate ul.clickMenu li ul.subnav li a:hover, #globalLinksModule ul.clickMenu li ul.subnav li a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a:hover, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a:hover {
	color: #FFF !important;
}

ul.clickMenu li ul.subnav li a:hover .showLessArrow, ul.clickMenu li ul.subnav li a:hover .showMoreArrow {
	background-position: center 8px;
	opacity: 1;
}


#quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowMore a img, #quickCreate ul.clickMenu li ul.subnav li.moduleMenuOverFlowLess a img{
	opacity: .6;
}

div.action_buttons form {float:left;}
.paginationWrapper {float:right; }

.detail508 tr td[scope="col"]{
	color: #888;
	background-color: #EEE;
	border-color: #CCC;
	text-align: right;
	white-space: nowrap;
}

.edit508 tr td[scope="col"]{
	color: #444;
	background-color: #EEE;
	border-color: #CCC;
	white-space: nowrap;
}


.dcmenuDivider {
	height: 44px;
	width: 1px;
	margin: 0;
	overflow: hidden;
	background-color: #1A1A1A;
	border: none;
	border-right: 1px solid #9FAEBC;
}
.loginBoxShadow{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.4);
}
.loginBoxShadow .loginBox{
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e8e8e8) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8');
	border: 1px solid #999999;
	background-color: #E8E8E8;
	border-bottom: 1px solid #CCC;
}
.loginBoxShadow .password{
	border-color: #999999;
}

#globalLinks{
	padding: 0;
}

#globalLinks ul li{
	float: none;
	margin: 0;
}

p.error {
	margin-top: 10px;
}


/**************************** MAIN MENU ****************************/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 700;
}

.sf-menu li {
	position: relative;
}
.sf-menu > li > ul {
	position: absolute;
	display: none;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu > li > ul {
	left: 0;
}



#moduleList {
	height: var(--MenuHeight);
	background-color: var(--MenuColor);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#moduleList .sf-menu li a, ul.megamenu li a, ul.moduleTabMore li a, ul.sf-sub-modulelist li a {
		opacity: .99;
	}
}

#moduleList ul li:hover ul,
#moduleList ul a:hover ul{
	visibility:visible;
}

#moduleList .sf-menu li a, ul.megamenu li a, ul.moduleTabMore li a, ul.sf-sub-modulelist li a {
	padding: 0px 7px 0px 7px;
	line-height: 19px;
	text-decoration: none;
	border-right: none;
}

#moduleList .sf-menu {
	float: left;
}

#moduleList ul li:hover ul,
#moduleList ul a:hover ul {
	visibility:visible;
}

#moduleList .sf-menu > li > ul {
	box-shadow: 0px 0px 2px 2px rgba(150,150,150,.15);
	min-width: 150px;
	white-space: nowrap;
	border: 1px solid #CCC;
	border-top: none;
}

#moduleList .sf-menu li a {
	text-decoration: none;
	zoom: 1; /* IE7 */
	color: #DDD;
	cursor: pointer;
	height: var(--MenuHeight);
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	transition: all .5s;
}
#moduleList .sf-menu li a:hover {
	color: #FFF;
	transition: all .5s;
}

#moduleList .sf-menu li a img {
	padding: 0px 5px;
	filter: grayscale(0%);
	transition: all .5s;
}
#moduleList .sf-menu li a:hover img {
	filter: grayscale(0%);
	transition: all .5s;
}

#moduleList .sf-menu li {
	-webkit-transition: background .5s;
	transition: background .5s;
}

#moduleList .sf-menu ul li {
	background: #FFF;
	border-bottom: 1px solid #EEE;
}
#moduleList .sf-menu li:hover,
#moduleList .sf-menu li.sfHover {
	background: #0B5B96;
	transition: background 0.5s;
}

#moduleList .sf-menu ul li a {
	background: #FFF;
	color: #333;
	height: auto;
	padding: 7px 25px;
	display: flex;
	transition: all .3s;
	box-sizing: border-box;
}
#moduleList .sf-menu ul li a span {
	line-height: 32px;
}
#moduleList .sf-menu ul li:hover a ,
#moduleList .sf-menu li ul li.sfHover a {
	color: #FFF;
	background: var(--MainBottonColor);
	padding-right: 40px;
	padding-left: 10px;
	transition: all .3s;
}

#moduleList .sf-menu ul li * {
	font-weight: 500;
}
#moduleList .sf-menu ul ul li {
	background: #FFF;
}


/* SELECTED MENU BOTTOM BORDER */
#moduleList .sf-menu > li.current > a {
	color: #FFF;
	text-decoration: none;
	background-color: var(--MainBottonColorHover);
	border-bottom: var(--MenuBorderHeight) solid #FF3F00;
	font-weight: bold;
}

#moduleList .sf-menu > li.current a > img {
	filter: grayscale(0%);
}

#moduleList .sf-menu > li > ul{
	padding: 0px;
	background: #F9F9F9;
	max-height: calc(100vh - var(--MenuHeight));
	overflow-y: auto;
}

#moduleList .sf-menu > li > ul > li.groupLabel {
	padding: 4px 0px 4px 6px;
	font-weight: 700;
	color: #999999;
}

#moduleList .sf-menu > li > ul > li.groupLabel:hover {
	background: #F9F9F9;
}

#moduleList .sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
}

#moduleList .sf-arrows > li > .sf-with-ul:focus:after,
#moduleList .sf-arrows > li:hover > .sf-with-ul:after,
#moduleList .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #FFF;
}

#moduleList .sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255,255,255,.5);
}

#moduleList .sf-arrows ul li > .sf-with-ul:focus:after,
#moduleList .sf-arrows ul li:hover > .sf-with-ul:after,
#moduleList .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #FFF;
}

#moduleList .sf-right-menu {
	float:right;
}
#moduleList .sf-right-menu > ul, #moduleList .sf-right-menu > li > ul {
	position: absolute;
	left: auto;
	right: 0;
	top: 100%;
}
#moduleList .sf-sub-indicator {
	display:none;
}

.Main_Menu_More {
	background: #FFF;
	position: fixed !important;
	top: calc(--MenuHeight + --MenuBorderHeight);
	right: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 85vh;
}

.Main_Menu_More_Table {
	display: table;
	background: var(--MenuColor);
	width: 100%;
	max-height: 85vh;
	border: 1px solid #CCC;
	box-sizing: border-box;
	column-count: 1 !important;
	-moz-column-count: 1 !important;
	-webkit-column-count: 1 !important;
}

.Main_Menu_More a {
	color: #555 !important;
	display: inline-block !important;
	min-width: 180px;
	height: auto !important;
	padding: 2px 7px !important;
	box-sizing: border-box;
	transition: width 0s !important;
}

.Main_Menu_More a:hover {
	background: var(--MainBottonColor);
	color: #FFF !important;
	transition: background 0.3s;
	transition: width 0s !important;
}

.Main_Menu_More_Row {
	border-bottom: 1px solid #BBB;
	display: inline-flex;
	flex-wrap: wrap;
	width: inherit;
}
.Main_Menu_More_Row_Search {
}
.Main_Menu_More_Row_Title {
	display: inline-block;
	color: #FFF;
	width: calc(100% / 9);
	min-width: 80px;
	height: 46px;
	padding: 0px 10px;
	box-sizing: border-box;
}

.Main_Menu_More_Row_Body {
	display: inline-block;
	background:
	#F9F9F9;
	width: calc(100% / 9 * 8);
	max-width: calc(100% - 80px);
}


/**************************** SEARCH FORM ****************************/
#addform {
	height: calc(100vh - 65px);
	position: fixed !important;
	width: 100%;
	top: 65px !important;
	left: 0 !important;
	right: 0 !important;
	background: #FFF;
}
.search_form_div {
	position: fixed;
	top: var(--MenuHeight);
	padding: 0px 20px;
	z-index: 100;
	min-width: 240px;
	box-sizing: border-box;
}

.advanced_search_form {
	position: fixed;
	background: #F5F5F5;
	width: auto;
	height: calc(100vh - 125px);
	overflow-y: auto;
	z-index: 200;
	top: calc(var(--MenuHeight) + var(--MenuBorderHeight) + 61px);
	left: 0px;

	right: 0px;
	padding: 0px 10px;
}
.advanced_search_form td {
	vertical-align: top;
}
.advanced_search_form td[scope="row"] {
	text-align: inherit;
}

#advanced_search{
	padding:0px 10px !important;
}

.search_form .view{
	width:auto;
	margin: 0 !important;
	margin-bottom: 5px !important;
	padding-right:0 !important;
	padding-left:10px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	background-image: -moz-linear-gradient(center top, #FFF 0%, #EEE 1px, #E0E0E0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.02, #EEE), color-stop(1, #EEE));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE', endColorstr='#DFDFDF');
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #CCCCCC;
	border-bottom: 1px solid #AFAFAE;
	border-radius-bottomleft: 0px;
	border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	text-shadow: 0px 1px #FFF;
}

.search_form .view.advanced {
 	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFF),
	color-stop(.01, #EEE),
	color-stop(1, #EEE)
	 );
}

.search_form .view.advanced .help {
text-align: right;
}

.search_form .view a {
	color: #005a9b;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0px 1px #FFF;
	font-weight: bold;
}


.search_form .yui-button button {
	padding: 0px 20px 3px 4px;
}

.search_form .yui-button button span.image {
	background:url(../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=my-items.png) no-repeat 0px center;
	margin-right: 5px;
	width: 12px;
	display: inline;
	float: left;
	text-indent: -9999px;
}

.search_form .yui-button.yui-button-hover button, .search_form .yui-button.yui-button-checked.yui-checkbox-button-checked button {
background-image:url(../../../../index.php?entryPoint=getImage&themeName=NeoTheme&themeName=NeoTheme&themeName=NeoTheme&imageName=form-button-primary-bg.png);
	background-color: #356ea1;
	border: 1px solid #326a9c;
	color: #FFF;
	text-shadow: -1px -1px #666;
}

.search_form .yui-button.yui-button-hover button span.image, .search_form .yui-button.yui-button-checked.yui-checkbox-button-checked button span.image {
	background-position: -12px center;
}

.search_form .edit tr td[scope="row"] {
	background-color: transparent;
}

.search_form .sumbitButtons {
	padding-left: 10px !important;
}

.search_form .helpIcon {
	text-align: right;
}

.search_form .helpIcon img{
	cursor: pointer;
}


/**************************** ERROR MESSAGE ****************************/
.Warning_Message_DIV {
	display: none;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: calc(100vh - 44px);
	position: fixed;
	top: 44px;
	left: 0;
	right: 0;
	z-index: 100;
}

.Warning_Message_FORM {
	border: 1px solid #DDD !important;
	background: #F9F9F9;
	position: absolute;
	top: calc(100vh / 4);
	left: 50%;
	transform: translate(-50%);
	width: 50%;
	z-index: 201;
}

.Warning_Message_Header {
	background: #FFCF00;
	padding: 5px;
	text-align: center;
	font-size: 16px !important;
	font-weight: bolder;
}

.Warning_Message_Header img {
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	top: 2px;
	cursor: pointer;
	z-index: 103;
	filter: brightness(0%);
}

.Warning_Message_Message {
	padding: 10px;
	font-size: 16px !important;
	font-weight: bolder;
}

.Warning_Message_Description {
	padding: 20px 10px 10px 10px;
}

.Warning_Message_Button {
	padding: 10px;
	text-align: center;
}

.Warning_Message_Button a {
	width: 200px;
	background: #EBEBEB;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.3s;
}
.Warning_Message_Button a:hover {
	background: #D1D1D1 !important;
	transition: background 0.3s;
}


/**************************** FIELD CONTAINER ****************************/
.filterBox{
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	padding: 10px 15px;
	margin: 15px 7px 0px;
}
.Field_Container {
	margin: 5px 15px;
	width: calc(50% - 30px);
	min-width: calc(var(--MinWidth) - 150px);
	min-height: 50px;
	display: inline-flex;
	vertical-align: top;
	position: relative;
	white-space: nowrap;
}
.Field_Container:not(.Without_Focus):after {
	border: 1px solid var(--MainBottonColor);
	position: absolute;
	width: calc(100% - 3px);
	flex-basis: 100%;
	content: '';
	bottom: 0;
	right: 0;
	left: 0;
	transform-origin: center;
	transform: scale(0);
	transition: all 0.35s;
}
.Field_Container:not(.Without_Focus):focus-within:after {
	border: 2px solid var(--MainBottonColor);
	content: '';
	transform-origin: center;
	transform: scale(1);
	transition: all 0.35s;
}


.Field_Container input[type="text"], .Field_Container input[type="password"], .Field_Container input[type="number"],.Field_Container textarea, .Field_Container select, .Field_Container .div_value {
	padding: 30px 10px 0px 10px !important;
	border-bottom: 1px solid #DDD !important;
	color: #000;
	font-weight: bold;
}
.Field_Container .ms-search input[type="text"] {
	padding: 7px 10px !important;
}
.Field_Container select[multiple] {
	padding: 0px 10px 0px 10px !important;
	margin-top: 30px !important;
}
.Field_Container .div_value {
	border: 0px !important;
	width: 100%;
	white-space: normal;
	word-wrap: break-word;
}
.Field_Container select{
	min-height: 60px !important;
}
.Field_Container select, .Field_Container div.ms-parent{
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url("../../../../themes/NeoTheme/images/arrowdown.gif") no-repeat scroll 100% 50% !important;
	/*padding: 0px 15px;
	min-height: 60px !important;*/
}
.Field_Container select:hover, .Field_Container div.ms-parent:hover {
	background: #FFFCCD url("../../../../themes/NeoTheme/images/arrowdown.gif") no-repeat scroll 100% 50% !important;
	transition: background 0.5s;
}
.Field_Container select:focus, .Field_Container div.ms-parent:focus {
	background: #FFF9A2 url("../../../../themes/NeoTheme/images/arrowdown.gif") no-repeat scroll 100% 50% !important;
	transition: background 0.5s;
}
.Field_Container div.ms-parent:hover {
	background: #FFF9A2;
	transition: background 0.5s;
}
.Field_Container select option {
	padding: 3px 15px;
	min-height: 16px;
}
.Field_Container label {
	position: absolute;
	z-index: 5;
	padding: 5px 10px;
	color: #777;
	font-size: 12px;
}

.Field_Container label span.RequiredSymbol {
	color: #F00;
	padding: 0px 5px;
}

.Field_Container span.required {
	padding: 5px 10px;
}

.Field_Container_Full {
	width: calc(100% - 30px) !important;
	margin: 5px 15px !important;
}
.Field_Container_Block{
	display: flex !important;
}
.Field_Container_NoMargin{
	margin:0 !important;
}
.Field_Container_MultiRow{
	margin: 0;
	width: 50%;
	vertical-align: top;
	position: relative;
	display: inline-block;
}
.Field_Container_MultiRow > .edit_block {
	margin-top: 30px;
}
.detail .Field_Container_MultiRow {
	width: calc(50% - 30px);
	margin: 5px 15px;
}
.Field_Container_Without_Label
{
	align-items : center;
	margin:5px 0px !important;
	min-width: unset;
	width: 100%;
}
.Field_Container_Without_Label .ms-parent
{
	padding:0px !important;
}
.Field_Container_Without_Label .ms-choice > span
{
	padding:8px !important;
}
.Field_Container_Without_Label input[type="text"], .Field_Container_Without_Label input[type="password"], .Field_Container_Without_Label textarea, .Field_Container_Without_Label select, .Field_Container_Without_Label .div_value {
	padding: 0px 10px 0px 10px !important;
	min-height: inherit;
}
.Field_Container_Without_Label .CheckboxDIV
{
	padding-top: 0px !important;
}
.Field_Container_Without_Label i.fa-calendar
{
	padding:0;
}
.Button_Container {
	margin: 10px 30px;
}
.yui-panel-container .Button_Container {
	text-align: center;
}
#line_items_detailblock {
	overflow-x: auto;
	white-space: nowrap;
}
.edit_block {
	display: inline-flex;
	width: 100%;
	border: 1px solid #CCC;
	border-bottom: 0;
}
.EDVsubmitContainer
{
	position: absolute;
	width: calc(100%);
	background: #f7f7f7;
	border: 1px solid #ccc;
	top: 100%;
	z-index: 100;
	padding: 10px;
	border-top: none;
	box-sizing: border-box;
	right: 0;
	left: 0;
}
.Button_Container input {
	padding: 10px !important;
}
.PhoneTypeDropdown .ms-parent{
	padding-top:0;
	background-position:0 0 !important;
	border:none;
}
.PhoneTypeDropdown .ms-choice{
	padding:0;
}
.PhoneTypeDropdown .ms-choice span{
	margin:0 15px;
	padding:0;
}
/**************************** BUTTONS ****************************/
.button
{
	color: #777 !important;
	background-color: #FFF !important;
	border: 1px solid #777 !important;
	margin: 0px 2px !important;
	box-shadow: var(--ButtonShadow) !important;
	transition: all 0.5s;
}
.button:hover
{
	color: var(--MainBottonColorHover) !important;
	background-color: #FFF !important;
	border: 1px solid var(--MainBottonColorHover) !important;
	box-shadow: var(--ButtonShadowHover) !important;
	transition: all 0.5s;
}
.button_main,
input[value="Next"],
input[value="Add This Product"],
input[value="Add This Service"],
input[value="Update This Product"],
input[value="Update This Service"],
input[value="Close"],
input[value="Schedule Campaign"],
input[value="Save"],
input[value="Save"],
#newRecord form input[type="Save"],
input[value="Next >"],
input[value="Import Now"],
input[value="Complete Import"],
input[value="GO"],
input[value="Update"],
input[value="Search"],
input[value="Edit"],
input[name="Edit"],
input[value="Start"],
input[value="Send"],
input[value="Assign"],
input[value="Import vCard"],
input[value="Run Report"]
{
	color: #FFF !important;
	font-weight: bolder !important;
	background-color: var(--MainBottonColor) !important;
	border: 1px solid var(--MainBottonColor) !important;
	box-shadow: var(--ButtonShadow) !important;
	transition: all 0.5s;
}
.button_main:hover,
input[value="Next"]:hover,
input[value="Add This Product"]:hover,
input[value="Add This Service"]:hover,
input[value="Update This Product"]:hover,
input[value="Update This Service"]:hover,
input[value="Close"]:hover,
input[value="Schedule Campaign"]:hover,
input[value="Save"]:hover,
input[value="Save"]:hover,
#newRecord form input[type="Save"]:hover,
input[value="Next >"]:hover,
input[value="Import Now"]:hover,
input[value="Import Complete"]:hover,
input[value="GO"]:hover,
input[value="Update"]:hover,
input[value="Search"]:hover,
input[value="Edit"]:hover,
input[name="Edit"]:hover,
input[value="Start"]:hover,
input[value="Send"]:hover,
input[value="Assign"]:hover,
input[value="Import vCard"]:hover,
input[value="Run Report"]:hover
{
	color: #FFF !important;
	font-weight: bolder !important;
	background-color: var(--MainBottonColorHover) !important;
	border: 1px solid var(--MainBottonColorHover) !important;
	box-shadow: var(--ButtonShadowHover) !important;
	transition: all 0.5s;
}
input[value="Delete"], button[name="Delete"] {
	color: #F30000 !important;
	font-weight: bolder !important;
	border: 1px solid #F30000 !important;
	box-shadow: var(--ButtonShadow) !important;
	transition: all 0.5s;
}
input[value="Delete"]:hover, button[name="Delete"]:hover {
	color: #FFF !important;
	font-weight: bolder !important;
	background-color: #DB0000 !important;
	border: 1px solid #DB0000 !important;
	box-shadow: var(--ButtonShadowHover) !important;
	transition: all 0.5s;
}
button[name="Delete"]:hover > .fa-trash-alt:hover {
	color: #FFF !important;
	transition: all 0.5s;
}

button[selected],
input[type=submit][selected],
input[type=reset][selected],
input[type=button][selected]
{
	background: var(--MainBottonColor);
	text-decoration:none;
	color: white;
	border-color: var(--MainBottonColor) !important;
}
button[selected]:hover,
input[type=submit][selected]:hover,
input[type=reset][selected]:hover,
input[type=button][selected]:hover
{
	background: var(--MainBottonColor) !important;
	border-color: var(--MainBottonColor) !important;
}
input[disabled],
textarea[disabled],
input[readonly],
textarea[readonly],
input[disabled]:hover,
textarea[disabled]:hover,
input[readonly]:hover,
textarea[readonly]:hover
{
	background: #F4F4F4 !important;
	cursor: default !important;
}
input[disabled] ~ i.fa-calendar::before,
textarea[disabled] ~ i.fa-calendar::before,
input[readonly] ~ i.fa-calendar::before,
textarea[readonly] ~ i.fa-calendar::before,
input[disabled] ~ i.fa-calendar,
textarea[disabled] ~ i.fa-calendar,
input[readonly] ~ i.fa-calendar,
textarea[readonly] ~ i.fa-calendar
{
	cursor: default;
}
input[disabled] ~ input.button_relate,
textarea[disabled] ~ input.button_relate,
input[readonly] ~ input.button_relate,
textarea[readonly] ~ input.button_relate,
button[disabled],
input[type=submit][disabled],
input[type=reset][disabled],
input[type=button][disabled],
button[disabled]:hover,
input[type=submit][disabled]:hover,
input[type=reset][disabled]:hover,
input[type=button][disabled]:hover
{
	text-shadow: none;
	border: 1px solid #AAA !important;;
	background: #F4F4F4 !important;
	color: #888 !important;
	cursor: unset;
	box-shadow: none !important;
}
input:focus,
textarea:focus
{
	outline:0px none
}

html, body {
	position: absolute;
	top: 0;
	width: 100%;
	min-width: var(--MinWidth);
	height: 100% !important;
	padding-top: var(--MenuHeight);
}

#WrapperContainer {
	min-height: calc(100% - 0px) !important;
	position:relative;
}

#ContentContainer {
	padding: 0px;
	padding-bottom: 50px;
}
/******************************************/
#tabFormPagination{
	background: none !important;
	border: 0px;
	padding-bottom: 0px;
}
#tabFormPagination table{
	background: none !important;
	border: 0px;
}
#tabFormPagination tr{
	background: none !important;
	border: 0px;
}
#tabFormPagination tr th{
	background: none !important;
	border: 0px;
}
#tabFormPagination tr td{
	background: none !important;
	border: 0px;
}

#reportTabs {
	padding-top: 0px;
}

.req_txt {
	display: none;
}

.utilsLink {
	text-decoration: none !important;
	font-weight: bold !important;
	display: none;
}
.utilsLink_subpanel {
	font-weight: bold !important;
	font-size: 15px;
	text-decoration: none !important;


}


/**************************** LIST VIEW SAVED SEARCH ****************************/
.Field_Container_SavedSearch {
	width: auto !important;
	min-width: 150px !important;
	margin: 3px 10px !important;
}
.Field_Container_SearchFormText {
	width: calc(100vw - 800px) !important;
	min-width: 150px;
	max-width: 800px;
	margin: 3px 0px;
}
.Field_Container_SearchFormButtons {
	width: auto !important;
	min-width: auto !important;
	min-height: unset;
	position: relative !important;
	margin: 0;
}
.Field_Container_SavedSearch .ms-choice span {
	padding-bottom: 0px !important;
}
#saved_search_select {
	min-width: 180px;
	width: auto;
}

#search_form_text {
	border-bottom: 1px solid #BBB !important;
	padding: 30px 10px 0px 10px !important;
}


/**************************** FOOTER ****************************/
.FooterContainer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	direction: ltr !important;
	background: var(--MenuColor);
	direction: ltr;
	text-align: left;
}
.FooterContainer_Logo {
	display: inline-block;
	border-right: 1px solid #EEE;
	padding: 5px 10px;
	position: relative;
	width: 170px;
	box-sizing: border-box;
}
.FooterContainer_Text {
	display: inline-block;
	position: relative;
	left: 10px;
	color: #FFF;
	font-size: 12px !important;
	direction: ltr !important;
	font-family: Tahoma !important;
	width: calc(100% - 180px);
	box-sizing: border-box;
}

#FeedbackForm_Container {
	min-width: 400px;
	position: absolute;
	right: 0px;
	bottom: 40px;
	background: #F5F5F5;
	border: 1px solid #DDD;
	padding: 10px;
	text-align: center;
}

#FeedbackForm_Button {
	height: 60px;
	border: 0 !important;
	background: var(--MainBottonColor);
	color: #EEE;
	border-left: 1px solid #EEE !important;
}
#FeedbackForm_Button:hover {
	background: #0B5B96;
	transition: all 0.3s !important;
}

#FeedbackForm_Loading {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.05) none repeat scroll 0% 0%;
	z-index: 1;
}

/**************************** LOADING MESSAGE **************************/
.loading {
	background: rgba(0, 0, 0, 0.01);
	width: 100%;
	height: calc(100vh - 44px);
	position: fixed;
	left: 0;
	right: 0;
	z-index: 100;
}
.loading_content {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loading span {
	text-align:center;
	position: absolute;
	width: 100px;
	margin-top: 10px;
}
.loading img {
	width:45px;
	height:45px;
}


/**************************** DETAIL VIEW TAB FORMS ****************************/
.detailview_tab_container {
	margin-top: 20px;
}
.detailview_tab_container_resizer {
	padding: 0px 10px;
	cursor: pointer;
}
.detailview_tab_container_separator {
	display: inline-block;
	width: 1px;
	box-sizing: border-box;
}
.detailview_tab_container_timeline {
	display: inline-block;
	width: 480px;
	min-width: var(--MinWidth);
	vertical-align: top;
	box-sizing: border-box;
}

.detailview_tab_container_timeline_timeline {
	padding: 0px 15px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 12px;
}
.detailview_tab_container_timeline_comments {
	width: 100%;
	margin-top: 12px;
}
.detailview_tab_container_others {
	display: inline-block;
	width: calc(100% - 480px - 1px);
	min-width: var(--MinWidth);
	vertical-align: top;
	box-sizing: border-box;
}

.detailview_tab_container_more_detail, .detailview_tab_container_subpanels {
	padding: 0px;
	margin-top: 2px;
	width: 100%;
}

.detailview_tab_header {
	border-bottom: 1px solid #CCC;
}

.detailview_tab_header_cell {
	display: inline-block;
	width: 120px;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: -1px;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	color: #999;
	text-align: center;
	transition: all 0.5s;
}
.detailview_tab_header_cell:hover {
	border-bottom: 2px solid #777;
	color: #222 !important;
	transition: all 0.5s;
}
.detailview_tab_header_cell_selected {
	display: inline-block;
	min-width: 120px;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: -1px;
	border-bottom: 2px solid var(--MainBottonColor);
	cursor: default;
	color: var(--MainBottonColor) !important;
	font-weight: bolder;
	text-align: center;
	box-shadow: var(--ButtonShadow);
	transition: all 0.5s;
}
#dashletCategories{
	display: flex;
	align-items: end;
}
#dashletCategories .detailview_tab_header_cell, #dashletCategories .detailview_tab_header_cell_selected {
	/* width: calc(100% / 3);
	min-width: calc(100% / 3); */
	flex-basis: 100%;
}
.detailview_subpanel_container {
	border: 0;
	overflow-x: auto;
}

#subpanel_list {
	margin: 15px;
}
#subpanel_list > li {
	margin: 15px 0px;
	background: #FFF;
	border: 1px solid #E6E6E6;
}

#subpanel_list .subpanel_button {
	padding: 5px 3px;
	margin: 2px;
	display: inline-block;
	border: 0 !important;
}
#subpanel_list .subpanel_button:hover {
	box-shadow: none !important;
}
/**************************** TIMELINE FORMS ****************************/
.timeline_container {

}
.timeline_loader {
	text-align: center;
	margin-top: 50px;
}
.timeline_header {
	margin: 15px 0px;
	text-align: center;
}
.timeline_header a {
	display: inline-block;
	padding: 5px 20px;
	margin: 2px;
}
.timeline_header_text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	height: 1.5em;
	background: inherit;
}
.timeline_header_text:before {
	content: '';
	border-top: 1px solid #BBB;
	position: absolute;
	left: 0;
	top: 50%;
	width: calc(100% - 0px);
	height: 1px;
	margin: 0;
}
.timeline_header_text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	padding: 5px;
	line-height: 1.5em;
	/* this is really the only tricky part, you need to specify the background color of the container element... */
	color: #555;
	background-color: #F6F6F6;
	font-size: 14px;
	top: -5px;
}

.timeline_more {
	text-align: right;
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.timeline_more_text {
	display: inline-block;
	padding: 5px 20px;
	color: #777;
	background-color: #FFF;
	border: 1px solid #CCC;
	cursor: pointer;
	transition: all .35s !important;
}
.timeline_more_text:hover {
	background-color: #FFF;
	transition: all .35s !important;
}

.timeline_row {
	border: 1px solid #E6E6E6;
	padding: 10px 5px;
	background: #FFF;
}

.timeline_row_empty {
	text-align: center;
	background: #FFC000;
	padding: 5px;
}

.timeline_row_line {
	height: 30px;
	margin: 0px 22px;
}

.timeline_row_image {
	display: inline-block;
	padding: 5px;
	margin: 0;
	vertical-align: top;
	width: 40px;
	box-sizing: border-box;
}

.timeline_row_body {
	display: inline-block;
	margin: 0px 5px;
	width: calc(100% - 30px - 50px - 95px);
	box-sizing: border-box;
}

.timeline_row_name {
	font-weight: bold;
	color: #000;
	padding-bottom: 2px;
}
.timeline_row_name a {
	text-decoration: none;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 35px - 30px);
	display: inline-block;
}

.timeline_row_date {
	font-weight: bold;
	font-size: 11px !important;
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	box-sizing: border-box;
	width: 95px;
	text-align: right;
}

.timeline_row_parent {
	font-size: 11px !important;
}

.timeline_row_more_info {
	font-size: 12px !important;
	color: #777;
}

.timeline_row_buttons {
	display: inline-block;
	margin: 0px;
	vertical-align: top;
	width: 30px;
	box-sizing: border-box;
}


/**************************** TOP BAR FORM EDIT/DETAIL/LIST VIEW BUTTONS ****************************/
.panel_container {
	margin: 15px;
	border: 1px solid #E6E6E6;
	background: #FFF;
}
.panel_container_expanded {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 10000000;
	margin: 0;
}
.resize_container {
	display: block;
	float: right;
}
.editview_form {
	margin-top: 80px;
}
.quickcreate .editview_form {
	margin-top: 0px;
}
h4 img {
	padding: 0px 5px;
}
.detailview_form h4, .editview_form h4, .schedulerDiv h4, .schedulerInvitees h4, .bd h4 {
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 20px;
	margin: 0px !important;
	cursor: pointer;
	color: #444;
	font-weight: normal;
	transition: all .35s !important;
}
.detailview_form h4:hover, .editview_form h4:hover, .schedulerDiv h4:hover, .schedulerInvitees h4:hover, .bd h4:hover {
	color: #000;
	transition: all .35s !important;
}

.view_form_clear {
	margin-top: 80px;
}
.view_form_buttons {
	position: fixed;
	top: var(--MenuHeight);
	left: 0px;
	right: 0px;
	background: #FFF;
	width: 100%;
	min-width: calc(var(--MinWidth) - 40px);
	height: 65px;
	padding: 8px 20px 8px 20px;
	z-index: 10;
	border-bottom: 1px solid #444;
	display: inline-block;
	box-sizing: border-box;
}
.quickcreate .view_form_buttons {
	position: relative;
	top: 0px;
	z-index: 9;
}
.view_form_buttons_GlobalSeach {
	top: var(--MenuHeight);
	left: 0px;
	right: 0px;
	width: calc(100% - 40px);
	min-width: calc(var(--MinWidth) - 40px);
	padding: 20px 20px 10px 20px;
	z-index: 10;
	display: inline-block;
	position:initial;
	margin-top: -30px;
}
.view_form_buttons_image {
	display: inline-block;
	width: 55px;
	vertical-align: middle;
}
.view_form_buttons_title {
	display: inline-block;
	width: calc(100% / 2 - 55px);
	vertical-align: middle;
}
.view_form_buttons_title h3 {
	padding-left: 10px;
	padding-right:10px;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 20px);
}
.view_form_buttons_buttons {
	display: inline-block;
	 width: calc(100% / 2 - 55px);
	vertical-align: middle;
	white-space: nowrap;
}
.view_form_buttons_more {
	background-image: url(../../../../themes/NeoTheme/images/More_icon.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	padding: 11px 5px;
}
.view_form_buttons_more:hover {
	background-image: url(../../../../themes/NeoTheme/images/More_icon.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
.view_form_buttons_more:focus {
	background-image: url(../../../../themes/NeoTheme/images/More_icon.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
#view_form_buttons_more_list {
	display: none;
	background: #F4F4F4;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 3px 20px;
	margin: 0px;
	z-index: 99;
	width: calc(100% - 40px);
	position: fixed;
	top: calc(var(--MenuHeight) + 65px);
	left: 0;
	right: 0;
	white-space: normal;
}
#view_form_buttons_more_list > div {
	display: inline-block;
	padding: 10px 0px;
}

#view_form_buttons_select_list {
	background: #F9F9F9;
	display: inline-block;
	position: absolute;
	top: 40px;
	border: 1px solid #DDD;
	padding: 0px;
	margin: 0px;
	z-index: 99;
}
#view_form_buttons_select_list li{
	list-style: none;
	margin: 0px;
}
#view_form_buttons_select_list li input {
	width: 100%;
	margin: 0px;
	text-align: initial;
	color: var(--MainBottonColor);
	background-color: #F5F5F5 !important;
	border: 1px solid var(--MainBottonColor) !important;
	box-shadow: var(--ButtonShadow);
	transition: all 0.5s;
}
#view_form_buttons_select_list li input:hover {
	color: var(--MainBottonColorHover);
	background-color: #FFF !important;
	border: 1px solid var(--MainBottonColorHover) !important;
	box-shadow: var(--ButtonShadowHover);
	transition: all 0.5s;
}
.convert_container{
	background: #FFF;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 10px 20px;
	margin: 0px;
	z-index: 10;
	width: calc(100% - 40px);
	position: relative;
	top: 60px;
	left: 0;
	right: 0;
	white-space: normal;
}
.convert_container img {
	padding: 0px 10px;
}
.convert_container label {
	line-height: 32px;
	min-width: 100px;
}
.convert_container_text {
	width: calc(100% - 48px);
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.sideLabel {
	min-width: var(--MinWidth);
}
.sideLabel label{
	display: inline-block;
}
.editview_form_input {

}
.editview_form_input_label {
	position: absolute;
	padding: 5px 10px;
	cursor: default;
}
.listview_settings_form {
	display: table;
	position: fixed;
	background: #FFF;
	width: calc(100% - 20px);
	height: calc(100vh - 145px);
	overflow-y: auto;
	z-index: 200;
	top: 125px;
	left: 0px;
	right: 0px;
	padding: 10px;
}
.listview_settings_form_cell {
	display: table-cell;
	vertical-align: top;
	width: calc((100vw / 4) - 10px);
	padding: 10px;
}
.listview_settings_form_cell .Field_Container {
	width: calc(100% - 30px) !important;
	display: inline-block;
}
.listview_settings_form_cell_list {
	height: calc(100vh - 290px);
	overflow-y: scroll;
	margin-top: 20px;
	border: 2px solid #999;
}
.listview_settings_form_cell_list ul {
	margin: 0;
	padding: 0;
}
.listview_settings_form_cell_list ul li {
	list-style: none;
	margin: 0;
	padding: 5px 15px;
	border: 1px solid #CCC;
	cursor: move;
}
.listview_settings_form_cell_list ul li:hover {
	background: #E7EFF2;
}
/**************************** IMAGE BUTTONS ****************************/
.calendar_image_button {
	opacity: 0.5;
	text-decoration: none !important;
	filter: grayscale(50%);
	cursor: pointer;
}
.calendar_image_button:hover {
	opacity: 1;
	filter: grayscale(0%);
	transition: opacity 0.5s !important;
	transition: filter 0.5s !important;
}

.image_buttons {
	opacity: 0.5;
	cursor: pointer;
	text-decoration: none !important;
	border: 0px solid transparent !important;
	padding: 0 !important;
	transition: all 0.5s !important;
}
.image_buttons:hover {
	opacity: 1;
	border: 0px solid transparent !important;
	transition: all 0.5s !important;
}
.image_buttons_disabled {
	cursor: default;
}
.create_button {
	cursor: pointer;
	transition: all 0.5s ease-in-out !important;
}
.create_button:hover {
	transform: scale(1.1) rotate(360deg);
	transition: all 0.5s ease-in-out !important;
}

.menu_buttons {
	text-decoration: none !important;
	text-align: inherit !important;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	opacity: 0.85;
	filter: grayscale(0%);
	transition: all .7s !important;
}
.menu_buttons:hover {
	border-top: 1px solid #69D1FF;
	border-bottom: 1px solid #69D1FF;
	opacity: 1;
	filter: grayscale(0%);
	transition: all .35s !important;
}

.filterBox .Button_Container{
	float: right;
}

.filterBox .Button_Container .button{
	margin: 25px 5px 0px !important;
}
.button_relate {
	height: 40px !important;
	min-width: 40px;
	text-align: center;
	background: var(--MainBottonColor) !important;
	border: 1px solid var(--MainBottonColor) !important;
	color: #FFF !important;
	opacity: 0.5;
	margin: 15px -45px 5px !important;
	padding: 0 !important;
	z-index: 9;
	transition: all 0.5s;
}
.button_relate:hover {
	background: var(--MainBottonColorHover) !important;
	border: 1px solid var(--MainBottonColorHover) !important;
	color: #FFF !important;
	opacity: 1 !important;
	transition: all 0.5s;
}
.button_relate_secondary {
	background: #FFF !important;
	color: #444 !important;
	border: 1px solid #777 !important;
}
.button_relate_secondary:hover {
	background: #FFF !important;
}
.tms_warning {
	text-align: center;
	padding: 5px;
}
.tms_warning_red {
	background: #FF3737;
}
.tms_warning_orange {
	background: #FF9000;
}
.tms_warning_message {
	display: inline-block;
	color: #FFF;
}
.tms_red {
	display: block !important;
	color: #FF3737 !important;
	transition: all .35s !important;
}
.tms_orange {
	display: block !important;
	color: #FF9000 !important;
	transition: all .35s !important;
}
.tms_green {
	display: block !important;
	color: #098F01 !important;
	transition: all .35s !important;
}

.tms_red:hover, .tms_orange:hover, .tms_green:hover {
	color: #FFF !important;
	transition: all .35s !important;
}

/**************************** HOME PAGE ****************************/
.homepage_header {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 2;
	width: 64px;
}

.homepage_body {

}

.homepage_cell {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	min-width: var(--MinWidth);
	padding: 10px;
	box-sizing: border-box;
}
.homepage_cell > ul {
	display: inline-flex;
	flex-wrap: wrap;
	width: inherit;
}
.homepage_cell > ul > li {
	width: calc((100% / 2) - 20px - 2px);
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	background: #FFF;
	border: 1px solid #CCC;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 0px 10px;
}
.HiddenLi {
	height: 0 !important;
	width: calc(100% - 20px - 2px) !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border: 0 !important;
}
.OneQuarterWidthLi {
	width: calc((100% / 4) - 20px - 2px) !important;
}
.OneThirdWidthLi {
	width: calc((100% / 3) - 20px - 2px) !important;
}
.HalfWidthLi {
	width: calc((100% / 2) - 20px - 2px) !important;
}
.TwoThirdWidthLi {
	width: calc((100% / 3 * 2) - 20px - 2px) !important;
}
.ThreeQuarterWidthLi {
	width: calc((100% / 4 * 3) - 20px - 2px) !important;
}
.FullWidthLi {
	width: calc(100% - 20px - 4px) !important;
}
/**************************** BACK CONTAINER ****************************/
.Back_Container {
	display: none;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: calc(100vh - 44px);
	position: fixed;
	top: var(--MenuHeight);
	left: 0;
	right: 0;
	z-index: 200;
}

/**************************** UNIFIED SEARCH ****************************/
.UnifiedSearch_HEAD {
	margin: 10px 2px 20px 2px;
	text-align: center;
	font-size: 18px !important;
	font-weight: bolder;
}
.UnifiedSearch_TEXT {
	width: calc(100% - 130px) !important;
	margin: 10px 15px;
}
.UnifiedSearch_SearchModules {
	padding-top: 10px;
}

.UnifiedSearchAdvanced_SearchBox {
	width: calc(100% - 40px);
	margin: 20px;
	border: 1.5px solid #EEE;
	padding: 10px;
	background: #FFF;
	box-sizing: border-box;
}
/**************************** HOVER MENU ****************************/
.HoverMenu_FORM {
	border: 1px solid #777 !important;
	background: #FFF !important;
	position: fixed !important;
	top: 100px !important;
	left: 50% !important;
	transform: translate(-50%) !important;
	width: 70%;
	z-index: 30000000;
}

.HoverMenu_Header {
	font-size: 16px !important;
	font-weight: bolder !important;
	background: var(--MenuColor) !important;
	color: #FFF !important;
}
.HoverMenu_Header span {
	width: calc(100% - 53px) !important;
	display: inline-block !important;
	padding: 10px !important;
}

.HoverMenu_Body {
	background: #F9F9F9;
	min-height: 150px;
	max-height: calc(100vh - 255px) !important;
	overflow-y: auto !important;
}

.HoverMenu_Element_Box {
	background: #E5E5E5;
	cursor: pointer;
	display: inline-block;
	width: calc(50% - 15px);
	margin: 5px;
	transition: all .35s !important;
}
.HoverMenu_Element_Box:hover {
	background: #ADDCEF;
	transition: all .35s !important;
}

.HoverMenu_Element_Box_Image {
	display: inline-block;
	vertical-align: middle;
	padding: 20px;
}

.HoverMenu_Element_Box_Header {
	text-align: initial;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 134px);
	padding: 10px;
}

.HoverMenu_Element_Box_Header_Title {
	font-size: 16px !important;
	font-weight: bolder;
	color: #222;
}

.HoverMenu_Element_Box_Header_Desc {
	padding: 10px 0px;
	color: #444;
}


/**************************** APP MESSAGE ****************************/
.App_Message_Image {
	display: inline-block;
	vertical-align: top;
	padding: 20px;
}
.App_Message_Body {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 120px);
	padding: 10px;
	box-sizing: border-box;
}
.App_Message_Message {
	padding: 10px;
	font-size: 16px !important;
	font-weight: bolder;
	padding: 10px;
}

.App_Message_Description {
	padding: 20px 10px 10px 10px;
}

.Success_Message_Header{
	background: #27CA00 !important;
}

.Warning_Message_Header {
	background: #FFCF00 !important;
	color: #000 !important;
}

.Error_Message_Header{
	background: #ff0000 !important;
}
/**************************** APP MESSAGE ****************************/
#QuickCreate_Main_Menu {
	border: 1px solid #777 !important;
	background: #FFF;
	position: fixed;
	top: 100px;
	left: 50%;
	transform: translate(-50%);
	width: calc(100vw / 4 * 1);
	min-width: var(--MinWidth);
	overflow: hidden;
	z-index: 2000000;
	transition: all .35s !important;
}
#QuickCreateForm_Loading, #QuickCreateForm_Success, #QuickCreateForm_Failure {
	width: 100%;
	opacity: 0.5;
	text-align: center;
	margin: 100px 0px;
}
#QuickCreateForm_Success > .fa, #QuickCreateForm_Failure > .fa {
	filter: grayscale(0%);
}
#QuickCreateForm_Success > .fa-check-circle:before {
	font-size: 36px !important;
	color: #05D200 !important;
	cursor: default;
}
#QuickCreateForm_Failure > .fa-exclamation-circle:before {
	font-size: 36px !important;
	color: #F00 !important;
	cursor: default;
}
#QuickCreate_Main_Menu .view_form_buttons, #record_dialog .view_form_buttons {
	top: 40px !important;
}

#QuickCreateForm_Container {
	margin-top: var(--MenuHeight) !important;
	height: calc(100vh - 255px) !important;
	width: 100%;
	box-sizing: border-box;
}
#QuickCreateForm_Container .editview_form {
	margin-top: 0px;
}

/**************************** GEOGRAPHICAL AND TREE LIST ****************************/
.geographicalLists, .TreeFieldList{
	counter-reset: li;
	list-style: none;
	padding: 0;
	margin: 0;
	width: calc(100% - 100px);
	margin: 0 auto;
}
.geographicalLists ul, .TreeFieldList ul{
	list-style: none;
	counter-reset: li;
	margin: 0;
	/*margin: 0 0 0 2em;*/
}
.geographicalLists a, .TreeFieldList a{
	position: relative;
	display: block;
	cursor: pointer;
	padding: .4em 1em .4em .8em;
	background: #ddd;
	color: #444;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.geographicalLists a:hover, .TreeFieldList a:hover{
	background: var(--MainBottonColorHover);
	color: #eee;
}

.geographicalLists a:before, .TreeFieldList a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2.5em;
	top: 50%;
	margin-top: -1em;
	background: #fa8072;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}

.geographicalLists a:not(.select):after, .TreeFieldList a:not(.select):after{
	position: absolute;
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.geographicalLists a:not(.select):hover:after, .TreeFieldList a:not(.select):hover:after{
	left: -.5em;
	border-left-color: #fa8072;
}
.geographicalLists li, .TreeFieldList li{
	list-style: none;
	margin: .5em 0 .5em 0;
}
.geographicalLists li ul, .TreeFieldList li ul{
	display: none;
}

/**************************** CHECKBOX ****************************/
.CheckboxDIV {
	width: 100%;
	vertical-align: top;
}

.CheckboxDIV a {
	display: inline-block !important;
	width: 80%;
}
.CheckboxDIV a:hover {
	color: #777 !important;
}
.CheckboxDIV input {
	display: none;
}

/** Create the box for the checkbox */
.CheckboxDIV label {
	cursor: pointer;
	display: inline-block;
	width: 13px;
	height: 13px;
	border:1px solid #777;
	vertical-align: middle;
	padding: 2px;
	margin: 0px 10px;
}
/** Display the tick inside the checkbox */
.CheckboxDIV label:after {
	opacity: 0;
	content: '';
	display: inline-block;
	width: 13px;
	height: 7px;
	background: transparent;
	border: 3px solid #555;
	border-top: none;
	border-right: none;
	position: relative;
	top: 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
/** Create the hover event of the tick */
.editview_form .CheckboxDIV label:hover::after {
	opacity: 0.25;
}

/** Create the checkbox state for the tick */
.CheckboxDIV input[type=checkbox]:checked + label:after, .CheckboxDIV input[type=radio]:checked + label:after {
	opacity: 1;
}

.Field_Container .CheckboxDIV {
	padding-top: 35px;
}
.Field_Container .div_value .CheckboxDIV{
	padding-top: 0px;
}
.Field_Container .div_value .CheckboxDIV label {
	margin: 0;
}
.Field_Container .CheckboxDIV label {
	position: relative;
}
.CheckboxDIV select {
	position: relative;
	margin-top: -70px;
	padding-right: 25px !important;
}


/**************************** RATING ****************************/
.rating {
	display: block;
	direction: rtl;
	unicode-bidi: bidi-override;
	text-align: center;
}
.rating .fa-star {
	filter:none;
}
.rating .fa-star.checked {
	color: orange;
}
.rating label {
	position: relative;
	color: lightgray;
	display: inline-block;
	font-size: 22pt;
	margin: 0 1px;
	transition: transform .15s ease;
	cursor: pointer;
}
.rating label:hover {
	transform: scale(1.35, 1.35);
}
/**************************** INPUT FILE ****************************/
.inputFileDIV{
	width: 100%;
	z-index: 3;
}
input[type="file"] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

input[type="file"] + label {
	background-color: transparent;
	cursor: pointer;
	padding: 30px 10px 0px 10px !important;
	border-bottom: 1px solid #BBB !important;
	color: #000;
	font-weight: bold;
	width: calc(100% - 20px);
	height: 30px;
	line-height: 30px;
	z-index: 4;
	position: relative;
	display: inline-flex;
}

input[type="file"] + label:hover {
	background: #FFFCCD;
	transition: all 0.5s;
}

input[type="file"] + label:focus {
	background: #FFF9A2;
	transition: all 0.5s;
}

input[type="file"] + label a.importButton {
	position: absolute;
	top: 0px;
	right: 50px;
	line-height: 20px;
	padding-top: 6px !important;
	box-sizing: border-box;
	text-align: center;
}


.closeCase
{
	color: #000;
}
.openCase
{
	color: #FF7800;
}
.resolveCase
{
	color: #31a500;
}




.approvalpanel_container {
	text-align: center;
	padding: 10px;
	background: #EEE;
	position: relative;
	top: calc(var(--MenuHeight) + var(--MenuBorderHeight));
}

.approvalpanel_image {
	display: inline-block;
	padding: 0px 10px;
	vertical-align: top;
}

.approvalpanel_data {
	display: inline-block;
	padding: 0px 20px;
	vertical-align: top;
	color: #FFF;
	text-align: initial;
}

.approvalpanel_link {
	display: inline-table;
	vertical-align: top;
	height: 20px;
	padding: 5px;
	margin: 15px 30px;
	color: #999 !important;
	background: #FFF;
	cursor: pointer;
	transition: all 0.35s;
}
.approvalpanel_link:hover {
	color: #555 !important;
	background: #EEE;
	transition: all 0.35s;
}

.approvalpanel_approver_buttons {
	padding-top: 10px;
}

.approvalpanel_approver_buttons_approve {
	display: inline-table;
	vertical-align: top;
	height: 20px;
	padding: 5px;
	margin: 5px 10px;
	color: #FFF !important;
	background: #0BCF23;
	cursor: pointer;
	transition: all 0.35s;
}
.approvalpanel_approver_buttons_approve:hover {
	background: #22FF3D;
	transition: all 0.35s;
}

.approvalpanel_approver_buttons_reject {
	display: inline-table;
	vertical-align: top;
	height: 20px;
	padding: 5px;
	margin: 5px 10px;
	color: #FFF !important;
	background: #E24F4F;
	cursor: pointer;
	transition: all 0.35s;
}
.approvalpanel_approver_buttons_reject:hover {
	background: #FF4242;
	transition: all 0.35s;
}

.approvalpanel_approver_buttons_delegate {
	display: inline-table;
	vertical-align: top;
	height: 20px;
	padding: 5px;
	margin: 5px 10px;
	color: #FFF !important;
	background: #CCC;
	cursor: pointer;
	transition: all 0.35s;
}
.approvalpanel_approver_buttons_delegate:hover {
	color: #777 !important;
	background: #EEE;
	transition: all 0.35s;
}
.Button_dropdown {
	position: relative;
	display: inline-block;
}
.Button_dropdown-content {
	display: none;
	position: absolute;
	background-color: #F9F9F9;
	min-width: 100px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.Button_dropdown-content input {
	color: black;
	padding: 6px 16px;
	min-width:100px;
	text-decoration: none;
	display: block;
	text-align: left;
	width: 100% !important;
}
.Button_dropdown-content input:hover {background-color: #8E8E8E; color:#fff;}
.Button_dropdown:hover .Button_dropdown-content {
	display: block;
}
/* Added By Mohsen Ghadimpour - June 00, 2018 */
/**************************** SORTABLE TABLE ****************************/
.add_row_btn{
	display: block;
	margin: 0px 0px 20px;
}
.sortable_table_container{
	width: 100%;
}
.sortable_table {
	width: 100% !important;
	border: none !important;
	margin: 0px auto;
	border-spacing: 0px;
	border-collapse: collapse;
}
.sortable_table tr:hover td {
	background-color: var(--TableCellColorHover);
}
.sortable_table td{
	vertical-align: middle !important;
}
.sortable_table th{
	font-weight: bold;
}
.sortable_table th, .sortable_table td{
	padding: 5px 10px !important;
}
.sortable_table .center{
	text-align: center !important;
}
.sortable_table input{
	background:none !important;
	border:none !important;
	/*width:100%;*/
}
.sortable_table input:hover{
	background: #FFFCCD !important;
}
.sortable_table .move{
	background-image: url("../../../../themes/NeoTheme/images/dragdrop_icon.png");
	background-size:19px;
	background-repeat:no-repeat;
	background-position: calc(100% - 3px);
	cursor: grab;
}
.movable-placeholder {
	background: #fff9a2 !important;
}
.sortable_table .delete_row img{
	cursor:pointer;
}
.sortable_ghost {
	opacity: 0.5;
	border:2px dashed #ccc !important;
}
.sortable_chosen {
	opacity: 0.5;
}


/**************************** ONBOARDING ****************************/
#Main_Menu_OnboardingProgress {
	background: #fff;
	position: fixed;
	width: 408px;
	top: 60px;
	right: 40px;
	cursor: default;
	border:1px solid #ccc;
	border-top: none;
	overflow-y: auto;
	max-height: calc(100% - 60px);
}
#Main_Menu_OnboardingProgress a{
	color: #444;
	display: block;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
#Main_Menu_OnboardingProgress li, .onboarding_watch_video{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}

#Main_Menu_OnboardingProgress li:hover, .onboarding_watch_video:hover, .onboarding_start_tour:hover, .onboarding_test_data:hover {
	background: #eee;
	cursor: pointer;
}

#Main_Menu_OnboardingProgress li:last-child {
	border-bottom: none;
}

#Main_Menu_OnboardingProgress{
	float:right;
	padding:5px;
	cursor:pointer;
	/*background:#ffb400;*/
}
#Main_Menu_OnboardingProgress{
	counter-reset: li;
}

.onboarding_item a, .onboarding_start_tour, .onboarding_watch_video, .onboarding_test_data{
	text-align: left !important;
}

.onboarding_item a:before {
	border-radius: 100%;
	counter-increment: li;
	content: counter(li);
	background: #ddd;
	color: #000;
	padding: 2px;
	border: none;
	text-align: center;
	width: 30px;
	display: inline-block;
	margin: 0px 10px;
	height: 30px;
	line-height: 30px;
}
.onboarding_item.done a:before {
	content: '✓';
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #4CAF50;
}

.onboarding_header{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 16px !important;
}

.onboarding_watch_video:before{
	border-radius: 100%;
	content: '';
	background: #09f;
	color: #fff;
	padding: 0;
	border: 2px solid #09f;
	text-align: center;
	width: 30px;
	display: inline-block;
	margin: 0px 10px;
	height: 30px;
	line-height: 30px;
	filter:none !important;
}

.onboarding_start_tour:before{
	border-radius: 100%;
	content: '';
	font-size: 15px;
	background: #09f;
	color: #fff;
	padding: 0;
	border: 2px solid #09f;
	text-align: center;
	width: 30px;
	display: inline-block;
	margin: 0px 10px;
	height: 30px;
	line-height: 30px;
	filter:none !important;
}

.onboarding_test_data:before{
	border-radius: 100%;
	content: '\f1c0';
	font-size: 15px;
	background: #09f;
	color: #fff;
	padding: 0;
	border: 2px solid #09f;
	text-align: center;
	width: 30px;
	display: inline-block;
	margin: 0px 10px;
	height: 30px;
	line-height: 30px;
	filter:none !important;
}

.onboarding_test_data{
	border-bottom: 1px solid #ccc;
}

.video_tutorial_container{
	width: 50vw;
	margin: 0 auto;
}
#onboarding_resource_guide_box{
	width: 350px;
	min-height: 80px;
	position: fixed;
	top: calc(var(--MenuHeight) + 20px);
	z-index: 10;
	background: #fff;
	right: 5px;
	padding: 5px 10px;
	box-sizing: border-box;
	color: #000;
	text-align: justify;
	border: 2px solid var(--MenuColor);
	box-shadow: 2px 2px 5px #999;
}

#onboarding_resource_guide_box .guide_arrow{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid var(--MenuColor);
	position: relative;
	float: right;
	top: -20px;
	left: 0px;
}
#onboarding_resource_guide_box strong{
	color:var(--MainBottonColorHover);
}
/**************************** Favorites ****************************/
.favorite-icon{
	font-size: 16px !important;
	color: #999;
	cursor: pointer;
}
.favorite-icon:hover{
	color: #ffb400;
}
.fa.favorite-icon{
	color: #ffb400;
	filter: none;
}
/**************************** Sepidar ****************************/
.sepidar_table_row {
	display: table-row;
}
.sepidar_table_row > div {
	border: 1px solid #ccc;
	display: table-cell;
	padding: 3px 10px;
}
div.sepidar_table_row:nth-child(2n+1) {
	background: #f7f7f7 !important;
}
div.sepidar_table_row:nth-child(1) {
	background: #7B9DBA !important;
	color: #fff;
}
/**************************** DataTables ****************************/
.dataTables_wrapper{
	overflow:auto;
}
.dataTables_wrapper .dataTables_filter input{
	margin:0 !important;
}
.dt-button.buttons-excel{
	display:none !important;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
	padding: 5px 18px !important;
}
table.fixedHeader-floating{
	background: #7B9DBA !important;
	border-color: #cbdae6 !important;
}
table.fixedHeader-floating th{
	font-size:11px !important;
	color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	border-color: #ccc !important;
}
table.dataTable > tbody > tr.child ul.dtr-details li{
	list-style:none !important;
}
table.dataTable > tbody > tr.child ul.dtr-details{
	margin: 0 15px !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child{
    padding: 8px 0 !important;
    display: flex !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before{
	box-shadow: none !important;
	position: unset !important;
	margin: 0 2px !important;
	display: inline-block !important;
}
/**************************** Number Inputs ****************************/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
/**************************** Alerts ****************************/
.panel_container.success {
	color: #f7f7f7 !important;
	background: #0BCF23;
	border-color: #D1D1D1;
}
.panel_container.warning {
	color: unset !important;
	background: #FAA32B;
	border-color: #D1D1D1;
}
.panel_container.danger {
	color: #f7f7f7 !important;
	background: #E24F4F;
	border-color: #D1D1D1;
}
/**************************** Element Resize ****************************/
.main_number_input{
	width:60%;
}
.hiddenInDesktop{
	display: none !important;
}
.mt_10 {
	margin-top: 10px !important;
}
.mt_12 {
	margin-top: 12px !important;
}
.d_flex {
	display: flex !important;
}
.align_center {
	align-items: center !important;
}
/*@media only screen and (max-width: 1100px) and (min-width: 800px) {
	.cc-picker-code, .hiddenInMobile{
		display: none !important;
	}
	.main_number_input{
		width:80%;
	}
}
@media only screen and (min-width: 1100px) and (max-width: 800px) {
	.hiddenInDesktop{
		display: none !important;
	}
}*/
@media only screen and (min-width: 800px) and (max-width: 1280px) {
	.cc-picker-code, .hiddenInMobile{
		display: none !important;
	}
	.main_number_input{
		width:80%;
	}
	.hiddenInDesktop{
		display: unset !important;
	}
	.OneQuarterWidthLi, .ThreeQuarterWidthLi {
		width: calc(50% - 20px) !important;
	}
}
@media only screen and (max-width: 960px) {
	.HoverMenu_Element_Box{
		width: calc(100% - 15px);
	}
	.detailview_tab_container_timeline, .detailview_tab_container_others {
		width: 100%;
	}
	.detailview_tab_container_separator, .detailview_tab_container_resizer {
		display: none;
	}
	.OneThirdWidthLi, .TwoThirdWidthLi, .OneQuarterWidthLi, .ThreeQuarterWidthLi {
		width: calc(50% - 20px) !important;
	}
	#LBL_PHONE_INFORMATION_DIV > .Field_Container_MultiRow{
		width: 100%;
	}
}
@media only screen and (max-width: 800px) {
	.Field_Container_MultiRow{
		width: 100%;
	}
	.Field_Container, .DashletsDialogList_Cell {
		width: calc(100% - 30px);
	}
	.Field_Container_SearchFormText {
		width: calc(100vw - 400px) !important;
	}
}
@media only screen and (min-width: 700px) and (max-width: 800px) {
	#advanced_search{
		padding:0px!important;
	}
	#advanced_search span {
		display: none;
	}
	#advanced_search i {
		display: block !important;
	}
	.Field_Container_SearchFormText {
		width: calc(100vw - 550px) !important;
	}
}
@media only screen and (max-width: 699px) {
	.cc-picker-code, .hiddenInMobile{
		display: none !important;
	}
	.main_number_input{
		width:80%;
	}
	.hiddenInDesktop{
		display: unset !important;
	}
	.Field_Container_SearchFormText {
		width: calc(100vw - 350px) !important;
	}
	.Field_Container.Field_Container_SavedSearch, #advanced_search span, #listview_setting{
		display: none;
	}
	#advanced_search{
		padding:0px !important;
	}
	#advanced_search i {
		display: block !important;
	}
	.FullWidthLi, .HalfWidthLi, .OneThirdWidthLi, .TwoThirdWidthLi, .OneQuarterWidthLi, .ThreeQuarterWidthLi {
		width: calc(100% - 20px) !important;
	}
	#QuickCreateForm_Container {
		height: calc(100vh - 110px) !important;
		max-height: calc(100vh - 110px) !important;
	}
	#QuickCreate_Main_Menu, #record_dialog, #dashletsDialog {
		z-index: 1000000 !important;
		width: calc(100%) !important;
		height: 100vh !important;;
		transform: unset !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}
	.yui-panel-container {
		top: 0px !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		min-width: unset !important;
		width: 100% !important;
		height: 100vh !important;
	}
	.yui-panel .bd {
		height: calc(100vh - 60px) !important;
	}
	#moduleDashlets, #chartDashlets, #toolsDashlets, #searchResults {
		height: calc(100vh - 200px);
	}
	#record_tabs-1, #record_tabs-2 {
		height: calc(100vh - 160px) !important;
		max-height: calc(100vh - 160px) !important;
	}
	#advanced_search{
		padding:0px!important;
	}
	#advanced_search span, #listview_setting {
		display: none;
	}
	#advanced_search i {
		display: block !important;
	}
	#LI_Main_Menu_Statistics, #LI_Main_Menu_Last_Viewed, #LI_Main_Menu_Favorites {
		display: none !important;
	}
	.yui-panel-container.yui-dialog .bd form[name*=configure_], .yui-panel-container.yui-dialog .bd form[id*=configure_] {
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 600px) {
	#expand_button, input[id*="_subpanel_full_form_button"]{
		display: none !important;
	}
	.button span {
		display: none !important;
	}
	.button i {
		display: inline-block !important;
	}
	#LI_Main_Menu_OnboardingProgress{
		display: none !important;
	}
}
@media only screen and (max-width: 479px) {
	.Field_Container_SearchFormText {
		width: calc(100vw - 235px) !important;
		min-width: 100px;
	}
	.pageNumbers{
		display: none !important;
	}
	.sf-menu > li > a {
		font-size: 8px !important;
	}
	.sf-menu > li > a > img {
		width: 23px;
		padding: 7px !important;
		height: 23px;
	}
}
.toggle-password {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 20px !important;
	color: #777 !important;
}
.div_relate {
	width: calc(100% - 20px);
	display: inline-flex;
	padding: 30px 10px 0 10px !important;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #DDD;
	cursor: pointer;
}
.div_relate span {
	font-size: 12px;
	font-weight: bold;
}
.div_relate .button_relate {
	position: absolute;
	left: 50px;
	right: unset;
	top: 0;
	box-sizing: border-box;
	line-height: 20px;
	padding-top: 6px!important;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	#UL_Main_Menu_Help {
		display: none;
	}
}

#CommentsView img {
	max-width: 250px;
}
#description_detailblock img{
	max-width: 250px;
}
.d_none {
	display: none;
}