html, body {
    height: 100%;
}

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

.header-logo {
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url('../images/Logo.svg');
    mask: url('../images/Logo.svg');
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 230px;
    height: 32px;
}

.header-logo.mx-3 {
    width: 230px;
    height: 32px;
}

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

[disabledtooltip]:hover::after {
    content: attr(disabledtooltip);
    position: relative;
    background-color: lemonchiffon;
    color: black;
    padding: 0 5px;
    z-index: 10;
}

.eam-popup {
    height: calc(100vh - 3.5rem);
}

.eam-popup > .modal-content {
    max-width: 2048px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
    RTO class tabs
*/

.tabs-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}

.tabs-icon-simple {
    mask-image: url("../images/icons/bo_list.svg");
    -webkit-mask-image: url("../images/icons/bo_list.svg");
}

.tabs-icon-table {
    mask-image: url("../images/icons/bo_appointment.svg");
    -webkit-mask-image: url("../images/icons/bo_appointment.svg");
}

.tabs-icon-normative {
    mask-image: url("../images/icons/action_windowlist.svg");
    -webkit-mask-image: url("../images/icons/action_windowlist.svg");
}

.tabs-icon-linked-entity {
    mask-image: url("../images/icons/modeleditor_links.svg");
    -webkit-mask-image: url("../images/icons/modeleditor_links.svg");
}
/*
    RTO class listbox item
*/
.listbox-item-template {
    display: flex;
    align-items: center;
}

.listbox-item-template > img {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

img + .listbox-item-template-text {
    margin-left: 1rem;
}

.classgroup-tooltip {
    border: 1px solid black;
}

.classgroup-tooltip-item {
    margin-left: 1rem;
    font: bold;
    background: white;
}

img + .classgroup-tooltip-item {
    margin-left: 1rem;
}

.classgroup-tooltip-item-red {
    color: red;
}

.classgroup-tooltip-item-yellow {
    color: darkorange;
}

.class-tab-list-box {
    height: max-content;
    height: 100%;
}

.class-tab-tabs-box {
    height: 100%;
    display: block;
}

.class-tab-tab-content {
    overflow-y: auto;
    display: flex;
}

/*
    tooltip
*/
.tooltip {
    text-decoration: none;
    position: relative;
}

.tooltip span {
    display: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: black;
    background: white;
}

.tooltip span img {
    float: left;
    margin: 0px 8px 8px 0;
}

.tooltip:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: auto;
    max-width: 320px;
    min-height: 128px;
    border: 1px solid black;
    margin-top: 12px;
    margin-left: 32px;
    overflow: hidden;
    padding: 8px;
}

/*
    Scheduler
*/

dxbl-scheduler .dxbs-sc-tb-wrapper {
    display: none;
}

.dx-gray-color {
    background-color: #f5f5f5;
}

.filter-header {
    background-color: #f5f5f5;
    color: black;
    font-weight: bold;
    text-align: center;
}

.text-white-double {
    color: white;
    font-weight: bold;
}

.text-black-double {
    color: black;
    font-weight: bold;
}

.btn-group {
    margin: 0 auto;
    display: block;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-toolbar {
    text-align: center;
    align-content: center;
}

/*
    Customization of about block
*/

div.about-info {
    opacity: .7;
    white-space: pre-line;
}

/*
    Telerik Gantt
*/

/* delete button */
.no-timeline-edit .k-task:hover .k-task-actions,
/* resize handles */
.no-timeline-edit .k-task:hover .k-resize-handle,
/* progress drag handle */
.no-timeline-edit .k-task-wrap:hover .k-task-draghandle,
/* dependency handles */
.no-timeline-edit .k-task-wrap:hover .k-task-dot,
/* drag overlay */
.no-timeline-edit .k-gantt-marquee,
/* drag tooltip */
.no-timeline-edit .k-gantt-resize-hint {
    visibility: hidden;
}
.no-timeline-edit .k-task-actions {
    padding: 0px;
    display: none;
}

.no-timeline-edit .k-task-template {
    padding-block: 0px;
    padding-inline: 0px;
}

.gant-tooltip {
    width: 100%;
    padding: 5px;
}

.task-title {
    font-weight: bold;
}

/*
    TileView
*/

.tileview-group {
    float: left;
    width: 130px;
    height: 100%;
    align-content: center;
    margin-right: 4px;
}

.tileview-element {
    height: 100px;
    width: 130px;
    margin-bottom: 4px;
}

.tileview-element-plum {
    background: plum;
    color: black;
}

.tileview-element-skyblue {
    background: skyblue;
    color: black;
}

.tileview-element-limegreen {
    background: limegreen;
    color: black;
}

.tileview-element-silver {
    background: silver;
    color: black;
}

.tileview-element-lightpink {
    background: lightpink;
    color: black;
}

.tileview-element-tomato {
    background: tomato;
    color: black;
}

.tileview-element-khaki {
    background: khaki;
    color: black;
}

.tileview-element-darkkhaki {
    background: darkkhaki;
    color: black;
}

/*
    Grid image
*/
img.xaf-component-image {
    width: 16px;
    height: 16px;
}

/*
    Hierarchy grid
*/

.dx-treelist-borders > .dx-treelist-header-panel {
    height: 0px;
    visibility: hidden;
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
    height: 0px;
    visibility: hidden;
}

span.dx-header-filter.dx-header-filter-empty {
    visibility: hidden;
}

img.treelist-image-container{
    width: 20px;
    height: 20px;
    align-content:start;
}

/*
    DxGridListEditor

*/
/*
.text-wraped {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
*/
/*
    ManagedOperationLog
*/
.log-text-error {
    color: red;
    font-weight: bold;
}

.log-text-warning {
    color: gold;
    font-weight: bold;
}

.log-text-info {
    color: black;
    font-weight: bold;
}

.nowrap {
    white-space: pre;
}

.wrap {
    white-space: pre-wrap;
}

.managed-operation-body {
    overflow: auto;
    height: 600px;
    position: relative;
}

.managed-operation-bottom {
    height: 30px;
    margin: 0;
    clear: both;
    width: 100%;
    position: relative;
}

/*
    Scrolling right side
    Xafari-2003
*/

.main > .xaf-flex-auto {
    overflow: hidden;
}

.xafariMdi {
    height: 100%;
}

.xafariMainContent {
    display: flex;
    height: 100%;
    flex-direction: column;
}

    .xafariMainContent > .main-content {
        overflow: auto;
    }

.direction-horizontal > .xaf-masterdetail-splitter {
    margin-bottom: 0;
}

/*
    MAster-detail forms
*/

.xaf-masterdetail-view {
    min-height: 100px;
}

.xaf-masterdetail-detailview {
    min-height: 300px;
    padding-right: 1rem;
}

.xaf-masterdetail-listview {
    overflow-y: hidden;
}

/*
    EamMultipleLookupEditor
*/

.eam-multilookup {
    display: flex;
    justify-content: space-between;
    align-items: normal;
}

.eam-multilookup-edit {
    width: 100%;
}

/*
    ComplexViewItem
*/


.complex-viewitem {
    display: flex;
}


/*
    Grid content
    */

.grid-content {
    overflow: auto;
}

.dxbl-grid.height800 {
    height: 800px;
    /*max-height: 800px;*/
}


/*
    Заголовок для окон
*/

.xaf-view-caption-lg {
    white-space: normal;
}

/*

*/

.range-editor {
    display: flex;
    justify-content: space-between;
}
.range-editor-part {
    flex-grow: 1;
}

.range-editor-delimiter {
    margin: 0 10px;
    font-weight: 700;
}