html,body {
	font: normal 12px tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}

/* readonly fields */
input[readonly],textarea[readonly],ul[readonly] {
	background-color: #EEE;
	background-image: none;
	color: #555;
}
.x-fieldset-noborder {
    border:0px none transparent !important;
}
/* Tree on Read only */
.x-panel-tree-xmask {
	display:none;
}

.x-panel-tree-disabled {
	margin-left: 160px;
	opacity: 0.8;
	background-color: #EEE;
	color: #555;	
}

.x-panel-tree-disabled .x-grid-cell-inner {
	background-color: #EEE;
	color: #555;
}

.x-panel-tree-disabled .x-panel-body {
	background-color: #EEE;
	color: #555;
}

.x-grid-readonly .x-grid-body .x-grid-view .x-grid-table .x-grid-row .x-grid-cell div{
	opacity: 0.8;
	background-color: #EEE;
	color: #333;
}

/* --- Ard Logo on desktop --- */
.ardlogo {
	position: fixed;
	top: 25px;
	right: 25px;
	width: 156px;
	height: 90px;
}
/* --- To Fix desktop bad scrolling issues on Chrome --- */
.fixedShortcuts, .ux-wallpaper, .fixedGenericWindow{
	position: fixed !important;
}

.ardlogo div {
	width: 156px;
	height: 90px;
	background-image: url("/typo3conf/ext/ard_view_helpers/res/images/ard2017.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

/*----------------------------------------------------
	Desktop base CSS
*/

#desktop {
	background: #3d71b8 url("../wallpapers/desktop.jpg") no-repeat left top;
	background-size: 100%;
}
#desktop-body {
	background-color: transparent;
}

/* --- Start Button --- */
.ux-start-button-icon {
	background-image: url("../images/taskbar/black/startbutton-icon.gif") !important;
	background-color: transparent;
}
.ux-start-button .x-btn-icon.ux-start-button-icon {
	width: 23px;
	height: 23px;
	top: 5px;
}
.x-webkit .x-btn-icon.ux-start-button-icon {
	top: 3px
}
.x-ie .x-btn-icon.ux-start-button-icon {
	top: 5px
}
.ux-start-button em button {
	height: 30px;
	top: -3px;
}
.x-webkit .ux-start-button em button {
	top: -1px;
}

.ux-start-button .x-btn-inner {
	padding-left: 25px;
}
.ux-start-button .x-btn-arrow {
	background-image: none;
}
.ux-start-button .x-btn-arrow-right {
	padding-left: 10px;
}
.ux-taskbar {
	padding-left: 4px !important;
	z-index: 90000;
}

/* Start Button (Black) .ux-desktop-black */
.ux-start-button {
	height: 30px;
	padding: 0;
	display: block;
}
.ux-start-button em {
/*	margin-top: 5px;*/
}
.ux-taskbar .ux-start-button .x-btn-inner {
	color: black;
	font-size:11px;
	font-weight: bold;
	margin-top: 3px;
}
.ux-start-button {
	background: url("../images/taskbar/black/startbutton.gif") repeat-x scroll 0 -61px transparent !important;
	border-radius: 8px 8px 8px 8px;
	border-color: #81A4D0;
}

/* --- Start Menu --- */
.ux-start-menu-toolbar .x-btn-inner {
	text-align: left;
}
.ux-start-menu-toolbar {
	padding: 4px !important;
}
.ux-start-menu {
	background: transparent none;
	border: 3px double black;
	border-radius: 3px;
	padding: 0;
	z-index: 100000 !important;
}
.ux-start-menu .x-panel-header,
.ux-start-menu .x-toolbar {
	background: #464A4F none;
	border: none;
}
.x-nlg .ux-start-menu .x-toolbar {
	background: #464A4F none !important;
}
.ux-start-menu .x-panel-header .x-panel-header-text,
.ux-start-menu .x-toolbar .x-btn-inner {
	color: white;
}
.x-ie .ux-start-menu-toolbar .x-btn button {
	overflow: hidden;
}
.ux-start-menu-toolbar .x-btn-default-toolbar-small-over {
	border: 1px outset black;
	background: #404142; /* Old browsers */
	background: -moz-linear-gradient(top,  #404142 0%, #292b2c 50%, #030507 51%, #030507 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404142), color-stop(50%,#292b2c), color-stop(51%,#030507), color-stop(100%,#030507)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* IE10+ */
	background: linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404142', endColorstr='#030507',GradientType=0 ); /* IE6-9 */
}
.ux-start-menu-toolbar .x-btn-default-toolbar-small-over .x-btn-inner {
	color: white;
}
.ux-start-menu-toolbar.x-toolbar-vertical .x-toolbar-separator-vertical {
	border-top: 1px solid #18191A;
	border-bottom: 1px solid #858789;
}

/* --- TaskBar --- */
.ux-taskbar .x-toolbar {
	background: transparent none !important;
	border-color: transparent;
}
.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
	text-align: left !important;
}
.ux-taskbar .x-toolbar {
	height: 28px;
}
.ux-taskbar {
	height: 28px;
	padding: 0;
}
.x-toolbar .x-toolbar {
	padding: 0;
}

