@keyframes anim-blink {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes anim-blink {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes anim-blink {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.blink5 {
    -moz-animation-name: anim-blink;
    -webkit-animation-name: anim-blink;
    animation-name: anim-blink;
    -moz-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-iteration-count: 5;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
}

/* POSITIONING OF THE MAIN ELEMENTS */
html, body {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

#content {
    height: 100%;
    z-index: 0;
}

.screen-container {
    overflow-x: hidden;
    overflow-y: auto;
}

.screen-holder {
    margin: 0 auto;
    display: table;
    width: 90%; /**/
}

    .screen-holder p {
        white-space: pre-wrap;
    }

    .screen-holder.full-area {
        width: 100%;
    }

    .screen-holder.edit-in-place {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

.screen {
    display: table-cell;
    vertical-align: middle;
}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.full-height {
    height: 100% !important;
}

strong {
    font-weight: bold !important;
}

.btn-ql {
    background-color: transparent;
    border: none;
}

/* ICONS */
.icon-frame {
    background-image: url("../media/frame_icos_standard.png");
    height: 32px;
    width: 32px;
}

.icon-frame-index {
    background-position: 0px 0px;
    background-color: transparent;
}

.icon-frame-glossary {
    background-position: -32px 0px;
    background-color: transparent;
}

.icon-frame-instructions {
    background-position: -64px 0px;
    background-color: transparent;
}

.icon-frame-faq {
    background-position: -96px 0px;
    background-color: transparent;
}

.icon-frame-exit {
    background-position: -192px 0px;
    background-color: transparent;
}

.icon-frame-attach {
    background-position: -224px 0px;
    background-color: transparent;
}

.icon-frame-attach-default {
    background-position: -256px 0px;
    background-color: transparent;
}

.icon-frame-attach-pdf {
    background-position: -288px 0px;
    background-color: transparent;
}

.icon-frame-attach-doc {
    background-position: -320px 0px;
    background-color: transparent;
}

.icon-frame-attach-xls {
    background-position: -352px 0px;
    background-color: transparent;
}

.icon-frame-attach-ppt {
    background-position: -384px 0px;
    background-color: transparent;
}

.icon-frame-attach-csv {
    background-position: -416px 0px;
    background-color: transparent;
}

.icon-frame-attach-mpg {
    background-position: -448px 0px;
    background-color: transparent;
}

.icon-frame-attach-flv {
    background-position: -480px 0px;
    background-color: transparent;
}

.icon-frame-attach-wma {
    background-position: -512px 0px;
    background-color: transparent;
}

.icon-frame-attach-zip {
    background-position: -544px 0px;
    background-color: transparent;
}

.icon-frame-attach-rar {
    background-position: -576px 0px;
    background-color: transparent;
}

.icon-frame-attach-exe {
    background-position: -608px 0px;
    background-color: transparent;
}

.icon-frame-attach-dmg {
    background-position: -640px 0px;
    background-color: transparent;
}

.icon-frame-attach-mov {
    background-position: -672px 0px;
    background-color: transparent;
}

.icon-frame-attach-avi {
    background-position: -704px 0px;
    background-color: transparent;
}

.icon-frame-attach-psd {
    background-position: -736px 0px;
    background-color: transparent;
}

.icon-frame-attach-ai {
    background-position: -768px 0px;
    background-color: transparent;
}

.icon-frame-attach-dll {
    background-position: -800px 0px;
    background-color: transparent;
}

.icon-frame-attach-png {
    background-position: -832px 0px;
    background-color: transparent;
}

.icon-frame-attach-gif {
    background-position: -864px 0px;
    background-color: transparent;
}

.icon-frame-attach-jpg {
    background-position: -896px 0px;
    background-color: transparent;
}

.icon-frame-lock {
    background-position: -928px 0px;
    background-color: transparent;
}

.icon-frame-unlock {
    background-position: -960px 0px;
    background-color: transparent;
}

.icon-frame-index:hover,
.icon-frame-index:active,
.icon-frame-glossary:hover,
.icon-frame-glossary:active,
.icon-frame-instructions:hover,
.icon-frame-instructions:active,
.icon-frame-faq:hover,
.icon-frame-faq:active,
.icon-frame-exit:hover,
.icon-frame-exit:active,
.icon-frame-attach:hover,
.icon-frame-attach:active,
.icon-exercise-radio-unchecked:hover,
.icon-exercise-radio-unchecked:active,
.icon-exercise-radio-checked:hover,
.icon-exercise-radio-checked:active,
.icon-exercise-checkbox-unchecked:hover,
.icon-exercise-checkbox-unchecked:active,
.icon-exercise-checkbox-checked:hover,
.icon-exercise-checkbox-checked:active {
    background-color: #E0E0E0;
}

.icon-standard {
    background-image: url("../media/templates_icos_standard.png");
    height: 48px;
    width: 48px;
}

.icon-standard-arrow-left {
    background-position: 0px 0px;
}

.icon-standard-arrow-right {
    background-position: -48px 0px;
}

.icon-standard-reload {
    background-position: -192px 0px;
}

.icon-standard-check {
    background-position: -240px 0px;
}

.icon-standard-x {
    background-position: -288px 0px;
}

.icon-standard-forward {
    background-position: -528px 0px;
}

.icon-standard-rewind {
    background-position: -576px 0px;
}

.icon-standard-important {
    background-position: -624px 0px;
}

.icon-standard-question {
    background-position: -672px 0px;
}

.icon-standard-review {
    background-position: -864px 0px;
}

.icon-standard-loading {
    background-image: url("../media/loading.gif");
    height: 40px;
    width: 40px;
}

.icon-standard-timer {
    background-position: -912px 0px;
}

.atencao_svg {
    background-image: url("../media/atencao.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 50%;
}

.hex_bg_svg {
    background-image: url("../media/hex_bg.svg");
}

.hex_bg_svg_lg {
    background-image: url("../media/hex_bg.svg");
}

.hex_bg_svg_xs {
    background-image: none;
}

@media(max-width:767px) {
    .hex_bg_svg_xs {
        background-image: url("../media/hex_bg.svg");
    }

    .hex_bg_svg_lg {
        background-image: none;
    }
}

p:last-child {
    margin-bottom: 0;
}

.texto {
    word-wrap: break-word;
}

.ql-text-column {
    max-width: 40em;
    margin: auto;
}

.special-screen {
    display: none;
}

@media(max-height: 800px) and (min-width:768px) {
    .personagem img {
        height: 100%;
        min-height: 680px;
    }
}

.light-fc {
    color: #e5e5e5;
}

.dark-fc {
    color: #1e1e1e;
}