.overflow-icon-btn { -
	-bg-color: dodgerblue;
	text-decoration: none;
	background-color: var(- -bg-color, dodgerblue);
	padding: 12px 16px;
	color: #fff;
	border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-shadow: 0 0 8px var(- -bg-color, dodgerblue);
	box-shadow: 0 0 4px var(- -bg-color, dodgerblue);
	transition: 0.3s;
}

.listCorr {
	font-size: 12px;
	border-collapse: collapse;
	margin: 0 auto;
	border: 0px solid #cad9ea;
	color: #666;
	border: #93BED2 1px solid;
	width: 100%;
	height: 100%;
}

.listCorrHead {
	border-color: #f29915;
	background-color: #f5ae45;
	background-repeat: repeat-x;
	white-space: nowrap;
	font-size: 12px;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	color: #000000;
	height: 5px;
	padding: 5px;
	border-collapse: collapse;
	border-right: 1px solid #cad9ea;
}

.listPoperty {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #000000;
	font-family: tahoma, arial, helvetica, sans-serif;
	vertical-align: middle;
}

.overflow-icon-btn i {
	-webkit-text-stroke-color: var(- -bg-color, dodgerblue);
	-webkit-text-stroke-width: 0.02em;
}

.overflow-icon-btn:hover {
	text-shadow: 0 0 24px var(- -bg-color, dodgerblue);
	box-shadow: 0 0 12px var(- -bg-color, dodgerblue);
}

div.margin-8-wrapper {
	margin: 8px;
	display: inline-block;
}

/*for IE*/
@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active)
	{
	.overflow-icon-btn {
		background-color: dodgerblue;
		text-shadow: 0 0 8px dodgerblue;
		box-shadow: 0 0 4px dodgerblue;
	}
	.overflow-icon-btn:hover {
		text-shadow: 0 0 24px dodgerblue;
		box-shadow: 0 0 12px dodgerblue;
	}
}

.overflow-icon-btn.like { -
	-bg-color: #3b5998;
}

.overflow-icon-btn.instagram { -
	-bg-color: #cd486b;
}

.overflow-icon-btn.youtube { -
	-bg-color: #cc181e;
}

.overflow-icon-btn.youtube i {
	vertical-align: sub;
}

.overflow-icon-btn.twitter { -
	-bg-color: #00aced;
}

.overflow-icon-btn.twitter i {
	vertical-align: sub;
}

.overflow-icon-btn.pinterest { -
	-bg-color: #c92228;
}

.overflow-icon-btn.email { -
	-bg-color: gray;
}

.overflow-icon-btn.email i {
	vertical-align: middle;
}

.overflow-icon-btn.amazon { -
	-bg-color: #ff9900;
}

.overflow-icon-btn.amazon i {
	vertical-align: super;
}

.overflow-icon-btn.whatsapp { -
	-bg-color: #25d366;
}

.overflow-icon-btn.heart { -
	-bg-color: deepPink;
}

.overflow-icon-btn.paypal { -
	-bg-color: #003087;
}

.overflow-icon-btn.paypal i {
	vertical-align: middle;
}

.ux-combo-selectall {
	padding: 3px;
}

.ux-combo-selectall-icon-checked {
	background: transparent url(../images/default/menu/checked.gif);
}

.ux-combo-selectall-icon-unchecked {
	background: transparent url(../images/default/menu/unchecked.gif);
}

.ux-lovcombo-icon-checked {
	background: transparent url(../images/default/menu/checked.gif);
}

.ux-lovcombo-icon-unchecked {
	background: transparent url(../images/default/menu/unchecked.gif);
}

.ux-combo-selectall-icon {
	text-indent: 1.8em;
	background-position: 3px 2px ! important;
	background-repeat: no-repeat ! important;
	height: 22px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	-moz-user-select: none;
	cursor: pointer;
}

.ux-lovcombo-icon {
	width: 16px;
	height: 16px;
	float: left;
	background-position: -1px -1px ! important;
	background-repeat: no-repeat ! important;
}