/* --- TaskBar (Black) .ux-desktop-black --- */
.ux-taskbar.x-toolbar {
	background: transparent url("../images/taskbar/black/taskbar-start-panel-bg.gif") repeat-x left top !important;
	border-color: transparent;
	/*height: 30px;*/
}
.ux-taskbar .x-splitter {
	background: transparent url("../images/taskbar/black/taskbar-split-h.gif") no-repeat scroll 0 0;
	border: none;
}
.ux-taskbar .x-toolbar-text {
	color: white !important;
}
.ux-taskbar .ux-desktop-windowbar .x-btn-default-toolbar-small {
	border: 1px outset black;
	background: #404142; /* Old browsers */
	background: -moz-linear-gradient(top,  #404142 0%, #292b2c 50%, #030507 51%, #030507 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404142), color-stop(50%,#292b2c), color-stop(51%,#030507), color-stop(100%,#030507)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* IE10+ */
	background: linear-gradient(top,  #404142 0%,#292b2c 50%,#030507 51%,#030507 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404142', endColorstr='#030507',GradientType=0 ); /* IE6-9 */
}
.ux-taskbar .ux-desktop-windowbar .x-btn-default-toolbar-small-pressed {
	border: 1px inset black;
	background: -moz-linear-gradient(top,  rgba(254,255,255,0) 0%, rgba(221,241,249,0) 35%, rgba(194,230,245,0) 64%, rgba(160,216,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,0)), color-stop(35%,rgba(221,241,249,0)), color-stop(64%,rgba(194,230,245,0)), color-stop(100%,rgba(160,216,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,255,255,0) 0%,rgba(221,241,249,0) 35%,rgba(194,230,245,0) 64%,rgba(160,216,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,255,255,0) 0%,rgba(221,241,249,0) 35%,rgba(194,230,245,0) 64%,rgba(160,216,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,255,255,0) 0%,rgba(221,241,249,0) 35%,rgba(194,230,245,0) 64%,rgba(160,216,239,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(254,255,255,0) 0%,rgba(221,241,249,0) 35%,rgba(194,230,245,0) 64%,rgba(160,216,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
}
.ux-taskbar .ux-desktop-windowbar .x-btn-default-toolbar-small-over {
	border: 1px inset #9FC9F5;
}
.ux-taskbar .x-btn-inner {
	color: white;
}
.ux-taskbar .x-box-inner.x-box-scroller-left,
.ux-taskbar .x-box-inner.x-box-scroller-right {
	top: -2px;
}
.ux-taskbar .x-box-scroller-left .x-toolbar-scroll-left {
	background-image: url("../images/taskbar/black/scroll-left.gif");
	height: 28px;
	width: 17px;
}
.ux-taskbar .x-box-scroller-right .x-toolbar-scroll-right {
	background-image: url("../images/taskbar/black/scroll-right.gif");
	height: 28px;
	width: 17px;
}
.ux-taskbar .x-box-scroller-left .x-toolbar-scroll-left-hover,
.ux-taskbar .x-box-scroller-right .x-toolbar-scroll-right-hover {
	background-position: -18px 0;
}

/* --- Tray Clock --- */
.ux-desktop-trayclock {
	text-align: center;
	vertical-align: middle;
	padding-top: 0;
	padding-bottom: 0;
}

/* --- Tray Icon --- */
.ux-desktop-trayicon {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.ux-desktop-trayicon div {
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-color: transparent;
}


.ux-window-error {
	border: 1px solid red;
}

/* --- Window Menu --- */
.ux-windowmenu-restore,.ux-windowmenu-minimize,
.ux-windowmenu-maximize, .ux-windowmenu-close {
	background-image: url("/typo3conf/ext/ard_view_helpers/res/extjs/resources/themes/images/default/tools/tool-sprites.gif");
	height:15px; width:15px;
	top:6px;
}
.ux-windowmenu-restore {
	background-position: 0 -45px;
}
.ux-windowmenu-minimize {
	background-position: 0 -15px;
}
.ux-windowmenu-maximize {
	background-position: 0 -30px;
}
.ux-windowmenu-close {
	background-position: 0 0;
}

/* --- Desktop DataView --- */
.ux-wallpaper {
	background-color: #3d71b8;
}
.ux-wallpaper-tiled {
	background-repeat: repeat;
}

.ux-desktop-shortcut {
	cursor: pointer;
	text-align: center;
	padding: 8px;
	margin: 8px;
	width: 64px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ux-desktop-shortcut-icon {
	width: 48px;
	height: 48px;
	background-color: transparent;
	background-repeat: no-repeat;
}
.ux-desktop-shortcut-text {
	font: normal 10px tahoma,arial,verdana,sans-serif;
	text-decoration: none;
	padding-top: 5px;
	color: white;
}
.x-view-over .ux-desktop-shortcut-text {
	text-decoration: underline;
}

.ux-contextmenu-window-cascade {
	background-image: url(" ../shared/icons/fam/application_cascade.png") !important;
}



/* --- END Desktop base CSS --- */

/* --- Login Form --- */
.ardlock {
	background-image: url("../shared/icons/fam/lock.png") !important;
}

#redirectToCasMsg {
	/*padding : 10px;*/
	margin-bottom : 10px !important;
}

/* --- Desktop shortcuts icons --- */
#users-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/user.png");
}
#carriers-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/user_carrier.png");
}
#visitorEditor-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/user_visitor.png");
}
#VisitorsEditor-win-shortcut {
	background: transparent url("../shared/icons/fam/wand.png") no-repeat 40px 40px;
}
#VisitorsEditor-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/user_visitor.png");
}
#events-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/eventlog.png");
}
#alarm_zone-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/megaphone.png");
}
#synolist-win-shortcut div {
	background-image: url("../shared/icons/ard/48x48/synoptic.png");
}


/* --- MCM Tray Icon --- */
.ux-desktop-trayicon div.mcm-ok {
	background-image: url("../shared/icons/ard/22x22/systray_ok.png");
}
.ux-desktop-trayicon div.mcm-warn {
	background-image: url("../shared/icons/ard/22x22/systray_error.png");
}
.ux-desktop-trayicon div.mcm-ko {
	background-image: url("../shared/icons/ard/22x22/systray_ko.png");
}
/* --- Isoview Realtime Tray icon --- */
.ux-desktop-trayicon div.realtime-ok {
	background-image: url("../shared/icons/ard/22x22/realtime_working.png");
}
.ux-desktop-trayicon div.realtime-ko {
	background-image: url("../shared/icons/ard/22x22/realtime_stopped.png");
}
.ux-desktop-trayicon div.realtime-unknown {
	background-image: url("../shared/icons/ard/22x22/realtime_unknown.png");
}
.ux-desktop-trayicon div.realtime-disabled {
	background-image: url("../shared/icons/ard/22x22/realtime_disabled.png");
}
/* Tray status infos */
.traystatus-errors {
	text-align: left;
}
.traystatus-errors H3 {
	text-align: left;
	font-weight: bold;
	color: red;
}
.traystatus-warns {
	text-align: left;
}
.traystatus-warns H3 {
	text-align: left;
	font-weight: bold;
	color: orange;
}

.traystatus-success {
	text-align: left;
}
.traystatus-success H3 {
	text-align: left;
	font-weight: bold;
	color: green;
}


/* --- Notifications Warning Levels Notifications trayicon --- */
.ux-desktop-trayicon div.notificationwarnlevel_0 {
	background-image: url("../shared/icons/ard/22x22/warningLevel_0.png");
}
.ux-desktop-trayicon div.notificationwarnlevel_1 {
	background-image: url("../shared/icons/ard/22x22/warningLevel_1.png");
}
.ux-desktop-trayicon div.notificationwarnlevel_2 {
	background-image: url("../shared/icons/ard/22x22/warningLevel_2.png");
}

