/**
431C - rgb(81, 84, 89) - #515459  - pilka
231C - rgb(255, 209, 0) =  #ffd100 - geltona
432C - rgb(36, 31, 41) =  #241f29 - ruda
5425C - rgb(122, 153, 172) =   #7a99ac - mėlyna
7541 - rgb(216, 224, 229) = #d8e0e5  - pilkai melyna

--- 
esama spalva keičiama:

RGBA      ESAMA        PAKEISTA
			#474e67      #515459    -- pilka
			#f5922e      #ffd100      -- oranzine
			#dde1ed     #d8e0e5     -- pilkai mėlyna
			#241f29     #241f29       -- ruda
			#769dc4     #241f29      -- ruda
*/

@font-face {
	font-family:'UbuntuCondensed-Regular';
	src: url('fonts/ubuntu/UbuntuCondensed-Regular_latin+latin-ext_gdi.eot');
	src: url('fonts/ubuntu/UbuntuCondensed-Regular_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/ubuntu/UbuntuCondensed-Regular_latin+latin-ext_gdi.woff') format('woff'),
		url('fonts/ubuntu/UbuntuCondensed-Regular_latin+latin-ext_gdi.ttf') format('truetype'),
		url('fonts/ubuntu/UbuntuCondensed-Regular_latin+latin-ext_gdi.otf') format('opentype'),
		url('fonts/ubuntu/UbuntuCondensed-Regular_latin+latin-ext_gdi.svg#UbuntuCondensed-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0008-F000;
}

html, body, #mainDiv { 
    width: 100%;
    height: 100%;
    margin: 0;
    /*border: 0; padding: 0;*/
}

#mainDiv{
background: white;}

#aMenu {
    width: 200px; height: 100%; margin: 0 auto; padding: 0; border: 0; padding-top: 8px;
}
#cpCenter {
    margin: 0 auto; padding: 0; border: 0; top: 69px!important;
}
#cpHelp {
    width: 200px; height: 100%; margin: 0 auto; padding: 0; border: 0;
}

.active {
    font-weight: bold;
}

/*login form */

.login-container {
	width: 395px;
}

.login {
}

.login button {
	margin: 10px 0 0 353px;
	padding: 3px;
	background-color:red;
}



.login p label {
}

legend {
	font-size: 20px;
	width: 100%;
	border-bottom: 1px solid rgba(212, 212, 212, 1); /*#d4d4d4*/
	padding-bottom: 4px;
	margin-bottom: 8px;
}

label.field {
 
    width: 120px;
    float: left;
    font-weight: bold;
	padding: 5px;
}

label.field-180 {
 
    width: 180px;
    float: left;
    font-weight: bold;
	padding: 5px;
}

input.textbox-300 {
    width: 220px;
    float: left;
	padding: 5px;
}


fieldset p {
    clear: both;
    padding: 8px;
}
/** end login form **/

.dialogForm div.formField {
	clear: both;
	padding: 5px;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

div#flexRowNoWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

div#flexColumnWrap {
  display: flex; 
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

div#infoColumn
{
    width: 320px; 
    flex: 0 0 320px; 
    height:540px; 
    overflow-y:scroll;
    padding: 0px 5px;
}

.imagePointStyle
{
    width: 600px;
}

@media only screen and (max-height: 700px) {
    div#infoColumn {
        height:100%;
        max-height:337px;
    }
}

@media only screen and (max-width: 1100px) {
    .imagePointStyle
    {
        width: 400px;
    }

    div#infoColumn {
        height:100%;
        max-height:290px;
    }
}

canvas {
  width: 100%;
  height: 100%;
}

.clear {
	clear: both;
}

.collapse {
    border: none;
	border-collapse: collapse;
}

.collapse table,
.collapse td,
.collapse th
{
	padding: 3px;
	border:1px solid #241f29;
}

.required {
	color:#FF0000;
}

div.heading {
font-size: 16px;
color: rgb(104, 104, 104); /*#686868*/
padding: 10px;
margin-bottom: 0px;
font-weight: bold;
font-family: 'UbuntuCondensed-Regular';
}

.priceRate {
	/*border: 2px groove threedface;
	margin: 2px;*/
	padding: 0.5em;
}

.infoIcon {
  background-image: url('../img/icons/info.png');
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  display: block;	
  float: left;
  padding-right: 3px;	
  margin-top: 1px;	
}

.hovered td {
	background: #ddd;
}

