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: 320px;
    width: 320px;
}

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

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

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

/* 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
}

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

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

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

.dx-htmleditor-content{
    white-space: normal
}

.custom-html-editor {
    overflow: hidden !important;
}

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

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