.headTableBodySuggest {
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.headTableHederSuggest {
	table-layout: fixed;
	width: 100%;
}

.headColSuggest {
	white-space: nowrap;
	padding-right: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	color: #000000;
	font-family: tahoma, arial, helvetica, sans-serif;
	vertical-align: middle;
	font-weight: bold;
	padding-bottom: 0px;
}

.tg-mastercol-cb {
	margin-right: 4px;
	vertical-align: -3px;
	border: 1px solid black;
}

.cell-image {
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.cell-text {
	margin-right: 4px;
	color: blue;
	font-weight: bold;
}

.tg-mastercol-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/default/treeGrid/bullet_green.png') no-repeat
		-3px -3px;
}

.tg-A-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/actionRole.png') no-repeat -3px -3px;
}

.tg-E-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/entityRole.png') no-repeat -3px -3px;
}

.tg-G-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/groupRole.png') no-repeat -3px -3px;
}

.tg-F-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/action/fieldRole.png') no-repeat -3px -3px;
}

.tg-FI-icon {
	width: 10px;
	margin-right: 4px;
	height: 10px;
	vertical-align: -1px;
	background: url('../images/default/treeGrid/bullet_green.png') no-repeat
		-3px -3px;
}

.ux-grid3-invalid-cell {
	background: transparent url(../images/default/grid/invalid_line.gif)
		repeat-x bottom;
}

.customtbar {
	background: url( ../images/logo/fragmment.jpg) repeat center;
	width: 100%;
}

.actionDisplaybar {
	background: black;
	height: 25px;
}

.actionDisplaybar.x-toolbar.x-toolbar.x-toolbar .x-btn .x-btn-text {
	color: white !important;
}

.active-window .actionDisplaybar.x-toolbar.x-toolbar.x-toolbar .x-btn.orange-button-active.x-btn-over
	{
	background-color: #e08a40 !important;
	border-color: #df8537 !important;
	color: white !important;
}

.customtbar  .logo {
	background-color: transparent;
	padding-top: 0px;
	white-space: nowrap;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 5px;
}

.customtbar  .label {
	background-color: transparent;
	COLOR: white;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	FONT-SIZE: 12PX;
	padding-right: 10px;
	FONT-FAMILY: TAHOMA, ARIAL, HELVETICA, SANS-SERIF !important;
	white-space: nowrap;
	vertical-align: middle;
}

.wax-legend .legend-scale ul {
	margin: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 0;
	float: left;
	list-style: none;
}

.wax-legend .legend-scale ul li {
	font-size: 80%;
	list-style: none;
	margin-left: 0;
	line-height: 18px;
	margin-bottom: 2px;
}

.wax-legend ul.legend-labels li span {
	display: block;
	float: left;
	height: 16px;
	width: 30px;
	margin-right: 5px;
	margin-left: 0;
	border: 1px solid #999;
	text-align: left;
	font-weight: bold;
}

.west-panel .x-layout-collapsed-west {
	background: url( ../images/default/collapsed-west.png) no-repeat center;
}

.west-panel .x-layout-collapsed-east {
	background: url( ../images/default/collapsed-east.png) no-repeat center;
}

.x-form-indicator {
	background-color: transparent;
	background-position: 0 3px;
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	left: 0;
	padding-top: 3px;
	position: absolute;
	top: 0;
}

.ext-ux-grid-gridviewmenuplugin-menuBtn.x-grid3-hd-btn {
	display: block;
}

.icon-info-bar {
	background-image: url( ../images/action/icon_info.png ) !important;
	background-repeat: no-repeat;
}

.icon-add {
	background-image: url( ../images/action/iconPdf.png ) !important;
	background-repeat: no-repeat;
}

.media-PDF {
	background-image: url( ../images/action/iconPdf.png ) !important;
}

.media-Xl {
	background-image: url( ../images/action/iconXl.png ) !important;
}

