#layout-global { position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-wrap: nowrap; }

#layout-menu { width:78px; height:100%; position:relative; position:fixed; left:0; top:0; overflow:hidden; z-index:100; background-color:var(--menu-bg); }
#layout-menu .logo{ width:300px; height:58px; position:relative; display:flex; flex-wrap:nowrap; }
#layout-menu .logo .logoimg{ width:78px; position:relative; display:block; text-align:center; }
#layout-menu .logo .logoimg img { max-height:80%; margin-top:10%; margin-bottom:10%; }
#layout-menu .logo .applicationname{ height:58px; line-height:58px; width:calc(100% - 138px); text-align:left; text-transform:uppercase; font-weight:700;
                                     white-space:nowrap; color:var(--menu-font); font-family:var(--menu-font-family);
}
#layout-menu .logo .menubutton{  width:50px; display:block; cursor:pointer; margin-right:10px; }
#layout-menu .logo .menubutton .ico{ height:40px; margin-top:8px; display:block; }
#layout-menu .logo .menubutton .lock .ico{ fill:var(--bs-white); }
#layout-menu .logo .menubutton .lock .ico #zamek{ fill:var(--primary); }
#layout-menu .logo .menubutton .unlock .ico{ fill:var(--bs-white); }
#layout-menu .logo .menubutton .unlock .ico #zamek{ fill:var(--primary); }


.menu-content { height:calc(100% - 58px); padding-bottom:58px; display:block; overflow-y:auto; overflow-x:hidden; position:relative;
                border-right:1px solid var(--menu-border);
}

#layout-content { width:calc(100% - 78px); margin-left:78px; min-height:100%; position:relative; background-color:var(--layout-content-bg); }
#layout-content .content-header {
    display: flex;
    width: 100%;
    height: 58px;
    background-color: var(--layout-header-bg);
    border-bottom: 1px solid var(--layout-header-border);
}
#layout-horizontal {  }
#layout-horizontal .fulltext .input-group-text,#layout-horizontal .fulltext .form-control::placeholder{ border:none; color:var(--layout-header-txt);  }
#layout-horizontal .fulltext .input-group-text { background:none; color:var(--layout-header-txt); }
#layout-horizontal .fulltext .form-control { border:none; box-shadow:none; }
#layout-horizontal .dropdown,#layout-horizontal .dropdown .nav-link { height:100%; }
#layout-horizontal .dropdown .nav-link {  }
#layout-horizontal .dropdown .nav-link img{ max-height:45px; }

#layout-menu .menu-content { }
#layout-menu .menu-content a.item { 
    color:var(--bs-white); 
    text-decoration:none; 
    font-weight:normal;
}
#layout-menu .menu-content .item{ 
    color:var(--bs-white); 
    text-decoration:none; 
    font-weight:normal;
    display: flex;
    width: 300px;
    flex-wrap: nowrap;
    padding: 0.45rem 0;
    cursor: pointer;
    position:relative;
}
#layout-menu .menu-content .item i{ 
    height: 38px;
    line-height: 38px;
    display: block;
    font-size: 1.3rem;
    text-align: center;
    width: 78px;
    color:var(--bs-white);
}
#layout-menu .menu-content .item .menu-text{
    font-size: 1rem;
    text-align: center;
    display: block;
    width: calc(100% - 78px);
    line-height: 38px;
    text-align: left;
}
#layout-menu .menu-content .item.root{ }
#layout-menu .menu-content .menuaccordion{ }
#layout-menu .menu-content .menuaccordion .collapsed .icocoll { position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; width: 28px; font-size:12px; }
#layout-menu .menu-content ul, #layout-menu .menu-content ul li { margin:0; padding:0; }
#layout-menu .menu-content .submenu {
    background-color: var(--menu-submenu-bg);
}
#layout-menu.fix { 
    width:300px;
}
#layout-menu.fix .menu-content .submenu .item {
    padding-left: 10px;
    width: 290px;
}
#layout-content.fix { 
    width:calc(100% - 300px);
    margin-left:300px;
}
#layout-content .menu-buttons-mobile { display:none; }
#layout-content.mobile .menu-buttons-mobile { display:block; width:57px; height:100%; position:relative; background-color:var(--menu-bg); }
#layout-content.mobile .menu-buttons-mobile .buttonmobile{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center;
                                                           font-size:25px; color:var(--bs-primary);
}
#layout-content.mobile .fulltext{ width:calc(100% - 57px); }

