/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 июн. 2020 г., 0:15:24
    Author     : eve
*/

html,body {
    box-sizing: border-box;
    height: 100%;
    padding: 0;
    overflow: hidden;
    margin: 0;
    font-family: Tahoma;
    font-size: 16px;
    background: whitesmoke;
}

body {          
    padding-bottom: 2em;
    position: relative;
}

.lm-page-content {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    padding: 0;
}

.lm-footer {
    box-sizing: border-box;
    height: 2em;
    line-height: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: crimson;
    color: white;
}

.lm-footer-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .8em;
}

.lm-screen {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.lm-screen-content {
    box-sizing: border-box;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.lm-floating-panel {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    height: 3em;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

a.lm-button {
    outline: none;
    display: block;
    line-height: 0;
    border: none;
    width: 2.5em;
    height: 2.5em;
    box-sizing: border-box;
    padding: .25em;
}

a.lm-button svg {
    width: 100%;
    height: 100%;
}

a.lm-button.lm-button-gray svg {
    fill: dimgray;
}

.lm-preloader {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,0,0,.3);
}

.lm-preloader .CommonTemplatePreloader {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.lm-preloader .CommonTemplatePreloader .CommonTemplatePreloaderPreloader {
    width: 5em;
    height: 5em;
}

.lm-preloader .CommonTemplatePreloader .CommonTemplatePreloaderPreloader svg {
    width: 100%;
    height: 100%;
}

.lm-screen-error {
    box-sizing: border-box;
    padding: 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.lm-screen-error-content {
    background: crimson;
    color: white;
    padding: 2em;
}

.lm-screen-error-text {
    font-size: .8em;
}

.CommonAppDesktop {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.CommonAppDesktopContent {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.CommonAppDesktopContentPreloader {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.CommonAppDesktopContentPreloaderElement {
    width: 5em;
    height: 5em;
    overflow: hidden;
    padding: .5em;
    box-sizing: border-box;
}

.CommonAppDesktopContentPreloaderElement svg {
    width: 100%!important;
    height: 100%!important;
}

.CommonAppDesktopContent.CommonAppDesktopContentError {
    display: flex;
    color: crimson;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.CommonAppDesktopContentErrorText {
    box-sizing: border-box;
    padding: 2em;
    background: white;
    border: 3px double crimson;    
    box-shadow: 0px 0px 100000px 100000px rgba(101, 101, 101, 1);
    animation: CommonAppDesktopContentErrorText .3s linear ;
}

@keyframes CommonAppDesktopContentErrorText{
    from {
        box-shadow: 0px 0px 100000px 100000px rgba(101, 101, 101, 0);
    }
    to{
        box-shadow: 0px 0px 100000px 100000px rgba(101, 101, 101, 1);
    }
}


body {
    padding-top: 3em;
}

.lm-page-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3em;
    overflow: hidden;
    padding: 0 .5em;
}

.lm-page-header-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.lm-page-header-title {
    height: 100%;
    line-height: 3em;
}

.lm-page-header-title-text {
    font-size: 1.25em;
    padding-right: 2em;
}

.lm-page-header-content {
    box-sizing: border-box;
    height: 100%;
    margin-left: 2em;
    padding-left: 1em;
}

.lm-page-header-content-inner {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

a.lm-page-header-button {
    box-sizing: border-box;
    width: 3em;
    height: 3em;
    margin: 0 .5em;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 0;
    padding: .5em;
    text-decoration: none;
    display: block;
    color: inherit;
}

a.lm-page-header-button svg {
    width: 100%;
    height: 100%;
    fill: crimson;
}

.lm-page-header-user-area {
    min-width: 20em;
    height: 100%;
    border-left: 1px solid silver;
}

.EFOWindowLoader.LMFixedLoader:before,.EFOWindowLoader.LMFixedLoader:after {
    display: none;
}

.EFOWindowLoader.LMFixedLoader {
    background: rgba(245,245,245, .7);
    z-index:4;
}

.EFOWindowLoader.LMFixedLoader>div {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.EFOWindowLoader.LMFixedLoader>div>div {
    width: 5em;
    height: 5em;
    box-sizing: border-box;
}

.EFOWindowLoader.LMFixedLoader>div>div svg {
    width: 100%;
    height: 100%;
}


.lm-page-header {
    border-bottom: 1px solid dimgray;
}