/* --- Notifications Warning Levels --- */
.notificationwarnlevel_0 {
	background-image: url("../shared/icons/ard/16x16/warningLevel_0.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.notificationwarnlevel_1 {
	background-image: url("../shared/icons/ard/16x16/warningLevel_1.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.notificationwarnlevel_2 {
	background-image: url("../shared/icons/ard/16x16/warningLevel_2.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}


/* --- Notifications Warning Levels Notifications callout --- */
.sysTraynotifWarn_0 {
	background-image: url("../shared/icons/ard/16x16/warningLevel_0.png");
	background-repeat: no-repeat;
	padding: 3px 0px 3px 22px;
}
.sysTraynotifWarn_1 {
	background-image: url("../shared/icons/ard/16x16/warningLevel_1.png");
	background-repeat: no-repeat;
	padding: 3px 0px 3px 22px;
}
.sysTraynotifWarn_2 {
	background-image: url("../shared/icons/ard/16x16/warningLevel_2.png");
	background-repeat: no-repeat;
	padding: 3px 0px 3px 22px;
}
.tips {
	background-image: url("../shared/icons/ard/16x16/tips.png");
	background-repeat: no-repeat;
	padding: 3px 0px 3px 22px;
}

/* ---- Menus --- */
.x-menu {
	z-index: 100000 !important;
}

.x-menu-item.x-menu-title {
	font-weight: bold;
	font-size: 11px;
	color: #6E6E6E;
	background-color: #CED9E7;
}

/* --- Tabs --- */
.x-tab button .x-tab-inner {
	font-weight: normal;
}
.x-tab.x-tab-active button .x-tab-inner {
	font-weight: bold;
}

.x-tab-batch-masked{
	display:none;
}

/* ---  --- */
.ux-mselect {
	overflow: auto;
	background: white;
	position: relative; /* for calculating scroll offsets */
	zoom: 1;
	overflow: auto;
}

.ux-mselect-item {
	font: normal 12px tahoma, arial, helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #fff;
	white-space: nowrap;
	cursor: pointer;
}

.ux-mselect-selected {
	border: 1px dotted #a3bae9 !important;
	background: #DFE8F6;
	cursor: pointer;
}

.x-view-drag-insert-above {
	border-top: 1px dotted #3366cc;
}

.x-view-drag-insert-below {
	border-bottom: 1px dotted #3366cc;
}

/* Not used ? to remove
#dpanels {
	width: 250px;
	float: right;
}
#dpanels .x-panel {
	margin: 15px;
}
#dpanels .x-date-picker {
	border: 0 none;
	border-top: 0 none;
	background: transparent;
}
#dpanels .x-date-picker td.x-date-active {
	background: #ffffff;
}
#dpanels .x-date-picker {
	width: 100% !important;
}
*/

.x-msg-error {
	font: bold 12px tahoma, arial, verdana, sans-serif;
	color: #B9121B;
}

.x-msg-valid {
	font: bold 12px tahoma, arial, verdana, sans-serif;
	color: #1D702D;
}
/* Not used ? to remove
#title-bar {
	color: #225599;
	padding: 9px 7px;
	font: bold 16px tahoma, arial, verdana, sans-serif;
	float: left;
}
#title-bar-wrapper {
	height: 35px;
}
*/
/* Not used ? to remove
#x-logout {
	float: right;
	padding: 6px 7px;
}
.x-btn-text-icon .x-btn-center .logout {
	background-position: 0pt 3px;
	background-repeat: no-repeat;
	padding: 3px 0pt 3px 18px;
}
*/
#spacer {
	height: 25px;
	float: left;
	width: 0;
	overflow: hidden;
	margin-top: 2px;
}

.x-window-body p,.x-panel-body p {
	padding: 10px;
	margin: 0;
}

.x-window-maximized .x-window-bc {
	height: 0;
}

/* --- Devices nocom coloration --- */
.ardnomcmcom {
	background-image: none !important;
	background-color: red !important;
}

.ardnoisoviewcom {
	background-image: none !important;
	background-color: red !important;
}
tr.ardnoisoviewcomchild div.x-grid-cell-inner {
	background-color: orange !important;
}
tr.ardnoisoviewcom div.x-grid-cell-inner {
	background-color: red !important;
}
/* --- Filter --- */
.ardfilter {
	background-image: none !important;
	background-color: #cdcfd0 !important;
}

/* --- Default icons --- */

/* Start menu */
.accordion {
	background-image: url("../images/accordian.gif") !important;
}
.tabs {
	background-image: url("../images/tabs.gif") !important;
}
.icon-grid {
	background-image: url(" ../images/grid.png") !important;
}
.bogus {
	background-image: url("../images/bogus.png") !important;
}
.option {
	background-image: url("../shared/icons/fam/plugin.gif") !important;
}
.logout {
	background-image: url("../images/logout.gif") !important;
}
.settings {
	background-image: url("../shared/icons/ard/16x16/settings.svg") !important;
	background-size:16px 16px;
	background-repeat:no-repeat;
}
.ardhelp {
	background-image: url("../shared/icons/ard/16x16/help_desk.png") !important;
}
.ardupdate {
	background-image: url("../shared/icons/fam/world_go.png") !important;
}

.arddata {
	background-image: url("../shared/icons/fam/table.png") !important;
}
.ardreport {
	background-image: url("../shared/icons/fam/report.png") !important;
	height: 16px;
	width: 16px;
}
.ardwritereport {
	background-image: url("../shared/icons/fam/edit.png") !important;
	height: 16px;
	width: 16px;
}
.ardcheck {
	background-image: url("../shared/icons/ard/22x22/ok.png") !important;
}

/* window, grid, form buttons */
.filter {
	background-image: url("../shared/icons/fam/zoom.png") !important;
}
.filter-add {
	background-image: url("../shared/icons/fam/zoom_in.png") !important;
}
.filter-delete {
	background-image: url("../shared/icons/fam/zoom_out.png") !important;
}
.next {
	background-image: url("../shared/icons/fam/control_play_blue.png") !important;
}
.back {
	background-image: url("../shared/icons/fam/control_back_blue.png") !important;
}
.undo {
	background-image: url("../shared/icons/fam/arrow_undo.png") !important;
}
.apply {
	background-image: url("../shared/icons/fam/arrow_refresh.png") !important;
}
.save {
	background-image: url("../shared/icons/save.gif") !important;
}
.shortcutSmall {
	background-image: url("../shared/icons/fam/shortcut_small.png") !important;
}
.shortcut {
	background-image: url("../shared/icons/fam/shortcut.png") !important;
}
.x-tool-add, .add {
	background-image: url("../shared/icons/fam/add.gif") !important;
}
.x-tool-delete, .delete, .remove {
	background-image: url("../shared/icons/fam/delete.gif") !important;
}
.x-tool-editmode-on, .edit {
	background-image: url("../shared/icons/fam/pencil.png") !important;
}
.x-tool-clearfilter {
	background-image: url("../shared/icons/fam/find_remove.png") !important;
}
.duplicate {
	background-image: url("../shared/icons/fam/page_white_copy.png") !important;
}
.x-tool-editmode-off {
	background-image: url("../shared/icons/fam/pencil_delete.png") !important;
}
.x-tool-columns {
	background-image: url("../shared/icons/fam/application_view_columns.png") !important;
}
.x-tool-grouping {
	background-position: 0 -345px;
}
.ardexports {
	background-image: url("../shared/icons/ard/16x16/exports.png") !important;
}
.ardimports, .ardimport {
	background-image: url("../shared/icons/ard/16x16/imports.png") !important;
}
.ardsynchronize {
	background-image: url("../shared/icons/ard/16x16/synchro.png") !important;
}
.ardcalcul {
	background-image: url("../shared/icons/ard/16x16/accountant.png") !important;
}
.ardsettime {
	background-image: url("../shared/icons/fam/clock.png") !important;
}
.ardLoadDevice {
	background-image: url("../shared/icons/ard/16x16/charger_g2.png") !important;
}
.ardfind {
	background-image: url("../shared/icons/fam/find.png") !important;
}
.batch {
	background-image: url("../shared/icons/fam/cog.png") !important;
}

.printer {
	background-image: url("../shared/icons/ard/16x16/printer.png") !important;
}
.printerdirect {
	background-image: url("../shared/icons/ard/16x16/printer_direct.png") !important;
}
.printerverified {
	background-image: url("../shared/icons/ard/16x16/printer_verified.png") !important;
}
.printerparam {
	background-image: url("../shared/icons/ard/16x16/printer_param.png") !important;
}

.exports {
	background-image: url("../shared/icons/ard/16x16/exports.png") !important;
}
.export-pdf {
	background-image: url("../shared/icons/fam/page_white_acrobat.png") !important;
}
.export-csv {
	background-image: url("../shared/icons/fam/page_white_database.png") !important;
}
.export-xls {
	background-image: url("../shared/icons/fam/page_white_excel.png") !important;
}
.export-doc {
	background-image: url("../shared/icons/fam/page_white_word.png") !important;
}
.view-details {
	background-image: url("../shared/icons/fam/eye.png") !important;
}

.attach {
	background-image: url("../shared/icons/fam/attach.png") !important;
}
.camera {
	background-image: url("../shared/icons/ard/16x16/camera.png") !important;
}
.exclamation {
	background-image: url("../shared/icons/fam/exclamation.png") !important;
}
.find, .icon-magnifier {
	background-image: url("../shared/icons/fam/find.png") !important;
}
.find_remove {
	background-image: url("../shared/icons/fam/find_remove.png") !important;
}

.ard-allow {
	background-image: url("../shared/icons/ard/16x16/allow.png") !important;
}
.ard-stop {
	background-image: url("../shared/icons/ard/16x16/stop.png") !important;
}
.ard-ban {
	background-image: url("../shared/icons/ard/16x16/ban.png") !important;
}

.grid-purge {
	background-image: url(../shared/icons/fam/bin.png) !important;
}
.grid-playstop {
	background-image: url(../shared/icons/fam/control_stop.png) !important;
}
.x-pressed .grid-playstop {
	background-image: url(../shared/icons/fam/control_play.png) !important;
}
.grid-pause {
	background-image: url(../shared/icons/fam/control_pause.png) !important;
}

.ard_desktop_disabled.x-grid-row .x-grid-cell {
	background-color: #E0E0E0;
}
.ard_desktop_warning.x-grid-row .x-grid-cell {
	background-color: rgba(255, 204, 102, 0.5);
}
.ard_desktop_error.x-grid-row .x-grid-cell {
	background-color: pink;
}
.ard_desktop_valid.x-grid-row .x-grid-cell {
	background-color: #C3FDB8;
}

.x-tool-daemonRestart {
	background-image: url(../shared/icons/fam/arrow_refresh.png) !important;
}
.x-tool-daemonStart {
	background-image: url(../shared/icons/ard/16x16/autorise.png) !important;
}
.x-tool-daemonStop {
	background-image: url(../shared/icons/ard/16x16/stop.png) !important;
}

.ardhistory {
	background-image: url("../shared/icons/ard/16x16/history.png") !important;
}
.ardhistory-disabled {
	background-image: url("../shared/icons/ard/16x16/history_disabled.png") !important;
}
.ardhistory-clear {
	background-image: url("../shared/icons/ard/16x16/history_clear.png") !important;
}
.ardarchive {
	background-image: url("../shared/icons/ard/16x16/archivage.png") !important;
}
.ardarchive-disabled {
	background-image: url("../shared/icons/ard/16x16/archivage_disabled.png") !important;
}

.help {
	background-image: url(../shared/icons/fam/help.png) !important;
	background-repeat: no-repeat;
}


/* --- Taxons icons --- */
.ux-taxonfield-cm-delete {
	background-image: url(../shared/icons/fam/delete.png) !important;
}
.taxons-folder-add {
	background-image: url(../shared/icons/fam/folder_add.png) !important;
}
.taxons-taxon-add {
	background-image: url(../shared/icons/fam/add.png) !important;
}
.taxons-taxon-del {
	background-image: url(../shared/icons/fam/delete.png) !important;
}
.taxons-taxons-del {
	background-image: url(../shared/icons/fam/delete.png) !important;
}
.taxons-folder-del {
	background-image: url(../shared/icons/fam/folder_delete.png) !important;
}
.taxons-taxon-link {
	background-image: url(../shared/icons/fam/link.png) !important;
}
.taxons-taxon-unlink {
	background-image: url(../shared/icons/fam/link_break.png) !important;
}
.taxons-taxons-unlink {
	background-image: url(../shared/icons/fam/link_delete.png) !important;
}
.taxons-taxon-move {
	background-image: url(../shared/icons/fam/arrow_right.png) !important;
}

.ardtxbtn.x-disabled button {
	background-color:aquamarine;
}
/* --- Sound / video icons --- */

.playsound {
	background-image: url(../shared/icons/fam/control_play.png) !important;
}
.stopsound {
	background-image: url(../shared/icons/fam/control_stop.png) !important;
}
.stopallsounds {
	background-image: url(../shared/icons/fam/control_stop.png) !important;
}
.togglemuteallsounds {
	background-image: url(../shared/icons/fam/sound_mute.png) !important;
}
.x-pressed .togglemuteallsounds {
	background-image: url(../shared/icons/fam/sound.png) !important;
}
.addsound {
	background-image: url(../shared/icons/fam/sound_add.png) !important;
}
/* Readonly - preferences and settings*/
div[id^="mod-"][id$="-body"] .x-mask,
div[id^="pref-"][id$="-body"] .x-mask {
	background-color: transparent;
}
div[id^="mod-"][id*="-body"] .x-item-disabled,
div[id^="pref-"][id*="-body"] .x-item-disabled {
	opacity: 1 !important;
}



/* --- Access icons --- */
.ardaccess {
	background-image: url("../shared/icons/ard/16x16/key.png") !important;
}
.ardaccess-door, .ardaccess-door-0 {
	background-image: url("../shared/icons/ard/16x16/door.png") !important;
}
.ardaccess-door-1  {
	background-image: url("../shared/icons/ard/16x16/door_key.png") !important;
}
.ardaccess-doord, .ardaccess-door-0d {
	background-image: url("../shared/icons/ard/16x16/door_disabled.png") !important;
}
.ardaccess-door-1d  {
	background-image: url("../shared/icons/ard/16x16/door_key_disabled.png") !important;
}
.ardaccess-log {
	background-image: url("../shared/icons/ard/16x16/eventlog.png")
		!important;
}
.ardaccess-rights {
	background-image: url("../shared/icons/ard/16x16/key.png") !important;
}
.ardaccess-zone {
	background-image: url("../shared/icons/fam/map.png") !important;
}
.ardaccess-zoneIntrusion {
	background-image: url("../shared/icons/fam/map_delete.png") !important;
}
.ardaccess-simulator {
	background-image: url("../shared/icons/fam/key_go.png") !important;
}
.ardsynolist {
	background-image: url("../shared/icons/ard/16x16/synoptic.png");
}
.ardpath {
	background-image: url("../shared/icons/fam/chart_line.png");
}
.ardstats {
	background-image: url("../shared/icons/ard/16x16/Statistic.png");
}
.ardaccesspoint {
	background-image: url("../shared/icons/ard/16x16/accesspoint.png") !important;
}
.ardaccesspoint-add {
	background-image: url("../shared/icons/ard/16x16/accesspoint_add.png") !important;
}
.ardaccesspoint-update {
	background-image: url("../shared/icons/ard/16x16/accesspoint_update.png") !important;
}
.ardaccesspoint-del, .ardaccesspoint-delete {
	background-image: url("../shared/icons/ard/16x16/accesspoint_del.png") !important;
}
.ardaccesspoint-duplicate, .door-duplicate {
	background-image: url("../shared/icons/fam/page_white_copy.png") !important;
}

.arduserin {
	background-image: url("../shared/icons/fam/user_go.png") !important;
}

.door-add, .zone-add, .schedule-add {
	background-image: url("../shared/icons/fam/add.gif") !important;
}
.door-delete, .zone-delete, .schedule-delete {
	background-image: url("../shared/icons/fam/delete.gif") !important;
}
.ardschedule {
	background-image: url("../shared/icons/fam/calendar_view_week.png") !important;
}

.action-grantaccess, .action-pushbutton {
	background-image: url("../shared/icons/ard/16x16/door_in.png") !important;
}
.action-ungrantaccess {
	background-image: url("../shared/icons/ard/16x16/door_out.png") !important;
}
.action-manageSupervision {
	background-image: url("../shared/icons/ard/16x16/eventlog.png") !important;
}
.ardalarm {
	background-image: url("../shared/icons/ard/16x16/megaphone.png") !important;
}
.ardalarm-disabled {
	background-image: url("../shared/icons/ard/16x16/megaphone_disabled.png") !important;
}
.ardalarm-acked {
	background-image: url("../shared/icons/ard/16x16/megaphone_clear.png") !important;
}
.ardcom-server-connect {
	background-image: url("../shared/icons/fam/server_connect.png");
}

/* --- Wizard icon  --- */
.wizard {
	background-image: url("../shared/icons/fam/wand.png") !important;
}
.wizardWinBottomTb {
	padding : 10px 10px 10px 10px;
	background-color: rgb(223, 233, 246);
	background-image: none;
	border : none;
}
.wizardWinBottomTbButton {
	border : 1px solid #81a4d0;
	width : 80px;
	height : 25px;
	text-align: center;
	line-height : 20px;
}

/* --- Carriers icons  --- */
.carrier {
	background-image: url("../shared/icons/ard/16x16/user_carrier.png") !important;
}
.carrier-add {
	background-image: url("../shared/icons/ard/16x16/user_carrier_add.png") !important;
}
.carrier-delete {
	background-image: url("../shared/icons/ard/16x16/user_carrier_del.png") !important;
}
.carrier-duplicate {
	background-image: url("../shared/icons/ard/16x16/user_duplicate.png") !important;
}
.carrier-search {
    background-image: url(../shared/icons/ard/16x16/user_search.png) !important;
}

/* --- Carrier groups icons --- */
.carriergroup {
	background-image: url("../shared/icons/ard/16x16/group_carriers.png") !important;
}
.carriergroup-add {
	background-image: url("../shared/icons/ard/16x16/group_carriers_add.png") !important;
}
.carriergroup-del, .carriergroup-delete {
	background-image: url("../shared/icons/ard/16x16/group_carriers_del.png") !important;
}
.carriergroup-duplicate {
	background-image: url("../shared/icons/fam/page_white_copy.png") !important;
}

/* --- Combined Groups icons --- */
.combinedgroup {
	background-image: url("../shared/icons/ard/16x16/group_combined.png") !important;
}
.combinedgroup-add {
	background-image: url("../shared/icons/ard/16x16/group_combined_add.png") !important;
}
.combinedgroup-del, .combinedgroup-delete {
	background-image: url("../shared/icons/ard/16x16/group_combined_del.png") !important;
}

/* --- Devices icons --- */
.arddevice {
	background-image: url("../shared/icons/ard/16x16/device.png") !important;
}
.arddevice-add {
	background-image: url("../shared/icons/ard/16x16/device_add.png") !important;
}
.arddevice-del, .arddevice-delete {
	background-image: url("../shared/icons/ard/16x16/device_del.png") !important;
}
.arddevice-enable {
	background-image: url("../shared/icons/ard/16x16/device.png") !important;
}
.arddevice-disabled {
	background-image: url("../shared/icons/ard/16x16/device_disabled.png") !important;
}
.arddevice-duplicate {
	background-image: url("../shared/icons/ard/16x16/user_duplicate.png") !important;
}
.arddevice-move {
	background-image: url("../shared/icons/fam/arrow_branch.png") !important;
}
.arddevice-0-0-0 {
	background-image: url("../shared/icons/fam/drive_error.png") !important;
}
.arddevice-1-0-0,.controllers-0,.controllers-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_g2.png") !important;
}
.controllers-0d,.controllers-1d {
	background-image: url("../shared/icons/ard/16x16/hardware_g2_disabled.png") !important;
}
.arddevice-1-0-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_g2_disabled.png") !important;
}
.arddevice-1-1-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_o2.png") !important;
}
.arddevice-1-1-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_o2_disabled.png") !important;
}
.arddevice-1-2-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_o3.png") !important;
}
.arddevice-1-2-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_o3_disabled.png") !important;
}
.arddevice-2-0-0, .arddevice-2-1-0, .arddevice-2-2-0, .arddevice-2-3-0, .arddevice-2-30-0, .otes-0, .otes-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_otes.png") !important;
}
.arddevice-2-0-1, .arddevice-2-1-1, .arddevice-2-2-1, .arddevice-2-3-1, .arddevice-2-30-1, .otes-0d, .otes-1d {
	background-image: url("../shared/icons/ard/16x16/hardware_otes_disabled.png") !important;
}
.arddevice-2-10-0, .arddevice-2-60-0{
	background-image: url("../shared/icons/ard/16x16/hardware_c2.png") !important;
}
.arddevice-2-10-1, .arddevice-2-601 {
	background-image: url("../shared/icons/ard/16x16/hardware_c2_disabled.png") !important;
}
.arddevice-2-20-0, .arddevice-2-21-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_lock_aperio.png") !important;
}
.arddevice-2-20-1, .arddevice-2-21-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_lock_aperio_disabled.png") !important;
}
.arddevice-2-40-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_do_aperio.png") !important;
}
.arddevice-2-40-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_do_aperio_disabled.png") !important;
}
.arddevice-2-50-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_otouch.png") !important;
}
.arddevice-2-50-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_otouch_disabled.png") !important;
}
.arddevice-3-0-0, .arddevice-3-30-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_reader.png") !important;
}
.arddevice-3-0-1, .arddevice-3-30-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_reader_disabled.png") !important;
}
.arddevice-3-1-0, .reader-0, .reader-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_reader.png") !important;
}
.arddevice-3-1-1, .reader-0d, .reader-1d {
	background-image: url("../shared/icons/ard/16x16/hardware_reader_disabled.png") !important;
}
.arddevice-3-2-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_lock_pegasys.png") !important;
}
.arddevice-3-2-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_lock_pegasys_disabled.png") !important;
}
.arddevice-3-3-0, .arddevice-3-4-0, .arddevice-3-5-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_lock_pegasys.png") !important;
}
.arddevice-3-3-1, .arddevice-3-4-1, .arddevice-3-5-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_lock_pegasys_disabled.png") !important;
}
.arddevice-3-10-0, .arddevice-3-11-0 {
	background-image: url("../shared/icons/ard/16x16/virtual_reader.png") !important;
}
.arddevice-3-10-1, .arddevice-3-11-1 {
	background-image: url("../shared/icons/ard/16x16/virtual_reader_disabled.png") !important;
}
.arddevice-3-20-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_reader_numkeypad.png") !important;
}
.arddevice-3-20-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_reader_numkeypad_disabled.png") !important;
}
.arddevice-4-0-0, .sensor-0, .sensor-1 {
	background-image: url("../shared/icons/ard/16x16/input.png") !important;
}
.arddevice-4-0-1, .sensor-0d, .sensor-1d {
	background-image: url("../shared/icons/ard/16x16/input_disabled.png") !important;
}
.arddevice-4-10-0 {
	background-image: url("../shared/icons/ard/16x16/centralized_input.png") !important;
}
.arddevice-4-10-1 {
	background-image: url("../shared/icons/ard/16x16/centralized_input_disabled.png") !important;
}
.arddevice-5-0-0 {
	background-image: url("../shared/icons/ard/16x16/statistic_lines.png") !important;
}
.arddevice-5-0-1 {
	background-image: url("../shared/icons/ard/16x16/statistic_lines_disabled.png") !important;
}
.arddevice-6-0-0 {
	background-image: url("../shared/icons/ard/16x16/door_in.png") !important;
}
.arddevice-6-0-1 {
	background-image: url("../shared/icons/ard/16x16/door_in_disabled.png") !important;
}
.arddevice-6-10-0 {
	background-image: url("../shared/icons/ard/16x16/centralized_output.png") !important;
}
.arddevice-6-10-1 {
	background-image: url("../shared/icons/ard/16x16/centralized_output_disabled.png") !important;
}
.arddevice-7-0-0 {
	background-image: url("../shared/icons/ard/16x16/door_out.png") !important;
}
.arddevice-7-0-1 {
	background-image: url("../shared/icons/ard/16x16/door_out_disabled.png") !important;
}
.arddevice-10-30-0 {
	background-image: url("../shared/icons/ard/16x16/hardware_lin.png") !important;
}
.arddevice-10-30-1 {
	background-image: url("../shared/icons/ard/16x16/hardware_lin_disabled.png") !important;
}
.arddevice-200-0-0, .arddevice-200-100-0, .arddevice-200-200-0 {
	background-image: url("../shared/icons/ard/16x16/dvr.png") !important;
}
.arddevice-200-0-1, .arddevice-200-100-1, .arddevice-200-200-1 {
	background-image: url("../shared/icons/ard/16x16/dvr_disabled.png") !important;
}
.arddevice-250-0-0 {
	background-image: url("../shared/icons/ard/16x16/monitor.png") !important;
}
.arddevice-250-0-1 {
	background-image: url("../shared/icons/ard/16x16/monitor_disabled.png") !important;
}
.arddevice-100-0-0 {
	background-image: url("../shared/icons/ard/16x16/camera_b_ip.png") !important;
}
.arddevice-100-0-1 {
	background-image: url("../shared/icons/ard/16x16/camera_b_ip_disabled.png") !important;
}
.arddevice-100-100-0 {
	background-image: url("../shared/icons/ard/16x16/camera_b.png") !important;
}
.arddevice-100-100-1 {
	background-image: url("../shared/icons/ard/16x16/camera_b_disabled.png") !important;
}
.arddevice-100-200-0, .camera-0, .camera-1 {
	background-image: url("../shared/icons/ard/16x16/webcam.png") !important;
}
.arddevice-100-200-1, .camera-0d, .camera-1d {
	background-image: url("../shared/icons/ard/16x16/webcam_disabled.png") !important;
}
.arddevice-500-0-0 {
	background-image: url("../shared/icons/ard/16x16/oss.png") !important;
}
.arddevice-500-0-1 {
	background-image: url("../shared/icons/ard/16x16/oss_disabled.png") !important;
}
.arddevice-isoview {
	background-image: url("../shared/icons/ard/16x16/isoview.png") !important;
	height: 16px;
	width: 16px;
}
.taxons-device,.taxons-device-0,.taxons-device-1 {
	background-image: url("../shared/icons/ard/16x16/device.png") !important;
}
.house, .house-0, .house-1, .taxons-locations, .taxons-locations-0, .taxons-locations-1,.arddevice-location {
	background-image: url("../shared/icons/fam/house.png") !important;
}
 .house-1, .taxons-locations-1 {
	background-image: url("../shared/icons/fam/house_key.png") !important;
}
 .house-0d  {
	background-image: url("../shared/icons/fam/house_disabled.png") !important;
}
.house-1d  {
	background-image: url("../shared/icons/fam/house_key_disabled.png") !important;
}