#layout-menu.mobile.visible { max-width:none; width:300px;
                              height:calc(100% - 58px);
                              margin-top:58px;
}
#layout-menu.mobile.visible .menubutton { display:none; }
#layout-content.fix.mobile { width:0; margin-left:0; }
/*#header-list-mysettings a i{ color:var(--layout-header-txt); }*/
#header-list-mysettings a.logout,#header-list-mysettings a.logout i { color:var(--bs-danger); }
#btOpenModalMessageList { color:var(--layout-header-txt); border:none; background:none; box-shadow:none; }

.layout-page-container { padding:15px 30px; }
.container-vertical-max { height:100%; }

#layout-body { width:100%; height:calc(100% - 58px); display:block; position:relative; }
#layout-body .content-body{ position:absolute; width:100%; height:100%; display:block; overflow-y:scroll; }

#layout-body .layout-fullsize-list { overflow-y:hidden; overflow:hidden; }
#layout-body .layout-fullsize-list .pagination { margin:0.25rem; }
#BusyBoxBody { display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10000; background-color:rgba(0,0,0,0.25); background-image:url(/images/server.gif);
               background-position:center center; background-size:50px; background-repeat:no-repeat;
}

.modal.alert { }
.modal.alert .modal-title i{ margin-right:0.5rem; }
.modal.alert.warn .modal-header{ background-color:var(--bs-warning); }
.modal.alert.error .modal-header{ background-color:var(--bs-danger); }
.modal.alert.error .modal-header{ color:var(--color10); }
.modal-header { background-color:var(--color05); }
.modal-footer { background-color: var(--color05); }

.ly-fx-row { width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; }
.ly-fx-row .ui-item { padding:0 5px 5px 0; }
.ly-fx-row .ui-item.non-title { display:grid; align-items:end; }
.ly-fx-row .ui-item.last { padding-right:0; }
[class^="ly-"] {
  box-sizing: border-box;
}

.ly-1  { width: 8.3333%; }
.ly-2  { width: 16.6667%; }
.ly-3  { width: 25%; }
.ly-4  { width: 33.3333%; }
.ly-5  { width: 41.6667%; }
.ly-6  { width: 50%; }
.ly-7  { width: 58.3333%; }
.ly-8  { width: 66.6667%; }
.ly-9  { width: 75%; }
.ly-10 { width: 83.3333%; }
.ly-11 { width: 91.6667%; }
.ly-12 { width: 100%; }
.ly-max {  }


.column { box-sizing:border-box; }

.two-columns { display:flex; width:100%; }
.two-columns { display:flex; width:100%; }
.two-columns .column { width:50%; border:none; }
.two-columns.h-border { }
.two-columns.h-border > .column:first-of-type{ border-right:1px solid var(--color04); box-sizing:border-box; padding-right:10px; margin-right:10px; }



.flex { display:flex; flex-wrap:wrap; }
.f-row { width:100%; flex: 0 0 100%; }
.f-item { display:flex; flex-wrap:nowrap; padding-bottom:5px; }
.f-row .f-item{ flex: 0 0 100%; }
.f-item .f-title{ width:110px; color:var(--color06); font-size:90%; line-height:24px; }
.f-item .f-content{ font-weight:400; width:calc(100% - 110px); }
.f-item .f-content:first-letter{ text-transform:uppercase; }
.f-item .f-content.f-important { font-weight: 600; }



@media (max-width: 768px) {
    #layout-menu { max-width:0; }
    #layout-content,#layout-content.fix { min-width:100%; margin-left:0; }
}

@media (max-width: 640px) {
    #layout-body .layout-fullsize-list .pagination .page-link { display:none; }
        #layout-body .layout-fullsize-list .pagination .page-link.page-prev, #layout-body .layout-fullsize-list .pagination .page-link.page-next { display: block; }  
}

@media (max-width: 500px) {
    #header-list-mysettings .agentname{ display:none; }
}