.x-form-item-label {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.x-btn button {
	color: #333333;
	font: bold 11px arial, tahoma, verdana, helvetica;
}

.info-Bar {
	background-image: url("../images/hd-bgI.gif");
	background-repeat: repeat-x;
	height: 20px;
}

.label-number-row {
	color: #15428b;
	font-weight: bold;
	font-size: 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	vertical-align: middle;
	text-align: right;
	width: 100%;
}

.label-Action {
	color: white;
	font-weight: bold;
	font-size: 13px;
	font-family: "Segoe UI", tahoma, verdana, sans-serif;
	vertical-align: middle;
	align: left;
}

.label-user {
	background-image: url(  ../images/action/user.png ) !important;
}

.label-societe {
	background-image: url(  ../images/action/societe.png ) !important;
}

.tool-bar-menu {
	height: 25px;
	border: 0;
	background-repeat: repeat-x;
}

.module-label {
	border: 1px solid #fff;
	margin-top: 4px;
	height: 26px;
	font-weight: bold;
	font-size: 12px;
}

.module-label .x-tree-ec-icon {
	display: none;
}

.login-app-label {
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
}

.feeds-node .x-tree-node-icon {
	display: none;
}

.x-table-form-layout-ct .x-table-layout-cell .x-form-field {
	/* fix for form elements with no border clipping */
	margin-top: 0;
}

.ext-ie .x-table-form-layout-ct .x-table-layout-cell .x-form-trigger {
	/* ie fix for trigger field positioning */
	margin-top: 2px;
}

.upload-icon {
	background: url('../images/default/form/image_add.png') no-repeat 0 0
		!important;
}

.x-form-field-wrap .x-form-color-trigger {
	background-image: url(../images/default/form/color-trigger.png);
}

.ie6 .x-form-field-wrap .x-form-color-trigger {
	background-image: url(../images/default/form/color-trigger.gif);
}

.field-3s {
	
}

.field-disabled-3s {
	font-weight: bold;
}

.x-grid3-summary-row {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #333;
	background: #f1f2f4;
}

.x-grid3-summary-row .x-grid3-cell-inner {
	font-weight: bold;
	padding-bottom: 4px;
}

.x-grid3-cell-first .x-grid3-cell-inner {
	padding-left: 5px;
}

.x-grid-hide-summary .x-grid3-summary-row {
	display: none;
}

.x-grid3-summary-msg {
	padding: 4px 16px;
	font-weight: bold;
}

.x-grid3-gridsummary-row-inner {
	overflow: hidden;
	width: 100%;
} /* IE6 requires width:100% for hori. scroll to work */
.x-grid3-gridsummary-row-offset {
	width: 10000px;
}

.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner {
	display: none;
}

.sss-panel .x-grid3-scroller { /*overflow: scroll !important;*/
	
}

div.sss-mastercell-wrap {
	border: 0px none !important;
	padding: 0px !important;
	margin: 0px !important;
}

.sss-uiwrap {
	float: left;
	position: relative;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
}

.sss-elbow-empty {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
}

.sss-elbow-line {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-line.gif) repeat-x;
}

.sss-elbow {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow.gif) no-repeat;
}

.sss-elbow-end {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-end.gif) no-repeat;
}

.sss-elbow-active {
	cursor: pointer;
}

.sss-elbow-minus {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-minus.gif) no-repeat;
}

.sss-elbow-end-minus {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-end-minus.gif)
		no-repeat;
}

.sss-nl-minus {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-minus-nl.gif) no-repeat;
}

.sss-elbow-plus {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-plus.gif) no-repeat;
}

.sss-elbow-end-plus {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-end-plus.gif) no-repeat;
}

.sss-nl-plus {
	position: absolute;
	height: 18px;
	width: 16px;
	overflow: hidden;
	background: url(../images/default/treeGrid/elbow-plus-nl.gif) no-repeat;
	width: 16px;
	overflow: hidden;
}

.x-media-htm {
	background-image: url( ../images/utils/help.png ) !important;
}

.rightcompose {
	padding-right: 14px;
}

.rightcompose {
	padding-right: 40px;
	margin: 0;
}

.composerAttachmentsHolder {
	border: 1px solid #999;
	list-style: none outside none;
	margin: 0 0px 0px 0px;
	min-height: 18px;
	overflow: hidden;
	padding: 6px 4px 4px 5px;
}

.attachment {
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
}

img.type {
	margin-right: 2px;
}

.attach-btn {
	height: 15px !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px !important;
	text-indent: 0px !important;
}

img.attach {
	background: url( ../images/file/remove-attachment.png ) no-repeat scroll
		0 2px transparent;
	height: 14px;
	width: 12px;
}

.attach-btn {
	height: 15px !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px !important;
	text-indent: 0px !important;
}

.attachmentSpan {
	margin-right: 2px;
	padding-right: 15px;
	position: relative;
	top: 0;
	vertical-align: middle;
	font: 12px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img.attach:hover {
	background: url( ../images/file/remove-attachment-hover.png ) no-repeat
		scroll 0 2px transparent;
	height: 14px;
	width: 12px
}

.puce {
	font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	background-image: url( ../images/puce.png);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 15px;
	font-size: 100%;
	size: 10px;
}