/** ================================================================================================================ */
/** Component Icon                                                                                                   */
/** ---------------------------------------------------------------------------------------------------------------- */
/** TouchHealth - janeiro de 2015 - astolfi                                                                          */
/** ================================================================================================================ */
/** Touch Icons - conjunto de icones da Touch Health                                                                 */
/** Inspirado por: Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome                           */
/** ================================================================================================================ */
@font-face {
	font-family: 'TouchIcons';
	src:url('../ext/touch-icons/Touch-Icons.eot?b58zuq');
	src:url('../ext/touch-icons/Touch-Icons.eot?#iefixb58zuq') format('embedded-opentype'),
		url('../ext/touch-icons/Touch-Icons.woff?b58zuq') format('woff'),
		url('../ext/touch-icons/Touch-Icons.ttf?b58zuq') format('truetype'),
		url('../ext/touch-icons/Touch-Icons.svg?b58zuq#Touch-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ticon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #555;
}

span.ticon i.ticon.fakeW {
	position: relative;
	height: 0px;
	display: block;
	border: none;
}

span.ticon i.ticon.fakeH {
	position: relative;
	width: 0px;
	display: inline-block;
	border: none;
}

.ticon .ticon {
	position: relative;
	display: inline-block;
	font: normal normal normal 18px/1 TouchIcons;
	width: 20px;
	height: 20px;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ticon .ticon.hasDecor {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}

.ticon .ticon.decor {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}

/** ================================================================================================================ */
/** Tamanhos                                                                                                         */
/** ---------------------------------------------------------------------------------------------------------------- */
/** REGEX TAMANHOS AUTODOCUMENTACAO - !nao apagar! */
.ticon i.ticon.ticon-extra-small,
span.ticon.ticon-extra-small,
.ticon.fast-decor {
	font-size: 11px;
	width: 10px;
	height: 10px;
	background-size: 100%;
}
.ticon i.ticon.ticon-small,
span.ticon.ticon-small,
.ticon i.ticon.input-icon {
	font-size: 14px;
	width: 14px;
	height: 14px;
	background-size: 100%;
}
.ticon i.ticon.ticon-normal,
span.ticon.ticon-normal {
	width: 20px;
	height: 20px;
	font-size: 20px;
	background-size: 100%;
}
.ticon i.ticon.ticon-large,
span.ticon.ticon-large {
	font-size: 30px;
	width: 30px;
	height: 30px;
	background-size: 100%;
}
.ticon i.ticon.ticon-extra-large,
span.ticon.ticon-extra-large {
	font-size: 60px;
	width: 60px;
	height: 60px;
	background-size: 100%;
}
/** FIM REGEX TAMANHOS AUTODOCUMENTACAO - !nao apagar! */
/** ================================================================================================================ */
/** Decoracoes / Alinhamentos                                                                                        */
/** ---------------------------------------------------------------------------------------------------------------- */
/** Existem tres formas de posicionar decoracoes:                                                                    */
/** 1. os icones/font-chars de decoracoes já renderizam em uma posicao coerente com suas representacoes              */
/**     - a desvantgem e que icones de decoracao nao serao utilizados como icones normais                            */
/** 2. o desenvolvedor utiliza as classes abaixo para posicionar a decoracao                                         */
/**     - a desvantagem e que o desenvolvedor devera conhecer estas classes (+ verbosidade)                          */
/** 3. o desenvolvedor cria seu proprio estilo de alinhamento e passa para seu icone de decoracao                    */
/** ---------------------------------------------------------------------------------------------------------------- */
.ticon i.ticon.decor.ticon-top {
	margin-top: 0px;
}
.ticon i.ticon.decor.ticon-bottom,
.ticon i.ticon.decor.simple-decor,
.ticon i.ticon.decor.fast-decor {
	margin-bottom: 0px;
}
.ticon i.ticon.decor.ticon-left {
	margin-left: 0px;
}
.ticon i.ticon.decor.ticon-right, 
.ticon i.ticon.decor.simple-decor,
.ticon i.ticon.decor.fast-decor {
	margin-right: 0px;
}
/** ================================================================================================================ */
/** Animacoes / Efeitos                                                                                              */
/** ---------------------------------------------------------------------------------------------------------------- */
/** FLIP HORIZONTAL ------------------------------------------------------------------------------------------------ */
.teffect-flip-horizontal {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
/** FLIP VERTICAL -------------------------------------------------------------------------------------------------- */
.teffect-flip-vertical {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
/** ROTATE --------------------------------------------------------------------------------------------------------- */
.teffect-rotate-right {
    -webkit-animation-name: rotate-right; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate-right; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
.teffect-rotate-left {
    -webkit-animation-name: rotate-left; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate-left; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate-right {
	from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate-right {
	from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-left {
	from {-webkit-transform: rotate(360deg);}to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate-left {
	from {-moz-transform: rotate(360deg);}to {-moz-transform: rotate(0deg);}
}
/** GLOW ----------------------------------------------------------------------------------------------------------- */
.teffect-glow {
    text-shadow: 0 0 2px #CC3, 0 0 3px #DD3, 0 0 4px #EE3, 0 0 5px #FF3;
}
.teffect-glow-reverse {
    text-shadow: 0 0 2px #CC3, 0 0 3px #DD3, 0 0 4px #EE3, 0 0 5px #FF3;
    color: white;
}
/** PULSE ---------------------------------------------------------------------------------------------------------- */
.teffect-pulse {
	-webkit-animation: pulse 1s ease-in-out infinite alternate;
	-moz-animation: pulse 1s ease-in-out infinite alternate;
	animation: pulse 1s ease-in-out infinite alternate;
	color: white;
}
@-webkit-keyframes pulse {
	from {
		text-shadow: 0 0 4px  #333399,0 0 7px  #333399,0 0 8px  #333399,0 0 10px #333399,0 0 15px #333399;
	}to {
		text-shadow: 0 0 2px #333399,0 0 3.5px #333399,0 0 4px #333399,0 0 5px #333399,0 0 7.5px #333399;
	}
}
@-moz-keyframes pulse {
	from {
		text-shadow: 0 0 4px  #333399,0 0 7px  #333399,0 0 8px  #333399,0 0 10px #333399,0 0 15px #333399;
	}to {
		text-shadow: 0 0 2px #333399,0 0 3.5px #333399,0 0 4px #333399,0 0 5px #333399,0 0 7.5px #333399;
	}
}
@keyframes pulse {
	from {
		text-shadow: 0 0 4px  #333399,0 0 7px  #333399,0 0 8px  #333399,0 0 10px #333399,0 0 15px #333399;
	}to {
		text-shadow: 0 0 2px #333399,0 0 3.5px #333399,0 0 4px #333399,0 0 5px #333399,0 0 7.5px #333399;
	}
}
/** BUMP ----------------------------------------------------------------------------------------------------------- */
.teffect-bump {
	-webkit-animation: bump 0.1s ease-in-out 10 alternate;
	-moz-animation: bump 0.1s ease-in-out 10 alternate;
	animation: bump 0.1s ease-in-out 10 alternate;
}
@-webkit-keyframes bump {
	from {}to {font-size: 150%;color: gray;}
}
@-moz-keyframes bump {
	from {}to {font-size: 150%;color: gray;}
}
@keyframes bump {
	from {}to {font-size: 150%;color: gray;}
}
/** PANIC ---------------------------------------------------------------------------------------------------------- */
.teffect-panic {
	-webkit-animation: panic 0.5s ease-in-out infinite alternate;
	-moz-animation: panic 1s ease-in-out infinite alternate;
	animation: panic 1s ease-in-out infinite alternate;
}
@-webkit-keyframes panic {
	from {
		text-shadow: 0 0 1px  #FF3,0 0 2px  #FF3,0 0 3px  #FF3,0 0 4px #FF3,0 0 5px #FF3;
		color: red;
	}to {
		text-shadow: 0 0 0px #993333,0 0 1px #993333,0 0 2px #993333,0 0 3px #993333,0 0 4px #993333;
		color: yellow;
	}
}
@-moz-keyframes panic {
	from {
		text-shadow: 0 0 1px  #FF3,0 0 2px  #FF3,0 0 3px  #FF3,0 0 4px #FF3,0 0 5px #FF3;
		color: red;
	}to {
		text-shadow: 0 0 0px #993333,0 0 1px #993333,0 0 2px #993333,0 0 3px #993333,0 0 4px #993333;
		color: yellow;
	}
}
@keyframes panic {
	from {
		text-shadow: 0 0 1px  #FF3,0 0 2px  #FF3,0 0 3px  #FF3,0 0 4px #FF3,0 0 5px #FF3;
		color: red;
	}to {
		text-shadow: 0 0 0px #993333,0 0 1px #993333,0 0 2px #993333,0 0 3px #993333,0 0 4px #993333;
		color: yellow;
	}
}

/** ================================================================================================================ */
/** Familias                                                                                                         */
/** ---------------------------------------------------------------------------------------------------------------- */
/** SQUARE */
.ticon.ifamily-square {
	border: 1px solid gray;
	border-radius: 3px;
	padding: 1px 0px 1px 0px;
	overflow: hidden;
}
.ticon.ifamily-square .ticon {
	margin-bottom: -2px;
}
/** CIRCLE */
.ticon.ifamily-circle {
	border: 1px solid gray;
	border-radius: 100px;
	padding: 1px 0px 1px 0px;
	overflow: hidden;
}
.ticon.ifamily-circle .ticon {
	margin-bottom: -2px;
}
/** ECO */
.ticon.ifamily-eco {
	border: 2px solid #990;
	border-radius: 10px 0px 10px 0px;
	background: #9F9;
	color: #990;
	padding: 1px 0px 1px 0px;
	overflow: hidden;
}
.ticon.ifamily-eco .ticon {
	margin-bottom: -2px;
}
/** ECO 3D */
.ticon.ifamily-eco3d {
	border: 2px solid #990;
	border-radius: 10px 0px 10px 0px;
	background: #9F9;
	color: #EE9;
	padding: 1px 0px 1px 0px;
	overflow: hidden;
	text-shadow: 1px 0px gray;
}
.ticon.ifamily-eco3d .ticon {
	margin-bottom: -2px;
}
/** Decor                                                                                                            */
.ticon.bg-decor,
.ticon.simple-decor,
.ticon.fast-decor {
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
/** InputIcon                                                                                                        */
/**                                                                                                                  */
.ticon .ticon.input-icon {
	margin-right:-28px;
	color:#AAA;
}
/** SingleSelect                                                                                                     */
.ticon + [ttype=richselect] .richselect-inp {
    padding-left: 20px !important;
}
/** TextInput                                                                                                        */
.ticon + [ttype=textinput] {
    padding-left: 20px !important;
}
/** SingleSelection                                                                                                  */
.ticon + [ttype=singleselection].tselection {
	background-color: initial;
}
.ticon + [ttype=singleselection].tselection .selectedOptionsContainer {
	padding: 2px 22px 0px 20px;	
}
/** MultipleSelection                                                                                                */
.ticon + [ttype=multipleselection].tselection {
	background-color: initial;
}
.ticon + [ttype=multipleselection].tselection .selectedOptionsContainer {
	padding: 2px 22px 0px 20px;	
}
/** Number                                                                                                           */
.ticon + [ttype=numberinput] {
    padding-left: 20px !important;
}
/** ================================================================================================================ */
/** Decoracoes :: atalhos e modelos especiais                                                                        */
/** ---------------------------------------------------------------------------------------------------------------- */
/** Especificacao semantica de qualquer icone e suas principais combinacoes                                          */
/** ================================================================================================================ */
/** Criar - sentido de persistir nova instancia -------------------------------------------------------------------- */
.ticon.decor.tdecor-create,
.ticon.decor.tdecor-new,
.ticon.decor.tdecor-more {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-create:before,
.ticon.decor.tdecor-new:before,
.ticon.decor.tdecor-more:before {
	content: "\e667";
}
/** Remover / Retirar ---------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-remove,
.ticon.decor.tdecor-less {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-remove:before,
.ticon.decor.tdecor-less:before {
	content: "\e666";
}
/** Apagar instancia ----------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-delete {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-delete:before {
	content: "\e668";
}
/** Destruir instancia : passa a ideia de cascata e irrecuperavel -------------------------------------------------- */
.ticon.decor.tdecor-destroy {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-destroy:before {
	content: "\e654";
}
/** Instancia Cancelada -------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-canceled {
}
.ticon.decor.tdecor-canceled:before {
	content: "\e661";
}
/** Instancia Inativa ---------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-inactive {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-inactive:before {
	content: "\e60a";
}
/** Buscar Instancia ----------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-search {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-search:before {
	content: "\e6b7";
}
/** Informacoes da instancia --------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-info,
.ticon.decor.tdecor-details {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-info:before,
.ticon.decor.tdecor-details:before {
	content: "\e79b";
}
/** Instancia em atencao ------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-attention,
.ticon.decor.tdecor-warning,
.ticon.decor.tdecor-alert {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-attention:before,
.ticon.decor.tdecor-warning:before,
.ticon.decor.tdecor-alert:before {
	content: "\e642";
}
/** Instancia ativa ------------------------------------------------------------------------------------------------ */
.ticon.decor.tdecor-active,
.ticon.decor.tdecor-ok {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-active:before,
.ticon.decor.tdecor-ok:before {
	content: "\e60a";
}
/** Configurar instancia ------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-config {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-config:before {
	content: "\e66f";
}
/** Editar instancia ----------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-edit {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-edit:before {
	content: "\e693";
}
/** Trocar instancia ----------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-change,
.ticon.decor.tdecor-swap {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-change:before,
.ticon.decor.tdecor-swap:before {
	content: "\e740";
}
/** Instancia em urgencia ------------------------------------------------------------------------------------------ */
.ticon.decor.tdecor-urgent {
	font-size: 12px;
	width: 0px;
	height: 0px;
	left: -2px;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
	top: inherit;
	right: inherit;
	bottom: 17px;
}
.ticon.decor.tdecor-urgent:before {
	content: "\e641";
}
/** Refazer a instancia -------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-redo {
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-redo:before {
	content: "\e734";
}
/** Desfazer a instancia ------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-undo {
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-undo:before {
	content: "\e733";
}
/** Instancia bloqueada -------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-blocked,
.ticon.decor.tdecor-locked {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-blocked:before,
.ticon.decor.tdecor-locked:before {
	content: "\e68e";
}
/** Instancia desbloqueada ----------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-unblocked,
.ticon.decor.tdecor-unlocked {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-unblocked:before,
.ticon.decor.tdecor-unlocked:before {
	content: "\e68f";
}
/** Carregando instancia ------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-loading {
    -webkit-animation-name: rotate-right; 
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate-right; 
    -moz-animation-duration: 1s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
.ticon.decor.tdecor-loading:before {
	content: "\e66c";
}
/** Salvando instancia --------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-save {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-save:before {
	content: "\e696";
}
/** Visualizar instancia :: recomendado para imagens e documentos -------------------------------------------------- */
.ticon.decor.tdecor-visualize {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-visualize:before {
	content: "\e640";
}
/** Instancia esta aguardando / ficando pronta --------------------------------------------------------------------- */
.ticon.decor.tdecor-waiting {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-waiting:before {
	content: "\e674";
}
/** Instancia modificada por terceiros - mensagem de email --------------------------------------------------------- */
.ticon.tdecor-modified {
	-webkit-animation: pulse 1s ease-in-out infinite alternate;
	-moz-animation: pulse 1s ease-in-out infinite alternate;
	animation: pulse 1s ease-in-out infinite alternate;
	color: white;
}
/** Instancia em panico - valores alterados / prejuizo operacional / prejuizo financeiro --------------------------- */
.ticon.tdecor-panic {
	-webkit-animation: panic 0.5s ease-in-out infinite alternate;
	-moz-animation: panic 1s ease-in-out infinite alternate;
	animation: panic 1s ease-in-out infinite alternate;
}

/** Arquivo Adobe -------------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-adobe {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-adobe:before {
	content: "\e7a8";
}

/** Arquivo Word --------------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-word {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-word:before {
	content: "\e7a9";
}

/** Arquivo Spreadsheet -------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-spreadsheet {
	font-size: 11px;
	width: 10px;
	height: 10px;
	bottom: 0px;
	right: 0px;
	top: inherit;
	left: inherit;
	text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0px 1px white, 0px -1px 1px white, 0px 1px 1px white, 1px 0px 1px white;
}
.ticon.decor.tdecor-spreadsheet:before {
	content: "\e7aa";
}