/** ================================================================================================================ */
/** 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;
}

.ticon .ticon,
.ticon:not(.ticon-container) {
    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;
}


/* Decor */

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

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

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

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


/** ================================================================================================================ */
/** Tamanhos                                                                                                         */
/** ---------------------------------------------------------------------------------------------------------------- */
/** REGEX TAMANHOS AUTODOCUMENTACAO - !nao apagar! */
.ticon i.ticon.ticon-extra-small,
span.ticon.ticon-extra-small,
.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.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,
.ticon.ticon-normal {
    width: 20px;
    height: 20px;
    font-size: 20px;
    background-size: 100%;
}

.ticon i.ticon.ticon-large,
span.ticon.ticon-large,
.ticon.ticon-large {
    font-size: 30px;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.ticon i.ticon.ticon-extra-large,
span.ticon.ticon-extra-large,
.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: 0;
}

.ticon i.ticon.decor.ticon-bottom,
.ticon i.ticon.decor.simple-decor,
.ticon i.ticon.decor.fast-decor {
    margin-bottom: 0;
}

.ticon i.ticon.decor.ticon-left {
    margin-left: 0;
}

.ticon i.ticon.decor.ticon-right,
.ticon i.ticon.decor.simple-decor,
.ticon i.ticon.decor.fast-decor {
    margin-right: 0;
}

/** ================================================================================================================ */
/** 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: 1500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate-right;
    -moz-animation-duration: 1500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

.teffect-rotate-left {
    -webkit-animation-name: rotate-left;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate-left;
    -moz-animation-duration: 1500ms;
    -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 steps(5, start) infinite alternate;
    -moz-animation: pulse 1s steps(5, start) infinite alternate;
    animation: pulse 1s steps(5, start) 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 steps(5, start) 10 alternate;
    -moz-animation: bump 0.1s steps(5, start) 10 alternate;
    animation: bump 0.1s steps(5, start) 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 1s steps(5, start) infinite alternate;
    -moz-animation: panic 1s steps(5, start) infinite alternate;
    animation: panic 1s steps(5, start) 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 0 #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 0 #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 0 #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 0 1px 0;
    overflow: hidden;
}

.ticon.ifamily-square .ticon {
    margin-bottom: -2px;
}

/** CIRCLE */
.ticon.ifamily-circle {
    border: 1px solid gray;
    border-radius: 100px;
    padding: 1px 0 1px 0;
    overflow: hidden;
}

.ticon.ifamily-circle .ticon {
    margin-bottom: -2px;
}

/** ECO */
.ticon.ifamily-eco {
    border: 2px solid #990;
    border-radius: 10px 0 10px 0;
    background: #9F9;
    color: #990;
    padding: 1px 0 1px 0;
    overflow: hidden;
}

.ticon.ifamily-eco .ticon {
    margin-bottom: -2px;
}

/** ECO 3D */
.ticon.ifamily-eco3d {
    border: 2px solid #990;
    border-radius: 10px 0 10px 0;
    background: #9F9;
    color: #EE9;
    padding: 1px 0 1px 0;
    overflow: hidden;
    text-shadow: 1px 0 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 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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 0 20px;
}

/** MultipleSelection                                                                                                */
.ticon + [ttype=multipleselection].tselection {
    background-color: initial;
}

.ticon + [ttype=multipleselection].tselection .selectedOptionsContainer {
    padding: 2px 22px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white;
}

.ticon.decor.tdecor-inactive:before {
    content: "\e60a";
}

/** Buscar Instancia ----------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-search {
    font-size: 11px;
    width: 10px;
    height: 10px;
    bottom: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white;
}

.ticon.decor.tdecor-config:before {
    content: "\e66f";
}

/** Editar instancia ----------------------------------------------------------------------------------------------- */
.ticon.decor.tdecor-edit {
    font-size: 11px;
    width: 10px;
    height: 10px;
    bottom: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    height: 0;
    left: -2px;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 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: 0;
    right: 0;
    top: inherit;
    left: inherit;
    text-shadow: 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white, -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px white;
}

.ticon.decor.tdecor-waiting:before {
    content: "\e674";
}

/** Instancia modificada por terceiros - mensagem de email --------------------------------------------------------- */
.ticon.tdecor-modified {
    -webkit-animation: pulse 1s steps(5, start) infinite alternate;
    -moz-animation: pulse 1s steps(5, start) infinite alternate;
    animation: pulse 1s steps(5, start) infinite alternate;
    color: white;
}

/** Instancia em panico - valores alterados / prejuizo operacional / prejuizo financeiro --------------------------- */
.ticon.tdecor-panic {
    -webkit-animation: panic 1s steps(5, start) infinite alternate;
    -moz-animation: panic 1s steps(5, start) infinite alternate;
    animation: panic 1s steps(5, start) infinite alternate;
}

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

.ticon.decor.tdecor-adobe:before {
    content: "\e7a8";
}

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

.ticon.decor.tdecor-word:before {
    content: "\e7a9";
}

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

.ticon.decor.tdecor-spreadsheet:before {
    content: "\e7aa";
}