.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');
}
.graph {
  background-image:url('../images/icons/graph.png');
}
.grid {
  background-image: url('../images/icons/grid.png');
}
.print {
  background-image: url('../images/icons/print_16.png');
}
.xls {
  background-image: url('../images/icons/file_xls.png');
}
.docx {
  background-image: url('../images/icons/word.png');
}
.search {
  background-image: url('../images/icons/search_16.png');
}
.copy {
  background-image: url('../images/icons/copy.png');
}
.email {
  background-image: url('../images/icons/email.png');
}
.lock {
  background-image: url('../images/icons/lock_16.png');
}
.exchange {
  background-image: url('../images/icons/exchange.png');
}
.train_red {
  background-image: url('../images/icons/train_red.png');
}
.train_green {
  background-image: url('../images/icons/train_green.png');
}


	/*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: 60px 0 12px 0; 
	} 
	/*set image properties*/ 
	
	img.avatar { 
		width: 40%; 
		border-radius: 0%; 
	} 
	/*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;
		border: none;
		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;
	}
	.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;
	}
	.x-grid-cell-inner {
		height: 25px;
		padding: 5px 6px 4px 6px;
		color: #595D6E;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 12px;
	}
	.x-toolbar-default{
		height: 40px;
		background-color: #e4e7ef;
		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;
	}	

	.buttonMenu  {
		background: #FFFFFF;
		border-color: #ffffff;
		border-radius: 5px;
	}
	.buttonMenu:hover  {
		background: #00c5dc;
	}
	.buttonMenu .x-btn-inner {
		color: #595D6E;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 14px;
		font-style: italic;
	}
	.buttonMenu:hover .x-btn-inner {
		color: #FFFFFF;
	}
	
	.x-window-header-default-top {
		background: #00c5dc !important;
	}
	.x-window-header-text-container-default {
		color: white;
	}
	.redRow .x-grid-cell { 
		background-color: #ff9090; 
	} 
	.greenRow .x-grid-cell { 
		background-color: #77f994; 
	} 
	.yellowRow .x-grid-cell { 
		background-color: #edf977; 
	} 
	.x-field-toolbar .x-form-text {
		height: 28px;
		border-radius: 6px;
	}
	.x-field-toolbar .x-form-trigger {
		height: 28px;
	}
	.x-toolbar-item .x-form-item-label {
		margin-top: 7px;
		font-size: 12px;
	}
	.multiline .x-grid-cell-inner {
		min-height: 25px;
		height: auto;
		padding: 5px 6px 4px 6px;
		color: #595D6E;
		font-family: Poppins, Helvetica, sans-serif;
		font-size: 12px;
	}

	.x-column-header-checkbox .x-column-header-inner {
		padding: 13px 5px 4px 5px;
	}
	
	.x-btn-default-small-icon-text-left .x-btn-icon-el {
		left: 3px;
	}
	
	.x-btn-default-toolbar-small-icon-text-left .x-btn-icon-el {
		left: 3px;
	}
		
	.blackEmptyText .x-form-text {
		color: #000000;
	}
	.blackEmptyTextArea .x-form-empty-field, textarea.x-form-empty-field {
		color: #000000;
	}
	.labelGray .x-form-item-label {
		color: gray;
	}
	.labelGray .x-panel-body-default {
		color: gray;
	}
	.x-form-checkboxgroup-body {
		padding: 4px 4px;
	}	
	
	.cimCuvButton .x-btn-default-small .x-btn-inner {
		font-size: 18px;
	}
	
	.comboboxSmaller .x-form-text{
		font-size: 13px;
		border-radius: 4px;
		color: #495057;
		height: 25px;
		border: 1px solid #e2e5ec;
		padding: 0px 10px;
	}

	.comboboxSmaller .x-form-trigger {
		height: 25px;
		width: 25px;
		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;
	}

	.comboboxSmaller .x-form-item-label {
		color: #767676;
	}
	
	
	
	
	
	.x-tab-default-top, .x-tab-default-left, .x-tab-default-right {
		background-color: #ffffff;
		background-image: none;
	    height: 26px;
	}
	.x-tab-default-top-active, .x-tab-default-left-active, .x-tab-default-right-active {
		border-bottom: 3px solid #f54040;
	}
	.x-tab-bar-default-horizontal {
		height: 30px;
	}
	.x-tab-default .x-tab-inner {
		margin: 2px 0px;	
	}
	.ux-filtered-column {
		font-style: italic;
		color: #f54040;
		font-weight: bolder;
	}	
	
	.vis-labelset {
	background-color: #fbfbfb;
	}
	/* alternating column backgrounds */
	.vis-time-axis .vis-grid.vis-odd {
	background: #f5f5f5;
	}

	/* gray background in weekends, white text color */
	.vis-time-axis .vis-grid.vis-saturday,
	.vis-time-axis .vis-grid.vis-sunday {
	background: #d5ddf6;
	}
	.vis-time-axis .vis-text.vis-saturday,
	.vis-time-axis .vis-text.vis-sunday {
	color: white;
	}
	.vis-item.addItem {
		background-color: #ffca009c;
		border: 0.5px solid blue; 		
	}	
	.vis-item.updateItem {
		background-color: #19d67d99;
		border: 0.5px solid blue; 				
	}	
	.vis-item.strojno {
		background-color: #a9e3eb99;
		border: 1px solid blue; 		
	}	
	.vis-item.rasprema {
		background-color: #d6f9ff;
		border: 1px solid blue; 		
	}	
	.vis-item {
		border: 2px solid blue; 		
	}

	.body {
		background: #232939;
	}
	
	.login-form {
		position: relative;
		top: 150px;
	}
	
	.bottomcontainer {
		background-color: #f1f1f1;
	}
	.custom-style_1 {
		width: 200px;
		height: 50px;
		top: 12px;
		left: 40px;
	}
	.custom-style_2 {
		width: 250px;
		font-size: 14px;
		font-style: italic;
		margin: 5px;
	}

	.x-pagingtoolbar .x-toolbar-input  {
		width: 40px !important;
	}