@charset "utf-8";
/* CSS Document */

/*********************
 * kstewart, 10/04/2015, added bespoke styles to this file rather than updating original jqx.base.css as 
 * when we do an upgrade it won't mess with our css  styling
 *********************/

.jqx-slider-slider-horizontal
{   
    background-image: url(images/slider_horizontal_classic.png);
    background-repeat: no-repeat;
}

.jqx-slider-slider-vertical
{
    background-image: url(images/slider_vertical_classic.png);
    background-repeat: no-repeat;
}

.jqx-icon-save2
{
    background-image: url('/site-icons/new_icons/white/glyphicons_halflings_012_ok.png');
    background-repeat: no-repeat;
    background-position: center;
}


/* 11/06/2014, kstewart, added flexigrid arrows */
.jqx-icon-arrow-left-colour, .jqx-icon-arrow-left-colour-hover, .jqx-icon-arrow-left-colour-selected
{
    background-image: url('images/icon-left-colour.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-right-colour, .jqx-icon-arrow-right-colour-hover, .jqx-icon-arrow-right-colour-selected
{
    background-image: url('images/icon-right-colour.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-colour, .jqx-icon-arrow-first-colour-hover, .jqx-icon-arrow-first-colour-selected
{
    background-image: url('images/icon-first-colour.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-colour, .jqx-icon-arrow-last-colour-hover, .jqx-icon-arrow-last-colour-selected
{
    background-image: url('images/icon-last-colour.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-refresh-colour, .jqx-icon-refresh-colour-hover, .jqx-icon-refresh-colour-selected
{
    background-image: url('/site-icons/load.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-magnifier
{
    background-image: url('images/magnifier.png');
    background-repeat: no-repeat;
    background-position: center;
	cursor:pointer;
   
}
/* [end] 11/06/2014, kstewart, added flexigrid arrows */

.jqx-widget-content {
	font-family: Arial, Helvetica, sans-serif;
}

.jqx-widget .jqx-grid-cell {
	border-top:0px;
	border-bottom:1px solid #eee;
	/*border-left:1px solid transparent;
	border-right:1px solid transparent;*/
}
.jqx-button.transparent {
	border-color: transparent;
	background: transparent;
}
.jqx-button.transparent:hover {
	border-color: #aaa;
	background: #efefef;
}
.jqx-button.transparent:active {
	border-color: #989898;
	background: #DFDFDF;
}

/* links in jqxgrid columns */
#contentlist a, #contentlist a:link, #contentlist a:visited {
	color:#000DFF;
}
#contentlist div.jqx-grid-cell-selected-classic a, #contentlist div.jqx-grid-cell-selected-classic a:link, #contentlist div.jqx-grid-cell-selected-classic a:visited {
	color:#000DFF;
}
#contentlist a:hover {
	color:#000DFF;
	text-decoration:underline;
}
#contentlist div.jqx-grid-cell-selected-classic a:hover {
	color:#000DFF;
	text-decoration:underline;
}

.jqx-datetimeinput input[disabled] {
	border:0!important;
}
.jqx-fill-state-disabled {
	opacity:1!important;
}
#btnFilterImg {
	margin:2px 5px 0 0;
	position:relative;
	vertical-align:middle;
	cursor:pointer;
}
.jqx-tabs-content-element {
	height:auto;
}
#jqxTabs {
	margin-top:6px;
}

@media screen and (max-width: 670px) {
	.jqx-notification-container {
		width:calc(100% - 10px);
		z-index:99999;
	}
	.notetext {
		font-size:16px;
	}
	.jqx-icon-arrow-left-colour, .jqx-icon-arrow-left-colour-hover, .jqx-icon-arrow-left-colour-selected,
	.jqx-icon-arrow-right-colour, .jqx-icon-arrow-right-colour-hover, .jqx-icon-arrow-right-colour-selected,
	.jqx-icon-arrow-first-colour, .jqx-icon-arrow-first-colour-hover, .jqx-icon-arrow-first-colour-selected,
	.jqx-icon-arrow-last-colour, .jqx-icon-arrow-last-colour-hover, .jqx-icon-arrow-last-colour-selected,
	.jqx-icon-magnifier {
			background-size:30px;
	}
	.jqx-icon-refresh-colour, .jqx-icon-refresh-colour-hover, .jqx-icon-refresh-colour-selected {
			background-size:25px;
	}
	.jqx-dropdownlist-content,
	.jqx-listbox .jqx-item,
	.jqx-grid-cell div/*,
	.jqx-grid-column-header span,
	.jqx-calendar td,
	.jqx-calendar-column-cell*/
	{
		font-size: 16px!important;
	}
	/*.jqx-calendar-title-navigation {
		background-size:1.5em;
	}*/
	#btnFilterImg {
		margin:7px;
		height:25px;
		width:25px;
	}
	body {
		margin:0;
	}
	#container {
		padding:0!important;
		width:100%!important;
		min-width:none!important;
	}
	
	
	
	
	
	
}