@charset "utf-8";

@import url("gridfilters.css");
@import url("Ext.ux.form.LovCombo.css");

/* basic formating */
html{
	font-size:16px;
}
body {
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica,Arial,Tahoma,sans-serif;
}
h1 {
	font-size:4.5em;
}
h2 {
	font-size:2.2em;
	margin-bottom:0.818182em;
}
h3 {
	font-size:1.8em;
	line-height:1em;
	margin-bottom:1em;
}
h4 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:1.2em;
}
h5 {
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:1.2em;
}
h6 {
	font-size:1.3em;
	margin-bottom:1.23077em;
}
p {
	font-size:1.2em; /* 12px */
}
li {
	font-size: 1.4em;
}
.left {
	float: left;
}
.right {
	float: right;
}


/* Page offset */
#viewport-offset-left {
	background-position:	0 -5px;
	background-repeat: repeat-x;
	width: 20px;
}
#viewport-offset-right {
	background-position:	0 -5px;
	background-repeat: repeat-x;
	width: 20px;
}


/* Loading indicator */
#loading {
	position: absolute; left: 45%; top: 48%; height: auto; padding: 2px;
}


/* PageHeader */
#page-header {
	margin: 0px auto 0px;
	/*height: 60px;*/
}

/* zobrazenie loga: background-image sa nastavuje v kode pri renderovani stranky podla portalu */
#page-header div.header {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: left 5px;
}

#page-header-container .x-panel-body {
	height: 50px;
}
#page-header img {
	float: left;
}
#page-header ul {
	float: right;
	/*width: 70%;*/
}
#page-header li {
	display: inline;
}
#page-header a {
	float: right;
	/*margin-top: 15px;*/
	padding: 2px 10px;
	text-decoration: none;
}
#page-header a:hover {
	text-decoration: underline;
}
#page-header .last a {
	border: 0px;
}

#page-header #lang-combo {
	width: 120px;
	float: right;
	margin-top: 6px;
}

#page-header .x-form-field-wrap {
	float: right;
}

#page-header .x-form-field-wrap .x-form-arrow-trigger {
	margin-top: 0px;
}

#page-header #UserSwitchBox, #page-header #ColorSchemaSelectBox {
	width: 120px;
	float: right;
	margin-top: 6px;
}

#page-header #ColorSchemaSelectBox div.x-form-field-wrap {
	z-index: 10000;
}

/* page header - update 14.07.2009 */
#page-header {
	/*margin: 0px auto;*/
	height: 40px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: bottom;
}
#page-header div.left {
	margin-top: 5px;
}
/* #page-header ul {
	// float: right;
	// width: 70%;
} */
#page-header li {
	/*display: inline;*/
	font-size: 1.3em;
}
#page-header a {
	/*float: right;*/
	margin-top: 8px;
	/*padding: 2px 10px;
	text-decoration: none;*/
}
/* #page-header a:hover {
	// text-decoration: underline;
} */
#page-header .first a {
	border: 0px;
}
#page-header img#ApplicationLogo {
	height: 25px;
}


/* PageFooter */
#page-footer {
	text-align: center;
	padding: 4px 0 8px;
	font-size: 1.2em;
}
/* Copyright */
.copy {
	text-align: center;
	padding: 4px 0 8px;
	font-size: 1em;
}
.copy.ymonitor {
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	display: inline;
}
.copy.ymonitor em {
	font-weight: normal;
	font-style: italic;
}
.copy.ymonitor a {
	text-decoration: none;
	border-bottom: 1px dotted;
}


