/****************************************************************************
* Load glyphicons as font's instead of images. This is good for 2 reasons:
* 1. The server renders it much much quicker
* 2. You can scale up or down .. even 1000's of pixels, without loss of quality
* 
* All glyphicons can be found on webapps.leentech.com/glyphicons.html
* Please note that the icons will always render black with default styling unless you create CSS styles for them 
* below (there are already a few styles created for the popular ones, simply changing the colours). If a new one
* is required, simply create a style for it below and match it to the class displayed under the icon in glyphicons.html
* and all of that particular icon across the whole system will have that style.
* 
* Examples
* 
* Default use: (see icons available, below)
* <span class="glyphicons glyphicons-type-string"></span>
* 
* Bold icons: (add class "bold")
* <span class="glyphicons glyphicons-type-string bold"></span>
* 
* Icons with cursor change, as if it is a hyperlink: (add class "onclick")
* <span class="glyphicons glyphicons-type-string onclick"></span>
* 
* You can even do bold and a cursor change: (add class "onclick" and "bold")
* <span class="glyphicons glyphicons-type-string onclick bold"></span>
* 
* You can apply ALT tags still: (add alt='your alt tag')
* <span class="glyphicons glyphicons-circle-info" alt="Get help on this section..."></span>
* 
* You can still have bespoke CSS values: (add "style='your style'")
* <span class="glyphicons glyphicons-type-string" style="color:red;"></span>
* 
* Add your onclick events: (don't forget to add class "onclick")
* <span class="glyphicons glyphicons-type-string onclick" onclick="functionToCall();"></span>
* 
****************************************************************************/

/*******************
 * ICON FEATURES
 ******************/
.glyphicons {
	font-size:15px;
}
.glyphicons.onclick {
	cursor:pointer;
}
.glyphicons.bold {
	font-weight:bold;
}

/*******************
 * ICONS AVAILABLE
 *******************/
/* <span class="glyphicons glyphicons-circle-ok"></span>
   used for save icons after editing a line */
.glyphicons.glyphicons-circle-ok {
	color:#009807;
}
/* <span class="glyphicons glyphicons-circle-plus"></span> 
   used for add icon, to add a new line*/
.glyphicons.glyphicons-circle-plus {
	color:#009807;
}
/* <span class="glyphicons glyphicons-refresh"></span> 
   used for refresh icon at top of forms*/
.glyphicons.glyphicons-refresh {
	color:#009807;
}
/* <span class="glyphicons glyphicons-edit"></span> 
   used for edit icon, to select to edit a line */
.glyphicons.glyphicons-edit {
	font-weight:bold;
	color:#009807;
	font-size:16px;
}
/* <span class="glyphicons glyphicons-envelope"></span> 
   used for email icon */
.glyphicons.glyphicons-envelope {
	color:#1E53A4;
}
/* <span class="glyphicons glyphicons-circle-remove"></span> 
   used for a delete icon, to delete a line */
.glyphicons.glyphicons-circle-remove {
	color:#CB0003;
}
/* <span class="glyphicons glyphicons-paperclip"></span>
   used for an attachment icon, to show comments popup div if comments are already available */
.glyphicons.glyphicons-paperclip {
	color:#1E53A4;
}
/* <span class="glyphicons glyphicons-paperclip"></span>
   used for an attachment icon, to show comments popup div if comments are already available */
.glyphicons.glyphicons-camera {
	color:#1E53A4;
}
/* <span class="glyphicons glyphicons-print"></span>
   used for a print icon */
.glyphicons.glyphicons-print {
	color:#1E53A4;
}
/* <span class="glyphicons glyphicons-circle-info"></span>
   used for an information icon, for the help section */
.glyphicons.glyphicons-circle-info {
	color:#1E53A4;
}
/* <span class="glyphicons glyphicons-plus"></span>
   used for the minimilist plus icon at the bottom of the parts tab */
.glyphicons.glyphicons-plus {
	color:#0064FF;
}
/* <span class="glyphicons glyphicons-graphs"></span>
   used for open graph icon button in report builder */
.glyphicons.glyphicons-charts {
	color:#1E53A4;
}