.additem {
  background-image: url('../images/icons/plus_16.png') !important;
}
.edititem {
  background-image: url('../images/icons/pencil_16.png') !important;
}
.saveitem {
  background-image: url('../images/icons/save_16.png') !important;
}
.cancel {
  background-image:url('../images/icons/cancel.png');
}
.enter {
  background-image:url('../images/icons/enter.png');
}
.vehicle  {
  background-image:url("../images/icons/taxi.png");
}
.zona  {
  background-image:url("../images/icons/zone.png");
}
.refresh  {
  background-image:url("../images/icons/refresh.png");
}
.print {
  background-image: url('../images/icons/print_16.png') !important;
}
.xls {
  background-image: url('../images/icons/file_xls.png') !important;
}
.grid {
  background-image: url('../images/icons/grid.png') !important;
}
.yellow_taxi  {
  background-image:url("../images/icons/yellow_taxi.png");
  background-size: 16px 16px;
}
.green_taxi  {
  background-image:url("../images/icons/green_taxi.png");
  background-size: 16px 16px;
}
.red_taxi  {
  background-image:url("../images/icons/red_taxi.png");
  background-size: 16px 16px;
}
.tuktuk  {
  background-image:url("../images/icons/tuktuk.png");
  background-size: 16px 16px;
}


 
.buttons_northpanel1 {
	height: 35px;
	background: #ffffff;
	margin-top: 10px;
	padding-top: 10px;
}

.izlaz {
	background-image: url(../images/icons/izlaz.png) !important;
	background-repeat: no-repeat !important;
}
.administracija {
	background-image: url(../images/icons/administration.png) !important;
	background-repeat: no-repeat !important;
}
.mapa {
	background-image: url(../images/icons/map.png) !important;
	background-repeat: no-repeat !important;
}
.izvjestaj {
	background-image: url(../images/icons/report.png) !important;
	background-repeat: no-repeat !important;
}

/* 
.izvjestaji {
	background-image: url(../images/icons/circlepoint.png) !important;
	background-repeat: no-repeat !important;
 */








	/*set border to the form*/ 
	
	form { 
		border: 1px solid #3ba8e7;
		border-radius: 15px;
		width: 400px;		
		margin: 0 auto;
		background-color: white;
	} 
	/*assign full width inputs*/ 
	