/* --- Draw icons --- */
.arddraw {
	background-image: url("../shared/icons/fam/vector.png") !important;
}
.ardsynoptic {
	background-image: url("../shared/icons/ard/16x16/synoptic.png") !important;
}
/* --- Groups icons --- */
.group, .group-0, .group-1 {
	background-image: url("../shared/icons/ard/16x16/group.png") !important;
}
 .group-0d, .group-1d {
	background-image: url("../shared/icons/ard/16x16/group_disabled.png") !important;
}
.group-add {
	background-image: url("../shared/icons/ard/16x16/group_add.png") !important;
}
.group-delete {
	background-image: url("../shared/icons/ard/16x16/group_del.png") !important;
}
.group-edit {
	background-image: url("../shared/icons/ard/16x16/group_edit.png") !important;
}
.group-duplicate {
	background-image: url("../shared/icons/fam/page_white_copy.png") !important;
}

/* --- MCM icons --- */
.ardmcm {
	background-image: url(" ../shared/icons/fam/transmit.png") !important;
}
.ardconsole {
	background-image: url(" ../shared/icons/ard/16x16/xterm.png") !important;
}
.ardbrowser {
	background-image: url(" ../shared/icons/fam/page_find.png") !important;
}
.arddoc {
	background-image: url(" ../shared/icons/fam/book_open.png") !important;
}
.arddaemon {
	background-image: url(" ../shared/icons/fam/cog.png") !important;
}

