/*  ___                    
 * |_ _|___ ___  _ __  ___ 
 *  | |/ __/ _ \| '_ \/ __|
 *  | | (_| (_) | | | \__ \
 * |___\___\___/|_| |_|___/
 */                        


/* SVG Icons
   ========================================================================== */

/* Overriding tapestry data grid sort icons */
.t-sort-icon {
	display: none;
}
.t-data-grid thead th a { display: inline-block; }
.t-data-grid thead th a:last-child {
	margin-bottom: -3px;
	width: 15px;
	height: 15px;
	background: url("../img/sortable-icon.svg") no-repeat 5px 0;
}
.t-data-grid thead th.t-sort-column-ascending a:last-child {
	background-image: url("../img/sort-asc-icon.svg");
}
.t-data-grid thead th.t-sort-column-descending a:last-child {
	background-image: url("../img/sort-desc-icon.svg");
}

/* Embed Icon Font
========================================================================== */

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
		url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), 
		url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), 
		url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), 
		url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Icon Variables
 * Map character codes to icon font.
 * Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 
 * readers do not read off random characters that represent icons.
========================================================================== */







/* Icon Fonts
   PubFactory platform uses the ico-* prefix for icons.
   ========================================================================== */
   
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ico-"] {
  -ms-zoom: 1; 
}


/* Visually hide the text label by default. */

/*[class^="ico-"] span,
[class*="ico-"] span,*/
.ico-locale span,
.ico-up span,
.ico-down span {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/*[class^="ico-"]:before,
[class*="ico-"]:before,
[class^="ico-"]:after,
[class*="ico-"]:after,*/
.ico-up:before,
.ico-down:before,
.ico-email-alert:before,
.ico-file:before,
.ico-xls:before,
.ico-xlsx:before,
.ico-csv:before,
.ico-pdf:before,
.ico-word:before,
.ico-doc:before,
.ico-docx:before,
.ico-file-archive:before,
.ico-zip:before,
.ico-rar:before,
.ico-jar:before,
.ico-war:before,
.ico-ppt:before, 
.ico-pptx:before,
.ico-locale:before,
.ico-access-restricted:before,
.ico-access-unlocked:before,
.ico-default-image:before,
.ico-default-audio:before,
.ico-default-video:before,
.ico-print:before,
.ico-save:before,
.ico-saved:before,
.ico-email:before,
.ico-edit:before,
.ico-cite:before,
.ico-share:before,
.ico-font:before
 {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1; 
}


/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 * 
 * Map icon classes to the appropriate variables.
 * These are icons that can be used in *ALL PLUGIN PROJECTS*.
 * Add icon classes to the style rule that applies the icon font family (above). 
 * 
 * If you need an icon that is currently not listed in this file, 
 * check for its existence in /responsive/css/icons.css and move it from that file
 * to this file.
 * 
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */

.ico-up:before { content: '\f0d8'; }
.ico-down:before { content: '\f0d7'; }
.ico-email-alert:before { content: '\f0f3'; }
.ico-email-alert.on:before { content: '\f0f3'; }
.ico-email-alert.off:before { content: '\f1f7'; }
.ico-file:before { content: '\f016'; }
.ico-file-archive:before { content: '\f1c6'; }
.ico-zip:before { content: '\f1c6'; }
.ico-rar:before { content: '\f1c6'; }
.ico-jar:before { content: '\f1c6'; }
.ico-war:before { content: '\f1c6'; }
.ico-xls:before { content: '\f1c3'; }
.ico-xlsx:before { content: '\f1c3'; }
.ico-csv:before { content: '\f1c9'; }
.ico-pdf:before { content: '\f1c1'; }
.ico-word:before { content: '\f1c2'; }
.ico-doc:before { content: '\f1c2'; }
.ico-docx:before { content: '\f1c2'; }
.ico-ppt:before, 
.ico-pptx:before { content: '\f1c4'; }
.ico-locale:before { content: '\f0ac'; }
.ico-xml:before {content: '\f1c9'; }
.ico-refresh:before {content: '\f021'; }
.ico-default-image:before {content: '\f1c5'}
.ico-default-audio:before {content: '\f028'}
.ico-default-video:before {content: '\f008'}


.ico-print:before { content: '\f02f'; }
.ico-save.saved:before,
.ico-saved:before { content: '\f02e'; }
.ico-save:before { content: '\f097'; }
.ico-email:before { content: '\f0e0'; }
.ico-edit:before { content: '\f040'; }
.ico-cite:before { content: '\f10d'; }
.ico-share:before { content: '\f1e0'; }
.ico-font:before { content: '\f031'; }




/*  _____           _       
 * |  ___|__  _ __ | |_ ___ 
 * | |_ / _ \| '_ \| __/ __|
 * |  _| (_) | | | | |_\__ \
 * |_|  \___/|_| |_|\__|___/
 */                         

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic);