/* 	input[type=text], 
	input[type=email], 
	input[type=password] { 
		width: 100%; 
		padding: 12px 20px; 
		margin: 8px 0; 
		display: inline-block; 
		border: 1px solid #ccc; 
		box-sizing: border-box; 
		background: #ecf2fc;
		border-radius: 5px;
	} 
 */	
	.inputfield { 
		width: 100%; 
		padding: 12px 20px; 
		margin: 8px 0; 
		display: inline-block; 
		border: 1px solid #ccc; 
		box-sizing: border-box; 
		background: #ecf2fc;
		border-radius: 5px;
	} 
 
	/*set a style for the buttons*/ 
	
	.prijavabutton { 
		background-color: #33c5d2; 
		color: white; 
		padding: 14px 20px; 
		margin: 8px 0; 
		border: none; 
		cursor: pointer; 
		width: 100%; 
		border-radius: 5px;
	} 
	/* set a hover effect for the button*/ 
	
	button:hover { 
		opacity: 0.8; 
	} 
	/*set extra style for the cancel button*/ 
	
	.cancelbtn { 
		width: auto; 
		padding: 10px 18px; 
		background-color: #f44336; 
	} 
	/*centre the display image inside the container*/ 
	
	.imgcontainer { 
		text-align: center; 
		margin: 40px 0 12px 0; 
	} 
	/*set image properties*/ 
	
	img.avatar { 
		width: 40%; 
		border-radius: 50%; 
	} 
	/*set padding to the container*/ 
	
	.container { 
		padding: 16px; 
	} 
	.bottomcontainer { 
		padding: 20px;
		border-bottom-right-radius: 15px;		
		border-bottom-left-radius: 15px;		
	} 
	/*set the forgot password text*/ 
	
	span.psw { 
		float: right; 
		padding-top: 16px; 
	} 
	.psw { 
		float: right; 
		padding-top: 24px; 
	} 
	/*set styles for span and cancel button on small screens*/ 
	
	@media screen and (max-width: 300px) { 
		span.psw { 
			display: block; 
			float: none; 
		} 
		.cancelbtn { 
			width: 100%; 
		} 
	} 

	.x-form-item-label{
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 13px;
		color: #646c9a;
		margin-top: 8px;
	}
	.x-form-text{
		font-size: 13px;
		border-radius: 4px;
		color: #495057;
		height: 32px;
		border: 1px solid #e2e5ec;
		padding: 0px 10px;
	}
	.buttonBlue  {
		background: #00c5dc;
		border-color: #00c5dc;
		color: #ffffff;
		border-radius: 5px;
	}
	.buttonBlue .x-btn-inner {
		color: #ffffff;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 13px;
	}
	.buttonTransparent  {
		background: #FFFFFF;
		border-color: #e2e5ec;
		border-radius: 5px;
	}
	.buttonTransparent .x-btn-inner {
		color: #595D6E;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 13px;
	}
	.buttonRed  {
		background: #F54040;
		border-color: #F54040;
		border-radius: 5px;
	}
	.buttonRed .x-btn-inner {
		color: #ffffff;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 13px;
	}
	.x-btn-over.buttonTransparent {
		background-color: #f5f5f8 !important;
	}

	.x-btn-over.buttonBlue {
		border: solid 1px #00baba !important;
		background-color: #00baba !important;
	}

	.x-btn-pressed.buttonBlue {
		background: #005151;
		background-color: #005151 !important;
		border: solid 1px #005151 !important;
		background-image: none !important;
	}

	.x-btn-focus.buttonBlue {
		background: #008080;
	}	
	
	.x-panel-body-default {
		border-color: white;
	}	
	.x-panel-header-default {
		border-color: white;
		border-radius: 0px;
		background-color: #00c5dc;
		background-image: none;		
	}
	.x-panel-header-text-container-default {
		color: white;
	}
	.x-column-header {
		color: #595D6E;
		font-family: Poppins, Helvetica, sans-serif;
		background-color: #ebedf2;
		background-image: none;
		padding: 
	}
	.x-grid-header-ct {
		background-color: #ebedf2;
		background-image: none;
		height: 40px;
	}
	.x-column-header-inner {
		height: 40px;
		padding: 13px 10px;
		font-weight: normal;
		font-size: 12px;
	}
	.gridCustom .x-grid-cell-inner {
		height: 25px;
		padding: 5px 6px 4px 6px;
		color: #595D6E;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 12px;
	}
	.toolbarCustom .x-toolbar-default{
		height: 40px;
		background-color: #ffffff;
		background-image: none;
		border-width: 0px;
		padding: 0px;
	}
	
	.x-boundlist-item {
		border:1px solid #FFFFFF;
		font-family: Poppins, Helvetica, sans-serif;
		line-height: 26px;
		font-size:14px; 
		color: #495057;
		padding:2px;
		white-space:nowrap;
	}	
	
	.x-form-trigger {
		height: 32px;
		width: 32px;
		background: url(../images/dropdown_arrow.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center;
		border-width: 1px;
		background-color: #ffffff;
		border-color: #e2e5ec;
		border-radius: 4px;
		margin: 0px 0px 0px 3px;
		box-shadow: inset 1px 4px 5px -6px;
	}
	
	.x-form-trigger-wrap-focus .x-form-trigger {
		background-position: center;
		border-color: #e2e5ec;
	}
	
	.x-boundlist-item-over {
		background: #8de6f0;
	}
	
	.x-boundlist {
		border-color: #e2e5ec;
	}
	
	.x-grid-cell-inner-treecolumn {
		padding: 6px 6px 6px 10px;
	}
	.x-grid-no-row-lines .x-grid-row-focused .x-grid-cell-inner {
		padding: 5px 6px 5px 10px;
	}	
	.x-tab-bar-default-top	{
		background-color: #ffffff;
		background-image: none;
	}
	.x-tab-bar-strip-default {
		border-color: #00C5DC;
	}
	.x-tab-default-top, .x-tab-default-left, .x-tab-default-right {
		background-color: #ffffff;
		background-image: none;		
	}
	.x-tab-default-top-active, .x-tab-default-left-active, .x-tab-default-right-active {
		border-bottom:1px solid #deecfd;
		background-image:none;
		background-color:#deecfd;
		background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(25%,#f5f9fe),color-stop(45%,#deecfd));
		background-image:-webkit-linear-gradient(top,#fff,#f5f9fe 25%,#deecfd 45%);
		background-image:-moz-linear-gradient(top,#fff,#f5f9fe 25%,#deecfd 45%);
		background-image:-o-linear-gradient(top,#fff,#f5f9fe 25%,#deecfd 45%);
		background-image:-ms-linear-gradient(top,#fff,#f5f9fe 25%,#deecfd 45%);
		background-image:linear-gradient(top,#fff,#f5f9fe 25%,#deecfd 45%)	
}