.cog {
	background-image: url(" ../shared/icons/fam/cog.png") !important;
}
.cog-edit {
	background-image: url(" ../shared/icons/fam/cog_edit.png") !important;
}
.cog-delete {
	background-image: url(" ../shared/icons/fam/cog_delete.png") !important;
}

.connect {
	background-image: url("../shared/icons/ard/16x16/connect.png") !important;
}

.arddaemonwarn {
	background-image: none !important;
	background-color: orange !important;
}
.arddaemonko {
	background-image: none !important;
	background-color: red !important;
}

/* --- Sgoc icons --- */
.ardsgoc, .ardsgoc-0 {
	background-image: url("../shared/icons/ard/16x16/vcard.png") !important;
}
.ardsgoc-1 {
	background-image: url("../shared/icons/fam/transmit.png") !important;
}
.ardsgoc-2 {
	background-image: url("../shared/icons/ard/16x16/keyboard.png") !important;
}
.ardsgoc-3 {
	background-image: url("../shared/icons/ard/16x16/licenseplate.png") !important;
}
.ardsgoc-5 {
	background-image: url("../shared/icons/ard/16x16/qrcode.png") !important;
}
.taxons-so {
	background-image: url("../shared/icons/ard/16x16/group.png") !important;
}

.showLicencePlate {
	background-color: white;
	border:solid 2px #000000;
	margin: 5px 40px;
	padding: 0 20 0 20;
	letter-spacing: 1px;
	font-size: 16;
	font-weight: bold;
}

