/*
  Copyright © 2023 An Emm<T𝒾> Solution

  All rights reserved. This software is the property of Emmanuel Tissera. 
  Permission from the copyright holder is required to use, modify, or distribute this software.

  For inquiries and licensing information, contact code@emmti.com.
*/

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.scrollableContainer {
    flex-grow: 1;
    overflow-y: auto;
}

#notifications {
    padding: 5px;
}

#selectStatus {
    display: block;
}

#canvasContainer {
    flex: 1;
    overflow: hidden;
    position: relative;
}

#scroll-text {
    color: #373b3e;
    background-color: #f5d9abcc;
    vertical-align: middle;
    padding: 2px;
    margin-top: 4px;
}

@keyframes moveUpDownAndLeftRight {
    0%, 100% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(0, -20px);
    }
    50% {
        transform: translate(20px, -20px);
    }
    75% {
        transform: translate(20px, 0);
    }
}

#scroll-indicator {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#scroll-indicator img {
    height: 128px;
    width: 128px;
    animation: moveUpDownAndLeftRight 4s linear infinite;
    display: inline-block;
    vertical-align: middle;
}

.far, .fas{
    color: #0C356A;
    width: 70px;
}