﻿.Logo {
}

body {
}
.Page {
    max-width: 1000px;
    margin: auto;
    margin-top: 100px;
    height: calc(100% - 180px);
    overflow: auto;
}

.Controls {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
.ChatInput {
    display: block;
    width:100%;
    padding:10px;
    border-radius: var(--border-radius-medium);
    border: 1px solid #cccccc;
    resize: none;
    outline: none;
    height: 60px;
    font-family: 'Inter';
    font-size: 12pt;
}
.Send {
    background: var(--background-color-main);
    float: right;
    transform: translate(-10px, -43px);
    cursor:pointer;
}

.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: bblFadInOut 1.8s infinite ease-in-out;
}

.Message_Loading {
    padding: 0px !important;
    height: 50px;
    min-height: 50px;
    width: 100px;
}

.loader {
    color: var(--theme);
    font-size: 7px;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s;
    display: block;
    margin-left: 40px;
}

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        left: -3.5em;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

@keyframes bblFadInOut {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}


#pnl_Controls_Options {
    text-align: right;
    margin-bottom: -30px;
    transform: translate(0px, -100%);
}
.ChatInput_Options {
    text-align: right;
}
.ChatInput_Option {
    display: inline-block;
    background: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: var(--font-color-main);
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    margin: 5px;
    width: fit-content;
    box-shadow: var(--box-shadow);
    border: 1px solid rgb(204, 204, 204);
}
    .ChatInput_Option:hover {
        border-color: #625AD6;
    }