/* --- Users icons --- */
.user {
	background-image: url("../shared/icons/ard/16x16/user.png") !important;
}
.user-add {
	background-image: url("../shared/icons/ard/16x16/user_add.png") !important;
}
.user-comment {
	background-image: url("../shared/icons/fam/user_comment.png") !important;
}
.user-duplicate {
	background-image: url("../shared/icons/ard/16x16/user_duplicate.png") !important;
}
.user-delete {
	background-image: url("../shared/icons/ard/16x16/user_del.png") !important;
}
.user-girl {
	background-image: url("../shared/icons/fam/user_female.gif") !important;
}
.user-kid {
	background-image: url("../shared/icons/fam/user_green.gif") !important;
}
.user-suit {
	background-image: url("../shared/icons/fam/user_suit.gif") !important;
}

/* --- Menu icons --- */
.ardMaintenance {
	background-image: url("../shared/icons/ard/16x16/maintenance.svg") !important;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}
.ardConfiguration {
	background-image: url("../shared/icons/ard/16x16/maintenance.png") !important;
}
.ardRequisite {
	background-image: url("../shared/icons/ard/16x16/ok_disabled.png") !important;
}

/* --- Vcards icons --- */
.vcard {
	background-image: url("../shared/icons/ard/16x16/vcard.png") !important;
}
.vcard-add {
	background-image: url("../shared/icons/fam/vcard_add.png") !important;
}
.vcard-delete {
	background-image: url("../shared/icons/fam/vcard_delete.png") !important;
}
.vcard-edit {
	background-image: url("../shared/icons/fam/vcard_edit.png") !important;
}

