html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

/*LOGIN SCREEN AND HEADER CUSTOMIZATIONS*/
.account-main {
    min-width: 320px !important;
}

.user-name-container {
    min-width: 220px !important;
}

.user-info-inner-container {
    min-width: 220px !important;
}

.header-logo {
    margin-top: 0rem !important;
    margin-left: 0rem !important;
    -webkit-mask-size: cover !important;
    width: 410px !important;
    height: 30px !important;
}

.header-logo.mx-3 {
    width: 280px !important;
    height: 20px !important;
}

.logon-template-header.card-header.d-flex.justify-content-center .header-logo {
    width: 400px !important;
    height: 50px !important;
}

.header-left-side {
    min-width: 336px;
    width: 336px;
}

.loading-image {
    width: 80%;
    height: 80%;
}

/* PROFILE IMAGE IN TOOLBAR */
.account-button.dxbl-btn.dxbl-btn-standalone.btn-secondary.btn-header .xaf-image {
    background-size: 33px !important;
}

.xaf-image {
    background-size: 125px !important;
}

/* NESTED GRID CUSTOMIZATIONS */
.nested-content > .grid-content.grid-virtual-scrolling-mode dxbl-grid {
    max-height: 100%;
}

/* NAVIGATION PANEL CUSTOMIZATIONS */
.sidebar {
    min-width: 350px;
}

/* ADVANCED FILTER BUTTON CUSTOMIZATIONS */
.contains-filter {
    box-shadow: 0px 0px 8px 0px var(--info, var(--bs-info));
}

/* Hide seconds from TimeSpanWithoutSecondsPropertyEditor's dropdown component. */
.time-edit-without-seconds > .dxbl-rollers-container > .dxbl-roller-container:nth-of-type(3) {
    display: none
}

/* Multiline support for toast notifications */
.xaf-alert-message {
    white-space: pre-line !important;
}

/* HtmlMessageColumnTemplate */
.htmlmessage-header {
    display: flex;
}

.htmlmessage-avatar {
    align-self: center;
}

.htmlmessage-information {
    padding-left: var(--dxbl-grid-text-cell-padding-x);
}

.dx-htmleditor-content {
    font-family: Calibri;
    font-size: 11pt;
}

/* Workaround for the html editor overflow bug */
.custom-html-editor {
    overflow: hidden !important;
}

.changevariant-custom-width-en-US {
    width: 275px;
}

.changevariant-custom-width-el-GR {
    width: 370px;
}

.durationpropertyeditor {
    --dxbl-text-edit-border-width: 0px !important;
    background-color: white !important;
}

.durationpropertyeditordark {
    --dxbl-text-edit-border-width: 0px !important;
    background-color: #46444a !important;
}

.durationpropertyeditorfluentdark {
    --dxbl-text-edit-border-width: 0px !important;
    background-color: #252525 !important;
}

.charttitle {
    margin-bottom: 20px !important;
}

.chat-container {
    width: 100%
}

.dxbl-chatui {
    margin-top: 20px !important; 
    height: 80vh !important;
}

.chat-control .chat-ui-description {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.helpviewer-container {
    width: 100%
}