/* html */
<i  data-toggle="tooltip" title="Tooltip on left" disabled="disabled" data-trigger="addToVault" class="fa fa-lg fa-check visible text-success disabled"></i>
/* jquery */
$(document).ready(function() {
				$("[data-toggle=tooltip]").tooltip();
				$("[data-trigger=addToVault]").click(function() {
					if($(this).attr('disabled') != 'disabled') {
						if($(this).hasClass('selected')) {
							$(this).removeClass('visible text-success selected');
							$(this).closest('.resume-card').removeClass('selected');
						} else {
							$(this).addClass('visible text-success selected');
							$(this).closest('.resume-card').addClass('selected');
						}
					}
				})

				$("[data-trigger=toggleFrame]").click(function() {
					var resumeCard = $(this).closest('.resume-card');
					$(resumeCard).find('.frame').each(function(i, e) {
						$(e).css('z-index', '98');
					})
					$(resumeCard).find($(this).attr('data-frame')).css('z-index', '99').css('display','block');
				});

				$("[data-trigger=closeFrame]").click(function(){
					$(this).closest('.frame').css('display', 'none');
				})
			})
});