.vcardgroup-add {
	background-image: url("../shared/icons/fam/add.gif") !important;
}

/* --- Visitors icons --- */
.ardvisitor, .visitor {
	background-image: url("../shared/icons/ard/16x16/user_visitor.png") !important;
}
.visitor-add {
	background-image: url("../shared/icons/ard/16x16/user_visitor_add.png") !important;
}
.visitor-del, .visitor-delete {
	background-image: url("../shared/icons/ard/16x16/user_visitor_del.png") !important;
}
.visitor-start{
	background-image: url("../shared/icons/fam/clock_play.png") !important;
}
.visitor-stop{
	background-image: url("../shared/icons/fam/clock_stop.png") !important;
}
.visitor-exit-all{
	background-image: url("../shared/icons/fam/group_go.png") !important;
}
.visitor-start-today{
	background-image: url("../shared/icons/fam/date_go.png") !important;
}

.visitor-ongoing-visit{
	background-image: url("../shared/icons/fam/eye.png") !important;
}

/* --- Ard.ArdDesktop.View.Menu.RangeMenu --- */
.equals {
	background-image: url("../shared/icons/fam/vector.png") !important;
}
.greater-than {
	background-image: url("../shared/icons/fam/greater-than.png") !important;
}
.less-than {
	background-image: url("../shared/icons/fam/less-than.png") !important;
}

/* TODO Clean old desktop CSS */
/*.x-panel-tl .x-panel-icon,.ux-start-menu-tl .x-panel-icon {
	background-position: 0pt 4px;
	background-repeat: no-repeat;
	padding-left: 20px !important;
}
*/

.x-clear {
	clear: both;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}

.x-window-header-text {
	cursor: default;
}
/* TODO END Clean old desktop CSS */

.x-resizable-proxy {
	background: #C7DFFC;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity = 50);
	border: 1px solid #3b5a82;
}
/*----------------------------------------------------
	Toast CSS
*/
.ux-notification-window .x-window-body {
	text-align: center;
	margin: 0;
	padding: 5px;
	width: 200px;
}

/* --- Toast Icons --- */
.ux-notification-icon-error {
	background-image: url("../shared/icons/fam/exclamation.png") ! important;
}
.ux-notification-icon-warn {
	background-image: url("../shared/icons/fam/error.png") ! important;
}
.ux-notification-icon-progress {
	background-image: url("../shared/icons/fam/hourglass.png") ! important;
}
.ux-notification-icon-success {
	background-image: url("../shared/icons/fam/tick.png") ! important;
}
.ux-notification-icon-information {
	background-image: url("../shared/icons/fam/information.png") ! important;
}
.passwordTab { 
	background: url(../shared/icons/fam/key.png) no-repeat top left !important; 
	background-position: 0 -76px 
}
.logTab { 
	background: url(../shared/icons/fam/book_open.png) no-repeat top left !important; 
	background-position: 0 -76px 
}
.daemonTab { 
	background: url(../shared/icons/fam/drive.png) no-repeat top left !important; 
	background-position: 0 -76px 
}
/* --- Special Toast css --- */
.ux-notification-error {
	border: 2px solid red;
}
.ux-notification-error .x-window-header-text {
	color: red;
}

.ux-notification-warn {
	border: 1px solid orange;
}
.ux-notification-warn .x-window-header-text {
	color: orange;
}

.ux-notification-success {
	border: 1px solid green;
}
.ux-notification-success .x-window-header-text {
	color: green;
}

.ux-notification-light .x-window-header {
	background-color: transparent;
}
.ux-notification-light .x-window-body {
	text-align: center;
	padding: 5px;
	width: 200px;
	background-color: transparent;
	border: 0 solid white;
}

.notification-fixed  .x-window-body {
	border-left: 2px solid blue;
	border-right: 2px solid blue;
}

/* --- END Toast CSS --- */

/* ---  --- */
.msg-over {
	color: #913049 !important;
}

.x-mask-loading-smartcard div {
	padding: 5px 10px 5px 25px;
	background: no-repeat 5px 5px;
	line-height: 16px;
	text-indent: 130px;
	height: 130px;
}

.x-mask-loading-smartcard div {
	background-color: #fbfbfb;
	background-image:
		url("/typo3conf/ext/ard_view_helpers/res/images/smartcard.png");
}

.x-form-field-wrap .x-form-trigger {
	background: transparent
		url("/typo3conf/ext/ard_view_helpers/res/extjs/resources/images/default/form/search-trigger.gif")
		no-repeat 0 0 !important;
}


.x-safari .x-form-field-wrap .x-form-trigger {
	right: -17px !important;
}
.x-form-cb-label-connectedLock {
	position: absolute;
	width: 170px;
	max-width: 170px;
	margin-left:4px;
	top: 2px;
}
/* --- Ext.ux.form.BoxSelect --- */
.x-boxselect ul.x-boxselect-list {
	height: auto;
	cursor: text;
	min-height: 20px;
	padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.x-boxselect input {
	border: none;
	background: none;
	line-height: 18px;
	height: 20px;
	width: 100%;
	padding: 1px 3px;
}
.x-boxselect-input, .x-boxselect-item {
	display: inline-block;
	position: relative;
	*display:inline; /* IE7 */
	zoom:1; /* IE */
}
.x-boxselect-stacked .x-boxselect-item {
	display: block;
}
.x-boxselect-item {
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3;
	padding: 0 1px 0 5px !important;
	margin: 1px 1px 1px 0;
	background-color: #DEE7F8;
	cursor: default;
}
.x-field:not(.x-item-disabled) .x-boxselect-item:hover {
	background: #BBCEF1;
	border: 1px solid #6D95E0;
}
.x-field:not(.x-item-disabled) .x-boxselect-item.selected {
	border: 1px solid #316AD3 !important;
	background: #658FDC !important;
}
.x-boxselect-item-text {
	line-height: 16px;
	padding-right: 20px;
}
.x-boxselect-item-close {
	cursor: pointer;
}

/* no left/right padding here please */
ul.boxselect input.smallinput {
	width: 20px;
}

div .x-panel-body-default {
	background : transparent;
}
.ard_desktop_check-0 {	
	height: 16px;
	width: 16px;
}
.ard_desktop_check-1 {
	background-image: url("/typo3conf/ext/ard_desktop/Resources/Public/shared/icons/ard/16x16/check1.png") !important;
	height: 16px;
	width: 16px;
}

/* --- ul.boxselect li.item-box div.deletebutton : unused --- */
/*
ul.boxselect li.item-box div.deletebutton {
	position: absolute;
	right: 4px;
	top: 5px;
	display: block;
	width: 7px;
	height: 7px;
	font-size: 1px;
}

ul.boxselect li.item-box div.deletebutton:hover {
	background-position: 7px;
}

ul.boxselect li.item-box-focus div.deletebutton,
ul.boxselect li.item-box-focus div.deletebutton:hover
	{
	background-position: bottom;
}
*/
/* --- Ext.ux.UpClick --- */
.ux-upclick {
	position: absolute;
	overflow: hidden;
	padding: 0; margin: 0;
}
.ux-upclick iframe {
	display: none;
	width: 0; height: 0;
	margin: 0; padding: 0;
}
.ux-upclick-form {
	margin: 0; padding: 0;
}
.ux-upclick-form input[type=file] {
	position: absolute;
	top: -4px;
	right: -2px;
	height: 30px;
	filter: alpha(opacity=0);
	opacity: 0;
	font-size: 100px;
}

/* --- Ext.ux.form.ImageDisplay --- */

.manualaccess-photo .x-form-imagedisplay-field {
	height: 120px;
	border: 1px solid #B5B8C8;
}

/* --- Ext.ux.form.ImagesField --- */

.x-form-images-view .thumb-wrap {
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
	cursor: pointer;
}
.x-form-images-view .thumb {
	border: 1px solid #dddddd;
	background: none repeat scroll 0 0 #DDD;
	padding: 2px;
	height: 70px;
	width: 70px;
}
.x-form-images-view .thumb-label {
	display: none;
}

.x-form-images-view .thumb img {
	max-height: 64px;
	max-width: 64px;
}

.x-form-images-view .x-item-over {
	border: 1px solid #cccccc;
	background: #eeeeee;
	padding: 4px;
}

.x-form-images-view .x-item-selected {
	background: #ccddee;
	border: 1px solid #6699cc;
	padding: 4px;
}

.x-form-images-view .x-item-selected .thumb {
	border: 1px solid #6699cc;
}

.carrier-form-photo .x-form-images-field,
#event-tab-form .x-form-images-field{
	height: 120px;
	border: 1px solid #B5B8C8;
}