.txtTopLeft {
  z-index: 10;
  left:10px;
  top:10px;
  font-weight: bold;
  /* border: 1px solid red; */
  position: absolute;
  color: #336600;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.txtTopLeft1 {
	z-index: 10;
	left:10px;
	top:40px;
	font-weight: bold;
	/* border: 1px solid red; */
	position: absolute;
	color: #ffd100;
	font-size: 9px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.txtTopLeft2 {
	z-index: 10;
	left:10px;
	top:70px;
	font-weight: bold;
	/* border: 1px solid red; */
	position: absolute;
	color: #0080C0;
	font-size: 9px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.txtTopLeft3 {
	z-index: 10;
	left:10px;
	top:270px;
	font-weight: bold;
	position: absolute;
	color: #ffd100;
	font-size: 9px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.txtTopRight {
	color:#360;
	font-weight:700;
	position:absolute;
	right:10px;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;
	top:10px;
	z-index:10;
}

.txtTopRight2 {
	color:#900;
	font-weight:700;
	position:absolute;
	right:8px;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;
	top:25px;
	z-index:10;
}

.txtTopRight3 {
	border:2px solid red;
	border-radius:50%;
	color:#900;
	font-weight:700;
	height:15px;
	position:absolute;
	right:20px;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;
	top:45px;
	width:15px;
	z-index:10;
}

.txtTopRight4 {
	border:2px solid green;
	border-radius:50%;
	color:#360;
	font-weight:700;
	height:15px;
	position:absolute;
	right:20px;
	text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;
	top:68px;
	width:15px;
	z-index:10;
}

.txtTopRight5 {
	border:1px solid #FFFF00;
    width: 5px;
    height: 30px;
	position:absolute;
	right:50px;
	top:45px;
	z-index:10;
}

.txtTopRight6 {
	border:1px solid #FFFF00;
    width: 30px;
    height: 5px;
	position:absolute;
	right:50px;
	top:45px;
	z-index:10;
}

.txtTopCenter {
    width: 35%;
    margin: 5px auto; 
	z-index:10;
}



.txtBottomLeft {
	/* width: 200px; */
	z-index: 10;
	left:10px;
	bottom:10px;
	/* border: 1px solid red; */
	position: absolute;
	color:#FFFFFF;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	border-radius: 3px;
}

.txtBottomRight {
	z-index: 10;
	right:10px;
	bottom:35px;
	position: absolute;
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	border-radius: 3px;
	border:1px solid #000000;
}

.txtBottomRight2 {
	z-index: 10;
	right:10px;
	bottom:62px;
	position: absolute;
	/*
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	border-radius: 3px;
	border:1px solid #000000;
	*/
}

.txtBottomRight3 {
	z-index: 10;
	right:10px;
	bottom:5px;
	position: absolute;
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	border-radius: 3px;
	border:1px solid #000000;
}

.txtBottomRight4 {
	z-index: 10;
	right:80px;
	bottom:35px;
	position: absolute;
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	border-radius: 3px;
	border:1px solid #000000;
}

.txtBottomRight5 {
	z-index: 10;
	right:10px;
	bottom:133px;
	position: absolute;
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	border-radius: 3px;
	border:1px solid #000000;
}

.txtBottomRight6 {
	z-index: 10;
	right:50px;
    margin-right: 25px;
	bottom:5px;
	position: absolute;
	padding:5px;
	background-color: #FFFFFF;
	color:#000000;
	border-radius: 3px;
	border:1px solid #000000;
}

.txtBottomRight7 {
	z-index: 10;
	right:10px;
	bottom:97px;
	position: absolute;
}


.pointer {
  cursor:pointer;
}

.under {
  /*position: fixed;*/
  z-index: 1;
}

.logo {
  background-image: url('img/logo.png');
  background-repeat: no-repeat;
  width: 230px;
  height: 38px;
  display: block;	
  float: left;
  padding: 0px;	
  margin-top: 8px;	
  margin-left: 13px;	
}

.viewIcon {
  background-image: url('../img/icons/view.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}

.logoutIcon {
  background-image: url('../img/icons/logout.png');
  background-repeat: no-repeat;
  margin-top: 2px;	
  margin-right: 1px;	
  width: 18px;
  height: 20px;
  text-align: center;
}

.userIcon {
  background-image: url('../img/icons/user.png');
  background-repeat: no-repeat;
  margin-top: 2px;	
  margin-right: 1px;	
  width: 16px;
  height: 18px;
  text-align: center;
}

.xlsIcon {
	background-image: url('../img/icons/xls.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}
.xlsxIcon {
	background-image: url('../img/icons/xls.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}
.csvIcon {
	background-image: url('../img/icons/csv.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.pdfIcon {
	background-image: url('../img/icons/pdf.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.navisionIcon {
	background-image: url('../img/icons/navision.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.exportIcon {
	background-image: url('../img/icons/export.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.importIcon {
	background-image: url('../img/icons/import.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.cloneIcon {
	background-image: url('../img/icons/clone.png');
	background-repeat: no-repeat;
	margin-top: 1px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.gbFlagtIcon {
	background-image: url('../img/icons/gb.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 11px;
	text-align: center;
}

.usFlagtIcon {
	background-image: url('../img/icons/us.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 11px;
	text-align: center;
}

.ltFlagtIcon {
	background-image: url('../img/icons/lt.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 11px;
	text-align: center;
}

.ruFlagtIcon {
	background-image: url('../img/icons/ru.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 11px;
	text-align: center;
}

.viewChangeIcon {
	background-image: url('../img/icons/view_change.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 24px;
	height: 24px;
	text-align: center;
}

.assignIcon {
	background-image: url('../img/icons/assign.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.trailerIcon {
  background-image: url('../img/icons/trailer.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}

.truckIcon {
  padding-top:20px;	
  background-image: url('../img/icons/truck.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}

.truckRedIcon {

  background-image: url('../img/icons/truck_red.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  text-align: center;
}

.plusIcon {
	background-image: url('../img/icons/plus.png');
	background-repeat: no-repeat;
	margin-top: 1px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.minusIcon {
	background-image: url('../img/icons/minus.png');
	background-repeat: no-repeat;
	margin-top: 1px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

.trashIcon {
	background-image: url('../img/icons/trash.png');
	background-repeat: no-repeat;
	margin-top: 2px;	
	margin-right: 1px;	
	width: 16px;
	height: 16px;
	text-align: center;
}

/* json editor  */
code{
	background:#F8F8FF; 
	border:black dashed 1px; 
	padding:6px;
	word-wrap: break-word;
}

.settingDescription {
	background:#F8F8FF;
	border:#c2c2c2 solid 1px; 
	padding:6px
}

.linesContainer
{
	width: 25px;
	float: left;
	color: #8F8F8F;
	/*font-family: Courier New;*/
	font-family: 'Lucida Console';
	font-size: 14px;
	overflow: hidden;
	height: 475px;
    position: relative;
	background:#F3F3F3;
}
.linesItems
{
	position: absolute;
	text-align: right;
}
​
/* json editor end  */

/* Loading message */
.pageOverlay {
    top: 0;
    left: 0;
	width:20px;
	margin:auto;
    position: relative;
    z-index: 1001;
    display: block;
    background:  url("../js/lib/dijit/icons/images/loadingAnimation_rtl.gif") no-repeat;
	background-position:  center 18px;
	text-align:center;
}

.loadingMessage {
    padding:25px 0px 0px 25px;
    color: #999999;
}

.dashboard .dijitArrowNode { display: none; }

.gridTitle {
	font-size: 13px;
	color: #fff;
}

.monitoringErrorMsg {
	font-size: 12px;
	margin-right:5px;
	color:#CC0033;
	font-weight:bold;
}

.posTotalSum {

	font-weight:bold;
	padding: 10px;

}

.claro .gridx .gridxBody .gridxRow .gridxCellFocus{outline:0;border:none!important;}

tr.eventsRowHoover:hover {
	background: #edf2f7;
	cursor: pointer;
}

.gridxFilterBar {
	display:none;
}

.dijitIconUsers:hover, .cloneIcon:hover, .viewIcon:hover, .dijitIconEditTask:hover {
	outline:1px solid #515459;
}

/* Blinking text */
.blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}
/* End blinking text */

div#additionalWidgets {
	background: #515459;
}

.topWidgetText {
	height:10px;
	background-color:#515459;
	color:#FFFFFF;
	position:absolute;
	overflow:hidden;
	border:0px solid red;
}

.topWidgetText1 {
	height:10px;
	background-color:#515459;
	color:#FFFFFF;
	overflow:hidden;
	border:0px solid red;
}

.topWidgetNumber {
	padding-top:0px;
	color:#7a99ac;
	font-weight:bold;
	overflow:hidden;
}

.circle{
	width:20px;
	height:20px;
	border-radius:10px;
	font-weight: bold;
	color:#62D0FF;
	text-align:center;
	vertical-align:middle;
	background:#FFFFFF
}




/**** stilius ****/
div#tMenu {
background: #515459;
border: none;
top: 0!important;
left: 0!important;
height: 50px;
width:100%!important;}


div#aMenu {
top: 62px!important;
}

div.dijitTabPaneWrapper.dijitTabContainerTop-container.dijitAlignCenter {
border: none;
}

.claro .dijitTitlePaneTitleOpen, .claro .dijitTitlePaneTitleFixedOpen {
background-color: #515459;
color: #fff;
background-image: none;
border: none;}

.claro {
color: #656565;}

.claro .dijitTitlePaneContentOuter {
border:none;
}

#aMenu .dijitTitlePaneContentInner {
background: #d8e0e5;
}

.claro .dijitContentPane {
padding-top: 0;
} 


a {
text-decoration: none;
color:#241f29;
}

#aMenu a {
font-family: 'UbuntuCondensed-Regular', sans-serif;
font-size: 14px;
line-height:20px;
}

.active {
font-weight: bold;
}

div.nowrapTabStrip.dijitTabContainerTop-tabs {
width: 100%!important;
border: none;
background: #515459;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align: right;
padding-bottom: 1px;
}

.claro .dijitTitlePaneTitle{
background: #515459;
border-bottom: 1px solid #394a56;
padding: 5px 15px 8px 7px;
min-height: 17px;
color: #fff;
border-top: none;
}

.claro .fl .dijitTitlePaneTitle{
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}

.dijitTitlePane {
border-top-right-radius: 5px;
border-top-left-radius: 5px;}

element.style {
width: 35%;
}

.collapse table, .collapse td, .collapse th {
border: none!important;
}

.dijitTitlePaneContentInner tr {
border-bottom: 1px solid #c2c2c2;
}

#CustomersItemDialog .dijitDialogPaneContent table {
border: 1px solid #c2c2c2;
}

.claro .dijitMenuItem {
color: #fff;
}

.dijitMenuItemHover, .dijitMenuItemActive{
border:none!important;
background:none!important;}

.claro .dijitMenuBar .dijitMenuItem, .dijitMenuItemHover {
padding: 15px 10px 10px;
margin: -1px;
}

.claro .dijitTabChecked {
padding-bottom: 4px!important;
background-image: none;
border: none;
background: #ffd100!important;
color: #fff;
padding-left: 4px!important;
padding-right: 4px!important;
}

.claro  .dijitTab {
color: #fff;
border: none;
background-image: none!important;
background:#515459;
}

.claro  .dijitTabHover {
background: #3d4359;}

td strong {
font-weight: normal!important;}


.claro .dijitTitlePaneTextNode, .claro .dijitFieldsetLegendNode {
margin-left: 4px;
margin-right: 4px;
vertical-align: text-top;
font-family: 'UbuntuCondensed-Regular';
font-size: 14px;}

.dijitTab .tabLabel {
min-height: 20px;
display: inline-block;
cursor: pointer;
}

.claro .dijitTabContainerTop-tabs .dijitTab {
text-align: center;
padding-top: 10px;
background: #515459;
/*border-top: 1px solid #515459;*/
border-radius: 0;
margin-right: -1px;
margin-top: -1px;
}


.claro .dijitTabContainerTop-tabs .dijitTab:first-child {
border-top-left-radius: 5px;
}

.claro .dijitTabContainerTop-tabs .dijitTab:last-child {
border-top-right-radius: 5px;
}

.claro .dijitTabContainerTabListNested .dijitTabHover {
text-align: center;
background: #3d4359;
border-radius: 0;
padding-bottom: 4px;
padding-top: 10px;
padding-left: 4px;
padding-right: 4px;
border: 0px!important;
}

.claro .dijitTabContainerNested .dijitTabContainerTop-tabs {
border-bottom: solid 1px #b5bcc7;
padding: 2px 2px 0px;
text-align: right;
}

.dijitBorderContainerNoGutter {
border: none!important;
}

.gridxRowHeaderHeaderCell{
	border:none!important;
	outline:1px solid #d8e0e5;
}

.gridxHeaderRow {
background: #d8e0e5!important;
padding: 5px 15px 8px 7px;
min-height: 17px;
color: #241f29;
border: none;}

.claro .dijitToolbar {
background: #515459!important;
color:#fff!important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-left: 10px;
margin-bottom: 10px;
height: 25px;
}

#PosViewToolbar, #LotViewToolbar {
text-align: right;
}

.claro .gridxHeaderRow .gridxCell {
	border:none!important;
	outline:1px solid #d8e0e5;
}

.claro .gridxRow:first-child>.gridxRowTable .gridxCell, .claro .gridxBodyFirstRow .gridxCell {
/*border-bottom: 1px solid #e5dac8;*/
padding: 3px;
}

.gridxRowHeaderRow table .gridxCell, .gridxRow .gridxRowTable .gridxCell {
	border:none;
}

.claro .dijitButtonDisabled .dijitButtonNode, .claro .dijitDropDownButtonDisabled .dijitButtonNode, .claro .dijitComboButtonDisabled .dijitButtonNode, .claro .dijitToggleButtonDisabled .dijitButtonNode {
	color: #fff;
}

.claro .gridx, .gridx {
border:none!important;
} 

.gridxHeaderRowInner {
border:none!important;
background-image:none!important;
}

.claro .gridxDesktop .gridxHeaderRow .gridxCell:hover {
	background: none!important;
	border:none!important;
}

.claro .dijitSplitterV .dijitSplitterThumb {
background:none!important;}

.claro .gridxBodyRowHoverEffect .gridxRowOver>.gridxRowTable .gridxCell {
background: rgb(245, 245, 245);
cursor:pointer;}

.gridxRowHeaderHeader, .gridxRowHeaderBody {
border-right: 1px solid #e5dac8;}

.gridxRowHeaderRow {
background: none!important;
}

.gridxRowHeaderBody {
border-right: none!important;}

.gridxFilterBarStatus {
background: none;
border: none;
padding-top: 4px;
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
background-image: none;
background: none;
/*border: 1px solid rgb(189, 198, 206);*/
/*padding: 5px 10px 8px 10px;*/
}

.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
padding: 5px 10px 8px 10px;
}

.dashboardSystemMessages {
background: #fff!important;
}

.manualposAnprEventMessages {
	background: #fff!important;
}

.gridxSummaryBar, .gridxTitleBar, .gridxBar {
background: none;
color: #241f29;
}

.claro .gridxPagerStepperBtnActive, .claro .gridxPagerSizeSwitchBtnActive {
color: rgb(109, 109, 109);
font-weight: bold;
}

.claro .gridx {
color: #656565;
}

.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, .claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode {
background-color: #515459;
background-image: none;
border: 1px solid #515459;
}

.dijitReset.dijitInline.dijitButtonNode {
color: white;
background: #515459;
border: none;
}

.gridxFilterBar .dijitReset.dijitInline.dijitButtonNode {
color: white;
background: none;
border: 1px solid rgb(189, 198, 206);
padding: 2px 5px;
}

.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode {
background: none;
border: 1px solid #515459;
}

.claro .dijitMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem {
padding: 2px;
color: #241f29;
} 

.dijitReset.dijitInputField.dijitButtonText {
color: #241f29;
}

.dijitDialogTitleBar {
background: #515459!important;
background-image: none!important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
color: #fff!important;
border: none!important;
padding: 8px!important;
}

.claro .dijitDialog {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid rgb(202, 202, 202);
}

.claro .dijitAccordionInnerContainer {
background: none;
background-image: none;
border: none;
}

.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
background-color: #ffffff;
border: 1px solid rgb(189, 189, 189);
margin: 0 2px 2px;
}

.dijitToolbar button {
background: #d8e0e5;
color: #241f29;
border-radius: 2px;
border: none;
padding: 2px 8px;
}

.claro .dijitCalendar {
background-color: #d8e0e5;}

.claro .dijitCalendarDateTemplate {
background-color: #ffffff;
padding-top: 0;
font-size: 0.909em;
font-family: Arial;
font-weight: bold;
letter-spacing: .05em;
text-align: center;
color: rgb(39, 39, 39);
}

.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, .claro .dijitCalendarNextMonth .dijitCalendarDateLabel {
color: rgb(176, 178, 180);
border:none;
}

.claro .dijitCalendarHover, .claro .dijitCalendar:hover, .claro .dijitCalendarActive {
background-color: #d8e0e5;
border: solid 1px #b5bcc7;
}

.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel {
color: rgb(255, 255, 255);
background-color: rgb(174, 178, 204);
border: none;
}

.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel, .claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
background-color: rgb(213, 215, 226);
border: none;
color: rgb(102, 94, 94);}

.claro .dijitCalendarNextYearHover, .claro .dijitCalendarNextYear:hover, .claro .dijitCalendarPreviousYearHover, .claro .dijitCalendarPreviousYear:hover {
color: rgb(102, 94, 94);
border: solid 1px rgb(165, 165, 165);
padding: 0 5px 0 5px;
background-color: rgb(213, 215, 226);
}

.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode:hover  {
color: rgb(102, 94, 94);
border: solid 1px rgb(165, 165, 165);
padding: 0 5px 0 5px;
background-color: rgb(213, 215, 226);
}
/****************/

.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle, .claro .dijitAccordionTitle {
color: #241f29;
font-size: 14px;}

.gridxFilterPaneCloseButton {
float: right;
margin-top: -17px;
}

.claro .dijitDialogTitle {
color:#fff;}

.dijitTabPaneWrapper.dijitTabContainerTop-container.dijitAlignCenter {
padding-top: 0px;
}

.claro .dijitTextBoxHover {
background-color: #fff;}

.dijit.dijitReset.dijitInline.dijitLeft.dijitDownArrowButton.dijitSelectFixedWidth.dijitValidationTextBoxFixedWidth.dijitSelect.dijitValidationTextBox {
border: 1px solid #b5bcc7!important;
}


.dijitMenuPassive .dijitMenuItemHover, .dijitMenuItemSelected {
background: none;}

.claro .dijitMenu .dijitMenuItemHover td, .claro .dijitMenu .dijitMenuItemSelected td, .claro .dijitMenuItemHover, .claro .dijitComboBoxMenu .dijitMenuItemHover, .claro .dijitMenuItemSelected {
border:none;
background: none;
background-image: none;
}

.claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected {
border: none;
}
/****************/
.claro .dijitDialogPaneActionBar {
margin: -2px -12px -10px;
}

#TrafficEventDialog .fr, #TrafficEventDialog .fl {
border: 1px solid #c2c2c2!important;
}
#TrafficLogItemDialog .fr, #TrafficLogItemDialog .fl {
border: 1px solid #c2c2c2!important;
}

.AppSettings .dijitTitlePaneTitle {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}

.claro .dijitDialogPaneContent {
	padding: 10px 10px;
}

.AppSettings tr {
border-bottom: none;
padding-bottom: 35px;
}

.gridxRowHeaderCell {
	border-bottom: none!important;
	outline:1px solid #FFFFFF;
}

.dijitIconSave, .dijitIconPrint, .dijitIconCut, .dijitIconCopy, .dijitIconClear, .dijitIconDelete, 
.dijitIconUndo, .dijitIconEdit, .dijitIconNewTask, .dijitIconEditTask, 
.dijitIconEditProperty, .dijitIconTask, .dijitIconFilter, .dijitIconConfigure, .dijitIconSearch, .dijitIconApplication, 
.dijitIconBookmark, .dijitIconChart, .dijitIconConnector, .dijitIconDatabase, .dijitIconDocuments, 
.dijitIconMail, .dijitLeaf, .dijitIconFile, .dijitIconFunction, .dijitIconKey, .dijitIconPackage, .dijitIconSample, 
.dijitIconTable, .dijitIconUsers, .dijitFolderClosed, .dijitIconFolderClosed, 
.dijitFolderOpened, .dijitIconFolderOpen, .dijitIconError {

	background-image: url("../img/ui/commonIconsObjActEnabled.png")!important;
	width: 16px;
	height: 16px;
}

.dijitDisabled .dijitIconSave, .dijitDisabled .dijitIconPrint, .dijitDisabled .dijitIconCut, 
.dijitDisabled .dijitIconCopy, .dijitDisabled .dijitIconClear, 
.dijitDisabled .dijitIconDelete, .dijitDisabled .dijitIconUndo, .dijitDisabled .dijitIconEdit, .dijitDisabled .dijitIconNewTask, 
.dijitDisabled .dijitIconEditTask, .dijitDisabled .dijitIconEditProperty, .dijitDisabled .dijitIconTask, 
.dijitDisabled .dijitIconFilter, .dijitDisabled .dijitIconConfigure, .dijitDisabled .dijitIconSearch, 
.dijitDisabled .dijitIconApplication, .dijitDisabled .dijitIconBookmark, .dijitDisabled .dijitIconChart, 
.dijitDisabled .dijitIconConnector, .dijitDisabled .dijitIconDatabase, .dijitDisabled .dijitIconDocuments, 
.dijitDisabled .dijitIconMail, .dijitDisabled .dijitLeaf, .dijitDisabled .dijitIconFile, 
.dijitDisabled .dijitIconFunction, .dijitDisabled .dijitIconKey, .dijitDisabled .dijitIconPackage, 
.dijitDisabled .dijitIconSample, .dijitDisabled .dijitIconTable, .dijitDisabled .dijitIconUsers, 
.dijitDisabled .dijitFolderClosed, .dijitDisabled .dijitIconFolderClosed, .dijitDisabled .dijitFolderOpened, 
.dijitDisabled .dijitIconFolderOpen, .dijitDisabled .dijitIconError {

	background-image: url("../img/ui/commonIconsObjActDisabled.png")!important;
}

.permissionLevel {
	border-bottom: 1px solid#c2c2c2;
}

.dijitDialogPaneContent table {
	border: 1px solid  #c2c2c2;
}

#TrafficLogItemDialog .dijitDialogPaneContent table, 
#TrafficEventDialog .dijitDialogPaneContent table, 
#RolesItemDialog .dijitDialogPaneContent table, 
#LotComponentsItemDialog .dijitDialogPaneContent table {
	border: none;
}

.AppSettings table {
border: none;
}

.claro .dijitDialogPaneActionBar table {
border: none;
}

/*
.formField table {
border: 1px solid #c2c2c2!important;
width: 302px;
}*/

/*.dijitDialogPaneContentArea {
height: 484px!important;
margin-bottom: 10px!important;
}*/


.dijitTabListWrapper {
overflow: hidden;
z-index: 1;
height: 30px!important;
}
#PosTabsId_tablist {
height: 30px!important;
}

.claro .dijitDialogCloseIcon {
background: url("../img/ui/dialogCloseIcon.png");
background-repeat: no-repeat;
position: absolute;
right: 5px;
height: 15px;
width: 21px;
}

.claro .dijitCheckBox, .claro .dijitCheckBoxIcon {
	background-image: url("../img/ui/checkboxRadioButtonStates.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 2px 0 0;
	padding: 0;
}

.claro .dijitTitlePane .dijitArrowNode, .claro .dijitFieldset .dijitArrowNode {
background-image: url("../img/ui/spriteArrows.png");
background-repeat: no-repeat;
height: 8px;
width: 7px;
}

.claro .dijitArrowButtonInner {
width: 15px;
height: 15px;
margin: 0 auto;
background-image: url("../img/ui/buttonArrows.png");
background-repeat: no-repeat;
background-position: -51px 53%;
}


.dijitButtonDisabled.dijitDisabled .dijitButtonContents {
color: rgb(132, 136, 150)/*!important*/;
}

.claro .dijitDialogPaneContentArea {
margin: -10px -8px 0px -8px;
padding: 10px 8px 0px 8px;
}

.claro .gridxQuickFilter .dijitComboButtonHover .dijitButtonNode, .claro .gridxQuickFilter .dijitButtonHover .dijitButtonNode{
border:none;
background:#d8d8d8;
padding:1px;
}

.gridxFilterBtnAddRule {
background-image: url("../img/ui/sprite.png");
background-repeat: no-repeat;
background-position: -182px -2px;
height: 16px;
width: 16px;
margin-top: 3px;
}

.gridxFilterBar {
cursor: pointer;
width: 100%;
font-family: arial;
border-top: 1px solid white;
}

.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child {
/*border-top: 1px rgb(226, 228, 233) solid;*/
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
}

/*
.dijitAlignBottom:last-child div {
	padding-top: 10px;
}
*/

.claro .dijitDialogPaneActionBar {
text-align: left;
}

.gridxFilterPaneCloseButton img {
background-image: url("../img/ui/sprite.png");
background-repeat: no-repeat;
background-position: -202px -22px;
height: 16px;
width: 16px;
cursor: pointer;
}

.dijitButtonDisabled .gridxFilterBtnAddRule {
background-image: url("../img/ui/sprite.png");
background-repeat: no-repeat;
background-position: -182px -22px;
height: 16px;
width: 16px;
}

.dijitTabListContainer-top .dijitTab:first-child {
border-top-left-radius: 0px!important;
}

.dijitTabListContainer-top .dijitTab {
padding-top: 8px!important;
}

.claro .dijitTabContainerTabListNested .dijitTabChecked {
border: none;
}

.gridxFooter {

}

.gridxVScroller {
	height:95%;
}

.gridxBody {
	height:100%;
}

/*landing page*/

body {
	background: url('img/cover.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-container {
	border:1px solid #ffd100;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding-bottom: 1px;
}

.login p {
font-size: 12px;
text-align: center;
/*padding-bottom: 25px;*/
}

.login legend {
font-size: 20px;
text-align: center;
padding-top: 20px;
font-family: 'UbuntuCondensed-Regular';
/*padding-bottom: 10px;*/
color:#fff;
width:100%;
border: none!important;

}

.login .dijitReset.dijitInline.dijitButtonNode {
color: white;
background: #7a99ac;
border: none;
text-align: center;
margin: 0 auto;
font-size: 13px;
}

.login .fr {
float: none;}
/*
2014-08-13 tmv uzkomentinau nes statistikoje Tooltips rodo per didelius
.dijitTooltipContainer {
	background-image: none!important;
	border: 1px solid grey!important;
	width: 300px;
	margin-left: -20px;
}

.claro .dijitTooltipConnector {
	margin-left: -20px;
}
*/
#copyright {
color: #fff;
padding: 8px;
font-family: 'UbuntuCondensed-Regular';
font-size: 13px;}


#wrapper {
display: table;
margin: 0 auto;
height: 100%;
}

#cell {display:table-cell; vertical-align:middle;}

.claro .dijitBorderContainer {
border: none!important;}

#copyright img {
margin-bottom: -5px;
}

#ForgotPassword {
padding-right: 15px;
margin-top: -15px;
}


.dojoxWizard {
	height:700px;
}

.dojoxWizardButtons {
	position:absolute;
	bottom:5px;
	right:5px;
}


.dojoxWizardContainer > * {
	margin-bottom:39px;
}

.tundra .dojoxWizard {
	background: #eeeeee;
	border: #b7b7b7 1px solid;
	padding: 2px;
	border-radius:3pt;
	-moz-border-radius:3pt;
	-webkit-border-radius:4pt;
	-o-border-radius:4pt;
	-ms-border-radius:4pt;
}

.soria .dojoxWizard {
	border:1px solid #b7b7b7;
	padding:2px;
	border-radius:3pt;
	-moz-border-radius:3pt;
	-webkit-border-radius:4pt;
	-o-border-radius:4pt;
	-ms-border-radius:4pt;
}

.claro .dojoxWizard {
	border:1px solid #b5bcc7;
	padding:2px;
	border-radius:3pt;
	-moz-border-radius:3pt;
	-webkit-border-radius:4pt;
	-o-border-radius:4pt;
	-ms-border-radius:4pt;
}

/* remove the border and padding when we're in a dialog, it wraps us */
.tundra .dijitDialogSingleChild .dojoxWizard, 
.soria .dijitDialogSingleChild .dojoxWizard, 
.claro .dijitDialogSingleChild .dojoxWizard {
	border:none;
	padding:0;
}

.claro .dijitDialogSingleChild .dojoxWizardButtons {
	bottom:1px;
}


.claro .gridxRowOdd .gridxRowTable {
	background-color: #d8e0e5;
}

.trafficDetails {
	border:1px solid #241f29;
}

.gridRowRegular {
	background-color:#d8e0e5;
}

.gridRowFailed {
	background-color:#fdecec;
}

.videoSmallImage {
	border:1px solid #FFFFFF;
	display: block;
	max-width:200px;
	max-height:100px;
	width: auto;
	height: auto;
	z-index: 30;
	position: absolute;
	right:10px;
	top:48px;
}

.txtTopLeftCamSwitch {
	z-index: 10;
	right:10px;
	top:155px;
	font-weight: bold;
	position: absolute;
	color: #CC9900;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.engineFamily
{
	min-width: 35px;
    display: inline-block;
    text-align: center;
	margin-left: 10px;
    color: #336600;
    border: 1px solid #336600;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 2px;
	position: relative;
}
.engineFamily-ML
{
	color:#0080C0;
	border-color: #0080C0;
}
.engineFamily i
{
	color: #ff0000;
    position: absolute;
    right: 3px;
}