/* MainTabPanel #app-tabpanel */
#app-tabpanel.x-tab-panel > .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip-top {
	background-image: none;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip-top > li.first-tab  > .x-tab-right {
	margin-left: 50px;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip-top > li > .x-tab-right > .x-tab-left > .x-tab-strip-inner > :hover.x-tab-strip-text {
	text-decoration: underline;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip-top > li.x-tab-strip-active > .x-tab-right > .x-tab-left > .x-tab-strip-inner > :hover.x-tab-strip-text {
	text-decoration: none;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip-top > li > .x-tab-right > .x-tab-left > .x-tab-strip-inner > .x-tab-strip-text {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header > .x-tab-strip-wrap > .x-tab-strip-top {
	border: none;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header {
	border: 0;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header {
	padding-bottom: 0;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-header {
	position: relative;
	z-index: 100;
	margin-bottom: 0px;
}
#app-tabpanel.x-tab-panel > .x-tab-panel-bwrap {
	position: relative;
}

#app-tabpanel .action-tab a {
	margin-left: 30px;
}
#app-tabpanel .action-tab .x-tab-strip-text div {
	background-color: green;
	border: 1px solid #00C000;
	color: white;
	font-weight: normal;
	padding: 0 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#app-tabpanel .action-tab span:hover.x-tab-strip-text {
	text-decoration: none;
}


/* .main-toolbar .x-panel */
.main-toolbar .x-panel-tl {
	border-bottom: 0px;
}
.main-toolbar .x-panel-tc {
	height: 4px;
}
.main-toolbar .x-panel-ml {
	padding-left: 5px;
}
.main-toolbar .x-panel-mr {
	padding-right: 5px;
}
.main-toolbar .x-panel-mc {
	padding: 5px;
	background-position: -6px;
}

/* main toolbar button */
.main-toolbar-button.x-btn-text-icon .x-btn-icon-large-left .x-btn-text {
	font-weight: bold;
	font-size: 13px;
}
.main-toolbar-button.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text {
	font-weight: bold;
	font-size: 12px;
}



/* border layout container - aplikuje sa na vsetky regiony, ktore maju baseCls:'x-plain' */
/* .main-panel .x-border-layout-ct { } */


/* .vertical-menu-panel */
.vertical-menu-panel {
	margin-bottom: 5px;
}
.vertical-menu-panel .x-menu {
	border: 0px;
}


/* minSize viewport */
Size-viewport, .minSize-viewport body {
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: auto !important;
}
DIV.minSize-viewport {
	top:0;
	left:0;
	position:absolute;
}


.gridPageSizer { background-image: url(../images/default/table_add_del_rows.png) !important; }
.gridAutoRefresher { background-image: url(../images/default/clock_refresh.png) !important; }
.printerIco { background-image: url(../images/default/printer.png) !important; }


/** vim: ts=4:sw=4:nu:fdc=4:nospell
*
* Ext.ux.IconCombo Stylesheets
*
* @author    Ing.Jozef Sakáloš
* @copyright (c) 2008, by Ing. Jozef Sakáloš
* @date      5. April 2008
* @version   $Id: Ext.ux.IconCombo.css 140 2008-04-06 01:24:10Z jozo $
*
* @license Ext.ux.IconCombo.css is licensed under the terms of the Open Source
* LGPL 3.0 license. Commercial use is permitted to the extent that the
* code/component(s) do NOT become part of another Open Source or Commercially
* licensed development library or toolkit without explicit permission.
*
* License details: http://www.gnu.org/licenses/lgpl.html
*/
.ux-icon-combo-icon {
	background-repeat:no-repeat;
	background-position:0 50%;
	width:18px;
	height:14px;
}
.ux-icon-combo-input {
	padding-left:25px;
}
.x-form-field-wrap .ux-icon-combo-icon {
	top:3px;
	left:5px;
}
.ux-icon-combo-item {
	background-repeat:no-repeat ! important;
	background-position:3px 50% ! important;
	padding-left:24px ! important;
}

/* flags for IconCombo */
.ux-flag-en {
	/*background-image:url(../images/flags/us.png) ! important;*/
	background-image:url(../images/default/flags/gb.png) ! important;
}
.ux-flag-sk {
	background-image:url(../images/default/flags/sk.png) ! important;
}

.ux-flag-de {
	background-image:url(../images/default/flags/de.png) ! important;
}

.ux-flag-cs {
	background-image:url(../images/default/flags/cz.png) ! important;
}

.ux-flag-hu {
	background-image:url(../images/default/flags/hu.png) ! important;
}

.ux-flag-ru {
	background-image:url(../images/default/flags/ru.png) ! important;
}
.ux-flag-sr {
	background-image:url(../images/default/flags/sr.png) ! important;
}

/* icons for UserSwitchCombo */
.user-type-system-admin { background-image:url(../images/default/users/user-system-admin.png) ! important; }
.user-type-company-admin { background-image:url(../images/default/users/user-company-admin.png) ! important; }
.user-type-power-user { background-image:url(../images/default/users/user-power-user.png) ! important; }
.user-type-user { background-image:url(../images/default/users/user-user.png) ! important; }
.user-type-demo-user { background-image:url(../images/default/users/user-demo-user.png) ! important; }
.user-switch { background-image:url(../images/default/users/user-switch.png) ! important; }

.user-switch-combo.odd { background-color: #fafafa; }
.user-switch-combo.even { background-color: #ffffff; }
.user-switch-combo.x-combo-selected { background-color: #C1D6EF; }
.user-switch-combo.x-combo-list-item { border-bottom: 1px solid #ededed; border-top: 0px; }


/* InfoPanel */
.x-panel-infopanel {
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	width: /*95%*/100%;
	border-collapse: collapse;
}
/* .x-panel-infopanel tr {
	// height: 30px;
} */
.x-panel-infopanel th {
	font-size:11px;
	font-weight: bold;
}


/* ajax loader */
.ajax-loader {
	background-image:url(../images/default/ajax-loader-black-on-white.gif) ! important;
}
.ajax-loader-black-on-white {
	background-image:url(../images/default/ajax-loader-black-on-white.gif) ! important;
}


/* GMap InfoWindow */
table.gmap-info-window {
	border-collapse: separate;
	border-spacing: 1px;
}
.gmap-info-window th {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.gmap-info-window td {
	font-size: 11px;
	padding: 2px 2px 2px 10px;
}




/* Google Map Tooltip */
.gmap-tooltip {
	padding: 5px;
	-moz-opacity: 0.9;
	opacity: .90;
	filter: alpha(opacity=90);
	width: 200px;
	font-family: Tahoma;
	font-size: 11px;
	/*font-weight: bold;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* Google Map InfoBubble */
.gmap-info-bubble {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	border: 1px solid #bbb;
	padding: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	min-width: 250px;
	max-width: 500px;
	-moz-opacity: 0.95;
	opacity: .95;
	filter: alpha(opacity=95);
	font-family: Tahoma;
	font-size: 11px;
}
.gmap-info-bubble-content {
	line-height: 1.5;
}
.gmap-info-bubble-tip {
	position: absolute;
	bottom: -9px;
	left: 20px;
	height: 9px;
	width: 12px;
	background-image: url(../images/default/map/tooltip/info_bubble_bottom.png);
}


/* Google Map Traffic Layer Legend */
.gmap-control {
	background-color: #FFFFFF;
	padding: 2px 5px;
	border: 1px solid #555555;
}
.gmap-control .traffic_scale_title {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
.gmap-control .traffic_scale {
	position: relative;
	text-align: center;
	width: 116px;
}
.gmap-control .traffic_scale_label {
	font-size: 11px;
	position: relative;
	width: 58px;
}
.gmap-control .traffic_scale_colors {
	margin: auto;
	position: relative;
	width: 66px;
}
.gmap-control .traffic_scale_color {
	border: 1px solid gray;
	float: left;
	height: 6px;
	line-height: 6px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-top: 2px;
	position: relative;
	width: 12px;
}
.gmap-control .traffic_black {
	background: none repeat scroll 0 0 #000000;
}
.gmap-control .traffic_black_stripes {
	background: none repeat scroll 0 0 #990000;
	border-left: 1px solid #000000;
	height: 6px;
	left: 4px;
	position: absolute;
	top: 0px;
	width: 4px;
}
.gmap-control .traffic_red {
	background: none repeat scroll 0 0 #990000;
}
.gmap-control .traffic_yellow {
	background: none repeat scroll 0 0 #FFCC00;
}
.gmap-control .traffic_green {
	background: none repeat scroll 0 0 #30B100;
}


/** vim: ts=4:sw=4:nu:fdc=4:nospell
*
* Ext.ux.grid.RowActions.css
*
* Style sheets for Grid RowActions Plugin
*
* @author   Ing. Jozef Sakáloš
* @date     27. March 2008
* @verson   $Id: Ext.ux.grid.RowActions.css 140 2008-04-06 01:24:10Z jozo $
*
* @license Ext.ux.grid.RowActions.css is licensed under the terms of
* the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
* that the code/component(s) do NOT become part of another Open Source or Commercially
* licensed development library or toolkit without explicit permission.
*
* License details: http://www.gnu.org/licenses/lgpl.html
*/

/* styles for rows */
.ux-row-action-cell .x-grid3-cell-inner {
	padding:1px 0 0 0;
}
.ux-row-action-item {
	float:left;
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin: 0 5px 0 0;
	cursor:pointer;
	overflow:hidden;
}
.ext-ie .ux-row-action-item {
	width:16px;
}
.ext-ie .ux-row-action-text {
	width:auto;
}
.ux-row-action-item span {
	vertical-align:middle;
	padding:0 0 0 20px;
	line-height:18px;
}
.ext-ie .ux-row-action-item span {
	width:auto;
}

/* styles for groups */
.x-grid-group-hd {
	border-bottom-width: 1px;
	background-color: #eee;
	padding-bottom: 3px;
}
.x-grid-group-hd div {
	position:relative;
	height:16px;
}
.ux-grow-action-item {
	min-width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position: 0 50% ! important;
	margin: 0 0 0 4px;
	padding: 0 ! important;
	cursor:pointer;
	float:left;
}
.ext-ie .ux-grow-action-item {
	width:16px;
}
.ux-action-right {
	float:right;
	margin: 0 3px 0 2px;
	padding: 0 ! important;
}
.ux-grow-action-text {
	padding: 0 ! important;
	margin:0 ! important;
	background:transparent none ! important;
	float:left;
}

/** vim: ts=4:sw=4:nu:fdc=4:nospell
 *
 * Ext.ux.grid.CellActions.css
 *
 * Style sheets for Grid CellActions Plugin
 *
 * @author   Ing. Jozef Sakáloš
 * @date     27. March 2008
 * @version  $Id: Ext.ux.grid.CellActions.css 105 2008-03-27 19:57:00Z jozo $
 *
 * @license Ext.ux.grid.CellActions.css is licensed under the terms of
 * the Open Source LGPL 3.0 license.  Commercial use is permitted to the extent
 * that the code/component(s) do NOT become part of another Open Source or Commercially
 * licensed development library or toolkit without explicit permission.
 *
 * License details: http://www.gnu.org/licenses/lgpl.html
 */

.ux-cell-value {
	position:relative;
	zoom:1;
}
.ux-cell-actions {
	position:absolute;
	right:0;
	top:-2px;
}
.ux-cell-actions-left {
	left:0;
	top:-2px;
}
.ux-cell-action {
	width:16px;
	height:16px;
	float:left;
	cursor:pointer;
	margin: 0 0 0 4px;
}
.ux-cell-actions-left .ux-cell-action {
	margin: 0 4px 0 0;
}



/* grid row actions - icons */
.action-add { background-image: url(../images/default/icons/ico_pridat_16.png) ! important; }
.action-delete { background-image: url(../images/default/icons/ico_odobrat_16.png) ! important; }
.action-remove { background-image: url(../images/default/icons/ico_zrusit_16.png) ! important; }
.action-edit { background-image: url(../images/default/icons/ico_editovat_16.png) ! important; }
.action-move-down { background-image: url(../images/default/icons/ico_arrow_down_16.png) ! important; }
.action-move-up { background-image: url(../images/default/icons/ico_arrow_up_16.png) ! important; }
.action-clone { background-image: url(../images/default/icons/ico_klonovat_16.png) ! important; }
.action-send { background-image: url(../images/default/icons/ico_poslat_16.png) ! important; }
.action-edit-cell { background-image: url(../images/default/icons/ico_ceruzka_16.png) ! important; }
.action-bulk { background-image: url(../images/default/icons/ico_bulk_16.png) ! important; }
.action-import { background-image: url(../images/default/icons/ico_importovat_16.png) ! important; }
.action-error { background-image: url(../images/default/icons/ico_chyba_16.png) ! important; }
.action-assign { background-image: url(../images/default/icons/ico_importovat_16.png) ! important; }
.action-assign-remove-driver { background-image: url(../images/default/icons/ico_importovat_16.png) ! important; }
.action-assign-vehicle { background-image: url(../images/default/icons/ico_importovat_16.png) ! important; }
.action-activate { background-image: url(../images/default/icons/ico_aktivovat_16.png) ! important; }
.action-diagnose { background-image: url(../images/default/icons/ico_diagnostika_16.png) ! important; }
.action-upgrade { background-image: url(../images/default/icons/ico_upgradeFirmware_16.png) ! important; }
.action-configure { background-image: url(../images/default/icons/ico_konfigurovat_16.png) ! important; }
.action-configure-entity { background-image: url(../images/default/icons/ico_konfigurovatEntitu_16.png) ! important; }
.action-exchange-sim { background-image: url(../images/default/icons/ico_vymenit_sim_16.png) ! important; }
.action-exchange-unit { background-image: url(../images/default/icons/ico_vymenit_zariadenie_16.png) ! important; }
.action-change-unit-state { background-image: url(../images/default/icons/ico_demontovatZariadenie_16.png) ! important; }
.action-change-pin { background-image: url(../images/default/icons/ico_zmenit_pin_16.png) ! important; }
.action-change-service-package { background-image: url(../images/default/icons/ico_zmenit_programSluzieb_16.png) ! important; }
.action-hide-vehicle { background-image: url(../images/default/icons/ico_slash_button_16.png) ! important; }
.action-fuelstd-edit { background-image: url(../images/default/icons/ico_tankovanieEdit_16.png) ! important; }
.action-user-add { background-image: url(../images/default/users/user-add.png) ! important; }
.action-user-info { background-image: url(../images/default/users/user-info.png) ! important; }
.action-period-lock-add { background-image: url(../images/default/icons/ico_uzavierkaPridat_16.png) ! important; }
.action-period-lock-remove { background-image: url(../images/default/icons/ico_uzavierkaOdobrat_16.png) ! important; }
.action-period-lock-activate { background-image: url(../images/default/icons/ico_uzavierkaAktivovat_16.png) ! important; }
.action-period-lock-deactivate { background-image: url(../images/default/icons/ico_uzavierkaDeaktivovat_16.png) ! important; }
.action-period-lock-data-approve { background-image: url(../images/default/icons/ico_yes_16.png) ! important; }
.action-period-lock-data-disapprove { background-image: url(../images/default/icons/ico_no_16.png) ! important; }
.action-show-detail { background-image: url(../images/default/icons/ico_tabulkaDetail_16.png) ! important; }
.action-detail { background-image: url(../images/default/icons/ico_detail_16.png) ! important; }
.action-pay { background-image: url(../images/default/payportal/ico_payment_16.png) ! important; }
.action-pdf { background-image: url(../images/default/payportal/ico_pdf_16.png) ! important; }
.action-economy { background-image: url(../images/default/icons/ico_euro_16.png) ! important; }
.action-ecology { background-image: url(../images/default/icons/ico_leaf_16.png) ! important; }
.action-hardware-info { background-image: url(../images/default/icons/ico_chip_16.png) ! important; }
.action-lock { background-image: url(../images/default/icons/ico_lock_16.png) ! important; }
.action-unlock { background-image: url(../images/default/icons/ico_lock_unlock_16.png) ! important; }
.action-accept { background-image: url(../images/default/icons/ico_potvrdit_16.png) ! important; }
.action-alarm-sound { background-image: url(../images/default/icons/ico_megaphone_16.png) ! important; }
.action-alarm-cancel { background-image: url(../images/default/icons/ico_megaphone_zrusit_16.png) ! important; }
.action-alarm-mute { background-image: url(../images/default/icons/ico_speaker_mute_16.png) ! important; }
.action-security-arm { background-image: url(../images/default/icons/ico_security_green_16.png) ! important; }
.action-security-disarm { background-image: url(../images/default/icons/ico_security_red_16.png) ! important; }
.action-service { background-image: url(../images/default/icons/ico_service_16.png) ! important; }
.action-vehicle-info { background-image: url(../images/default/icons/ico_osobneVozidlo_16.png) ! important; }
.action-exchange-value { background-image: url(../images/default/icons/ico_zamenit_16.png) ! important; }
.action-sort { background-image: url(../images/default/icons/ico_sort_abc_16.png) ! important; }
.action-name-codes { background-image: url(../images/default/icons/ico_key_go_16.png) ! important; }
.action-filter { background-image: url(../images/default/ux/gridfilters/header_bg.png) !important; }

/* action icons */
.action-execute { background-image: url(../images/default/icons/ico_potvrdit_16.png) ! important; }
.report-excel { background-image: url(../images/default/icons/ico_excel_16.png) ! important; }
.report-excel-disabled { background-image: url(../images/default/icons/ico_excel_gray_16.png) ! important; }
.action-send-txt-msg { background-image: url(../images/default/icons/ico_spravaText_16.png) ! important; }
.action-send-pos-msg { background-image: url(../images/default/icons/ico_spravaPoloha_16.png) ! important; }
.action-send-route-msg { background-image: url(../images/default/icons/ico_spravaTrasa_16.png) ! important; }
.action-accept-msg { background-image: url(../images/default/icons/ico_spravaPotvrdit_16.png) ! important; }
.action-delete-msg { background-image: url(../images/default/icons/ico_spravaVymazat_16.png) ! important; }
.action-detail-msg { background-image: url(../images/default/icons/ico_spravaDetail_16.png) ! important; }
.action-add-mobile-device { background-image: url(../images/default/icons/ico_pridat_mobil_16.png) ! important; }
.action-full-version-request-mobile-device { background-image: url(../images/default/icons/ico_activate_request_mobil_16.png) ! important; }
.action-activate-full-version-mobile-device { background-image: url(../images/default/icons/ico_activate_mobil_16.png) ! important; }
.action-unregister-mobile-device { background-image: url(../images/default/icons/ico_odobrat_mobil_16.png) ! important; }
.action-show-on-map { background-image: url(../images/default/icons/ico_mapa_16.png) ! important; }

.action-download { background-image: url(../images/default/icons/ico_download_16.png) ! important; }
.action-upload { background-image: url(../images/default/icons/ico_upload_16.png) ! important; }

.action-sharing { background-image: url(../images/default/icons/ico_sharing_action_16.png) ! important; }
.action-enable { background-image: url(../images/default/icons/ico_potvrdit_16.png) ! important; }
.action-disable { background-image: url(../images/default/icons/ico_zrusit_16.png) ! important; }

.action-send-link { background-image: url(../images/default/icons/ico_send_link_16.png) ! important; }
.action-link { background-image: url(../images/default/icons/ico_link_16.png) ! important; }

.action-plus { background-image: url(../images/default/form/plus-button.png) ! important; }


/* messages */
.form-window .x-form-display-field.msg { padding: 0.5em 1em; margin-top: 10px; margin-bottom: 10px; }
.msg { font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
.msg-info { color: #000099; }
.msg-failure { background-color: #CC0000; color: #ffffff; }
.msg-success { background-color: #00AA00; color: #ffffff; }
.msg-error { background-color: #CC0000; color: #ffffff; }



.edit-form fieldset.x-fieldset {
	margin-bottom: 50px;
}


.edit-form .x-form-display-field {
	font-weight: bold;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
}


/* main-panel bottom-panel */
.bottom-panel-bl {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 8px;
	height: 10px;
}
.bottom-panel-br {
	background-position: right -10px;
	background-repeat: no-repeat;
	padding-right: 8px;
	height: 10px;
}
.bottom-panel-bc {
	background-position: 0 -20px;
	background-repeat: repeat-x;
	height: 10px;
}


.ext-ie .x-row-editor .x-form-text {
	margin:0 !important;
}
.x-row-editor-header {
	height:2px;
	overflow:hidden;
	background: transparent url(../images/default/row-editor-bg.gif) repeat-x 0 0;
}
.x-row-editor-footer {
	height:2px;
	overflow:hidden;
	background: transparent url(../images/default/row-editor-bg.gif) repeat-x 0 -2px;
}
.ext-ie .x-row-editor-footer {
	margin-top:-1px;
}
.x-row-editor-body {
	overflow:hidden;
	zoom:1;
	background: #ebf2fb;
	padding-top:2px;
}
.x-row-editor .x-btns {
	position:absolute;
	top:28px;
	left:20px;
	padding-left:5px;
	background: transparent url(../images/default/row-editor-btns.gif) no-repeat 0 0;
}
.x-row-editor .x-btns .x-plain-bwrap {
	padding-right:5px;
	background: transparent url(../images/default/row-editor-btns.gif) no-repeat right -31px;
}
.x-row-editor .x-btns .x-plain-body {
	background: transparent url(../images/default/row-editor-btns.gif) repeat-x 0 -62px;
	height:31px;
}
.x-row-editor .x-btns .x-table-layout-cell {
	padding:3px;
}


.errorTip .x-tip-body ul{
	list-style-type:disc;
	margin-left:15px;
}


/* FormWindow */
.form-window-header-body {
	padding: 10px 20px;
	font-weight: bold;
	font-size: 14px;
}
.form-window-form-body {
	padding: 0px 20px;
}
.form-window-form-body .x-fieldset-body {
	padding: 5px;
}
.form-window .activity-msg {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/default/ajax-loader-black-on-white.gif) !important;
}
.form-window .x-form-item {
	padding: 4px 0px 4px 4px;
	margin-bottom: 0px;
}
.form-window .x-form-check-wrap {
	padding-top: 3px;
}
.form-window .x-form-item-label {
	font-weight: bold;
}
.form-window .x-btn {
	margin-top: 4px;
}

/* .form-window .x-item-disabled */
.form-window .x-item-disabled {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
	color: black;
}
.form-window .x-item-disabled * {
	color: black !important;
}

.form-window .x-item-disabled.x-btn button {
	color: #999 !important;
}


/* .ext-el-mask */
.x-viewport .ext-el-mask {
	background-color: #000000;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}
.x-panel-bwrap .ext-el-mask,
.x-window-body .ext-el-mask {
	background-color: #555555;
	-moz-opacity: 0.1;
	opacity: .10;
	filter: alpha(opacity=10);
}
.form-window .ext-el-mask, load-mask {
	background-color: #555555;
	-moz-opacity: 0.1;
	opacity: .10;
	filter: alpha(opacity=10);
}


/* HelpPanel */
.help-panel .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
	border-style: none;
}
.help-panel .x-toolbar .x-btn button {
	font-weight: bold;
}
.help-panel .menu-icon {
	background: url(../images/default/book_open.png) no-repeat !important;
}
.help-panel .help-content-body {
	padding: 20px;
}
.help-panel .help-content-body * {
	/*font-size: 12px;*/
	/*font-family: Verdana;*/
	font-size: 14px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
}
.help-panel .help-content-body h1 {
	/*font-size: 16px;*/
	/*font-family: Arial;*/
	font-size: 19px;
}
.help-panel .help-content-body h2 {
	/*font-size: 14px;*/
	/*font-family: Arial;*/
	font-size: 17px;
}
.help-panel .help-content-body h3 {
	font-size: 15px;
}
.help-panel .help-content-body p {
	line-height: 1.5em;
}
.help-panel .help-content-body li {
	line-height: 1.5em;
}
.help-panel .help-content-body a > img {
	vertical-align: middle;
}
.help-panel .help-menu-body {
	padding: 10px;
	padding-top: 20px;
}
.help-panel .help-menu-body .x-tree-node {
	font-size: 12px;
}


/* icons */
.icon-table-24 { background-image: url(../images/default/icons/ico_tabulka_24.png) !important; }
.icon-map-24 { background-image: url(../images/default/icons/ico_mapa_24.png) !important; }
.icon-chart-24 { background-image: url(../images/default/icons/ico_graf_24.png) !important; }
.icon-statistic-24 { background-image: url(../images/default/icons/ico_statistika_24.png) !important; }
.icon-inputs-24 { background-image: url(../images/default/icons/ico_vstupy_24.png) !important; }
.icon-fuelcoeffs-24 { background-image: url(../images/default/icons/ico_korekciaPHL_24.png) !important; }
.icon-fueling-24 { background-image: url(../images/default/icons/ico_tankovanie_24.png) !important; }
.icon-charging-24 { background-image: url(../images/default/icons/ico_nabijanie_24.png) !important; }
.icon-service-24 { background-image: url(../images/default/icons/ico_servise_24.png) !important; }
.icon-cash-24 { background-image: url(../images/default/icons/ico_money_24.png) !important; }
.icon-service-interval-24 { background-image: url(../images/default/icons/ico_servisInterval_24.png) !important; }
.icon-calibration-24 { background-image: url(../images/default/icons/ico_kalibracia_24.png) !important; }
.icon-vehicle-24 { background-image: url(../images/default/icons/ico_autoModre_24.png) !important; }
.icon-vehicle-report-24 { background-image: url(../images/default/icons/ico_vehicle_report_24.png) !important; }
.icon-driver-24 { background-image: url(../images/default/icons/ico_vodic_24.png) !important; }
.icon-driver-report-24 { background-image: url(../images/default/icons/ico_driver_report_24.png) !important; }
.icon-order-24 { background-image: url(../images/default/icons/ico_order_24.png) !important; }
.icon-order-report-24 { background-image: url(../images/default/icons/ico_order_report_24.png) !important; }
.icon-order-history-24 { background-image: url(../images/default/icons/ico_orderHistory_24.png) !important; }
.icon-cost-center-24 { background-image: url(../images/default/icons/ico_bankovka_24.png) !important; }
.icon-cost-center-report-24 { background-image: url(../images/default/icons/ico_cost_center_report_24.png) !important; }
.icon-group-24 { background-image: url(../images/default/icons/ico_vozidla_24.png) !important; }
.icon-company-24 { background-image: url(../images/default/icons/ico_spolocnost_24.png) !important; }
.icon-period-24 { background-image: url(../images/default/icons/ico_uzavierky_24.png) !important; }
.icon-user-24 { background-image: url(../images/default/icons/ico_uzivatel_24.png) !important; }
.icon-fuelcard-24 { background-image: url(../images/default/icons/ico_tankovacieKarty_24.png) !important; }
.icon-location-24 { background-image: url(../images/default/icons/ico_lokality_24.png) !important; }
.icon-table-calendar-24 { background-image: url(../images/default/icons/ico_tabulkaKalendar_24.png) !important; }
/*.icon-trips-16 { background-image: url(../images/default/icons/ico_knihaJazd_16.png) !important; }*/
.icon-trips-16 { background-image: url(../images/default/icons/ico_calendar_blue_16.png) !important; }
.ico-get-position-16 { background-image: url(../images/default/icons/ico_refresh_16.png) !important; }
.ico-load-trip-16 { background-image: url(../images/default/icons/ico_nacitat_16.png) !important; }
.ico-calibration-16 { background-image: url(../images/default/icons/ico_kalibracia_16.png) !important; }
.icon-routes-24 { background-image: url(../images/default/icons/ico_trasy_24.png) !important; }
.icon-routes-vehicles-24 { background-image: url(../images/default/icons/ico_trasy_vozidla_24.png) !important; }
.icon-routes-history-16 { background-image: url(../images/default/icons/ico_calendar_16.png) !important; }
.icon-routes-history-24 { background-image: url(../images/default/icons/ico_historiaPlneniaTrasy_24.png) !important; }
.icon-routes-status-24 { background-image: url(../images/default/icons/ico_stavPlneniaTrasy_24.png) !important; }
.icon-duty-trips { background-image: url(../images/default/icons/ico_sluzobne_jazdy.png) !important; }
.icon-routes-reports-24 { background-image: url(../images/default/icons/ico_celkovaHistoriaTrasy_24.png) !important; }
.ico-save-16 { background-image: url(../images/default/icons/ico_ulozit_16.png) !important; }
.ico-table-16 { background-image: url(../images/default/icons/ico_tabulka_16.png) !important; }
.ico-close-win-16 { background-image: url(../images/default/icons/ico_zatvorit_16.png) !important; }
.ico-help-16 { background-image: url(../images/default/icons/ico_pomoc_16.png) !important; }
.ico-confirm-16 { background-image: url(../images/default/icons/ico_potvrdit_16.png) !important; }
.icon-accept-16 { background-image: url(../images/default/accept.png) !important; }
.icon-player-stop-16 { background-image: url(../images/default/player/stop.gif) !important; }
.icon-player-pause-16 { background-image: url(../images/default/player/pause.gif) !important; }
.icon-player-play-16 { background-image: url(../images/default/player/play.gif) !important; }
.icon-player-plus-16 { background-image: url(../images/default/player/plus.gif) !important; }
.icon-player-minus-16 { background-image: url(../images/default/player/minus.gif) !important; }
.icon-player-previous-16 { background-image: url(../images/default/player/left.gif) !important; }
.icon-player-next-16 { background-image: url(../images/default/player/right.gif) !important; }
.icon-player-first-16 { background-image: url(../images/default/player/left-end.gif) !important; }
.icon-player-last-16 { background-image: url(../images/default/player/right-end.gif) !important; }
.icon-arrow-up-16 { background-image: url(../images/default/actions/arrow_up.png) !important; }
.icon-arrow-down-16 { background-image: url(../images/default/actions/arrow_down.png) !important; }
.icon-arrow-out-16 { background-image: url(../images/default/arrow_out.png) !important; }
.icon-cross-16 { background-image: url(../images/default/actions/cross.png) !important; }
.icon-play-green-16 { background-image: url(../images/default/play_green.png) !important; }
.icon-folder-explore-16 { background-image: url(../images/default/folder_explore.png) !important; }
.icon-messages-list-24 { background-image: url(../images/default/icons/ico_spravyZoznam_24.png) !important; }
.icon-cancel-10 { background-image:url(../images/default/icons/ico_no_10.png) !important;}
.icon-confirm-selection { background-image:url(../images/default/icons/ico_yes_10.png) !important;}
.icon-cancel-selection { background-image:url(../images/default/icons/ico_no_10.png) !important;}
.icon-pencil-16 { background-image:url(../images/default/icons/ico_ceruzka_16.png) !important;}
.icon-customer-24 { background-image:url(../images/default/icons/ico_customer_24.png) !important;}
.icon-work-orders-list-24 { background-image:url(../images/default/icons/ico_workordersList_24.png) !important; }
.icon-work-order-history-24 { background-image:url(../images/default/icons/ico_workorderHistory_24.png) !important; }
.icon-work-order-16 { background-image:url(../images/default/icons/ico_workorder_16.png) !important; }
.icon-loading-events-24 { background-image: url(../images/default/icons/ico_NakladanieVykladanie_24.png) !important; }
.icon-history-24 { background-image: url(../images/default/icons/ico_calendar_24.png) !important; }
.icon-zip-file-16 { background-image: url(../images/default/icons/ico_zip_16.png) !important; }
.icon-contacts-24 { background-image: url(../images/default/icons/ico_contacts_24.png) !important; }
.icon-alerts-history-24 { background-image: url(../images/default/icons/ico_calendar_24.png) !important; }
.icon-alert-settings-24 { background-image: url(../images/default/icons/ico_settings_24.png) !important; }
.icon-error-16 { background-image: url(../images/default/form/exclamation-red.png) !important; }
.icon-info-16 { background-image: url(../images/default/form/question-white.png) !important; }
.icon-key-yellow-16 { background-image: url(../images/default/icons/ico_key_yellow_16.png) !important; }
.icon-key-red-16 { background-image: url(../images/default/icons/ico_key_red_16.png) !important; }

.icon-key-add-16 { background-image: url(../images/default/icons/ico_key_add_16.png) !important; }
.icon-key-16 { background-image: url(../images/default/icons/ico_key_16.png) !important; }
.icon-key-assign-16 { background-image: url(../images/default/icons/ico_key_assign_16.png) !important; }
.icon-key-confirm-16 { background-image: url(../images/default/icons/ico_key_confirm_16.png) !important; }
.icon-key-delete-16 { background-image: url(../images/default/icons/ico_key_delete_16.png) !important; }
.icon-key-list-16 { background-image: url(../images/default/icons/ico_key_list_16.png) !important; }
.icon-key-person-16 { background-image: url(../images/default/icons/ico_key_person_16.png) !important; }
.icon-key-remove-16 { background-image: url(../images/default/icons/ico_key_remove_16.png) !important; }
.icon-key-warning-16 { background-image: url(../images/default/icons/ico_key_warning_16.png) !important; }

.icon-arrow-left-green-16 { background-image: url(../images/default/arrow-left-green.png) !important; }


/*!
* Ext JS Library 3.0+
* Copyright(c) 2006-2009 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/
/*
* FileUploadField component styles
*/
.x-form-file-wrap {
	position: relative;
	height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
	height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
	margin-top: 0px; /* !!! */
}
.x-form-file-wrap .x-form-file-text {
	position: absolute;
	left: 0;
	z-index: 3;
	color: #777;
}


/* QuickTip */
.x-tip .x-tip-body {
	font-size: 1.1em;
	color: #111111;
	padding: 2px;
	line-height: 1.4em;
}
.x-form-invalid-tip .x-tip-body {
	padding-left: 24px;
}
/*
.x-tip .x-tip-body {
	-x-system-font:none;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.2em;
}
.x-tip .x-tip-mc {
	background-color: transparent;
}
.x-tip {
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
}
*/


/* sipky po stranach bocnych panelov */
.x-layout-split-west .x-layout-mini {
	background-image: url(../images/default/layout/mini-left.gif);
}
.x-layout-split-east .x-layout-mini {
	background-image: url(../images/default/layout/mini-right.gif);
}
.x-layout-cmini-west .x-layout-mini {
	background-image: url(../images/default/layout/mini-right.gif);
}
.x-layout-cmini-east .x-layout-mini {
	background-image: url(../images/default/layout/mini-left.gif);
}


.ext-gecko .x-window-body .x-form-item {
overflow: hidden;
}


/* forced-scrollbars */
.action-panel-body.forced-scrollbars,
.info-panel-body.forced-scrollbars {
	overflow: hidden !important;
	overflow-y: scroll !important;
	/*overflow-y: auto !important;*/
}

/* ActionPanel */
.action-panel-body {
	padding: 2px 0px 5px 5px;
}
/* InfoPanel */
.info-panel-body {
	padding: 2px 5px 5px 0px;
}

/* CalendarPanel */
.calendar-panel {
	margin-bottom: 5px;
}
.calendar-panel-body {
	padding: 2px;
}

/* CenterPanel */
.center-panel-body {
	padding: 2px 0px 5px 0px;
}

/* DetailView */
.detail-view {
	margin-bottom: 5px;
}
/* .detail-view-body {
	// padding: 5px;
} */

/* EditForm */
.edit-form-header-body {
	padding: 10px 20px;
	font-weight: bold;
	font-size: 14px;
}
.edit-form-form-body {
	padding: 0px 20px;
}
.edit-form-info-msg {
	margin-top: 20px;
	font-weight: bold;
	padding: 2px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.edit-form-info-msg.info {
	color: blue;
}
.edit-form-info-msg.success {
	background-color: #00AA00;
	color: white;
}
.edit-form-info-msg.failure {
	background-color: #CC0000;
	color: white;
}

/* ModulDisabledWarningBar */
a.module-disabled-warning-bar-help-link {
	color: #B1C8E7;
	font-weight: bold;
}
a.module-disabled-warning-bar-help-link:hover {
	color: #FFFFFF;
}
.x-panel-mc .x-panel-body.module-disabled-warning-bar-body,
.x-panel-mc .x-panel-body.module-disabled-warning-bar-body .x-form-display-field {
	color: #FFFFFF;
	font-size: 12px;
}

.x-panel-mc .x-panel-body.module-disabled-warning-bar-body {
	background-color: #CC0000;
	padding: 5px;
}

/* VehiclesFilterPanel */
.vehicles-filter-panel-tbtext {
	font-weight: bold;
	font-size: 13px;
	font-family: arial,tahoma,verdana,helvetica;
}

/* MyAccount */
.my-account-fieldset-body {
	padding: 5px;
}
.ext-ie .my-account-fieldset {
	margin-right: -10px;
}



/* bug-fix pre IE */
/*.ext-border-box div#page-header-container .x-panel-body {
	padding: 0px;
}
.ext-border-box div.main-toolbar .x-panel-body {
	padding: 0px;
}*/


.form-window .x-form-item-focus,
.form-window fieldset.x-fieldset .x-form-item-focus
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.x-form-check-wrap {
	/*padding-top: 3px;*/
	/*height: 15px;*/
	line-height: 15px;
}
/* "bug" v Google Chrome - datepicker sa natiahne na celu sirku obrazovky - malo by byt osetrene v Ext 3.1 */
.ext-chrome .x-date-picker, .ext-safari .x-date-picker {
	width: 175px;
	display: block;
}


.grid-bool-icon-col, .grid-bool-icon-col-on, .grid-bool-icon-col-disabled, .grid-bool-icon-col-on-disabled {
	width:100%;
	height:16px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
}
.grid-bool-icon-col {
	background-image:url(../images/default/icons/ico_no_10.png);
}
.grid-bool-icon-col-on {
	background-image:url(../images/default/icons/ico_yes_10.png);
}
.grid-bool-icon-col-disabled {
	background-image:url(../images/default/icons/ico_no_disabled_10.png);
}
.grid-bool-icon-col-on-disabled {
	background-image:url(../images/default/icons/ico_yes_disabled_10.png);
}



.x-form-invalid, textarea.x-form-invalid{
    background-color: #ffeeee;
}



/* TODO: presunut do .css suborov pre jednotlive farebne schemy + vyrobit 'btn-default.gif' pre kazdu farebnu schemu */
.default .x-btn-tl, .default .x-btn-tr, .default .x-btn-tc, .default .x-btn-ml, .default .x-btn-mr, .default .x-btn-mc, .default .x-btn-bl, .default .x-btn-br, .default .x-btn-bc{
	background-image: url(../images/default/button/btn-default.gif);
}



.x-form-invalid-icon { background-image: url(../images/default/form/exclamation-red.png); }
.x-form-invalid-tip .x-tip-body { background-image:url(../images/default/form/exclamation-red.png); }


.x-form-text, textarea.x-form-field {
	background-image: none !important;
}
.x-form .x-item-disabled, .x-form .x-item-disabled * {
	/*background-color: #f4f4f4 !important;*/
	background-color: inherit !important;
}
.x-form .x-box-layout-ct.x-item-disabled, .x-form .x-box-layout-ct.x-item-disabled *,
.x-form .x-form-check-wrap.x-item-disabled, .x-form .x-form-check-wrap.x-item-disabled * {
	background-color: inherit !important;
}
.x-form .x-item-disabled, .x-form .x-item-disabled input {
	color: black !important;
}


/* LiveGrid */
.ext-ux-livegrid-drop-waiting {
    background-image:url(../images/default/loading.gif) !important;
}
.ext-ux-livegrid.ext-el-mask {
    z-index:0;
}
.ext-ux-livegrid .liveScroller {
    z-index:1;
    background:none!important;
    position:absolute;
    height:3px;
    right:0px;
    width:18px;
    overflow:scroll;
    overflow-x:hidden;
}
.ext-ux-livegrid .liveScroller div {
    background:none;
    width:1px;
    overflow:hidden;
    font-size:1px;
    height:0px;
}



/* chat messages history grid */
.chat-history-grid .x-grid3-row,
.orders-grid .x-grid3-row {
	/*border: 2px solid #FFFFFF;*/
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0px 0px 1px 0px;
}

.chat-history-grid .x-grid3-row.chat-msg-sent {
	background-color: #FAFAFA;/*#EEEEEE;*/
}

.chat-history-grid .x-grid3-row.chat-msg-received {
	background-color: #FEF0AF;/*#DDFFDD;*/
}

.chat-history-grid .x-grid3-row.chat-msg-received.chat-msg-not-accepted {
	background-color: #FEE06F;
}

.chat-history-grid .x-grid3-row.x-grid3-row-selected {
	background-color: #D6E3F2 !important;
}

.chat-history-grid .x-grid3-row-body p {
	padding: 10px 10px 10px 30px;
	/*margin: 0 2px 5px;*/
	font-size: 1em;
	font-style: italic;
}

.logistics-reporting-grid .x-grid3-row.state-driving .x-grid3-cell-inner { color: green; }
.logistics-reporting-grid .x-grid3-row.state-loading-unloading .x-grid3-cell-inner { color: #FFBE00; }
.logistics-reporting-grid .x-grid3-row.state-fuelling .x-grid3-cell-inner { color: #BE008A; }
.logistics-reporting-grid .x-grid3-row.state-resting .x-grid3-cell-inner { color: #996300; }
.logistics-reporting-grid .x-grid3-row.state-service .x-grid3-cell-inner { color: red; }
.logistics-reporting-grid .x-grid3-row.state-working .x-grid3-cell-inner { color: #0066FF; }
.logistics-reporting-grid .x-grid3-row.state-ferry-eurotunnel-train .x-grid3-cell-inner { color: #33CCCC; }


.orders-grid .x-grid3-row.state-unknown { background-color: white; }
.orders-grid .x-grid3-row.state-unknown .x-grid3-cell-inner { color: gray; }
.orders-grid .x-grid3-row.state-inserted { background-color: white; }
.orders-grid .x-grid3-row.state-inserted .x-grid3-cell-inner { color: black; }
.orders-grid .x-grid3-row.state-ready-to-send { background-color: white; }
.orders-grid .x-grid3-row.state-ready-to-send .x-grid3-cell-inner { color: #CC8400; }
.orders-grid .x-grid3-row.state-sending { background-color: white; }
.orders-grid .x-grid3-row.state-sending .x-grid3-cell-inner { color: green; }
.orders-grid .x-grid3-row.state-sent { background-color: white; }
.orders-grid .x-grid3-row.state-sent .x-grid3-cell-inner { color: #996300; }
.orders-grid .x-grid3-row.state-received { background-color: white; }
.orders-grid .x-grid3-row.state-received .x-grid3-cell-inner { color: darkblue; }
.orders-grid .x-grid3-row.state-accepted { background-color: darkgreen; }
.orders-grid .x-grid3-row.state-accepted .x-grid3-cell-inner { color: white; }
.orders-grid .x-grid3-row.state-denied { background-color: white; }
.orders-grid .x-grid3-row.state-denied .x-grid3-cell-inner { color: darkred; }
.orders-grid .x-grid3-row.state-in-progress { background-color: white; }
.orders-grid .x-grid3-row.state-in-progress .x-grid3-cell-inner { color: darkgreen; }
.orders-grid .x-grid3-row.state-finished { background-color: darkgreen; }
.orders-grid .x-grid3-row.state-finished .x-grid3-cell-inner { color: white; }
.orders-grid .x-grid3-row.state-failed { background-color: darkred; }
.orders-grid .x-grid3-row.state-failed .x-grid3-cell-inner { color: white; }
.orders-grid .x-grid3-row.state-cancelled { background-color: #333333; }
.orders-grid .x-grid3-row.state-cancelled .x-grid3-cell-inner { color: white; }
/* .orders-grid .x-grid3-row.state-delayed {  } */
/* .orders-grid .x-grid3-row.state-delayed .x-grid3-cell-inner {  } */
/* .orders-grid .x-grid3-row.state-cancel-pending {  } */
/* .orders-grid .x-grid3-row.state-cancel-pending .x-grid3-cell-inner {  } */
/* .orders-grid .x-grid3-row.state-paused {  } */
/* .orders-grid .x-grid3-row.state-paused .x-grid3-cell-inner {  } */

.orders-grid .x-grid3-row.x-grid3-row-selected {
	background-color: #eee !important;
}
.orders-grid .x-grid3-row.x-grid3-row-selected.state-finished {
	background-color: #004600  !important;
}
.orders-grid .x-grid3-row.x-grid3-row-selected.state-failed {
	background-color: #610000  !important;
}
.orders-grid .x-grid3-row.x-grid3-row-selected.state-cancelled {
	background-color: black  !important;
}



.window-white .x-window-tl, .window-white .x-window-bl {
	background-image: url(../images/default/window-white/left-corners.png);
}
.window-white .x-window-tr, .window-white .x-window-br {
	background-image: url(../images/default/window-white/right-corners.png);
}
.window-white .x-window-tc, .window-white .x-window-bc {
	background-image: url(../images/default/window-white/top-bottom.png);
}
.window-white .x-window-ml, .window-white .x-window-mr {
	background-image: url(../images/default/window-white/left-right.png);
}
.x-window-plain.window-white .x-window-mc {
	background-color: #DDDDDD;
}
body.x-body-masked .x-window-plain.window-white .x-window-mc {
	background-color: #FFFFFF;
}

.x-grid3-row.segment-type-duty-driving {
	background-color: #DDFFDD;
}
.x-grid3-row.segment-type-duty-waiting {
	background-color: #FFDDDD;
}
.x-grid3-row.segment-type-duty-working {
	background-color: #DDDDFF;
}
.x-grid3-row.segment-type-private-driving {
	background-color: #DDEEDD;
}
.x-grid3-row.segment-type-private-waiting {
	background-color: #EEDDDD;
}

.x-grid3-row.loading-event-type-loading {
	background-color: #D2FCD2;
}
.x-grid3-row.loading-event-type-unloading {
	background-color: #FFD5BE;
}
.x-grid3-row-selected.loading-event-type-loading {
	background-color: #AAD3AA !important;
	border-color: #AAD3AA;
}
.x-grid3-row-selected.loading-event-type-unloading {
	background-color: #F5BB9C !important;
	border-color: #F5BB9C;
}

.x-date-inner .x-date-dirty a {
	background-image:url(../images/default/dirty.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.x-date-inner .x-date-notrip a {
	color:#BBB;
}


.x-notification .x-window-body { margin: 0; padding: 1em ! important; width: auto ! important; }
.x-notification .x-tool-close { display: none; }
.x-notification.fixed .x-tool-close { display: block; }



.x-tool-empty { cursor: default; }
.x-tool-empty { background-position: 100px 100px; }
.x-tool-empty-over { background-position: 100px 100px; }


/* fix: x-form-display-field */
.form-window .x-form-display-field { padding-top: 3px; padding-bottom: 3px; }


.sorted-col  { background-color: rgba(150,150,150,0.3); }
.ext-ie .sorted-col  { background-color: #DDDDDD; }
.column-chart { background-color: #555555/*#008000*/; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.column-chart-empty { background-color: #EEEEEE/*#FFCCCC*/; -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; }


.ux-filtered-grid-header-icon { background-image: url(../images/default/ux/gridfilters/header_bg.png) !important; }

.x-grid3-row.text-grayed .x-grid3-cell { color: #aaa; }
.x-grid3-row.line-through .x-grid3-cell { text-decoration: line-through; }
.x-grid3-row.trip-segment-duty-driving .x-grid3-cell { color: darkgreen; font-weight: bold; }
.x-grid3-row.trip-segment-duty-waiting .x-grid3-cell { color: darkred; font-weight: bold; }

.x-grid3-row.row-yellowed-color { background-color: #FEF0AF; }

.x-grid3-row.sharing.active .x-grid3-cell { color: #1c5186; }
.x-grid3-row.sharing.disabled .x-grid3-cell { color: #aaa; }

.x-grid3-row.alert-unconfirmed .x-grid3-cell { font-weight: bold; }

.rounded-border-2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.driving-style {
	border-style: solid;
	border-width: 1px;
	border-color: white;
	border-spacing: 0px;
	border-collapse: separate;
	font-size: 12px;
	text-align: center;
	width: 400px;
	margin: auto;
}

.driving-style-title {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 12px
}

.driving-style td {
	border-style: solid;
	border-width: 1px;
}

.driving-style-legend {
	border-style: solid;
	border-width: 1px;
	border-spacing: 0px;
	border-color: #DFE8F6;
	border-collapse: separate;
	font-size: 12px;
	text-align: center;
	width: 600px;
	float: right;
}

.driving-style-legend th {
	width: 210px;
}

.driving-style-legend td {
	border-style: solid;
	border-width: 1px;
}



/* .action button */
.action .x-btn-tl, .action .x-btn-tr, .action .x-btn-tc, .action .x-btn-ml, .action .x-btn-mr, .action .x-btn-mc, .action .x-btn-bl, .action .x-btn-br, .action .x-btn-bc {
	background-image:url(../images/default/button/btn-action.gif);
}
.action.x-btn button {
    color: #FFFFFF;
}
.action.x-btn-click .x-btn-text, .action.x-btn-menu-active .x-btn-text, .action.x-btn-pressed .x-btn-text{
    color:#FFFFFF;
}
.action.x-btn.x-item-disabled span {
	color: #dddddd !important;
}
.x-form .action.x-item-disabled, .x-form .action.x-item-disabled * {
	background-color: transparent !important;
}

/* .confirm button */
.confirm .x-btn-tl, .confirm .x-btn-tr, .confirm .x-btn-tc, .confirm .x-btn-ml, .confirm .x-btn-mr, .confirm .x-btn-mc, .confirm .x-btn-bl, .confirm .x-btn-br, .confirm .x-btn-bc {
	background-image:url(../images/default/button/btn-confirm.gif);
}
.confirm.x-btn button {
    color: #FFFFFF;
}
.confirm.x-btn-click .x-btn-text, .confirm.x-btn-menu-active .x-btn-text, .confirm.x-btn-pressed .x-btn-text{
    color:#FFFFFF;
}
.confirm.x-btn.x-item-disabled span {
	color: #dddddd !important;
}
.x-form .confirm.x-item-disabled, .x-form .confirm.x-item-disabled * {
	background-color: transparent !important;
}

/* .decline button */
.decline .x-btn-tl, .decline .x-btn-tr, .decline .x-btn-tc, .decline .x-btn-ml, .decline .x-btn-mr, .decline .x-btn-mc, .decline .x-btn-bl, .decline .x-btn-br, .decline .x-btn-bc {
	background-image:url(../images/default/button/btn-decline.gif);
}
.decline.x-btn button {
    color: #FFFFFF;
}
.decline.x-btn-click .x-btn-text, .decline.x-btn-menu-active .x-btn-text, .decline.x-btn-pressed .x-btn-text{
    color:#FFFFFF;
}
.decline.x-btn.x-item-disabled span {
	color: #dddddd !important;
}
.x-form .decline.x-item-disabled, .x-form .decline.x-item-disabled * {
	background-color: transparent !important;
}

/* styly pre security data view */
.security-data-view-body {
	width: 100% !important;
	height: 99% !important;
	background-color: #FFFFFF;
}

.security-wrap{
    border:1px solid #FFFFFF;
	border-bottom-color: #DDDDDD;
	border-right-color: #DDDDDD;
	background-color: #F6F6F6;
	margin: 1px;
	cursor: pointer;

}

.security-state-indicator {
	width: 15px;
	height: 90px;
	float: left;
}

.alarm-state .security-state-indicator {
	background-color: #CC0000;
}

.armed-state .security-state-indicator {
	background-color: #00AA00;
}

.disarmed-state .security-state-indicator {
	background-color: #E67E00;
}

.other-state .security-state-indicator {
	background-color: #777;
}

.security-box {
	height: 90px;
}

.alarm-state.x-view-selected {
	background-color: #FFDDDD;
}

.armed-state.x-view-selected {
	background-color: #E0EFC2;
}

.disarmed-state.x-view-selected {
	background-color: #FFE0B3;
}

.other-state.x-view-selected {
	background-color: #E6E6E6;
}

.security-time {
	color: #757575;
	float: right;
	padding-top: 4px;
	padding-right: 8px;
}

.security-name {
	padding-left: 15px;
	padding-top: 13px;
	font-size: 15px;
	font-weight: bold;
	color: #2D3B60;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.security-location {
	font-size: 12px;
	color: #757575;
	padding-top: 2px;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.security-icon-bar {
	float: left;
	padding-top: 18px;
	padding-left: 16px;
}

.security-actions {
	float: right;
	padding-top: 17px;

}

.security-actions a {
	color: #000000;
	padding: 4px 10px;
	text-decoration: none;
	border: 1px solid #ccc;
	background-color: #ddd;
	margin-right: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.security-actions a:hover {
	text-decoration: underline;
}


.security-view-over {
    background: #efefef;

}

/* styl pre zoznam vozidiel pre logistiku */
.vehicles-logistics-data-view-body {
	width: 100% !important;
	height: 99% !important;
	background-color: #FFFFFF;
}

.vehicles-logistics-over {
    /*background: #efefef;*/
    background: #FF0000;
}

.vehicles-logistics-wrap {
	border:1px solid #FFFFFF;
	border-bottom-color: #DDDDDD;
	border-right-color: #DDDDDD;
	background-color: #F6F6F6;
	margin: 1px;
	cursor: pointer;
}


.work-order-state-indicator {
	width: 15px;
	height: 105px;
	float: left;
}

.work-order-assigned .work-order-state-indicator {
	background-color: #00AA00;
}

.work-order-unassigned .work-order-state-indicator {
	background-color: #777;
}

.vehicles-logistics-box {
	height: 105px;
}

.work-order-assigned.x-view-selected {
	background-color: #E0EFC2;
}

.work-order-unassigned.x-view-selected {
	background-color: #E6E6E6;
}

.vehicles-logistics-time {
	color: #757575;
	float: right;
	padding-top: 4px;
	padding-right: 8px;
}

.vehicles-logistics-name {
	padding-left: 15px;
	padding-top: 13px;
	font-size: 15px;
	font-weight: bold;
	color: #2D3B60;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vehicles-logistics-location {
	font-size: 12px;
	color: #757575;
	padding-top: 2px;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vehicles-logistics-order-code {
	font-size: 12px;
	color: #757575;
	padding-top: 2px;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/*float: left;*/
}

.vehicles-logistics-work-order {
	font-size: 12px;
	color: #757575;
	padding-top: 2px;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/*float: left;*/
}

.vehicles-logistics-eta-dtime {
	font-size: 12px;
	color: #757575;
	padding-top: 2px;
	padding-left: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/*float: left;*/
}


.vehicles-logistics-view-over {
    background: #efefef;
}

.vehicles-logistics-icon-bar {
	float: left;
	padding-top: 14px;
	padding-left: 16px;
}

.vehicles-logistics-actions {
	float: right;
	padding-top: 17px;

}

.vehicles-logistics-actions a {
	color: #000000;
	padding: 4px 10px;
	text-decoration: none;
	border: 1px solid #ccc;
	background-color: #ddd;
	margin-right: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.vehicles-logistics-actions a:hover {
	text-decoration: underline;
}

.reports-inputs-selection-grid .x-grid3-row .x-grid3-cell { color: #999; }
.reports-inputs-selection-grid .x-grid3-row-selected .x-grid3-cell { color: #000; }
.reports-inputs-selection-grid .x-grid3-row .x-grid3-cell.x-grid3-td-state { visibility: hidden; }
.reports-inputs-selection-grid .x-grid3-row-selected .x-grid3-cell.x-grid3-td-state { visibility: visible; }


/* registration form */
.registration-form form
{
	padding:40px;
	/*border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;*/
	background-color:#fafafa;
	border-color:#ddd;
	border-width:1px;
	margin-bottom: 50px;
}

.x-form-display-field { padding-top: 3px; }

.alert-column /*.x-grid3-hd-row .alert-column .x-grid3-hd-inner*/ {
	background: transparent url(../images/default/icons/ico_warning_yellow_16.png) no-repeat !important;
	padding-left: 22px;
}

.x-box-item.x-form-check-wrap .x-form-checkbox { vertical-align: middle; }
.x-box-inner label.x-box-item { margin-top: 3px; font-size: 12px; }
.x-fieldset.x-form-label-left label { text-align: left; }
.x-fieldset .x-form-item label { font-size: 12px; }

.x-form-radio-group .x-form-item {
	padding-bottom: 0;
	margin-bottom: 0;
}

.x-grid3-cell-inner[unselectable="on"] {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.x-window-tl .x-window-header {
	font-size: 12px;
	padding: 10px 0 9px 5px;
}

.notification-box ul {
	list-style-position: outside;
	list-style-type: circle;
}
.notification-box li {
	font-size: 1em;
	margin: 0 15px;
}

.x-grid3-row td, .x-grid3-summary-row td {
	vertical-align: middle;
}


/* .x-grid3-row.fuel-import--valid-record {
	// background-color: rgba(0, 255, 0, 0.05);
} */
.x-grid3-row.fuel-import--valid-record .x-grid3-cell-inner {
	/* color: #388E3C; */
	font-weight: bold;
}
.x-grid3-row.fuel-import--invalid-record {
	background-color: rgba(255, 0, 0, 0.05);
}
.x-grid3-row.fuel-import--invalid-record .x-grid3-cell-inner {
	color: #D32F2F;
	font-weight: bold;
}
/* .x-grid3-row.fuel-import--existing-record {
	// background-color: rgba(0, 0, 0, 0.025);
} */
.x-grid3-row.fuel-import--existing-record .x-grid3-cell-inner {
	color: #999999;
}

.x-grid3-row.fuel-import--valid-record:hover,
.x-grid3-row.fuel-import--invalid-record:hover,
.x-grid3-row.fuel-import--existing-record:hover {
	border-color: #ddd;
    background-color: #efefef;
}


.grid-cell-link {
	color: #1E88E5;
	cursor: pointer;
}
.grid-cell-link:hover {
	text-decoration: underline;
}


.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
	color: #444 !important;
}


/* .ux-row-action-item {
	opacity: 0.1;
}
.x-grid3-row-over .ux-row-action-item {
	opacity: 1;
} */

.value-from-can-bus {
	color: darkgreen;
	font-weight: bold !important;
}