.x-form-images-field:hover {
	border: 3px dotted #3a7999;
	color: #3a7999;
	background: rgba(0,0,0,0);
}

/* --- Renderer style --- */

.x-grid-checkheader {
	background-color: transparent;
	background-image: url("/typo3conf/ext/ard_view_helpers/res/extjs/resources/images/default/menu/unchecked.gif");
	background-position: 50% -2px;
	background-repeat: no-repeat;
	height: 14px;
}
.x-grid-checkheader-checked {
	background-image: url("/typo3conf/ext/ard_view_helpers/res/extjs/resources/images/default/menu/checked.gif");
}
.x-grid-checkheader-editor .x-form-cb-wrap {
	text-align: center;
}
.x-grid-state-true {
	background-image: url("../shared/icons/ard/16x16/allow.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}
.x-grid-state-false {
	background-image: url("../shared/icons/ard/16x16/ban.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}


/* --- Combobox items --- */

.x-boundlist-item .title {
	font-size:12px;
	font-weight:bold;
}

/* --- --- */

/* @TODO Find new hack in ExtJS 4 for all form */
/* overflow hack in carriers windows form panel */
/*#carrier-panel-main .x-box-inner {
	overflow:auto; 
}*/

/* For panel used in form same color as frame:true but without frame */
.x-panel-body-frame-color {
	background-color: #DFE9F6;
}

/** extjs4 hacks **/
/** corrects bug #0002191 **/
body div div.x-panel-body-default {
	border-width: 0; 
}

.folder_explore {
	background-image: url(" ../shared/icons/fam/folder_explore.png")
}
.folder_edit {
	background-image: url(" ../shared/icons/fam/folder_edit.png")
}

.x-progress-bar-personalization-error .x-progress-bar {
	background: transparent url(../shared/progressred.png) repeat-x !important;
}

.x-progress-bar-personalization-success .x-progress-bar {
	background: transparent url(../shared/progressgreen.png) repeat-x !important;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

* {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	 -o-user-select: none;
	user-select: none;
}
/* Enable select for input, textarea, toast content, report content and logs */
textarea, input, .selectOn,
div.ux-notification-window div.x-window-body-default,
div.reportDatas div.x-panel-body,
div.reportDatas div.x-panel-body *,
div.logFile div.x-panel-body {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	 -o-user-select: text;
	user-select: text;
}

.taxon-field.x-form-invalid-field {
	background-color : transparent;
}

.taxon-field.x-form-invalid-field .selected-tree  {
	border: 1px solid red;
}

div.x-panel.wizard-form > .x-panel-body {
	background-color : transparent;
}

div.x-panel.wizard-form > .x-panel-body {
	background-color : transparent;
}

/*Progress bar css for LPU load */
div#pbh_isoview { width:100% }
div.pbPlaceHolder { width:100%; clear:both; display: inline;}
.ardpbhidden {display:none};
div.pbPbHolder { width:95%}
img.ardpbspacer {float:left;width:18px; height:18px}
img.ardpbspacer {width:18px; height:18px}
img.ardpbexpandable {background-image: url('/typo3conf/ext/ard_view_helpers/res/extjs/resources/themes/images/default/tree/elbow-end-plus-nl.gif');}
img.ardpbexpanded {background-image: url('/typo3conf/ext/ard_view_helpers/res/extjs/resources/themes/images/default/tree/elbow-end-minus-nl.gif');}.pbPlaceHolder img {position:relative; top:14px;}


/* --- Actions icons --- */
.sendEmail {
	background-image: url(" ../shared/icons/fam/email.png");
}

 /*
 * The block above defines the 3 rules required to style one calendar.
 * The following blocks are the exact same rules, but with different 
 * color definitions for each unique calendar.  Each specific calendar
 * has the default class name prefix "x-cal-" plus the calendar's unique class
 * id. To customize these colors you can simply alter the colors of existing
 * calendars, or you can create new style definitions as below, just making
 * sure that the class name you choose matches the StyleClass defined in your 
 * calendar store.
 */
/* ===== x-cal-1 ===== */
.x-combo-list-item.x-cal-1,
.x-combo-list-item.x-cal-1-x .ext-cal-evb,
.ext-ie .x-combo-list-item.x-cal-1-ad,
.ext-opera .x-combo-list-item.x-cal-1-ad {
    color: #ca7609;
}
.ext-cal-day-col .x-cal-1,
.ext-dd-drag-proxy .x-cal-1,
.x-cal-1-ad,
.x-cal-1-ad .ext-cal-evm,
.x-cal-1 .ext-cal-picker-icon,
.x-cal-1-x dl,
.x-calendar-palette .x-cal-1 span {
    background-color: #ca7609 !important;
}
.x-cal-1-ad,
.x-cal-1-ad .ext-cal-evm {
    border-color: #ca7609 !important;
}

/* ===== x-cal-5 ===== */
.x-combo-list-item.x-cal-5,
.x-combo-list-item.x-cal-5-x .ext-cal-evb,
.ext-ie .x-combo-list-item.x-cal-5-ad,
.ext-opera .x-combo-list-item.x-cal-5-ad {
    color: #668CB3;
}
.ext-cal-day-col .x-cal-5,
.ext-dd-drag-proxy .x-cal-5,
.x-cal-5-ad,
.x-cal-5-ad .ext-cal-evm,
.x-cal-5 .ext-cal-picker-icon,
.x-cal-5-x dl,
.x-calendar-palette .x-cal-5 span {
    background-color: #668CB3 !important;
}
.x-cal-5-ad,
.x-cal-5-ad .ext-cal-evm {
    border-color: #668CB3 !important;
}