:root {
    --override-accent-color: #0e8bc1;
    --override-text-color: #252525;
    --override-background-color-darker: #ffffff;
    --override-background-color-dark: #eaeef0;
    --override-border-color: #aaaaaa;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}
html{
    position:relative;
    min-height: 100%;
    visibility: hidden;
}
html, body{
    margin:0;
    padding:0;
    background-color:transparent;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
}
.center {
    text-align: center;;
}
.site-main {
    position: relative;
    top:0;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    padding: 0;
    margin: 0;
}
.home-section{
    background: #eaeef0;
    height: 100vh;
    transition: all 0.1s ease; 
}
.app-titre-grid {
    font-size: 24px;
    font-weight: 500;
}
.app-titre-forme {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    margin-top: -20px;
}
#logo-entreprise img {
    width: auto;
    height: 45px;
}
.app-message-html-devexpress {
    min-width:500px;
    padding:25px 10px 0px 10px;
    font-weight:500;
    font-size: 15px;
}
.app-sub-message-html-devexpress {
    min-width:500px;
    padding:5px 10px 0px 10px;
    font-weight:400;
    font-size: 15px;
}
.toolbar-separator {
    height: 36px;
    margin: 0 5px;
    border-left: 1px solid #ddd;
}
.toolbar-menu-separator {
    height: 1px;
    border-bottom: 1px solid #ddd;
}
.chat-texte {
    color: var(--menu-text-color);
    max-width:65%;
    padding:6px;
    word-wrap: break-word;
    white-space: pre-line;
    border-radius:5px;
    display:inline-block;
}
.chat-date {
    font-size:11px;
    margin:0;
    color:#aaaaaa;
}
.chat-left {
    float:left;
    text-align:left;
}
.chat-right {
    float:right;
    text-align:right;
}
.chat-blue {
    color:white;
    background-color: var(--override-accent-color);;
}
.chat-jaune {
    color: #252525;
    background-color:rgba(0, 132, 227, 0.25);
}
.app-toast-message {
    color: white;
}
.app-container-toast i {
    color: white;
}
.chat-gray {
    color: #151515;
    background-color:#d5d5d5;
}
.left {
    text-align:left;
}
.right {
    text-align:right;
}
.libelle-journal-action {
    border-radius: 4px;
    width: auto;
    background-color: #C9E3FD;
    height: 24px;
    border: none;
    padding:3px 8px 0px 8px;
    text-align: center;
    font-weight: 500;
    min-width:100px;
}
.libelle-journal-action span {
    color: #35495e;
    font-weight: 500;
}
.suppression {
    background-color: #DD5752;
    font-weight: 500;
}
.suppression span {
    color: white;
}
#titre-application {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #252525;
    font-weight: 500;
    margin-left:20px;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}