/*  ___                    
 * |_ _|___ ___  _ __  ___ 
 *  | |/ __/ _ \| '_ \/ __|
 *  | | (_| (_) | | | \__ \
 * |___\___\___/|_| |_|___/
 */

/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 * 
 * Re-Map character codes to icon font specific to THIS PLUGIN ROJECT ONLY.
 * Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 
 * readers do not read off random characters that represent icons.
 * 
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */





/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 * 
 * Icon classes that are specific to THIS PLUGIN ROJECT ONLY.
 * Map icon classes to appropriate variables.
 * Add icon classes to the style rule that applies the icon font family.
 * 
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */
 
 /* Visually hide the text label by default. */

[class*="ico-"] span {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.dialog_close span:active,  
.dialog_close span:focus,
[class*='ico-'] span:active,
[class*='ico-'] span:focus {
	position: static;
	clip: auto;
	height: auto;
    width: auto;
    overflow: visible;
}

/* Display text label and icon. */

.ico-options span,
.ico-annot span,
.ico-add span,
.ico-menu span {
	position: static;
	display: inline;
	padding-left: .5em; 
}

[class^='ico-']:before,
[class*='ico-']:before,
[class^='ico-']:after,
[class*='ico-']:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1; 
}

.ico-home:before { content: '\f015'; }
.ico-search:before { content: '\f002'; }
/* .ico-search-options:before { content: '\f141'; } */
.ico-menu:before { content: '\f0c9'; }
.ico-user:before { content: '\f007'; }
.ico-sign-in:before { content: '\f090'; }
.ico-sign-out:before { content: '\f08b'; }
.ico-options:before { content: '\f013'; }
.ico-cog:before { content: '\f013'; }
.ico-print:before { content: '\f02f'; }
.ico-save.saved:before,
.ico-saved:before { content: '\f02e'; }
.ico-save:before { content: '\f097'; }
.ico-email:before { content: '\f0e0'; }
.ico-edit:before { content: '\f040'; }
.ico-annot:before { content: '\f08d'; }
.ico-comment:before { content: '\f075'; }
.ico-cite:before { content: '\f10d'; }
.ico-share:before { content: '\f1e0'; }
.ico-font:before { content: '\f031'; }
.ico-prev:before { content: '\f053'; }
.ico-next:after { content: '\f054'; }
.ico-up:before { content: '\f077'; }
.ico-down:before { content: '\f078'; }
.ico-add:before { content: '\f0fe'; }
.ico-external-link:before { content: '\f08e'; }
.dialog_close:before,
.ico-close:before { content: '\f00d'; }
.ico-delete:before { content: '\f00d'; }
.ico-remove:before { content: '\f00d'; }
.ico-type:before { content: '\f02d'; }
.ico-rss:before { content: '\f09e'; }
.ico-rss-sign:before { content: '\f143'; }
.ico-help:before { content: '\f059'; }
.ico-facebook:before { content: '\f082'; }
.ico-twitter:before { content: '\f081'; }
.ico-linkedin:before { content: '\f08c'; }
.ico-filter:before { content: '\f0b0'; }
.ico-toc:before { content: '\f0ca'; }
.ico-archive:before { content: '\f187'; }
.ico-view:before { content: '\f06e'; }
.ico-back:before { content: '\f0e2'; }

.ico-nlm-book:before { content: '\f02d'; }
.ico-nlm-chapter:before { content: '\f0f6'; }
.ico-nlm-article:before { content: '\f0f6'; }
.ico-nlm-journal:before { content: '\f02d'; } 
.ico-nlm-article-contents:before { content: '\f02d'; } 

/* ico-hi represents the current state of the highlights,
   ico-hi-inverse represents the icon for the opposite of
   the current highlighting state (dark vs. light) */

.ico-hi:before,
.ico-hi-inverse:before {
	content: '$ico-var-highlight-light';
}
.hi-light .ico-hi:before,
.hi-dark .ico-hi-inverse:before {
	content: '$ico-var-highlight-dark';
}


/* Toggles */
.ico-toggle-open:before,
.ico-open:before {
	content: '\f0da';
}
.ico-toggle-shut:before,
.ico-shut:before {
	content: '\f0d7';
}


/* Content Access Indicators -- IMF is not currently using this feature from baseapp */
/*
.ico-access {
	position: relative;
	margin-left: 1em;
}
.ico-access-restricted {
	color: #be2228;
}
.ico-access-authorized{ 
	color: #009900; 
}
.ico-access span {
	color: $accessLabelColor;
}


*/