:root {     
    --bg-color: #FFF;   
    --bg-variant-color: #F5F5F5;  
    --bg-variant-color-50a: rgba(245, 245, 245, 0.5);
    --txt-color: #616161;  
    --txt-color-variant: #999;          
    --error-color: #ED1C24;         
    --warning-color: #FFCC00;   
    --hover-color: #333;    
    --focus-color: #111;    
    --fade-color: rgba(0, 0, 0, 0.35);  
    --fade-mid-color: rgba(0, 0, 0, 0.15);        
    --fade-variant-color: rgba(0, 0, 0, 0.05); 
    --workspace-bg-color: #656565;   
          
    --header-bg-color: #333333;     
    --header-txt-color: #FFF;  
    
    --table-bg-color: #FFF;    
    --table-variant-bg-color: #F5F5F5;   
                     
    --pg-header-bg-color: #F5F5F5;
    --pg-header-txt-color: #777;    
    
    --scrollbar-color: rgba(0,0,0,0);   
    --scrollbar-thumb-color: rgba(0,0,0,0.2);   
          
    --border-color: #E0E0E0;  
    
    --buttons-row-bg-color: #FFF;   
                   
    --primary-bg-color: #0099FF;    
    --primary-txt-color: #FFF;     
    --primary-variant-bg-color: #5C84D6;    
    --primary-variant-txt-color: #FFF;    
           
    --secondary-bg-color: #0099FF;    
    --secondary-txt-color: #FFF;     
    --secondary-variant-bg-color: #0099FF;    
    --secondary-variant-txt-color: #FFF;  
    
    --list-txt-color: #333;  
    --list-txt-color-variant: #999;  
    --list-txt-hover-color: #111;    
    --list-details-color: #999;  
    
    --nav-bg-color: #FFF;    
    --nav-txt-color: #111;    
    --nav-border-color: rgba(0, 0, 0, 0.12);  
    --nav-hover-color: #0099FF;     
    --nav-selected-color: #0099FF;   
    --nav-bg-hover-color: rgba(0,0,0,0.020);     
    --nav-bg-selected-color: rgba(0,0,0,0.045);   
    --nav-scrollbar-color: rgba(0,0,0,0);   
    --nav-scrollbar-thumb-color: rgba(0,0,0,0.2);
    --nav-btn-color: transparent;
    --nav-btn-txt-color: #111;   
    --nav-btn-hover-color: #0099FF;
    --nav-btn-hover-txt-color: #FFF;  

    --content-left: 250px;
}    
               
body {          
    background: var(--bg-color);       
    color: var(--txt-color);
    overflow: hidden; 
    position: absolute;
    left: 0;   
    top: 0; 
    right: 0;
    bottom: 0;
}     
body, input, button, select, textarea, th, td {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
} 
:focus {
    outline: none !important;
}
:-moz-focusring {
    outline: none !important;
}
::-moz-focus-inner {
    outline: none !important;   
    border: none !important;
} 

body.device-mobile,
body.device-mobile * {   
    scrollbar-color: unset;
    scrollbar-width: unset;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a {
    color: var(--txt-color);
}   
a:hover {
    color: var(--hover-color);
}   
a.uh {
    text-decoration: none;
}   
a.uh:hover {
    text-decoration: underline;
}
header.header {
    background: var(--header-bg-color);    
    position: relative;
    overflow: hidden; 
    height: 60px;    
    z-index: 3; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}    
.mgled-mobile-edit-mode header.header {
    display: none;
}
header.header .h1 {     
    background: url(/wprost/_i/logo-wprost-header.png) no-repeat left center;  
    margin: 0 0 0 10px;
    padding: 0; 
    height: 60px;   
    width: 151px; 
    float: left;
}          
header.header .h1 a {  
    display: block;
    color: var(--header-txt-color);
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;  
    line-height: 70px; 
}        
header.header .h1 a span {  
    display: none;
}    
header.header .h1 a::after {
    color: var(--header-txt-color);  
    content: "CMS";
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    letter-spacing: 2px;
    text-align: right;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    padding: 45px 0 0 0;
}               
header.header .header-buttons {   
    display: block;
    float: left;        
    margin: 10px 0 10px 10px;  
    position: relative;
    z-index: 10;
}              
header.header .header-buttons .header-button {   
    margin: 0 0 10px 10px;  
    float: left;   
    position: relative;
    cursor: pointer;
}           
header.header ul { 
    position: absolute; 
    height: 40px; 
    right: 10px; 
    top: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 5;
}                      
header.header ul li {  
    display: block;
    height: 40px;   
    line-height: 40px; 
    float: left; 
    margin: 0 0 10px 10px;
    padding: 0;
}                  
header.header ul li a,        
header.header .header-button,
header.header .header-buttons .header-button {  
    background-position: center center;
    background-repeat: no-repeat;
    color: var(--header-txt-color);
    display: block;
    height: 40px;  
    width: 40px;   
    line-height: 40px; 
    text-align: center;
    font-size: 20px;     
    font-weight: 200;  
    text-decoration: none;
    border-radius: 3px;   
    transition: all 0.2s ease-in-out;  
    position: relative;
}         
header.header .header-button {
    background-color: rgba(255,255,255,0.1);
}         
header.header .header-button:hover {
    background-color: rgba(255,255,255,0.2);
}        
header.header ul li a .mdi,        
header.header .header-button .mdi { 
    display: block;
    font-size: 24px;     
    font-weight: 200;  
}    
header.header .header-button.header-nav {
    background-image: url(/_i/icon-20-a-menu.png);   
    display: none;
}  
header.header ul li a.hits:after,
header.header ul li a.alerts:after,   
header.header ul li a.shop-basket:after,   
header.header ul li a.annotations:after,
header.header ul li a.uconstruction:after {    
    position: absolute;      
    content: attr(data-count);           
    display: block;
    color: var(--header-txt-color);
    bottom: 0;
    left: 0;
    right: 0;    
    height: 13px;
    line-height: 11px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    border-bottom-right-radius: 3px;  
    border-bottom-left-radius: 3px; 
}     
header.header ul li a.alerts {
    background: #ED1C24 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAOdJREFUSMfl0z1KQ0EUQOEkEiQIkipYCDaCtWBnYa8LiBvQBegGsgFdQNyAbsDCzsIqRVrBJmAhdiGIoKifVXB4vp+8l0mV0w5zznAvU6stFTjC4aLkTTziCauLCJz74yy2vINxEJhgI2bgyn/6seS7+EoJfGMvRuBeNg+ozyM/Vky3qryFUWgKzkKesVYl0Es+NSMAvbLyTbyVCLxjq0zgJm3YOQG4nlW+j58ZlpvGQZG8gUFFOQyxkhc4zbtdMKIpJ1nydbxECLyinRa4nGM0SS6S8m18RAx8YicM3EaUT7kr9fmWl18n0mTayTrTgQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMS0wMlQxMDo0MToyNiswMDowMHCZF3kAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDEtMDJUMTA6NDE6MjYrMDA6MDABxK/FAAAAKHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy90bXAvbWFnaWNrLS1NdkFLUWhsHlms8wAAAABJRU5ErkJggg==) no-repeat center 5px;
    background-size: 20px auto; 
    position: relative;   
}        
header.header ul li a.alerts:hover {
    background-color: #E41F28;
}       

header.header ul li a.shop-basket {      
    background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAABgAAAAYADwa0LPAAABGUlEQVRIx+WUz0pCQRTGv7niwqXkTiWSniJa+xBu6inyOeopctNK/AsFRUGvEbQKImuVpT835+qY1YB37soPBoZzzny/w5lhpJ0RUAIebJXyAFyw0nls8yYwBz5tzYFmLPMy8GSdnwFt2z8DezEAHTO8BQpAAlxb7Cqr+akZvQH7XrwGvFruZFvzA2BiJq1f8i3LfQCHIbN74utOkhJjVDNf1qYaPmCcA2DkA0Y5AIbLnb3178BMu0DVXlAvUDsDKms4+2P+U82rrQdqH9PaxGPEHNOmF3AU6Kpn46kD/UDtcerrPEBB0oukcsbu3yVVnHNfayNyzs0k3UQYzzg1/3kHkjSIABj+mQGKwCUw3eJrmNrZYoQmd0kLEBo2wWqhjYoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDUtMjBUMTE6MzE6MjErMDA6MDAakYsKAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA1LTIwVDExOjMxOjIxKzAwOjAwa8wztgAAAABJRU5ErkJggg==) no-repeat center 5px;
    background-size: 18px auto; 
}          
            
header.header ul li a.uconstruction {      
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAO1JREFUSMft0jtOw0AUheEzIrHS4bVkAUEoEk0qso5UaQyiMCUFGwi02UCQWAQbYAeWIgqkBCMZkPgpmMpmiC+2m4hTXmnONy+p47jyAIglnUk6kRRJyiU9SFo45x5bUYFLqvnwc9dc+EYSfs75X8pi40mGVuAemBmQWyvwAnwC85pAZikflBYnO8oBirr9PedcAWwkHfrZFRBJOpCUBtZtrVe0wpY7KzA2AjlwZEVuOkWAPnDtf1OnJxkBS+AJeAMy/0bvrSEBeAIUAeQVOP5H9hOZ/vK71o2BHchFK0DgutLmrVXkFHhuded18gWYXOfYrfGZmgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMS0wMlQxMDo0MTo1MSswMDowML/7IO4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDEtMDJUMTA6NDE6NTErMDA6MDDOpphSAAAAKHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy90bXAvbWFnaWNrLXpmWjVockExKSzywwAAAABJRU5ErkJggg==) no-repeat center 5px;
    background-size: 18px auto; 
}        
header.header ul li a.uconstruction.selected,
header.header ul li a.uconstruction.selected:hover {     
    background-color: #0099FF;
}      
header.header ul li a.uconstruction.expanded:after {       
    background-color: #0099FF;  
    border-bottom-right-radius: 0;  
    border-bottom-left-radius: 0;   
    height: 23px;
    bottom: -10px;
}           

header.header ul li a.annotations {      
    background: #ED1C24 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAKZJREFUSMftlFEOgkAMRFviMYznAQ+iRrmlN3E5AQfg+bMb1wUEYolAnM/N9k2nTSqyGQFHoOJ7OaAIXI0MnIjsjfp1qnpIEwBgMIk3Tjb36Gc32H2KOgWkqtr1/rsEfR1N1bJ3MCblfwfLMqhEXrckVfgElEAz8M+1nIDCn9rewiG41wPIR0eMCk8e3gBXsxlGBgF+MV1SYnAzhXuDO1ADZ3P4KvQEU/syJVBwxLsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDUtMzBUMTI6Mzk6MDUrMDA6MDBktpmgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA1LTMwVDEyOjM5OjA1KzAwOjAwFeshHAAAACh0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vdG1wL21hZ2ljay1TQW9SalJVQs9MyFcAAAAASUVORK5CYII=) no-repeat center 4px;
    background-size: 19px auto; 
    position: relative;   
}        
header.header ul li a.annotations:hover {
    background-color: #E41F28;
}           
          

            
header.header ul li a.hits {      
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAVlJREFUSMftlL1KQ0EQhc+qSZFEMPER/ClFwT4a8JmEYKFg5FqK2kiwyQtIYi1G/Ckl+AxqFbU0YPgs7grhMpvc2KTJgeXCnjNn5+7MjjTFpOFGCYA5SRuS1iSV/HZX0oukZ+fcz79OBlaBc+CLMD6BM2BlHOMMcAT0SI8eUAMyo8xLQNswuALKQN6vLaBp6G6BYsg8DzwZQbtDEqoa+gcgZ4kvrcw9lwWOgTfgFYiArOdaRlw9ab4TuNuy5yODizy3HYitDB5wFxAVPP9mcO+emw/EtiVpJm1zGXt9/x36lv4OOAjwm/7bMLhGQpNMaD9Zh7rxm82BIke+wMkiXxtxF1YX5YBHQ1wN3hvsGfp7s019QJH4sSTR8t1S8KsSyPwGWBhezXhU1BhvVHwDh8SDMR2AZeCUeKCF8AGcAEshnzTjelbSuuJxvei3u5I6kjrOuf4ojykmi1/6QPKmeEhVEQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMS0wMlQxMDo0MjoxMCswMDowMHbxnqMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDEtMDJUMTA6NDI6MTArMDA6MDAHrCYfAAAAKHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy90bXAvbWFnaWNrLXA3eDJZeGFUKFbfQgAAAABJRU5ErkJggg==) no-repeat center 5px;
    background-size: 20px auto; 
}       
     
header.header ul li a.error,
header.header ul li a.error:hover {
    background-color: #ED1C24;
}       
header.header ul li a.warning,
header.header ul li a.warning:hover {
    background-color: #FF8A12;
}       
header.header ul li a.progress,
header.header ul li a.progress:hover {
    background-color: #2A70B3;
}       
header.header ul li a.pretty,
header.header ul li a.pretty:hover {
    background-color: #4DA829;
}       
header.header ul li a.lm500,
header.header ul li a.lm500:hover {
    background-color: #ED1C24;
}    
header.header ul li a.lm1000,
header.header ul li a.lm1000:hover {
    background-color: #B71936;
}       
header.header ul li a.lm2000,
header.header ul li a.lm2000:hover {
    background-color: #A31D68;
}             
header.header ul li a.lm3000,
header.header ul li a.lm3000:hover {
    background-color: #5A1FAC;
}              
header.header ul li a.lm4000,
header.header ul li a.lm4000:hover {
    background-color: #1120F0;
}            
header.header ul li a.lm5000,
header.header ul li a.lm5000:hover {
    background-color: #63B9D3;
}            
header.header ul li a.lm6000,
header.header ul li a.lm6000:hover {
    background-color: #00A894;
}            
header.header ul li a.lm7000,
header.header ul li a.lm7000:hover {
    background-color: #4DA829;
}            
header.header ul li a.lm8000,
header.header ul li a.lm8000:hover {
    background-color: #62CE33;
}            
header.header ul li a.lm9000,
header.header ul li a.lm9000:hover {
    background-color: #71EF3B;
}   
header.header ul li a.lm10000,
header.header ul li a.lm10000:hover {
    background-color: #93EA00;          
}
header.header ul li a.ov10000,
header.header ul li a.ov10000:hover {
    background-color: #FFD800;
}  



header.header ul li a.hits::after,     
header.header ul li a.alerts::after,      
header.header ul li a.shop-basket::after,
header.header ul li a.annotations::after,
header.header ul li a.uconstruction::after {    
    background-color: rgba(0, 0, 0, 0.2);
}    
        
header.header ul li a.hits.up::before,
header.header ul li a.shop-basket.up::before {  
    background: #77D553 url(/_i/icon-20-a-arrow-top.png) no-repeat center center;
    background-size: 8px 8px;
    content: "";
    display: block;     
    height: 10px;
    width: 10px;    
    right: -3px;   
    top: -3px;
    position: absolute;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  
    border-radius: 100%;   
}     
header.header ul li a.hits.down::before,
header.header ul li a.shop-basket.down::before { 
    background: #FF0000 url(/_i/icon-20-a-arrow-bottom.png) no-repeat center center;
    background-size: 8px 8px;
    content: "";
    display: block;     
    height: 10px;
    width: 10px;    
    right: -3px;   
    top: -3px;   
    position: absolute;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  
    border-radius: 100%;   
}   
header.header ul li a.user {      
    background-image: url(/_i/icon-20-a-user.png);
}      
header.header ul li a.user.selected:not(.thumb) {      
    background-image: url(/_i/icon-20-c-user.png);
}      
header.header ul li a.user.selected,
header.header ul li a.user.selected:hover,
header.header ul li a.website.selected,
header.header ul li a.website.selected:hover {     
    background-color: var(--nav-bg-color);   
    color: var(--nav-txt-color);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}                     
header.header ul li a.user.selected::after,
header.header ul li a.website.selected::after {    
    background-color:  var(--nav-bg-color);   
    border-bottom-right-radius: 0;  
    border-bottom-left-radius: 0;   
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;   
    width: 40px;
    bottom: -10px;
    content: "";   
}            
header.header ul li a span {  
    display: none;
}       
header.header ul li.header-hits,
header.header ul li.header-alerts,   
header.header ul li.header-shop-basket, 
header.header ul li.header-annotations, 
header.header ul li.header-uconstruction {
    display: none;
}     
header.header span.header-text {  
    border-left: var(--fade-mid-color) 1px solid 1px solid;
    color: #F9F9F9;
    display: block;
    position: absolute;
    left: 250px;
    top: 60px;
    right: 560px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 30px; 
    font-family: Roboto,sans-serif; 
    font-size: 32px; 
    font-weight: 400; 
    transition: all 0.5s ease-in-out, text-shadow 0.2s ease-in-out; 
    cursor: pointer; 
}        
header.header span.header-text:hover {  
    text-shadow: 1px 1px 2px rgba(0,0,0,0.24);
}     
header.header span.header-text.show {  
    top: 0;
} 

.header-ddmenu {
    background-color: var(--nav-bg-color);
    color: var(--nav-txt-color);
    position: fixed;   
    display: block;    
    top: -1000px;
    right: 0;      
    z-index: 1010; 
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;   
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
    padding: 30px 0;  
    transition: all 0.5s ease-in-out;
    opacity: 0;   
    margin: 0;
    padding: 8px 0;
    list-style: none;
    line-height: 35px;
}        
.header-ddmenu.btn-pos {
    right: auto;  
}      
.header-ddmenu.visible {  
    top: 60px; 
    opacity: 1;
}                                  
.header-ddmenu li.line {  
    padding-top: 7px;
    margin-top: 8px;
    border-top: var(--nav-border-color) 1px solid;
}      
.header-ddmenu li a {  
    color: var(--nav-txt-color);
    display: block;
    position: relative; 
    margin: 0 2px;
    padding: 0 20px 0 42px;         
    font-size: 14px;
    font-weight: 400;
    text-decoration: none; 
    transition: background 0.2s linear;
}        
.header-ddmenu li a:hover {  
    background: var(--nav-bg-hover-color); 
    color: var(--nav-txt-color);
}      
.header-ddmenu li a i.mdi {  
    text-align: center;
    position: absolute;
    left: 0px;
    top: -1px;
    width: 40px;
    height: 35px; 
    font-size: 24px;
}     
.header-ddmenu li a img {  
    border: none;
    display: block;
    position: absolute;
    left: 11px;
    top: 10px; 
    width: 16px;
    height: 16px; 
}   
    
.no-max-h {
    max-height: none !important;
}
    
.navi-content {
    background-color: var(--nav-bg-color);
    position: fixed;
    left: 0;   
    bottom: 0;
    top: 60px;
    width: 250px;  
    font-size: 14px;    
    font-weight: 400;    
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;    
    z-index: 2;  
    box-sizing: border-box;   
    transition: all 0.2s linear;  
}    
.navi-content:hover {      
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);  
}      
.navi-block-menu-items {     
    background-color: var(--nav-bg-color);   
    position: absolute;   
    top: 69px;
    left: 0;   
    bottom: 0; 
    width: 100%; 
    padding-top: 14px;
    overflow: hidden;                  
    scrollbar-color: var(--nav-scrollbar-thumb-color) var(--nav-scrollbar-color);
    scrollbar-width: thin;    
}      
#page-main .navi-block-menu-items {  
    top: 0;
}
.navi-user-block-menu-items {
    left: -400px;   
    top: 200px;  
    bottom: 0;   
    transition: left 0.3s linear;  
    z-index: 5;
}      
.navi-user-block-menu-items.visible {
    left: 0;   
}                
.navi-block-menu-items:hover,   
.device-mobile .navi-block-menu-items {      
    overflow-y: auto;    
}          
.navi-block-menu-items::-webkit-scrollbar {   
    background: var(--nav-scrollbar-color);
    width: 5px;
    border: transparent 1px solid;
}      

.navi-block-menu-items::-webkit-scrollbar-thumb {
    background: var(--nav-scrollbar-thumb-color);
    border-radius: 3px;
}
.navi-block-menu-items::-webkit-scrollbar-track {
    background: var(--nav-scrollbar-color);
}

.navi-user-card,
.navi-user-card:hover {
    background: var(--header-bg-color) no-repeat center center;
    background-size: cover;
    color: var(--header-txt-color);
    height: 140px;
    display: none;
    position: relative;  
}   
.navi-user-card::after {
    background: linear-gradient(205deg, transparent, var(--header-bg-color));  
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
    transition: all 0.2s linear;  
}       
.navi-user-card span {
    background-size: auto 56px;
    position: absolute;
    overflow: hidden;
    display: inline-block;  
    top: 15px;
    left: 15px;
    height: 56px;
    width: 56px;
    margin: 0 0 5px 0;
    border-radius: 100%;
    z-index: 1;
    box-shadow: 0 0 2px  var(--header-bg-color);
}    
.navi-user-card strong {
    color: var(--header-txt-color);
    position: absolute;
    left: 15px;
    right: 0;
    bottom: 12px;  
    z-index: 1;
    font-size: 14px;
    font-weight: 400;
    padding-right: 40px;    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
    text-shadow: 0 0 2px  var(--header-bg-color);    
}      
.navi-content .navi-user-card i.mdi.chevron {
    left: 190px;
    top: -5px;
}
      
.navi-content ul {       
    background-color: var(--nav-bg-color);
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;    
    transition: all 0.2s linear;  
}      
.navi-content ul.sep {      
    padding-bottom: 12px;   
    margin-bottom: 12px;    
    border-bottom: var(--nav-border-color) 1px solid; 
}         
.navi-content ul li {
    padding: 0;      
    overflow: hidden;   
    position: relative;  
    transition: all 0.2s linear;  
}              
.navi-content ul li.navi-home {
    margin-top: 14px;  
    margin-bottom: 0;
}             
.navi-content ul li:first-child { 
    border-top: none;
}         
.navi-content ul li a {   
    color: var(--nav-txt-color);     
    margin: 0;   
    padding: 0 0 0 14px;  
    line-height: 41px;
    height: 42px;
    display: block;     
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  
    text-decoration: none;
    transition: all 0.2s linear;   
    position: relative;   
}         
.navi-content ul li a.chevron {   
    padding-right: 35px;  
}                 
.navi-content ul li ul li a {
    padding-left: 32px;
}     
.navi-content ul li:hover { 
    background-color: var(--nav-bg-hover-color);
    color: var(--nav-hover-color); 
}      
.navi-content ul li a:hover { 
    color: var(--nav-hover-color); 
}      
.navi-content ul li a.selected,
.navi-content ul li a.selected i,
.navi-content ul li a.selected:hover {    
    background-color: var(--nav-bg-selected-color);
    color: var(--nav-selected-color); 
}    
.navi-content ul li a.wait.selected {   
    background: transparent;
}         
.navi-content ul li a.wait::after {    
    background-image: linear-gradient(to right, rgba(0,0,0,0), var(--primary-bg-color), rgba(0,0,0,0));
    color: var(--nav-selected-color);  
    animation-name: navi_wait; 
    animation-duration: 1s;
    animation-iteration-count: infinite;    
    position: absolute;
    display: block;
    width: 200%;
    height: 2px;
    left: 10%; 
    bottom: 0;
    content: "";
}   
@keyframes navi_wait {
    0% {   
        left: -100%;
    }  
    10% {   
        left: -80%;
    }  
    20% {      
        left: -60%;
    }   
    30% {
        left: -40%;
    }
    40% {      
        left: -20%;
    }  
    50% {
        left: 0%;
    }
    60% {       
        left: 20%;
    }  
    70% {
        left: 40%;
    }  
    80% {    
        left: 60%; 
    }    
    90% {       
        left: 80%;
    }   
    100% {     
        left: 100%;
    }
}              


.navi-content ul li a i {
    display: block;
    width: 15px;      
    float: left;  
    font-size: 24px;  
    margin: 0 15px 0 1px;   
    text-align: center;    
}                    
.navi-content ul li a i.mdi {   
    background: transparent;
    display: block;
    width: 24px;      
    float: left;  
    font-size: 24px;   
    line-height: 39px;
    margin: 0 15px 0 0;   
    text-align: center; 
}                             
.navi-content ul li i.mdi.chevron,
.navi-content ul li i.mdi.icon {   
    background: transparent; 
    position: absolute;
    display: block; 
    padding: 0;
    margin: 0; 
    width: 30px;
    right: 12px; 
    top: 0;   
    font-size: 24px;
    text-align: center;
}             
.navi-content ul li i.mdi.icon.mdi-open-in-new {   
    opacity: 0.4;
}               
.navi-content ul li i.mdi.icon.mdi-open-in-new:hover {   
    opacity: 1;
}               
.navi-content ul li a i.mdi.icon {  
    font-size: 24px;   
    line-height: 24px;  
    top: 50%;      
    transform: translateY(-50%);  
}                 
.navi-content ul li a.new {   
    background: transparent; 
    padding: 0;   
    margin: -12px 0 0 0; 
    display: block;     
    position: absolute;
    right: 15px;
    top: 50%;
    width: 24px;
    height: 24px; 
    line-height: 24px; 
    text-align: center;  
    border-radius: 100%;   
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
    opacity: 0;     
}          
.navi-content ul li a.new i.mdi { 
    background: transparent; 
    line-height: 24px; 
    display: inline; 
    float: none;
    margin: auto;
    padding: 0;
}             
.navi-content ul li a.new {       
    background: var(--nav-btn-color);
    color: var(--nav-btn-txt-color); 
}        
.navi-content ul li a.new:hover {  
    background: var(--nav-btn-hover-color);
    color: var(--nav-btn-hover-txt-color); 
}           
.navi-content ul li:hover  ul li a.new {  
    opacity: 0;     
}             
.navi-content ul li:hover a.new,
.navi-content ul li ul li:hover a.new {  
    opacity: 1;     
}           
.navi-content ul li ul {
    margin: 0;       
    padding: 0;
    display: none;
}                                   

.content {
    background: var(--bg-color);
    position: absolute;
    left: var(--content-left);
    bottom: 0;
    top: 60px;
    right: 0;  
    overflow: hidden;
    overflow-y: auto;   
    z-index: 1;  
    transition: all 0.2s ease-in-out;   
}       
.content.no-transition {
    transition: none !important;
}         
.content.content-dialog {
    left: 0;   
    bottom: 0;
    top: 0;
    right: 0;  
    overflow: hidden auto; 
    z-index: 150;   
   /*  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-color);
    scrollbar-width: thin;   */
}    
body.device-desktop .content.content-dialog::-webkit-scrollbar {   
    background: var(--scrollbar-color);
    width: 10px;
    border: transparent 1px solid;
}      
body.device-desktop .content.content-dialog::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: 3px;
}
body.device-desktop .content.content-dialog::-webkit-scrollbar-track {
    background: var(--scrollbar-color);
}

    
.content.content-fullpage {
    left: 0;   
    bottom: 0;
    top: 0;
    right: 0;  
    overflow: hidden;
    overflow-y: auto;   
    z-index: 150; 
}    
.content.content-fullpage .fullpage .toolbar,
.content.content-fullpage .fullpage .toolbar-bottom {
    left: 0;    
    transition: all 0.5s ease-in-out;   
} 
.content.content-dialog:not(.content-dialog-large) .fg-buttons-bottom-row {
    display: none;
}     
.content.content-dialog:not(.content-dialog-large) .frame.frame-dialog-buttons .fg-buttons-bottom-row {
    display: block;
}            

.content .desktop {  
   /*  background-color: var(--workspace-bg-color);   */
    position: relative;  
    left: 0;   
    bottom: 0;
    top: 0;
    right: 0;
    height: calc(100vh - 60px);
}   
.content .desktop img {    
    position: absolute; 
    display: block;
    top: 0;              
    left: 0;  
    width: 100%;
    height: 100%;
    object-fit: cover;  
    transition: opacity 0.5s ease-in-out;   
}      
.scroll-30p .content .desktop img {   
    opacity: 0.8;
}      
.scroll-40p .content .desktop img {   
    opacity: 0.7;
}      
.scroll-50p .content .desktop img {   
    opacity: 0.5;
}      
.scroll-60p .content .desktop img {   
    opacity: 0.4;
}      
.scroll-70p .content .desktop img {   
    opacity: 0.3;
}     
.scroll-80p .content .desktop img {   
    opacity: 0.2;
}     
.scroll-90p .content .desktop img {   
    opacity: 0.1;
}       
.scroll-100p .content .desktop img {   
    opacity: 0;
}       

.content .desktop ul.icons {
    background: rgba(51, 51, 51, 0.7);
    list-style: none;
    margin: 0;       
    padding: 10px 10px; 
    z-index: 29; 
    position: absolute;   
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;  
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);  
    transition: all 0.2s ease-in-out;   
    overflow: hidden; 
    height: 60px;         
    opacity: 0;
}       
.content .desktop ul.icons:hover {
    height: auto;         
    opacity: 1;        
    transition: all 0.2s ease-in-out;   
}         
.content .desktop ul.icons:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}   
.content .desktop ul.icons li {
    color: #F5F5F5;   
    padding: 10px 0;     
    float: left;    
    font-size: 18px; 
    line-height: 20px;
    font-weight: 400;
    transition: all 0.2s ease-in-out;   
    border-radius: 5px;      
}     
.content .desktop ul.icons li:hover {
    background-color: rgba(245, 245, 245, 0.1);
}                  
.content .desktop ul.icons li,
.content .desktop ul.icons li a {
    display: block;        
    width: 190px;
    height: 170px;
}         
.content .desktop ul.icons li a {
    color: rgba(245, 245, 245, 0.8);        
    text-align: center;   
    text-decoration: none;    
    transition: all 0.2s ease-in-out;  
}      
.content .desktop ul.icons li a span {  
    position: relative;  
    height: 120px;
    line-height: 120px;
    display: block;    
    font-size: 90px;       
    text-align: center;     
    margin: 0 35px 10px 35px; 
}          
.content .desktop ul.icons li a span i.mdi-wrench {    
    font-size: 75px;       
}           
.content .desktop ul.icons li:hover a {   
    color: #FFF;         
}          
.content .desktop ul.icons li a em {  
    font-style: normal;       
    transition: all 0.2s linear;
    border-radius: 2px;      
}        
.content .desktop ul.icons li:hover a em {   
    color: #FFF;         
    display: block;    
}   
.content .desktop ul.icons li.search,
.content .desktop ul.icons li.search:hover {
    background-color: transparent;        
    width: 100%;             
    height: auto;
}     
.content .desktop ul.icons li.search input {  
    background: rgba(245, 245, 245, 0.1) url(/_i/icon-20-a-search.png) no-repeat 15px center;  
    border: rgba(245, 245, 245, 0.2) 3px solid;  
    color: rgba(245, 245, 245, 0.8);  
    width: 800px;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500; 
    transition: all 0.2s ease-in-out;    
    border-radius: 15px; 
    padding: 0 10px 0 50px;     
    margin: 10px 0 15px 20px;
    box-sizing: border-box;   
    appearance: none;
    -webkit-appearance: none;
}   

.content .desktop ul.icons li.search input::placeholder { 
    color: rgba(245, 245, 245, 0.6);  
    opacity: 1;        
    transition: all 0.2s ease-in-out;   
}      
.content .desktop ul.icons li.search input:focus::placeholder { 
    opacity: 0;  
}    
     
.content .desktop ul.icons li.search input:focus {  
    background-color: rgba(245, 245, 245, 0.2);  
    border: rgba(245, 245, 245, 0.4) 3px solid;
    color: #FFF;
} 
       
.content .desktop-image-raw {   
    background: #333;
    padding: 60px 20px;
    text-align: center;
}            
.content .desktop-image-raw img {      
    display: block;     
    margin: 0 auto;     
    box-shadow: 0 0 5px #111;   
}              
       
.desktop-add { 
    display: block;
    position: absolute;
    right: 50px;  
    bottom: 30px;  
    width: 60px;                                                
    height: 60px; 
    z-index: 999;   
    transition: all 0.2s linear;
}    
.desktop-add::before { 
    background: var(--primary-bg-color);   
    color: var(--primary-txt-color);  
    display: block;
    content: "\F0415";
    font: normal normal normal 48px/1 "Material Design Icons";  
    width: 60px;                                                
    height: 60px;                                               
    line-height: 60px;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;    
    transition: all 0.2s linear;
}           
.desktop-add:hover::before { 
    box-shadow: 1px 4px 8px var(--fade-color);
}    
.scroll-70p .desktop-add:not(:hover) {
    opacity: 0.5;
}    
.scroll-80p .desktop-add:not(:hover) {
    opacity: 0.2;
}     
.scroll-90p .desktop-add,
.scroll-100p .desktop-add {
    opacity: 0;
}               
.scroll-100p .desktop-add {
    display: none;  
}   
.right-panel-visible .desktop-add { 
    z-index: 0;   
}           


                                                     
ul.popup-menu {      
    background: var(--nav-bg-color);  
    display: none;   
    position: absolute;
    white-space: nowrap; 
    list-style: none; 
    font-size: 14px;
    font-weight: 400;  
    word-spacing: normal;
    border-radius: 5px;  
    margin: 0;
    padding: 7px 0; 
    width: auto;
    height: auto;  
    text-align: left;                      
    transition: all 0.3s linear;
    box-shadow: 1px 3px 8px var(--fade-color);
    overflow: hidden;  
    opacity: 0;   
    z-index: 99;
}             
ul.popup-menu.expand::before {   
    opacity: 0;   
}           
ul.popup-menu.expand {   
    display: block; 
    opacity: 1;   
}
ul.popup-menu li {      
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.2s linear;
}     
ul.popup-menu li.sep {     
    padding-top: 7px !important;
    margin-top: 7px !important;
    border-top: var(--nav-border-color) 1px solid;
}        
ul.popup-menu li.sep-hide {     
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none;
}     
ul.popup-menu li:hover {
    color: var(--nav-hover-color);
}
ul.popup-menu li a {
    font-family: Roboto, sans-serif;
    color: var(--nav-txt-color);  
    display: block; 
    margin: 0 !important;
    padding: 0 30px 0 14px;
    line-height: 41px;
    height: 42px;
    display: block;
    text-align: left;
    text-decoration: none;
    transition: all 0.2s linear;
    position: relative;
}
ul.popup-menu li a:hover {   
    background-color: var(--nav-bg-hover-color);
    color: var(--nav-hover-color);
}
ul.popup-menu li a i.mdi {
    background: transparent;
    display: block;
    width: 24px;
    float: left;
    font-size: 24px;
    line-height: 39px;
    margin: 0 15px 0 0;
    text-align: center;
}     
ul.popup-menu li a[disabled],
ul.popup-menu li a[disabled]:hover {   
    color: var(--fade-color) !important;  
    cursor: default;
}
                                              
.desktop-add ul.popup-menu {      
    bottom: 0;
    right: 0;  
    width: 0;  
}                                                       
.desktop-add ul.popup-menu.expand {  
    width: 220px;   
    height: auto; 
}                                                
.header-filter ul.popup-menu {    
    right: 0;  
} 
#preview-popup-menu {  
    bottom: 24px;
}          


.content .header,
.content-dialog .header {
    background: var(--pg-header-bg-color);  
    color: var(--pg-header-txt-color);      
    font-family: "Roboto Condensed", Roboto, sans-serif;  
    font-family: Roboto, sans-serif;
    font-weight: 600;
    padding: 0 0 0 30px;  
    line-height: 86px; 
    height: 86px;    
    user-select: none;  
}        
.content .header {
    transition: opacity 0.2s linear;  
}
      
.page-wrapper.inp10 .content .header {
    opacity: 0.8;
}     
.page-wrapper.inp20 .content .header {
    opacity: 0.6;
}
.page-wrapper.inp50 .content .header {
    opacity: 0;
}
.content .header em,
.content-dialog .header em {
    opacity: 0.7; 
    font-style: normal;
}         
.content .header h2,
.content-dialog .header h2 {
    font-size: 32px;
    font-weight: 400;   
    margin: 0;       
    white-space: nowrap; 
    text-overflow: ellipsis;   
    width: 95%;
    overflow: hidden;
}  
.content-dialog .header,
.content-dialog .header-filter {
    line-height: 60px;
    height: 60px;
}           

.content-dialog .header h2 {
    font-size: 25px;
}   
.content .header h2 .mdi {
    width: 48px;
    display: inline-block;
    margin-right: 25px;
    text-align: center;
}      
            
.content .header.dev {
    background: #F5F5F5 url(/cms/_i/dev-lines.png) left top repeat; 
}        
.content .header.dev h2::after {
    content: "Strona w wersji deweloperskiej";  
    background: #FC3;
    color: #333;
    display: block;
    position: absolute;   
    line-height: 14px;
    font-size: 11px;
    margin-top: -23px;
    font-weight: 400;   
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 12px;  
    border-radius: 3px;      
}   
     
.content .header-filter {  
    position: absolute;  
    top: 0;
    right: 30px;  
    z-index: 37;   
    height: 86px;        
    padding: 0;
    white-space: nowrap;
    transition: all 0.2s linear;  
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}                  
.content .header-filter a,
.content .header-filter input, 
.content .header-filter select,
.content .header-filter button {
    margin-top: 24px; 
}                 
.content .header-filter button {
    vertical-align: unset !important;
}            
.page-wrapper.inp20 .content .header-filter {
    top: -9px;
    height: 79px; 
}           

.content .header-filter.header-restore {
    z-index: 60;
}              
.page-wrapper.inp100 .content .header-filter.header-restore {
    top: -120px;
}            
          
.content .toolbar {     
    background: var(--bg-color);
    position: sticky;
    padding: 0 30px;     
    height: 68px;       
    line-height: 70px;     
    margin: 0;   
    top: -86px;    
    left: 0;    
    right: 0;
    z-index: 26;
    overflow: hidden;
    min-width: 600px;
    white-space: nowrap;
    box-sizing: border-box;
}          
.content .toolbar.mob-scroll-h {     
    min-width: auto;        
}             
.content .toolbar-bottom {     
    background: var(--bg-color);
    position: fixed;
    padding: 30px 30px;     
    margin: 0;   
    bottom: 0;    
    left: 250px;    
    right: 30px;
    z-index: 12;
    overflow: hidden;
    min-width: 600px;
}           
.content .toolbar-after {       
    border-bottom: var(--border-color) 1px solid;  
    position: sticky;
    display: block;  
    height: 68px;  
    z-index: 25;  
    top: -86px;  
    margin-top: -68px;  
    transition: box-shadow 0.5s ease-in-out;   
}        
       
.inp86 .content .toolbar-after{     
    border-bottom: var(--border-color) 1px solid;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08); 
}        
.content .toolbar .icon {  
    background: transparent;
    color: var(--primary-txt-color);  
    border: none;       
    outline: none;   
    height: 48px;
    width: 48px; 
    line-height: 48px; 
    text-align: center;
    margin: 11px 18px 0 0; 
    padding: 0;    
    position: relative;     
    transition: all 0.2s ease-in-out;    
    cursor: pointer;  
    float: left;     
}          
.content .toolbar .icon a {   
    display: block;   
    height: 100%;
    width: 100%;
}        
.content .toolbar .icon .fa {  
    background: var(--primary-bg-color);  
    color: var(--primary-txt-color);  
    font-size: 30px;    
    height: 48px;
    width: 48px;  
    line-height: 48px;
    text-align: center;
    margin: 0; 
    padding: 0;      
    left: 0; 
    top: 0;
    position: absolute;
    border-radius: 100%;      
}           
.content .toolbar .icon .mdi {  
    background: var(--primary-bg-color);  
    color: var(--primary-txt-color);  
    font-size: 36px;    
    height: 48px;
    width: 48px;  
    line-height: 47px;
    text-align: center;
    margin: 0; 
    padding: 0;      
    left: 0; 
    top: 0;
    position: absolute;
    border-radius: 100%;      
} 
.content .toolbar .icon .fa.fa-plus {  
    line-height: 51px;
}      
.content .toolbar .icon:hover .fa,
.content .toolbar .icon:hover .mdi {  
    background: var(--primary-variant-bg-color);  
    color: var(--primary-variant-txt-color);  
}              
.content .toolbar .icon[disabled] .fa,
.content .toolbar .icon[disabled] .fa:hover,
.content .toolbar .icon[disabled] .mdi,
.content .toolbar .icon[disabled] .mdi:hover  {  
    background: #999;  
    cursor: default;
}     
     
.content .toolbar .icon.back,
.content .toolbar .icon.back a,
.content .toolbar .icon.back .fa,
.content .toolbar .icon.back .mdi { 
    background: transparent;  
    color: var(--txt-color); 
    transition: all 0.4s ease-in-out;     
}           
.content .toolbar .icon.back .mdi:hover {  
    background: var(--bg-variant-color); 
    color: var(--txt-color);  
}                               
.content .toolbar .icon.back .mdi:focus {                                            
    background: var(--fade-color); 
}      
.content .toolbar .icon.back {
    margin-right: 8px;  
    margin-left: -15px;       
}   

.content ul.icon-nav {
    background-color: var(--nav-bg-color);
    color: var(--nav-txt-color);
    position: absolute; 
    top: 0;  
    display: block;  
    z-index: 1010;                          
    border-radius: 0 5px 5px 5px; 
    box-shadow: 1px 3px 8px var(--fade-color);
    padding: 30px 0;  
    display: none;  
    margin: 0 0 0 53px;
    padding: 8px 0;
    list-style: none;
    line-height: 41px;
}                          
.content ul.icon-nav li.sep,  
.content ul.icon-nav li.line {  
    padding-top: 8px;
    margin-top: 8px;
    border-top: var(--nav-border-color) 1px solid;
}      
.content ul.icon-nav li a {  
    color: var(--nav-txt-color);
    display: block;
    position: relative; 
    margin: 0 2px;
    padding: 0 20px 0 42px;         
    font-size: 14px;
    font-weight: 400;
    text-decoration: none; 
    transition: background 0.2s linear;
}        
.content ul.icon-nav li a:hover {  
    background: var(--nav-bg-hover-color); 
    color: var(--nav-txt-color);
}      
.content ul.icon-nav li a i.mdi {  
    text-align: center;
    position: absolute;
    left: 0px;
    top: -1px;
    width: 40px;
    height: 35px; 
    font-size: 24px;
    line-height: 39px;
}                                          
                                    
#wprost-hotnews-icon .fa,
#wprost-hotnews-icon .fa:hover,
#wprost-hotnews-icon .mdi,
#wprost-hotnews-icon .mdi:hover {
    background: var(--primary-bg-color);   
    cursor: default;
}         
#wprost-hotnews-icon .fa.fa-arrow-up,
#wprost-hotnews-icon .fa.fa-arrow-up:hover,
#wprost-hotnews-icon .mdi.mdi-arrow-up-thick,
#wprost-hotnews-icon .mdi.mdi-arrow-up-thick:hover {
    background: #77D553;   
    cursor: default;
}         
#wprost-hotnews-icon .fa.fa-arrow-down,
#wprost-hotnews-icon .fa.fa-arrow-down:hover,
#wprost-hotnews-icon .mdi.mdi-arrow-down-thick,
#wprost-hotnews-icon .mdi.mdi-arrow-down-thick:hover {
    background: #ED1C24;   
    cursor: default;
}  
       
.content .circle-window-close {   
    border: #CCC 2px solid;   
    color: #CCC;
    display: none;
    position: absolute;
    display: block;
    top: 25px;
    right: 30px;
    font-size: 18px;
    line-height: 25px;  
    height: 25px;  
    width: 25px;  
    cursor: pointer;  
    text-align: center;     
    transition: all 0.2s ease-in-out;   
    border-radius: 100%;      
}        
.content .circle-window-close:hover,
.content .circle-window-close:focus {   
    border: #111 2px solid;   
    color: #111;
}     

.content .toolbar .icon:after {  
    content: "";    
    position: relative;
}   

#filter-authors .authors-list, 
#filter-sources .sources-list,
#filter-containers .containers-tree {
    position: absolute;  
    height: auto;    
    width: calc(100% - 40px);
    bottom: 20px;   
    top: 0px;
    left: 20px;
}      
                    
#filter-sources .sources-list ul,
#filter-authors .authors-list ul {    
    background: #FFF;    
    position: absolute;  
    height: auto;   
    top: 0;
    left: 0;   
    right: 0;  
    bottom: 0;   
}         
#filter-authors .authors-list ul {    
    top: 38px;
} 
             
.content .shadow {
    box-shadow: 0 1px 2px var(--fade-color);  
}            
.content .shadow-large {
    box-shadow: 0 1px 20px var(--fade-color);  
}
      
.content .fullpage {      
    position: absolute;  
    top: 0;
    right: 0;   
    left: 0;  
    bottom: 0;  
    z-index: 3; 
    display: block;
    overflow-x: hidden;          
    padding-top: 86px; 
} 
.content .fullpage-top-inside { 
    z-index: 45;   
}          
.content .fullpage-top-inside-inner {   
    background: var(--bg-color);
}  
.content .fullpage.t0 {   
    padding-top: 0; 
    top: 0;
}      
.content .fullpage-scroll {
    overflow: auto;  
}       
#page-strona_glowna_edycja .content .fullpage-scroll {
    overflow-x: hidden;  
}     
#page-user-query .content {
    background: var(--bg-variant-color);
}       
.content .fullpage-noscroll {  
    overflow: hidden;  
}    
.content .fullpage.wait {  
    background: var(--bg-color);
    text-align: center; 
    overflow-x: hidden; 
    overflow-y: hidden; 
    z-index: 99990;  
    position: fixed;
    padding: 0;
    top: 60px;
}                
.content .fullpage.wait.t0 {  
    top: 0;
}                
.content .fullpage.wait i.fa,
.content .fullpage.wait i.mdi { 
    color: var(--txt-color);   
    font-size: 200px;
    position: absolute;          
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px; 
    line-height: 200px;  
    transform: translateX(-50%) translateY(-55%);  
}     
.content .fullpage.wait.wait-alpha,
.content .fullpage.wait.wait-aplpha {  
    background-color: rgba(255,255,255,0.85);
}      
.content .fullpage.wait.wait-alpha i.fa,
.content .fullpage.wait.wait-alpha i.mdi,
.content .fullpage.wait.wait-aplpha i.fa,
.content .fullpage.wait.wait-aplpha i.mdi { 
    color: rgba(0,0,0,0.2);   
    text-shadow: 0 0 100px #FFF;
}         

.content .wait.wait300 {
    background: var(--bg-color);
    height: 300px;    
    position: relative;  
    text-align: center; 
    overflow-x: hidden; 
    overflow-y: hidden; 
}       
.content .wait.wait300 i.fa,
.content .wait.wait300 i.mdi {
    position: absolute;    
    color: var(--txt-color);        
    left: 50%;
    top: 50%; 
    width: 150px;
    height: 150px;    
    font-size: 150px;  
    line-height: 150px;   
    transform: translateX(-50%) translateY(-55%);     
    opacity: 0.9;
}       
.content .wait.wait400 {
    background: var(--bg-color);
    height: 400px;      
    position: relative;  
    text-align: center; 
    overflow-x: hidden; 
    overflow-y: hidden; 
}       
.content .wait.wait400 i.fa,
.content .wait.wait400 i.mdi {
    color: var(--txt-color);   
    position: absolute;         
    left: 50%;
    top: 50%;   
    width: 200px;
    height: 200px;      
    font-size: 200px;   
    line-height: 200px;   
    transform: translateX(-50%) translateY(-55%);  
    opacity: 0.9;
}             

.list {
    position: relative;
    display: block; 
    margin: 0;
    padding: 0;
    list-style: none;  
}  
.list.list-border-top {
    border-top: var(--border-color) 1px solid;  
}  

.list:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}      
.list li {
    background: var(--bg-color);
    position: relative;    
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;   
}      
.list a {
    text-decoration: none;
}             
.list a.uh:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}                        
.list li a.checkbox { 
    display: none;
}      
.list li .image {      
    background: var(--bg-variant-color);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;     
    margin: 0;
    padding: 0;
    position: relative;    
    display: block;   
    transition: all 0.2s ease-in-out;  
}       
.list li.workspace .image {      
    background-color: var(--workspace-bg-color);
}          
.list.image-center li .image { 
    background-position: center center;
}       
.content ul:not(.list) li strong {
    position: relative;    
    display: block;   
}            
.content .edit ul:not(.list) li strong {
    display: inline;   
}        

.list .fullpage.wait {  
    position: absolute;     
    top: 0; 
    height: auto; 
    min-height: 65vh;
}             
.list .fullpage.wait .mdi {  
    height: auto; 
    width: auto;
}    
.list li * {
    transition: all 0.2s ease-in-out;  
}      
.list-no-transition li, 
.list-no-transition li *
.list li.no-transition, 
.list li.no-transition *  {
    transition: none !important;
}   
.list-dark {
    background-color: #555;  
}        
.list-2-cols,
.list-3-cols,
.list-4-cols {
    display: flex;
    flex-wrap: wrap;
}      
.list-2-cols li {
    width: 50%;
}       
.list-3-cols li {
    width: 33%;
}      
.list-4-cols li {
    width: 25%;
}                               
.list-2-cols li:nth-child(2),
.list-3-cols li:first-child,
.list-3-cols li:nth-child(2),
.list-3-cols li:nth-child(3),
.list-4-cols li:first-child,
.list-4-cols li:nth-child(2),
.list-4-cols li:nth-child(3),
.list-4-cols li:nth-child(4) {
    border-top-style: none;
}              
.list-2-cols li time,
.list-2-cols li .details-icons, 
.list-3-cols li time,
.list-3-cols li .details-icons, 
.list-4-cols li time, 
.list-4-cols li .details-icons,
.list-no-details li .details,
.list-no-details li .details-icons {    
    display: none !important;  
}       

.list .image img {
    display: block; 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}   
.list .portrait .image img {
    object-position: center 10%;
} 
              
.list-box-rows li {    
    background: var(--bg-color);
    border-top: var(--border-color) 1px solid;  
}     
.content .frame .list-box-rows li:first-of-type {
    border-radius: 4px 4px 0 0;
}        
.content .frame .list-box-rows li:last-of-type {
    border-radius: 0 0 4px 4px;
}    
.list-box-rows li::after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}           
.content td .list-box-rows li::after { 
    display: block;  
}            
.list-box-rows li::before {
    background-color: rgba(0, 0, 0, 0.02);    
    content: "";   
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.2s ease-in-out;   
    /* border: rgba(0, 0, 0, 0.12) 1px solid;  */
    opacity: 0;  
}            
.list-box-rows li:not(.no-hover):hover::before {
    opacity: 1;  
}            
.list-box-rows li.no-hover:hover {  
    background-color: initial;
}        
.list-box-rows li:first-child {  
    border-top: none; 
}    
.list-box-rows li.future {    
    background-color: #FFF8E1;
}                 
.list-box-rows li.foreign {    
    background-color: #EEE;
    border-top-color: #E0E0E0;
}                  
.list-box-rows li.future.foreign {    
    background-color: #F7F5EA;
}                  
.list-box-rows li .image,     
.list-box-rows li .small-icon {  
    display: none;
}           
.list-box-rows li.focused,    
.list-box-rows li.focused:hover,
.list-box-rows li.foreign.focused:hover {    
    background-color: #FCFCFC;
}            
.list-box-rows li.not-active .image,
.list-box-rows li.not-active .small-icon { 
    opacity: 0.3;
}              
.list-box-rows li.not-active:hover .image,
.list-box-rows li.not-active:hover .small-icon { 
    opacity: 1;                 
}                             
.list-box-rows li.frame-selected {
    border: var(--primary-bg-color) 1px solid;
}                            
.list-box-rows li.frame-selected + li {
    border-top: none;
}
.list-box-rows li.selected,
.list-box-rows li.future.selected,
.list-box-rows li.foreign.selected {    
    background-color: var(--primary-bg-color);
    color: var(--primary-txt-color);
}          
.list-box-rows li.selected a *,
.list-box-rows li.selected div.a * {      
    color: var(--primary-txt-color) !important;
}           
.list-box-rows li a,       
.list-box-rows li div.a {     
    display: block;  
    position: relative;
    padding: 15px 10px 15px 30px;
    z-index: 1;
}     
.list-box-rows li strong {     
    color: var(--list-txt-color);
    display: block;  
    font-size: 20px;
    font-weight: 400;      
    line-height: 25px; 
    overflow: hidden;
    white-space: nowrap;            
    text-overflow: ellipsis;
    margin-right: 300px;   
}        
.content .frame.frame-shadow.list-box-rows li strong,
.content .frame.frame-shadow:not(.dialog) .list-box-rows li strong {     
    margin-right: 120px;   
}   
.content .side-bar .edit.frame.frame-shadow .list-box-rows li strong {     
    margin-right: 0;   
}  
.list-box-rows li strong, 
.list-box-rows li strong * {   
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);         
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}      
.list-box-wrapped li strong {     
    white-space: normal;
    text-overflow: unset; 
}     
.list-box-rows-circle.list-box-wrapped li .details {  
    margin-left: 48px;   
}     
.list-box-rows.list-1-col li strong,
.list-box-rows.list-2-cols li strong,
.list-box-rows.list-3-cols li strong,
.list-box-rows.list-4-cols li strong {     
    margin-right: 20px;
}       
.list-box-rows li strong span {     
    color: var(--list-txt-color);
}                       
.list-box-rows li strong span.alt-title {      
    color: var(--primary-variant-bg-color);
}      
.list-box-rows li strong span.alt-title,
.list-box-rows.alt-titles li strong span.title {     
    display: none;
}       
.list-box-rows.alt-titles li strong span.alt-title {     
    display: inline;
}         
.list-box-rows li strong .mdi {  
    font-size: 19px;
}                          
.list-box-rows li.gray-title strong,
.list-box-rows li.gray-title strong span {     
    color: var(--list-txt-color);
}                
.list-box-rows li.gray-title .image {     
    opacity: 0.6;
}               
.list-box-rows li.light-title strong,
.list-box-rows li.light-title strong span {     
    color: var(--list-txt-color-variant);
}                
.list-box-rows li.light-title .image {     
    opacity: 0.4;
}                   
.list-box-rows li.not-active strong,
.list-box-rows li.not-active strong span {     
    color: #999;
}               
.list-box-rows li strong.small {     
    font-size: 16px;
}             
.list-box-rows li strong span.small {     
    font-size: 16px;
}              
.list-box-rows li strong span.small.fl-right {   
    margin-top: 2px;  
    margin-bottom: -4px;
}          
.list-no-details li strong {  
    margin-right: 30px;
}         
.list-box-rows li strong:hover {   
    color: var(--list-txt-hover-color);
}                       
 
.list-box-rows li time {      
    color:  var(--list-details-color);
    display: block;  
    position: absolute; 
    right: 0;  
    top: 17px;     
    width: 150px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}         
.list-box-rows.menu li time {    
    width: 210px;
}            
.list-box-rows li time .t2 {  
    display: none;  
}                
.list-box-rows.list-box-rows-circle:not(.list-no-details) li time .t2 {    
    display: block;  
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}     
.list-box-rows li .details {   
    color:  var(--list-details-color);
    display: block;  
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;   
    padding-top: 1px;     
    padding-right: 150px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  
}       
.list-box-rows li .details i,
.list-box-rows li .details em {    
    font-style: normal;
}   
.list-box-rows li .details .details-containers {
    max-width: 500px; 
}     
.list-box-rows li .details .details-visits {
    width: 100px; 
}    
.list-box-rows.others-first .details {    
    display: flex;
}  
.list-box-rows.others-first li .details .details-other {
    order: 1;
}     
.list-box-rows.others-first li .details .details-containers {
    order: 2;
}     
.list-box-rows.others-first li .details .details-description {
    order: 3;
}     
                
.list-box-rows.menu li .details {      
    padding-right: 200px; 
}         
.list-2-cols li .details, 
.list-3-cols li .details, 
.list-4-cols li .details { 
    padding-right: 20px; 
}           
.list-2-cols.menu li .details, 
.list-3-cols.menu li .details, 
.list-4-cols.menu 
li .details { 
    padding-right: 50px; 
}            
.list-box-rows li .fulltext {  
    color:  var(--list-text-color);
    display: block;  
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;      
    padding: 2px 0 2px 0;   
    overflow: hidden;
    max-width: 750px;
    margin: 0;
}                   
.list li.item-group,
.list li.item-group:hover, 
.list li.item-date-group,
.list li.item-date-group:hover {   
    background: transparent;
    color: var(--list-txt-color-variant); 
    border-bottom: var(--border-color) 1px solid;
    display: block !important; 
    padding: 15px 10px 15px 30px;     
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;      
    margin: 0 0 -1px 0 !important;
    height: 57px !important;
    width: 100% !important;
    float: none !important;
    flex: none !important;
    box-shadow: none !important;
    max-width: none;
    clear: both;      
    z-index: 1;    
}                     
.list li.item-group-border,
.list li.item-date-group-border {
    border-top: #E6E6E6 1px solid;
}            
.list.list-no-date-group li.item-date-group {   
    display: none !important;
}       
.list li.item-group a {  
    color: #999;     
    display: inline;
    min-height: auto;
    padding: unset;
    cursor: pointer;
    position: relative;   
    transition: all 0.2s linear;  
}     
.list li.item-group a:hover {  
    color: #111;     
}                  
.list li.item-more,
.list li.item-more:hover {   
    background: transparent;
    display: block !important; 
    padding: 10px;   
    margin: 0 !important;
    width: 100% !important;
    height: 56px !important;
    float: none !important;
    flex: none !important;
    grid-column: 1 / -1;
    box-shadow: none !important;
    max-width: none;  
    clear: both;
}                
.list li.item-more.hidden {   
    display: none !important; 
}                    
          
.list li.item-more::before { 
    display: none !important; 
}       
.list li.item-more .button {  
    display: block !important;    
    margin: 0 auto !important;
    width: auto !important;   
    padding: 0 20px !important;
    border-radius: 4px !important;
}        
.list li.item-more.ta-left .button {  
    margin: 0 !important;
}       
.list li.item-more.ta-right .button {  
     margin: 0 0 0 auto !important;
}   
            
        
.list-box-rows li:hover .details {      
    color: #999;
}        
.list-box-rows li .details:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}       
.list-box-rows li .details span {    
    display: block; 
    float: left;
    margin: 0 20px 0 0;  
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  
}     
.list-box-rows li .details b {    
    font-weight: 400;
}          
.list-box-rows li .details-icons {      
    color: #999;
    display: block;  
    position: absolute; 
    right: 150px;  
    top: 14px;     
    width: 150px;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px; 
}         
.list-box-rows.menu li .details-icons {    
    right: 200px;  
    width: 100px;
}           
.list-box-rows.list-no-details-icons li .details-icons {   
    display: none; 
}       
.list-box-rows li .details-icons .details-email {   
    font-size: 16px;
}             
.list-box-rows li .details-buttons {  
    display: block;  
    position: absolute; 
    right: 150px;  
    top: 17px;     
    width: 180px;
}        
.list-box-rows li .details-icons span {      
    padding: 0 3px 0 0;
    display: inline-block;
}          
.list-box-rows li .details-icons span:hover {      
    color: #111;
}     
                        
.list-box-rows li a.button-preview, 
.list-box-rows li span.button-icon {    
    background: transparent;    
    display: block;  
    position: absolute;   
    top: 0;        
    left: 0;
    bottom: 0;  
    margin: 0;
    padding: 0;
    transition: opacity 0.2s ease-in-out; 
    cursor: pointer;
    opacity: 0;
    z-index: 10;
}                        
.list-box-rows li a.button-preview:hover, 
.list-box-rows li span.button-icon:hover {    
    opacity: 1;
}                        
.list-box-rows li a.button-preview b,
.list-box-rows li span.button-icon b { 
    margin: 18px 15px 0 15px;  
    display: block;    
    transition: all 0.2s ease-in-out;  
    border-radius: 100%;   
}                           
.list-box-rows-circle li a.button-preview b,
.list-box-rows-circle li span.button-icon b { 
    background: var(--primary-bg-color);    
    overflow: hidden;   
    padding: 0;
    margin: 10px 15px 0 30px;      
    height: 48px;
    width: 48px; 
    position: relative;       
}                        
.list-box-rows-circle li a.button-preview b:hover,
.list-box-rows-circle li span.button-icon b:hover { 
    background: var(--primary-variant-bg-color);        
}                             
.list-box-rows-circle li a.button-preview b i.fa,
.list-box-rows-circle li a.button-preview b i.mdi,
.list-box-rows-circle li span.button-icon b i.fa,
.list-box-rows-circle li span.button-icon b i.mdi { 
    line-height: 48px;    
    height: 48px;
    width: 48px; 
    position: relative;    
    display: block;   
    color: var(--primary-txt-color);    
    text-align: center;
    font-size: 36px;
}    

.list-box-rows-circle li .small-icon {
    background: var(--primary-bg-color);
    color: var(--primary-txt-color);
    font-size: 16px;
    position: absolute;
    left: 60px;
    top: 40px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 21px;
    text-align: center;
    z-index: 10;
    border-radius: 100%;
}               
.list-box-rows-circle li .small-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 100%;
}          
       
.list-box-rows li span.list-menu {    
    background: inherit;  
    position: absolute;   
    top: 0;        
    right: 0;
    bottom: 0;  
    padding: 0 20px;    
    transition: all 0.2s linear; 
    min-width: 20px;   
    opacity: 0;
    z-index: 10;
}           
                    
.list-box-rows li:hover span.list-menu,
.list-box-rows.menu li span.list-menu {    
    opacity: 1;
}       
.list-box-rows li span.list-menu::before {   
    background: rgba(0, 0, 0, 0.04);  
    border-radius: 100%;
    color: inherit;
    display: block;
    content: "\1392";     
    right: 20px;
    width: 30px;               
    height: 30px; 
    line-height: 27px;
    text-align: center;
    transition: all 0.2s ease-in-out; 
    padding: 0;    
    display: block;
    font-weight: 400;
    font-size: 22px; 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);  
    transition: all 0.2s linear;  
}    
.list-box-rows li.selected span.list-menu::before {   
    background: rgba(25, 25, 25, 0.1);  
}          
       
.list-box-rows li span.list-menu .buttons {    
    position: relative;
    color: #333;
    top: 50%;
    overflow: hidden;
    display: block;
    width: 0; 
    opacity: 0;         
    transform: translateY(-50%);  
    transition: all 0.2s linear;  
    white-space: nowrap;
}       
.list-box-rows li span.list-menu .buttons .button {    
    margin-top: 0;
}                               
.list-box-rows li span.list-menu .buttons .button .mdi {    
    vertical-align: sub;
}     
.list-box-rows li span.list-menu:hover::before {    
    opacity: 0;
}       
.list-box-rows li span.list-menu:hover .buttons {   
    width: auto;  
    opacity: 1;
}        
.list-box-rows li.selected span.list-menu:hover .buttons .button,
.list-box-rows li.selected span.list-menu:hover .buttons .button:hover {   
    color: var(--primary-txt-color) !important;
}              
            
.list-box-rows li span.url-dialog {    
    background: #E0E0E0;    
    display: block;  
    position: absolute;   
    top: 0;        
    left: -100px;
    bottom: 0;  
    transition: all 0.2s ease-in-out; 
}            
.list-box-rows li span.url-dialog.url-dialog-v {    
    left: 0;  
}                
.list-box-rows li span.url-dialog b { 
    margin: 18px 15px 0 15px;  
    display: block;    
    transition: all 0.2s ease-in-out;  
    border-radius: 100%;   
}          
.list-box-rows-circle li span.url-dialog b { 
    background: var(--primary-bg-color);    
    overflow: hidden;   
    padding: 0;
    margin: 10px 15px 0 30px;      
    height: 48px;
    width: 48px; 
    position: relative;       
}                   
.list-box-rows-circle li span.url-dialog b:hover { 
    background: #1976D2;    
}            
.list-box-rows-circle li span.url-dialog b i.fa,
.list-box-rows-circle li span.url-dialog b i.mdi { 
    line-height: 48px;    
    height: 48px;
    width: 48px; 
    position: relative;    
    display: block;   
    color: #FFF;
    text-align: center;
    font-size: 30px;
}  
              
.list-box-rows-circle li a,
.list-box-rows-circle li div.a {  
    min-height: 48px;           
    padding: 10px 10px 10px 30px;
}             
.list-box-rows-circle li a a,
.list-box-rows-circle li div.a a,
.list-box-rows-circle li a div.a,
.list-box-rows-circle li div.a div.a {  
    min-height: auto;           
    padding: 0;
}      
.list-box-rows-circle li time {  
    top: 15px;    
    line-height: 19px;
}    
.list-box-rows-circle li strong,
.list-box-rows-circle li .details,
.list-box-rows-circle li .fulltext {     
    padding-left: 30px; 
    margin-left: 48px;
}               
.list-box-rows-circle.list-no-details-icons li strong,
.list-box-rows-circle.list-no-details-icons li .details,
.list-box-rows-circle.list-no-details-icons li .fulltext {     
    margin-right: 170px;       
}               
.list-box-rows li .fulltext div.edit {
    margin: 10px 0 5px 0;   
}                           
.list-box-rows.no-fulltext-images .fulltext .i-image,
.list-box-rows.no-fulltext-images .fulltext .b-image {
    display: none !important;  
}
.list-box-rows-circle li .fulltext .i-image.is-open img {
    display: block;  
    border-radius: 3px;
    margin: 5px 0 8px 0;   
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}        
.list-box-rows-circle li .fulltext .i-image-small.is-open img {
    margin: 5px 15px 8px 0;   
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    float: left;
}           
.list-box-rows-circle li .fulltext .pointer:hover,
.list-box-rows-circle li .fulltext .pointer:hover *,
.list-box-rows-circle li .fulltext .pointer:not(.cl-blue):hover,
.list-box-rows-circle li .fulltext .pointer:not(.cl-blue):hover * {  
    color: var(--primary-bg-color) !important;
    text-decoration: underline;          
}           
.list-box-rows-circle li .image {
    background-size: auto 48px;
    position: relative;  
    overflow: hidden;   
    display: block;    
    height: 48px;
    width: 48px;  
    float: left;            
    margin: 0 0 5px 0; 
    border-radius: 100%;      
}      
.list-box-rows-circle li .image i.mdi {
    background: #111;
    color: #FFF;
    position: relative;  
    overflow: hidden;   
    display: block; 
    font-size: 36px;    
    height: 48px;
    width: 48px;  
    line-height: 48px;
    text-align: center;
    margin: 0; 
    border-radius: 100%;      
}  
.list-box-rows-circle li .image i.fa {
    background: #111;
    color: #FFF;
    position: relative;  
    overflow: hidden;   
    display: block; 
    font-size: 30px;    
    height: 48px;
    width: 48px;  
    line-height: 48px;
    text-align: center;
    margin: 0; 
    border-radius: 100%;      
}             
.list-box-rows-circle li .image i.mdi.selected,
.list-box-rows-circle li .image i.fa.selected {
    background: var(--primary-bg-color);      
    color: var(--primary-txt-color);    
}     
.list-box-rows-circle li .image i.fa.fa-envelope,
.list-box-rows-circle li .image i.fa.fa-envelope-o {
    font-size: 29px; 
}  
.list-box-rows-circle li .image i.mdi.mdi-comment-outline {  
    font-size: 38px; 
}          
.list-box-rows-circle li .image i.mdi.mdi-stackexchange {  
    font-size: 41px; 
    line-height: 48px;
}          

.list li.facebook .image i.mdi,
.list li .small-icon.facebook {
    background-color: #415E9B;       
}         
.list li.twitter .image i.mdi,
.list li .small-icon.twitter {
    background-color: #1096EF;       
}         
.list li.x .image i.mdi,
.list li .small-icon.x {
    background-color: #000;       
}          
.list li.telegram .image i.fa,
.list li.telegram .image i.mdi,
.list li .small-icon.telegram {
    background-color: #32AFED;       
}           
.list li.vine .image i.mdi,
.list li .small-icon.vine {
    background-color: #00BF8F;       
}           
.list li.google-plus .image i.mdi,
.list li .small-icon.google-plus {
    background-color: #D73D32;       
}           
.list li.instagram .image i.mdi,
.list li .small-icon.instagram {
    background-color: #A97C5F;       
}            
.list li.chart .image i.mdi {        
    background-color: #A4529E;           
}       
.list li.reddit .image i.mdi,
.list li .small-icon.reddit {
    background-color: #FF4500;       
}               
.list li .image i.mdi-x {
    background-image: url(/_i/icon-30-a-soc-x.png);
    background-position: center center;
    background-repeat: no-repeat;
}               
.list-box-images li .image i.mdi-x {
    background-image: url(/_i/icon-100-a-soc-x.png);
}         
        
.list li.file-pdf-box .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-pdf-box::after {
    background: #EF0C0C;       
}     
.list li.file-zip .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-zip::after {
    background: #CC9900;       
}     
.list li.file-image .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-image::after {
    background: #FF9900;       
}          
.list li.file-video .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-video::after {
    background: #E04939;       
}          
.list li.file-export .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-export::after {
    background: #996600;       
}             
.list li.file-code .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-code::after {
    background: #9966CC;       
}               
.list li.file-music .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-music::after {
    background: #21A5FD;       
}                 
.edit-picture-preview i.file-icon.mdi-file-music.image::after {
    background-image: var(--file-music-image);
    background-position: center center;
    background-size: cover;
}               
.edit-picture-preview i.file-icon.mdi-file-music.image::before {
    display: none;
}                                 
.list li.file-xls .image i.mdi,
.list li.file-xlsx .image i.mdi,
.list li.file-excel .image i.mdi,   
.list li.file-delimited .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-xls::after,
.edit-picture-preview i.file-icon.mdi-file-xlsx::after,
.edit-picture-preview i.file-icon.mdi-file-excel::after,   
.edit-picture-preview i.file-icon.mdi-file-delimited::after {
    background: #3CBB44;       
}             
.list li.file-doc .image i.mdi,
.list li.file-docx .image i.mdi,
.list li.file-word .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-doc::after,
.edit-picture-preview i.file-icon.mdi-file-docx::after,
.edit-picture-preview i.file-icon.mdi-file-word::after {
    background: #1A84CF;       
}             
.list li.file-powerpoint .image i.mdi,
.edit-picture-preview i.file-icon.mdi-file-powerpoint::after {
    background: #E65728;       
}             
.list li.row-message .image i.mdi {    
    background: #0099FF;
    font-size: 28px;      
}     
.list li.row-message-info .image i.mdi {       
    background: #444;
}     
.list li.row-message-nat .image i.mdi {       
    background: #AD60B0;
}          
.list li.row-message-pink .image i.mdi {       
    background: #EC407A; 
}       
.list li.row-message-error .image i.mdi {       
    background: #E94246;
}       
.list li.row-message-warning .image i.mdi {       
    background: #FFDF62;
    color: #111;
}          
.list-box-rows-circle li.is-main .image i.fa {
    background: #0099FF;
}                         
.list-box-rows-circle.list-no-details li a,   
.list-box-rows-circle.list-no-details li div.a {
    padding-top: 15px;      
    padding-bottom: 15px;  
    min-height: 38px;           
}                           
.list-box-rows-circle.list-no-details li strong { 
    padding-top: 6px;
}                        
.list-box-rows-circle.list-no-details li strong.small { 
    padding-top: 7px;
}           
.list-box-rows-circle.list-no-details li time { 
    padding-top: 10px;
}      

.list-box-rows-circle.list-no-details li .image {  
    margin: -5px 0; 
}       
.list-box-rows-circle .comment-moder .image {   
    border: #FFF 2px solid;
}    
.list-box-rows-circle .comment-moder-1 .image,
.list-box-rows-circle .comment-moder-1 .image .fa {   
    background-color: #00CC66;
}             
.list-box-rows-circle .comment-moder-1 .image {   
    border: #00CC66 2px solid;
    box-shadow: 0 0 4px #00CC66;  
}             
.list-box-rows-circle .comment-moder-2 .image,
.list-box-rows-circle .comment-moder-2 .image .fa {   
    background-color: #F00;
}         
.list-box-rows-circle .comment-moder-2 .image { 
    border: #F00 2px solid;  
    box-shadow: 0 0 4px #F00;  
}             
.list-box-rows-circle .comment-moder-3 .image,
.list-box-rows-circle .comment-moder-3 .image .fa {   
    background-color: #FFCC33;
}     
.list-box-rows-circle .comment-moder-3 .image { 
    border: #FFCC33 2px solid;  
    box-shadow: 0 0 4px #FFCC33;  
}             
.list-box-rows-circle .comment-moder-4 .image,
.list-box-rows-circle .comment-moder-4 .image .fa {   
    background-color: #CCC;
}     
.list-box-rows-circle .comment-moder-4 .image { 
    border: #FFF 2px solid;  
    box-shadow: none;  
}       


.list-box-rows-circle.checkbox-mode li a.checkbox { 
    background: transparent;     
    color: rgba(255,255,255,0.8);
    position: absolute;    
    top: 0;  
    left: 0;    
    width: 100%;
    height: 100%;      
    padding: 0;
    margin: 0;
    line-height: 30px;
    opacity: 1;   
    transition: all 0.4s ease-in-out;             
    border: none;
    z-index: 20;  
    display: block; 
}                       
.list-box-rows-circle.checkbox-mode li a.checkbox::before { 
    background: var(--fade-color);  
    position: absolute;    
    content: "";
    top: 10px;  
    left: 30px;    
    width: 48px;
    height: 48px;
    line-height: 30px;
    opacity: 1;   
    transition: all 0.4s ease-in-out;             
    border: none;
    z-index: 20;  
    display: block;
    border-radius: 100%;
}                
.list-box-rows-circle.checkbox-mode li a.checkbox i.mdi {      
    border: transparent 2px solid;
    color: #FFF;
    font-size: 36px;
    line-height: 46px;
    display: block;
    position: absolute;    
    content: "";
    top: 10px;  
    left: 30px;    
    width: 48px;
    height: 48px;  
    z-index: 21;     
    text-align: center; 
    border-radius: 100%;
    margin: -2px 0 0 -2px;
}     
.list-box-rows-circle.checkbox-mode li.checked a.checkbox i.mdi { 
    background: var(--bg-variant-color);     
    color: var(--primary-bg-color);   
    border: var(--bg-variant-color) 2px solid;
    box-shadow: 0 0 3px var(--fade-variant-color);
}                        
.list-box-rows-circle.checkbox-mode li a.checkbox i.mdi.mdi-checkbox-blank-circle-outline::before {
    content: "\F0131";
}     
.list-box-rows-circle.checkbox-mode li.checked a.checkbox i.mdi.mdi-checkbox-marked-circle::before {
    content: "\F0132";
}  
.list-box-rows-circle.checkbox-mode li .small-icon {
    opacity: 0;
}                
.list-box-rows-circle.checkbox-mode li .fulltext button {
    opacity: 0.3;
}                    
.list-box-rows-circle.checkbox-mode li.checked a.checkbox::after { 
    background: var(--primary-bg-color);   
    position: absolute;    
    content: "";
    top: 0;  
    left: 0;    
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0.05;
    transition: all 0.4s ease-in-out;             
    border: none;
    z-index: 20;  
    display: block;
}      
      
.list-box-rows-small-dialog { 
    border-top: var(--border-color) 1px solid;   
    border-bottom: var(--border-color) 1px solid;
    color: #000000;   
    position: relative;
    display: block;  
    outline: none;   
    margin: 0;
    padding: 0;
    white-space: normal;
    overflow: hidden;
    overflow-y: scroll;
    height: 373px;
}   
.list-box-rows-small li a,
.list-box-rows-small li div.a { 
    display: block;
    padding: 0;
    margin: 0;
}        
.list-box-rows-small li a strong,
.list-box-rows-small li div.a strong { 
    display: block;
    padding: 7px 10px;  
    margin: 0;  
}             
.list-box-rows-small li a time,
.list-box-rows-small li div.a time { 
    padding: 7px 10px;  
    width: 125px;
    margin: 0;  
    top: 0;  
}                  
.list-box-rows-small li a strong span,
.list-box-rows-small li div.a strong span { 
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 130px;  
}         
.content .side-bar .list-box-rows-small li a strong span,
.content .side-bar .list-box-rows-small li div.a strong span { 
    margin-right: 0;  
}     
.list-box-rows-small li a,
.list-box-rows-small li a strong,
.list-box-rows-small li a time,
.list-box-rows-small li div.a,
.list-box-rows-small li div.a strong,
.list-box-rows-small li div.a time {
    line-height: 19px;
    font-size: 15px;
    font-weight: 300;
}                   
.list-box-rows-small li a strong b,
.list-box-rows-small li a span span,
.list-box-rows-small li div.a strong b,
.list-box-rows-small li div.a span span {
    display: inline;
}                    
.list-box-rows-small li a .date,
.list-box-rows-small li a .image,
.list-box-rows-small li a .details,
.list-box-rows-small li a .details-icons,
.list-box-rows-small li div.a .date,
.list-box-rows-small li div.a .image,
.list-box-rows-small li div.a .details,
.list-box-rows-small li div.a .details-icons,
.list-box-rows-small li a.button-preview, 
.list-box-rows-small li span.button-icon,
.content .side-bar .list-box-rows-small li a time,
.content .side-bar .list-box-rows-small li div.a time {
    display: none;
}   

.list-box-item-draggable-dragging {    
    background: rgba(255, 255, 255, 0.85);     
    border: #E6E6E6 1px solid; 
    color: #000;
    padding: 7px 12px;
    line-height: 20px;
    max-width: 400px;
    cursor: grab;
    z-index: 1000; 
    text-decoration: none;  
    position: absolute;       
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
    border-radius: 5px;      
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
}          
.list-box-item-draggable-dragging,
.list-box-item-draggable-dragging strong {    
    font-weight: 300;     
}                    
.list-box-item-draggable-dragging time,
.list-box-item-draggable-dragging span.image,
.list-box-item-draggable-dragging span.details,
.list-box-item-draggable-dragging span.details-icons {  
    display: none;  
}      
       
.list-box-images { 
    margin: 0; 
    padding: 1px 1px 1px 5px;  
    display: grid;
    flex-wrap: wrap;
    align-content: flex-start;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
}   
.list-box-images-small {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}      
.list-box-images-large-width {
    display: flex;
}       
.list-box-images li {  
    position: relative;    
    margin: 1px;
    padding: 0;
    height: 225px;
    overflow: hidden;    
    outline-color: #FFF;  
    user-select: none;
}     
      
.list.list-box-images-scale-down .image img {
    object-fit: scale-down;
    object-position: center;
}                    
.list-box-images li.not-active .image {
    opacity: 0.5;
}    
.list-box-images li.not-active.in-process .image {
    opacity: 1;
}    
.list-box-images li.selected {
    outline: var(--primary-bg-color) 2px solid;
}    
.list-box-images li .image, 
.list-box-images li strong {
    position: absolute;       
    display: block;  
    left: 0;   
    right: 0;  
    top: 0;    
    bottom: 0;   
}    
.list-box-images li time {
    display: none;             
}                                   
.list-box-images li .details-containers b {
    display: none;  
}                   
.list-box-images li .details-containers b.cl-green {
    background: #4DA829 !important;     
    color: #FFF !important;
    display: inline;          
}  
.list-box-images li .details-containers,
.list-box-images li .details-other .photo-size,
.list-box-images li .details-other .file-size {   
    background: rgba(0,0,0,0.6);  
    text-shadow: rgba(0,0,0,0.4) 1px 1px 0;
    position: absolute;    
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #FFF !important;
    padding: 2px 6px;
    right: 0;  
    top: 0;       
    border-bottom-left-radius: 3px;
}                       
.list-box-images li .details-other .file-size {   
    top: 18px;       
}                        
.list-box-images li .details-other .photo-size-small,
.list-box-images li .details-other .file-size-large {   
    background: rgba(255, 0, 0, 0.7);
}                             
.list-box-images li .details-other .photo-size-medium {   
    background: rgba(153, 0, 51, 0.7);
}    
.list-box-images li .details-other .photo-size.cl-blue {   
    background: #0099FF;
}          
.list-box-images li .details-other .photo-size.cl-green {   
    background: #4DA829;
}       
.list-box-images li .details-other .photo-size.cl-blue i.mdi,
.list-box-images li .details-other .photo-size.cl-green i.mdi {   
    color: #FFF !important;
}    
.list-box-images li .details-other .photo-size span { 
    padding: 3px 2px;
}         
.list-box-images.list-box-images-dialog li .photo-size,
.list-box-images.list-box-images-dialog li .file-size {  
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
    color: #FFF;
    padding: 0 4px;
}    
.list-box-images li .details-other .source {   
    background: rgba(0,0,0, 0.3);  
    text-shadow: rgba(0,0,0, 0.4) 1px 1px 0;
    position: absolute;    
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #FFF;
    padding: 2px 6px;
    right: 0;  
    bottom: 0;           
    border-top-left-radius: 3px;  
    margin-left: 30px;
}                      
.list-box-images li .details-other .source-1 {   
    background: #ED1C24; 
    text-transform: uppercase;
}                     
.list-box-images li .details-other .source-2,
.list-box-images li .details-other .source-105 {   
    background: #DB0812;                                          
}                
.list-box-images li .details-other .source-6 {   
    background: rgba(66, 103, 178, 0.9);                                          
}                
.list-box-images li .details-other .source-7 {   
    background: rgba(29, 161, 242, 0.9); 
}            
.list-box-images li .details-other .source-10 {   
    background: rgba(0, 0, 0, 0.9); 
}            
.list-box-images li .details-other .source-11,         
.list-box-images li .details-other .source-131,         
.list-box-images li .details-other .source-132 {   
    background: rgba(48, 142, 204, 0.9);  
}                   
.list-box-images li .details-other .source-15 {   
    background: rgba(255, 0, 0, 0.9); 
}                            
.list-box-images li .details-other .source-30 {   
    background: rgba(255, 67, 134, 0.7);       
    background: rgba(106, 179, 70, 0.9);
}                
.list-box-images li .details-other .source-43 {   
    background: rgba(255, 0, 132, 0.9); 
}                
.list-box-images li .details-other .source-75 {   
    background: #074085; 
}                  
.list-box-images li .details-other .source-76 {   
    background: #ED1C24; 
}                  
.list-box-images li .details-other .source-81 {   
    background: rgba(175, 175, 175, 0.9); 
}                     
.list-box-images li .details-other .source-109 {   
    background: rgba(245, 67, 54, 0.9); 
}                        
.list-box-images li .details-other .source-125 {   
    background: rgba(255, 204, 102, 0.9);         
}                                  
.list-box-images li .details-other .source-127 {   
    background: rgba(67, 131, 175, 0.9); 
}                                 
.list-box-images li .details-other .source-128 {   
    background: rgba(27, 183, 110, 0.9); 
}                                
.list-box-images li .details-other .source-129 {   
    background: rgba(153, 0, 204, 0.9); 
}                                 
.list-box-images li .details-other .source-152 {  
    background: rgba(76, 168, 76, 0.9); 
}                                  
.list-box-images li .details-other .source-153 {   
    background: rgba(5, 160, 129, 0.9); 
}                  
.list-box-images li .details-other .source span {
    color: #CCC;
    padding-left: 4px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    max-width: 115px;
    white-space: nowrap;
}                    
.list-box-images li .details-is_sponsored,
.list-box-images li .details-is_licensed,
.list-box-images li .details-is_payable-premium,
.list-box-images li .details-is_payable-freemium,
.list-box-images li .details-is_payable-dynamic { 
    position: absolute;   
    background: #0074E8;
    color: #FFF;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 20px;
}         
.list-box-images li .details-is_licensed { 
    background: #ED1C24;
    color: #FFF;
}          
.list-box-images li .details-is_payable-premium { 
    background: #FEA601;
    color: #FFF;
}          
.list-box-images li .details-is_payable-freemium { 
    background: #CC00CC;
    color: #FFF;
}          
.list-box-images li .details-is_payable-dynamic { 
    background: #930093;
    color: #FFF;
}                   
               
                         
.list-box-images.list-box-images-small li .details-other .source span,
.list-box-images.list-box-images-dialog li .details-other .source span {
    display: none;
}       
.list-box-images.list-box-images-dialog li .details-other .source {  
    color: #FFF;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    padding: 2px 4px 3px 4px;
    white-space: nowrap;
}              

.list-box-images li .image i.fa,
.list-box-images li .image i.mdi {
    background-color: #111;
    color: #F5F5F5;
    position: relative;  
    overflow: hidden;   
    display: block; 
    font-size: 90px;  
    width: 100%;    
    height: 225px;
    line-height: 225px;
    text-align: center;
    margin: 0; 
}     

.list-box-images li.future .image::before {
    box-shadow: inset 0 0 55px #FFF8E1;
    content: "";
    position: absolute; 
    top: 0;  
    left: 0;   
    right: 0;  
    bottom: 0; 
}                                               
.list-box-images li strong {
    background: rgba(31, 31, 31, 0.8);
    color: #FFF;       
    text-shadow: #000 1px 1px 0;
    font-size: 20px;
    line-height: 25px; 
    opacity: 0;
}                    
.list-box-images li.not-active strong {
    background: #999;
}      
.list-box-images li:hover strong {
    opacity: 0.9;
}        
.list-box-images li strong span {
    position: absolute; 
    left: 10px;   
    right: 10px;  
    bottom: -500px;  
    opacity: 0;   
    transition: all 0.4s ease-in-out;  
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;    
}        
.list-box-images li:hover strong span {   
    bottom: 27px;  
    opacity: 1;     
}     
.list-box-images li a.button-preview + .list-menu {
    margin-left: 40px;
}
.list-box-images li a.button-preview,
.list-box-images li .list-menu .button {  
    background: rgba(0, 0, 0, 0.1);
    color: #FFF;
    position: absolute;    
    top: -50px;  
    left: 0;    
    width: 40px;
    height: 40px;
    font-size: 24px;  
    line-height: 42px;
    text-align: center;    
    text-shadow: 1px 1px 0 #333;
    opacity: 0;   
    transition: all 0.4s ease-in-out;  
    border-radius: 100% !important;
    z-index: 10;
    cursor: pointer;            
}     
.list-box-images li .list-menu .button:nth-child(2) {  
    left: 40px;         
}          
.list-box-images li .list-menu .button:nth-child(3) {  
    left: 80px;         
}          
.list-box-images li .list-menu .button:nth-child(4) {  
    left: 120px;         
}               
.list-box-images li .list-menu {
    display: block;
    transition: all 0.4s ease-in-out;  
    position: relative;    
    width: auto;
}                                   
.list-box-images li:hover .list-menu,  
.list-box-images li:hover .list-menu .button,
.list-box-images li:hover a.button-preview {    
    opacity: 0.9;    
    top: 0;  
}                                                 
.list-box-images li:hover .list-menu .button:hover,
.list-box-images li:hover a.button-preview:hover { 
    background: rgba(0, 0, 0, 1);      
    opacity: 1;   
}                                                    
.list-box-images li:hover .list-menu .button,
.list-box-images li:hover .list-menu .button .mdi {    
    vertical-align: initial;
}                                 

          
.list-box-images.checkbox-mode li a.checkbox { 
    background: rgba(0, 0, 0, 0.3);     
    color: rgba(255,255,255,0.8);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    position: absolute;    
    top: 0;  
    left: 0;    
    width: 100%;
    height: 100%;
    line-height: 30px;
    opacity: 1;   
    transition: all 0.4s ease-in-out;  
    border: none;
    z-index: 20;  
    display: block;
}                
.list-box-images.checkbox-mode li a.checkbox i.mdi { 
    font-size: 24px;  
    line-height: 24px;
    margin: 5px 5px;       
    display: block;
}                           
.list-box-images.checkbox-mode li.checked { 
    outline: #3399FF 4px solid;
}           
.list-box-images.checkbox-mode li.checked a.checkbox i.mdi { 
    color: #3399FF;
}                        
.list-box-images.checkbox-mode li a.button-preview { 
    display: none;
}        
              
 
.list-box-images-large-width li {  
    flex: auto !important;
    min-width: 140px;
    max-width: 35%;
}    
.content .right-panel .list-box-images-large-width li {
    min-width: 150px;
    max-width: 50%;
}      
.list-box-images-large-width li .image {  
    position: relative;
}     
.list-box-images-large-width li .image img {  
    display: block;
    height: 225px;
    object-position: center top;
}     

                
.list-box-images-dialog {
    margin: 0;
    padding: 1px;
    height: 432px;  
    overflow: hidden;
    overflow-y: scroll; 
    position: relative; 
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    border-top: rgba(0, 0, 0, 0.12) 1px solid;
    border-bottom: rgba(0, 0, 0, 0.12) 1px solid;
}               
.list-box-images-dialog::after {
    display: none;
}               
.list-box-images-dialog li {
    margin: 1px;
}           
.list-box-images-small li, 
.list-box-images-small li .image i.fa,
.list-box-images-small li .image i.mdi {
    height: 150px;    
}         
.list-box-images-small li .image i.fa,
.list-box-images-small li .image i.mdi {
    font-size: 70px;
    line-height: 150px;
}
    
.list-box-images-dialog li, 
.list-box-images-dialog li .image i.fa,
.list-box-images-dialog li .image i.mdi {   
    height: 106px;          
}    
.list-box-images-dialog li .image i.fa,
.list-box-images-dialog li .image i.mdi {   
    width: 100%;   
}                    
.list-box-images-dialog.list-box-images-svr {
    display: block;
    flex-wrap: unset;
}                   
.list-box-images-dialog.list-box-images-svr li {
    float: left;
    flex: none;
}                  
.list-box-images-dialog.list-box-images-svr li, 
.list-box-images-dialog.list-box-images-svr li .image, 
.list-box-images-dialog.list-box-images-svr li strong,
.list-box-images-dialog.list-box-images-svr li .image i.fa,
.list-box-images-dialog.list-box-images-svr li .image i.mdi {
    width: 305px; 
    height: 105px; 
    max-width: none;           
}       
.list-box-images-dialog li .image i.fa,
.list-box-images-dialog li .image i.mdi {
    font-size: 64px;
    line-height: 99px;
}
.list-box-images-small li strong {
    font-size: 15px;
    line-height: 18px; 
    line-clamp: 4;
    -webkit-line-clamp: 4;
}      
.list-box-images-dialog li strong {
    font-size: 12px;
    line-height: 15px; 
}      
.list-box-images-dialog li strong span {
    bottom: 21px;
}     
     
.list-box-covers {
    display: block;
    grid-template-columns: none;
}    
.list-box-covers li {
    float: left !important;
}     
.list-box-covers li, 
.list-box-covers li .image,   
.list-box-covers li .image i.fa,  
.list-box-covers li .image i.mdi, 
.list-box-covers li strong {
    flex: none !important;
    width: 300px !important; 
    height: 420px !important;
}     
.list-box-covers-small li, 
.list-box-covers-small li .image, 
.list-box-covers-small li .image i.fa, 
.list-box-covers-small li .image i.mdi, 
.list-box-covers-small li strong {
    width: 200px !important; 
    height: 270px !important;   
}              
.list-box-covers li .image i.fa,
.list-box-covers li .image i.mdi {  
    font-size: 120px; 
    line-height: 420px;
}      
.list-box-covers-small li .image i.fa,
.list-box-covers-small li .image i.mdi {   
    font-size: 90px; 
    line-height: 270px;
}       
.list-box-covers li .image i.fa,
.list-box-covers li .image i.mdi {
    background: #111;
    color: #F5F5F5;
    text-align: center;
}   

.list-box-icons {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 0;
    padding: 0;
    margin: 0;
}   
.list-box-icons li {
    color: var(--txt-color);
    text-align: center;
    padding: 0;
    margin: 0;
}   
.list-box-icons li a {
    display: block;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    padding: 0 20px 20px 20px;
}   
.list-box-icons li a:hover {
    background-color: var(--bg-variant-color-50a);
    color: var(--txt-color);
}   
.list-box-icons li a .mdi {
    background-color: transparent !important;
    display: block;
    font-size: 100px; 
}   
.list-box-icons li .image {
    background-color: transparent !important;
    display: block;
    height: 120px;
}   

.list-box-icons li.file-pdf-box .image i.mdi {
    color: #EF0C0C;       
}     
.list-box-icons li.file-zip .image i.mdi {
    color: #CC9900;       
}     
.list-box-icons li.file-image .image i.mdi {
    color: #FF9900;       
}          
.list-box-icons li.file-video .image i.mdi {
    color: #E04939;       
}          
.list-box-icons li.file-export .image i.mdi {
    color: #996600;       
}             
.list-box-icons li.file-code .image i.mdi {
    color: #9966CC;       
}               
.list-box-icons li.file-music .image i.mdi {
    color: #21A5FD;       
}                        
.list-box-icons li.file-xls .image i.mdi,
.list-box-icons li.file-xlsx .image i.mdi,
.list-box-icons li.file-excel .image i.mdi,   
.list-box-icons li.file-delimited .image i.mdi {
    color: #3CBB44;       
}             
.list-box-icons li.file-doc .image i.mdi,
.list-box-icons li.file-docx .image i.mdi,
.list-box-icons li.file-word .image i.mdi {
    color: #1A84CF;       
}             
.list-box-icons li.file-powerpoint .image i.mdi {
    color: #E65728;       
}             

                  
.list li.wait,   
.list div.wait,
.list div.wait400 {
    background: rgba(255, 255, 255, 0.9); 
    color: rgba(0, 0, 0, 0.4); 
    display: block;
    overflow: hidden;
    float: none;      
    margin: 0;
    padding: 0;               
    left: 0;
    top: 0;                
    right: 0;
    bottom: 0;  
    width: auto;
    height: 56px; 
    max-width: none;  
    font-size: 40px; 
    text-align: center;
    box-shadow: none;   
    grid-column: 1 / -1;  
}       
.list .wait i.mdi {
    position: absolute;          
    left: 50%;
    top: 50%; 
    width: 55px;
    height: 55px;    
    line-height: 60px; 
    transform: translateX(-50%) translateY(-212%); 
}        
.dialog .list .wait i.mdi,
.list.list-box-images-dialog .wait i.mdi {
    transform: translateX(-50%) translateY(-55%); 
}          
.list.list-box-rows-small .wait i.mdi {     
    top: 0; 
    transform: translateX(-50%); 
}          
.list li.wait::before {
    display: none;
}  

.list .comment-youtube {
    position: relative;
    width: 480px;
    height: 360px;  
    margin: 5px 0;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}         
.list .comment-youtube-image {
    position: relative;   
    display: block;      
    z-index: 1;          
}     
.list .comment-youtube::after {       
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    font-family: "Material Design Icons";
    font-size: 100px;  
    line-height: 360px;
    content: "\F05C3";
    color: rgba(255, 255, 255, 0.9);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;;          
    transition: all 0.2s ease-in-out;  
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}   
.list .comment-youtube.pointer:hover::after {  
    color: #FFF;   
    background: rgba(0, 0, 0, 0.4);
}

.header-message {       
    background: #0099FF;
    position: absolute;
    left: 250px;
    top: -100px;
    right: 0; 
    height: 60px;
    z-index: 9000;     
    padding: 0 0 0 30px;
    font-size: 22px;   
    z-index: 9999;  
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}     
.is-fullpage .header-message {   
    left: 0;
}        
.header-message a, 
.header-message span {  
    line-height: 60px;
    color: #FFF;
    display: block;
    text-decoration: none;  
}        
.header-message span {  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}    
.header-message i.close {  
    display: block;   
    position: absolute;  
    right: 0;
    top: 0;
    font-size: 24px;
    line-height: 60px;
    color: #FFF;
    margin: 0 16px 0 0;
    cursor: pointer;
}       
.header-message-info {       
    background: #888;
}       
.header-message-error {       
    background: #E94246;
}       
.header-message-warning {       
    background: #FFDF62;
}         
.header-message-warning a, 
.header-message-warning i, 
.header-message-warning span, 
.header-message-warning i.close {  
    color: #111;
} 

.system-message {       
    background: #0099FF;
    position: absolute;
    left: 250px;    
    right: 0; 
    bottom: -800px;  
    min-height: 115px;
    z-index: 9000;     
    padding: 20px 30px 25px 30px;
    font-size: 18px;    
    font-weight: 300;  
    line-height: 26px;  
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);   
    transition: all 0.8s ease-in-out; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
}    
.system-message.open {
    bottom: 0;
}    
.system-message.open:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);   
}    
.is-fulpage .system-message {   
    left: 0;
}        
.system-message,
.system-message a { 
    color: #FFF;    
}    
.system-message a { 
    text-decoration: underline;  
}       
.system-message.system-message-info {       
    background: #F9F9F9;
}       
.system-message.system-message-error {       
    background: #E94246;
}       
.system-message.system-message-warning {       
    background: #FFDF62;
}      
.system-message.system-message-pink {       
    background: #EC407A;
}      
.system-message.system-message-nat {       
    background: #AD60B0;
}                                  
.system-message.system-message-info a, 
.system-message.system-message-info .system-message-text, 
.system-message.system-message-info .system-message-sender,
.system-message.system-message-warning a, 
.system-message.system-message-warning .system-message-text, 
.system-message.system-message-warning .system-message-sender {  
    color: #111;
}  
.system-message .system-message-sender {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    line-height: 40px;     
    font-size: 20px;  
    padding-bottom: 18px;
    white-space: nowrap;
}                             
.system-message.system-message-info .system-message-sender,
.system-message.system-message-warning .system-message-sender {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.system-message .system-message-sender .thumb {  
    background: rgba(0,0,0,0.2) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAHlJREFUSMfllMENgCAQBHeNZRj7MfZhG9rr2cf6wYTg65RLUOdJyA4sF4DPIGmWtOs5Jmk6c5kJDMBQ6bxGciwFqtkISQJAF1m7W8BEmCD8Bk0Kes/mO5PWVkVNTtHP3sCBRQoMwHJZLf70tbo2NDwTxIQnwRYW/moOoxOHPdADROsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDUtMjBUMTM6NDA6NTArMDA6MDDmWPAsAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA1LTIwVDEzOjQwOjUwKzAwOjAwlwVIkAAAACh0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vdG1wL21hZ2ljay1SNThwaW1QVutkVaEAAAAASUVORK5CYII=') no-repeat center center;
    display: block; 
    float: left;    
    width: 48px;  
    height: 48px;   
    margin: -5px 30px 0 0;
    border-radius: 100%;   
}       
.system-message .system-message-sender .time {  
    display: block; 
    float: right;  
    font-weight: 300;  
    font-size: 16px; 
}    
.system-message .system-message-text {
    margin: 28px 150px 0 78px;    
    padding: 0;
    max-height: 400px;
    overflow: auto;
}      
.system-message .system-message-text p, 
.system-message .system-message-text h1,
.system-message .system-message-text h2,
.system-message .system-message-text h3, 
.system-message .system-message-text h4,
.system-message .system-message-text h5,
.system-message .system-message-text h6 {
    margin: 0;    
    padding: 0 0 10px 0;
}                 
.system-message .system-message-text ul,
.system-message .system-message-text ol {
    margin: 0;    
    padding-top: 0;    
    padding-bottom: 10px;
}           
.system-message .system-message-text h1,
.system-message .system-message-text h2,
.system-message .system-message-text h3, 
.system-message .system-message-text h4,
.system-message .system-message-text h5,
.system-message .system-message-text h6 {
    line-height: 1em;
}  
.system-message .button {
    position: absolute;
    right: 30px; 
    bottom: 25px;
    width: 125px;
}          
 

.content .message {
    background: #F5F5F5;
    padding: 20px 30px 20px 30px;  
    margin: 0 0 -1px 0;
    z-index: 1; 
    line-height: 24px;
    position: relative;
}          
.content-dialog-right .message {
    padding: 20px;  
}    
.content .message .message-text {
    max-width: 950px;
}         
.content .message .message-text p:first-child {
    margin-top: 0;
}         
.content .message .message-text p:last-child {
    margin-bottom: 0;
}         
.content .message table,
.content .message table.simple-table {
    margin-top: 20px; 
    margin-bottom: 20px;
}         
.content .message-info {
    background: #0099FF; 
    color: #FFF;
}      
.content .message-sep {
    border-top: var(--border-color) 1px solid;
}         
.content .message-blank {
    background: transparent;
}          
.content .message-warning {
    background: #FFDF62;  
    color: #111;
}             
.content .message .button,
.content .message .buttons {
    margin-top: 15px;
}             
.content .message .buttons .button {
    margin-top: 0;
}       
.content .message h1,
.content .message h2,
.content .message h3,
.content .message h4,
.content .message h5,
.content .message h6,
.form-grid .message h1,
.form-grid .message h2,
.form-grid .message h3,
.form-grid .message h4,
.form-grid .message h5,     
.form-grid .message h6 {     
    font-size: 25px;
    font-weight: 400; 
    padding: 0; 
    margin: 0 0 15px 0;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}      
.content .message h1 i.fa,
.content .message h2 i.fa,
.content .message h3 i.fa,
.content .message h4 i.fa,
.content .message h5 i.fa,
.content .message h6 i.fa {    
    width: 35px;
    text-align: center;
    float: left;
    margin: 6px 4px 0 0;
}         
.content .message h1 em,
.content .message h2 em,
.content .message h3 em,
.content .message h4 em,
.content .message h5 em,
.content .message h6 em {    
    font-style: normal;
}   

.content .fg-label-control .message {
    margin: 20px 0 10px 0; 
    border-radius: 4px;
}            
.content .fg-label-control .message::after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}  
.content .fg-label-control .message .buttons {
    margin: 0;
    float: right;
}          
.content .fg-label-control .message p {
    font-size: 17px;    
    font-weight: 400;
    line-height: 25px;
    margin: 4px 0 0 0;
    padding: 0;
}          
.content .fg-label-control .message p i:not(.mdi) {
    color: #00A5F4;
}          
.content .fg-label-control .message.message-warning p i {
    color: #000;
}     
                                                            
.form-grid {
    margin: 0 0;
}     
      
.fg-block {   
    padding: 20px 0 12px 0; 
    margin: 0;       
    position: relative; 
    transition: all 0.2s ease-in-out;  
}        
.fg-block::before { 
    background: var(--border-color);  
    position: absolute;
    left: 25px;
    right: 30px;
    top: 0;
    height: 1px;
    content: "";
}       
.fg-block.fg-block-max::before { 
    left: 0 !important;
    right: 0 !important;
}    
.fg-block-border-bottom::after {   
    background: var(--border-color);   
    top: auto;      
    left: 0;    
    bottom: -1px; 
    clear: both;  
}                            
.fg-block.no-border::before,
.fg-block-no-border-top::before,
.form-grid .fg-block:last-child::after,
.form-grid .fg-block:first-child::before {   
    display: none;
}      
.fg-block-droparea {
    background-color: #F2F9FF;
}   
.fg-row {      
    display: block; 
    padding: 0 5px 12px 30px;  
    margin: 0;
    clear: both;       
}    
.fg-block .fg-row:first-child {      
    padding-top: 5px;
}           
.fg-row::after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}              
.fg-clear::after {
    padding-bottom: 5px;
}        
.fg-clear::after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}   
.content .fg-label {
    display: block;
    clear: left;
    float: left;
    width: 230px;
}       
.content.content-dialog-right .fg-label {
    display: block;
    clear: left;
    float: left;
    width: 30%;
}        
.content .fg-label label,
.content .fg-more label,
.content .fg-more span {
    margin: 10px 0 0 0;
    display: block;  
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  
}        
.content .fg-label h3 {
    margin: 5px 0 0 0;     
    padding: 0; 
}          
.content .fg-control {
    display: block;
    float: left;
    width: 750px;
    box-sizing: border-box;
}         
.content .fg-control.fg-control-flex {
    display: flex !important;
}          
.content .fg-control.fg-control-flex div.fg-item {
    min-width: 300px;
}         
.content .fg-control.fg-control-flex label {
    margin: 10px 0 10px 0;
    display: inline-block;
}
.content.content-dialog-right .fg-control {
    display: block;
    float: left;
    width: 69%;
}      
.content .fg-toolbar {
    margin-bottom: 14px;
    padding: 5px 0 0 0;
}       
#seo-keywords-checker .fg-control {
    width: 748px;     
}        
#seo-keywords-checker .fg-row {
    background: var(--border-color);
}         
.content .fg-control-row {
    margin: 0 25px 0 0;
}            
.content .fg-control .edit,
.content .fg-label-control .edit,
.content .fg-control-row .edit,               
.content-dialog .fg-control .edit,
.content-dialog .fg-label-control .edit,
.content-dialog .fg-control-row .edit {
    margin: 0;
}   
.content .fg-label-control {
    display: block;
    float: left;
    width: 980px;
}     
.content .fg-more {    
    float: left;    
    clear: right;       
    white-space: nowrap;
    padding: 0 0 0 5px;
}    
.content .fg-more label {
    margin-top: 6px;
}                
.content .label-link {
    color: var(--fade-color);
    text-decoration: underline;
}                 
.content .label-link:hover {
    color: var(--hover-color);
    text-decoration: underline;
}


.content .fg-buttons-row {
    background: var(--buttons-row-bg-color);
    padding: 20px 30px 20px 20px;  
    min-height: 35px;
    margin: 0;
}    
.content .fg-buttons-row.fg-buttons-row-fixed {   
    border-top: var(--border-color) 1px solid;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    position: fixed;
    left: 250px;
    right: 0;
    bottom: 0;
    z-index: 330; 
    transition: box-shadow 0.2s linear;  
}    
.content-dialog .fg-buttons-row.fg-buttons-row-fixed {   
    right: 0 !important;
}         
.content .fg-buttons-row.fg-buttons-row-fixed:hover {   
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}           
.content .fg-buttons-row.fg-buttons-row-fixed-ph {   
    background: transparent;
    display: block;
    height: 71px;
    padding: 0;
}       
.content .fg-buttons-row .fg-row {
    text-align: right;
    max-width: 990px;  
    padding: 0;       
    margin: 0;
}          
.content .fg-buttons-row .fg-row #cancel-btn {
    right: 20px;
    position: absolute;
    margin-left: 20px;
}              
.content-dialog  .fg-buttons-row .fg-row #cancel-btn {
    margin-left: 10px;
}     
.content .fg-buttons-row-small {
    background: #F5F5F5;
    padding: 10px 10px;      
}   
.form-grid h1,
.form-grid h2,
.form-grid h3,
.form-grid h4,                    
.form-grid h5,
.form-grid h6 {     
    font-size: 24px;
    font-weight: 400; 
    padding: 10px 0 5px 30px; 
    margin: 0 0 10px 0;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}         
.form-grid h1.long,
.form-grid h2.long,
.form-grid h3.long,
.form-grid h4.long,                    
.form-grid h5.long,
.form-grid h6.long {     
    font-size: 18px;
}      
.form-grid h1 i.fa,
.form-grid h2 i.fa,
.form-grid h3 i.fa,
.form-grid h4 i.fa,
.form-grid h5 i.fa,
.form-grid h6 i.fa {    
    width: 35px;
    text-align: center;
    float: left;
    margin: 2px 4px 0 0;
}         
.form-grid h1 em,
.form-grid h2 em,
.form-grid h3 em,
.form-grid h4 em,
.form-grid h5 em,
.form-grid h6 em {    
    font-style: normal;
}             
.form-grid h1 a,
.form-grid h2 a,
.form-grid h3 a,
.form-grid h4 a,
.form-grid h5 a,
.form-grid h6 a {           
    transition: all 0.2s ease-in-out;  
    text-decoration: none;
    color: inherit; 
}            
.form-grid h1 a:hover,
.form-grid h2 a:hover,
.form-grid h3 a:hover,
.form-grid h4 a:hover,
.form-grid h5 a:hover,
.form-grid h6 a:hover {    
    text-decoration: underline;
    color: inherit; 
} 
.form-grid h3 i.mdi-playlist-check {   
    font-size: 24px;
} 
.arrows-bar {
    border-top: var(--border-color) 1px solid;
    background: var(--bg-color);
    padding: 25px 30px 25px 30px;  
    margin: 0;   
    word-spacing: -5px;
}     
.arrows-bar .arrows-title {
    display: none !important;
}       
.arrows-bar span.dotted {
    font-weight: bod;
}
.arrows-expand-bar-next em {
    text-transform: none;
    opacity: .6;
    padding-left: 3px;
}
#dialog-list-arrows {      
    border: none;
    padding: 0;  
    line-height: 28px;
}         
#dialog-list-arrows div {  
    text-align: center;
    position: relative;   
    padding: 10px 10px 0 10px; 
}     
#dialog-list-arrows div > a,
#dialog-list-arrows div > span {  
    border: rgba(0, 0, 0, 0.12) 1px solid;
    margin: 0 5px 10px 5px;
    display: inline-block;
    text-align: center;
    height: 28px;      
    min-width: 28px;     
    border-radius: 100%;  
    vertical-align: top;
    text-decoration: none;
}                   
#dialog-list-arrows div > span.dotted {  
    border-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 16px;
}                
#dialog-list-arrows div > span.current_page {  
    background: #555555;
    color: #FFF;
    font-weight: 400;
}                  
#dialog-list-arrows div *:last-child {  
    margin-right: 0;
}        
#dialog-list-arrows a span.item { 
    border: none;
    height: 28px;     
    width: 28px; 
    display: inline-block;
    text-align: center;
}           
#dialog-list-arrows div > a.button { 
    position: absolute;
    height: 28px;
    width: 28px; 
    top: 10px;
    padding: 0;     
    margin: 0;   
    line-height: 32px;
}                   
#dialog-list-arrows a.button.arrows_first_page { 
    left: 10px;
}          
#dialog-list-arrows a.button.arrows_prev_page { 
    left: 40px;
}        
#dialog-list-arrows a.button.arrows_next_page { 
    right: 40px;
}           
#dialog-list-arrows a.button.arrows_last_page { 
    right: 10px;
}            

#additional-tabs {
    min-height: 140px; 
}   
#additional-tabs .fg-toolbar {
    margin: 5px 0 25px 0;
}             
             
.mmedia-bar {
    background: #333;
    color: rgba(255, 255, 255, 0.4);      
    position: relative;
    padding: 25px 30px 27px 260px;
    min-height: 330px;  
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;  
}               
.mmedia-bar.audio-data-block {   
    min-height: auto;  
}   
.mmedia-bar.mmedia-bar-large {
    min-height: 570px;  
} 
.mmedia-bar .mmedia-bar-icon {
    position: absolute;
    color: rgba(255, 255, 255, 0.4);
    font-size: 150px;
    width: 220px;
    top: 10px;
    left: 0;
    z-index: 1;        
    transition: all 0.2s linear;   
    text-align: center;     
}              
.mmedia-bar .mmedia-bar-icon.pointer:hover {
    color: rgba(255, 255, 255, 0.8);
}       
.mmedia-bar .mmedia-bar-icon.fa {
    font-size: 120px;
    top: 43px;
}          
.mmedia-bar .mmedia-new-info {
    color: rgba(255, 255, 255, 0.5);
    font-size: 30px;
    line-height: 500px;  
    text-align: center; 
    text-shadow: 1px 1px 0 #111;  
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
}        
.mmedia-bar .mmedia-new-info u {
    transition: all 0.2s linear;  
    text-decoration-color: rgba(255, 255, 255, 0.4); 
}
.mmedia-bar .mmedia-new-info u:hover {
    color: rgba(255, 255, 255, 0.7);  
    text-decoration-color: rgba(255, 255, 255, 0.3);   
}    
.mmedia-bar .mmedia-new-info .dg {   
    color: rgba(255, 255, 255, 0.7);    
    display: none; 
}        
.mmedia-bar #image-dnd-area.droparea {  
    background: rgba(255, 255, 255, 0.3);  
    transition: all 0.2s linear; 
}     
.mmedia-bar #image-dnd-area.droparea .mmedia-new-info .df {
    display: none; 
}    
.mmedia-bar #image-dnd-area.droparea .mmedia-new-info .dg {   
    display: inline; 
}         
.mmedia-bar .mmedia-bar-preview {
    border: rgba(255, 255, 255, 0.2) 1px solid;  
    margin: 0 30px 0 0;
    width: 750px;
    min-height: 400px;
    overflow: hidden;
}              
.mmedia-bar.mmedia-bar-large .mmedia-bar-preview {
    height: 558px;
}             
.mmedia-bar .mmedia-bar-preview.mmedia-bar-preview-auto {
    height: auto;
    min-height: auto;
}           
.mmedia-bar .mmedia-bar-details { 
    position: absolute; 
    left: 1040px;    
    right: 60px;     
    top: 24px;
    bottom: 27px;   
}         
.mmedia-bar .mmedia-bar-details input#color {
    background: transparent;     
    height: auto;
}          
.mmedia-bar .mmedia-bar-details td {
    white-space: nowrap;
}        
.mmedia-bar .mmedia-separator {
    border-top: rgba(255, 255, 255, 0.2) 1px solid;
    margin: 22px 0 0 0;
    padding: 22px 0 0 0;
}       
.mmedia-bar .mmedia-thumbs {
    position: absolute;
    border-top: rgba(255, 255, 255, 0.2) 1px solid;
    top: 145px;
    left: 0;
    right: 0;
    bottom: 0;
    list-style: none;
    margin: 22px 0 0 0;
    padding: 22px 0 0 0;
    overflow: hidden;
    overflow-y: auto;
}     
.mmedia-bar .mmedia-thumbs li {  
    border: rgba(255, 255, 255, 0.2) 1px solid; 
    outline: rgba(255, 255, 255, 0.2) 1px solid;   
    background: rgba(255, 255, 255, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block; 
    position: relative;;
    margin: 5px 5px 0 0;
    padding: 0;
    width: 80px;
    height: 63px;
    float: left;
    cursor: pointer;  
    transition: all 0.2s linear;   
}          
.mmedia-bar .mmedia-thumbs li:hover { 
    border-color: rgba(255, 255, 255, 0.5); 
    outline: #444 1px solid;     
}          
.mmedia-bar .mmedia-thumbs li.selected,
.mmedia-bar .mmedia-thumbs li.selected:hover { 
    border-color: var(--primary-bg-color); 
    outline: var(--primary-bg-color) 1px solid;  
}             
.mmedia-bar .mmedia-thumbs li .mdi-alert { 
    background-color: rgba(255, 223, 98, 0.8);
    color: #111;  
    display: block;  
    width: 80px;
    height: 63px;  
    line-height: 63px;
    font-size: 48px;
    text-align: center; 
    transition: all 0.2s linear;   
}             
.mmedia-bar .mmedia-thumbs li .mdi-alert:hover { 
    background-color: #FFDF62
}              
.mmedia-bar .mmedia-thumbs li .button { 
    position: absolute;   
    background: #FFF;
    top: 0; 
    right: 0;
    opacity: 0;  
    padding: 0;
    width: 24px;
    height: 24px; 
    line-height: 20px;
}                  
.mmedia-bar .mmedia-thumbs li .button-crop,
.mmedia-bar .mmedia-thumbs li .button-edit { 
    display: none;
}            
.mmedia-bar .mmedia-thumbs li:hover .button { 
    opacity: 1;
}    
.mmedia-wait {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 33;
    text-align: center;
}     
.mmedia-wait i.fa,
.mmedia-wait i.mdi {
    position: absolute;          
    left: calc(50% - 100px);
    top: calc(50% - 180px);  
    color: rgba(0,0,0,0.5);  
    width: 200px;
    height: 200px;    
    font-size: 200px;  
    line-height: 200px;  
}       
.mmedia-bar:after,
.mmedia-bar .mmedia-bar-preview:after,
.mmedia-bar .mmedia-bar-details:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}                                                      
.mmedia-bar.audio-data-block table.simple-table,    
.mmedia-bar.audio-data-block table.simple-table thead,
.mmedia-bar.audio-data-block table.simple-table tbody,
.mmedia-bar.audio-data-block table.simple-table th,
.mmedia-bar.audio-data-block table.simple-table td {   
    background: transparent;
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.2);
}                                              
.mmedia-bar.audio-data-block table.simple-table td:last-child {   
    color: rgba(255, 255, 255, 0.7);
}           
.mmedia-bar.audio-data-block table.simple-table {   
    border: none;
}             
.picture-preview {
    display: flex;
    flex-direction: row;    
    align-content: flex-start;
    align-items: flex-start;
}
.picture-preview-box {    
    width: 300px;   
    margin-right: 20px;     
    overflow: hidden;   
    border-radius: 4px 0 0 4px;
    align-self: center;
}                 
.picture-preview-box img {  
    display: block;   
    position: absolute;
    top: 0;
    left: 0;    
    right: 0;                                                         
    bottom: 0;
    width: 300px;
    height: 100%;
    min-height: 212px;
    object-fit: cover;
    margin: 0 auto;    
    cursor: zoom-in;                                                   
    transition: all 0.2s linear;   
}                 
.picture-preview-box.picture-preview-box-auto img {  
    position: static;
}        
        
.picture-preview-box.picture-preview-box-auto img.icon-preview {
    max-height: 40px;
    min-height: 148px;
}              
.picture-preview-box img:hover {  
    opacity: 0.9;
}         
.picture-preview-box a {
    background: #000;
    display: block;    
    position: relative;    
    min-height: 212px;
    height: 100%;     
    width: 300px;     
    cursor: default;
}       
.picture-preview-details {
    width: 420px; 
    margin: 15px 15px 15px 0;    
}       
.picture-preview-details .picture-details {
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}       
.picture-preview-details .picture-details a {
    text-decoration-color: #EEE;     
    transition: all 0.2s linear;   
}          
.picture-preview-details .picture-details a:hover {
    text-decoration-color: #555;
}    
.picture-preview-list {     
    border-top: var(--border-color) 1px solid;
    max-height: 135px;
    overflow-x: hidden;
    overflow-y: auto;
}       
.picture-topline-info {     
    border-top: var(--border-color) 1px solid;
}   
.picture-preview-thumbs {  
    border: var(--border-color) 1px solid;
    box-sizing: border-box;
    border-radius: 4px;    
    list-style: none;     
    overflow: hidden;
    margin: 0;
    padding: 0;
}          
.picture-preview-thumbs.frame-shadow {  
    margin: 5px 0 20px 0 !important;
}           
.picture-preview-thumb::after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;   
}           
.picture-preview-thumbs li {
    display: block;
    float: left;
    width: 25%;
    height: 135px;  
    overflow: hidden;
    border-left: transparent 1px solid;  
    box-sizing: border-box;
    position: relative;
}                                      
.picture-preview-thumbs li:nth-child(5), 
.picture-preview-thumbs li:nth-child(6), 
.picture-preview-thumbs li:nth-child(7), 
.picture-preview-thumbs li:nth-child(8) {
    border-top: transparent 1px solid;  
}     
.picture-preview-thumbs li:first-child img,
.picture-preview-thumbs li:nth-child(5) img {
    margin-left: 0;
}         

.picture-preview-thumbs li img {
    display: block;
    width: 100%;    
    height: 100%;
    object-fit: cover;  
    transition: all 0.2s linear;   
    cursor: pointer;
}         
.picture-preview-thumbs li.selected {
    background: var(--primary-bg-color);
}           
.picture-preview-thumbs li.selected::after {       
    background: var(--primary-bg-color);
    color: var(--primary-txt-color);
    position: absolute;
    content: "\F012C";
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;  
    Line-height: 30px;
    font-family: "Material Design Icons";
    font-size: 24px;
    text-align: center;   
    border-radius: 0 0 0 10px;    
}        
.picture-preview-thumbs li.selected img {
    opacity: 0.7;
    cursor: default;
}           
.picture-preview-thumbs li:hover:not(.selected) img {
    opacity: 0.9;
}         

#video_preview {      
    background: var(--workspace-bg-color);
    position: relative;
}           
#video_preview iframe,
#video_preview video { 
    top: 0;     
    left: 0;                      
    width: 100%;     
    height: 100%;
    position: absolute; 
    z-index: 1;  
}              
#video_preview img {  
    display: block;
    width: 100%;    
    position: relative;
    z-index: 0;     
}   
.mmedia-bar .picture-preview-box {
    background: rgba(0, 0, 0, 0.4);
    width: 750px;
    min-height: 500px;
    position: relative;
}               
.mmedia-bar .picture-preview-box img,
.mmedia-bar .picture-preview-box a {
    width: 750px;   
    height: 500px;
}            
.mmedia-bar .picture-preview-box img {
    object-fit: contain;
    object-position: center center;
}
.picture-preview-box-item {
    border: blue 1px solid;   
    padding: 4px 10px 4px 4px;
}               
.picture-preview-box-item:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}       
.picture-preview-row-ext-edit .picture-preview-box {
    width: 100%;
    float: none;  
    padding: 4px 4px 4px 4px;
    margin: 0;      
}       
.picture-preview-row-ext-edit .picture-preview-box img {  
    display: block;
    width: 100%;
    border-bottom: #E6E6E6 1px solid; 
}     

.edit-picture-preview {
    padding: 0;
    margin: 0;
    position: sticky;
    top: 0;
    transition: opacity 0.9s linear;      
}    
.dragging .edit-picture-preview {
    background-color: var(--fade-variant-color);
}            
.inp20 .edit-picture-preview {
    opacity: 0.9;  
}          
.inp60 .edit-picture-preview {
    opacity: 0.8;  
}          
.inp100 .edit-picture-preview {
    opacity: 0.7;  
}            
.inp300 .edit-picture-preview {
    opacity: 0.4;  
}            
.inp500 .edit-picture-preview {
    opacity: 0.2;  
}                     
.edit-picture-preview .buttons {
    position: absolute;
    display: block;       
    height: 60px;   
    width: 100%;   
    top: 0;    
    transition: opacity 0.9s linear;  
    z-index: 1;
}             
.inp300 .edit-picture-preview .buttons {
    opacity: 0;  
}            
.edit-picture-preview .buttons::before {
    background: linear-gradient( rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0));       
    position: absolute;
    display: block;       
    height: 100%;    
    width: 100%;     
    content: "";   
    transition: opacity 0.9s linear;  
    opacity: 0;
}               
.edit-picture-preview .buttons:hover::before { 
    opacity: 1;
}                
.edit-picture-preview img {
    display: block;
    width: 100%;        
    max-height: 590px;    
    object-fit: contain; 
    object-position: center center;
    cursor: zoom-in;     
}              
.edit-picture-preview img.cr-default {
    cursor: default;
}
.edit-picture-preview img[src="/_i/pixel.png"] {
    max-height: 100px;    
}                
.edit-picture-preview figcaption {
    display: block;
    text-align: center;  
    padding: 12px;
    line-height: 25px;
}                  
.edit-picture-preview figcaption u {
    text-decoration: none; 
    text-underline-offset: 3px;  
    transition: text-decoration 0.2s linear;  
    cursor: pointer;     
}                    
.edit-picture-preview figcaption u {
    text-decoration: underline; 
}                                          
.edit-picture-preview figcaption input#color,   
.image-preview-color-palette b,
#image-preview-color-palette b {
    background: transparent;     
    border: var(--border-color) 2px solid;   
    display: inline-block;    
    color: var(--border-color); 
    outline: none; 
    height: 16px;         
    width: 16px;
    padding: 0;
    margin: 2px 5px 0 0;
    text-indent: -999999999999999999px;    
    appearance: none;
    -webkit-appearance: none;  
    user-select: none;   
    border-radius: 100%;  
    transition: all 0.2s linear;  
}                
.image-preview-color-palette b.txt,
#image-preview-color-palette b.txt {
    text-indent: 0;  
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}       
.edit-picture-preview figcaption input#color:not(.pointer) { 
    cursor: default;    
}           
.edit-picture-preview figcaption input#color.pointer:hover,
.image-preview-color-palette b:hover,
.image-preview-color-palette b.selected,
#image-preview-color-palette b:hover,
#image-preview-color-palette b.selected { 
    border: var(--primary-bg-color) 2px solid;  
    box-shadow: 0 0 4px var(--fade-mid-color); 
}           
.edit-picture-preview figcaption #picture_fsize {
    padding: 0 16px 0 1px;
}                         
.edit-picture-preview figcaption #picture_fsize span {
    color: var(--primary-variant-bg-color);   
}            
.edit-picture-preview figcaption #picture_size {
    color: var(--txt-color-variant);   
}              
.edit-picture-preview figcaption #picture_size::before {
    display: block;
    content: "";
}     
.edit-picture-preview .button-circle {
    position: absolute;
    top: 10px;
    right: 20px;
}              
.edit-picture-preview .button-circle.button-5 {                             
    right: 180px;
}             
.edit-picture-preview .button-circle.button-4 {                             
    right: 140px;
}           
.edit-picture-preview .button-circle.button-3 {
    right: 100px;
}       
.edit-picture-preview .button-circle.button-2 {
    right: 60px;
}    

.edit-picture-preview i.file-icon {     
    color: #FFF;
    line-height: 365px;
    height: 350px;
    width: 100%;
    margin: 0;
    font-size: 180px;
    text-align: center;
    display: block;
    position: relative;
}                
.edit-picture-preview i.file-icon::before {     
    z-index: 1;    
    position: relative;
}       
.edit-picture-preview i.file-icon::after {
    background: #333;
    height: 250px;
    width: 250px;
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -46%);    
}                         
       
.edit-picture-sep {
    height: 40px;
    margin-bottom: -40px;
    transition: box-shadow 0.9s linear;   
    position: relative;   
}              
.inp20 .edit-picture-sep {
    box-shadow: 0 0 40px var(--fade-color);
}               
.inp50 .edit-picture-sep {
    box-shadow: 0 0 40px var(--fade-color);
}      

.edit-assign-elements {    
    position: relative;
    z-index: 100;
    height: calc(100vh - 80px);
    display: flex;
    font-size: 30px;
    flex-direction: column;
    text-align: center;    
    justify-content: center; 
    user-select: none;
}    
.edit-assign-elements .mdi {
    font-size: 150px;   
    width: 170px;  
    display: block;
    margin: 0 auto 30px auto;    
}              
.edit-assign-elements u,
.edit-assign-elements .mdi {
    transition: color 0.2s linear;   
}     
.edit-assign-elements u {
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;  
}
.edit-assign-elements u:hover,
.edit-assign-elements .pointer .df.mdi:hover {
    color: var(--primary-bg-color);
} 
.edit-assign-elements .dg,
.edit-assign-elements .wt {
    display: none;
}           
.dragging .edit-assign-elements .df {
    display: none;
}      
.dragging .edit-assign-elements .dg {
    display: block;
}   

.edit-picture-thumbs {
    border-top: var(--border-color) 1px solid;
    list-style: none;
    margin: 0;
    padding: 20px 20px 20px 245px;
    display: flex;  
    gap: 10px;
    flex-direction: row;  
    flex-wrap: wrap;
    position: relative;
}     
.edit-picture-thumbs[data-more3="true"] {
    padding-left: 132px;
}    

.edit-picture-thumbs li,
.edit-picture-thumbs span.plus {  
    display: block; 
    position: relative;
    margin: 0;                
    padding: 0;
    width: 150px;
    height: 105px;
    cursor: pointer;  
    box-sizing: border-box;
    transition: all 0.2s linear;   
}                              
.edit-picture-thumbs span.plus {  
    position: absolute;
    left: 4px;                
    top: 22px;
    width: 230px;
}     
.edit-picture-thumbs[data-more3="true"] span.plus {
    width: 125px;
}                   
.edit-picture-thumbs li.portrait {  
    width: 70px;
}                            
.edit-picture-thumbs li button {   
    position: absolute;
    display: none; 
    top: 0;
    right: 0;
    z-index: 2;
}            
.edit-picture-thumbs li:hover button {  
    display: inline-block; 
}                         
.edit-picture-thumbs span.plus {   
    color: var(--fade-mid-color); 
    text-align: center;
    font-size: 86px;
}                          
.edit-picture-thumbs span.plus:hover {  
    color: var(--primary-bg-color); 
}   
.edit-picture-thumbs li {  
    border: var(--border-color) 1px solid; 
    background: var(--workspace-bg-color);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}          
.edit-picture-thumbs li:hover,
.edit-picture-thumbs li.selected:hover { 
    box-shadow: 0 0 10px var(--fade-color); 
}          
.edit-picture-thumbs li.selected { 
    border-color: var(--primary-bg-color); 
    box-shadow: 0 0 10px var(--fade-mid-color);
}       
.edit-picture-thumbs li .mdi:not(.mdi-close) { 
    background-color: rgba(255, 223, 98, 0.8);
    color: #111;  
    display: block;  
    position: absolute;
    top: 0;
    left: 0;          
    width: 100%;  
    height: 100%;
    line-height: 105px;                                                        
    font-size: 48px;
    text-align: center; 
    transition: all 0.2s linear;   
    text-shadow: 0 0 10px #FFDF62, 0 0 30px #FFDF62;
}                                        
.edit-picture-thumbs li.warning .mdi:not(.mdi-close):hover { 
    background-color: #FFDF62                    
}                                     
.edit-picture-thumbs li.ask .mdi:not(.mdi-close) { 
    background-color: rgba(221, 242, 255, 0.8);
    text-shadow: 0 0 10px #DDF2FF, 0 0 30px #DDF2FF;
}             
.edit-picture-thumbs li.ask .mdi:not(.mdi-close):hover { 
    background-color: #DDF2FF
} 

#image-preview-color-palette {
    position: absolute;
    padding: 10px 10px 10px 15px;
    border-radius: 6px;
    margin-bottom: 15px !important;  
    margin-left: 2px;
}          
#image-preview-color-palette::after {
    background: var(--bg-color);  
    border-radius: 6px;
    position: absolute;  
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;       
    content: "";    
}      
#image-preview-color-palette::before {
    background: var(--bg-color);
    position: absolute;
    bottom: -11px;
    height: 20px;
    width: 20px;
    left: 57px;
    content: ""; 
    transform: rotate(45deg);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 2%), 0 3px 1px -2px rgb(0 0 0 / 15%), 0 2px 5px 0 rgb(0 0 0 / 15%);
}                            
.image-preview-color-palette b,
#image-preview-color-palette b {
    height: 24px;
    width: 24px;        
    cursor: pointer;  
    position: relative;
    z-index: 2;
}                         
.image-preview-color-palette ul,
#image-preview-color-palette ul {
    padding: 0;
    margin: 0;
    list-style: none;     
    display: inline-block;  
    position: relative;
    z-index: 2;
}                                
.image-preview-color-palette ul li,
#image-preview-color-palette ul li {
    display: inline-block;
    padding-left: 5px;
}

#full-image div.face,  
.picture-preview-box div.face {
    position: absolute;
    border: rgba(255,255,255,0.3) 2px solid; 
    transition: all 0.2s ease-in-out;   
}    
#full-image:hover div.face, 
.picture-preview-box:hover div.face {
    background-color: rgba(255,255,255,0.3);
    border: rgba(255,255,255,0.9) 2px solid;
}
#full-image {
    /*position: relative;*/
    position: absolute;
    left: -500000px;    
    top: -500000px; 
}

.live-relation-sport-icon img {
    height: 64px;  
    min-height: 64px;   
    min-width: 1px; 
}
#live-relation-events {
    min-height: 429px; 
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: scroll;
}     
#live-relation-events .live-icon-prev {
    display: block;
    width: 32px;   
    height: 32px;
    margin: 6px auto 0 auto;
}   
             
#dialog-sport-icons {
    position: relative;
}                        
#dialog-sport-icons-tabs {
    position: relative;
}           
#dialog-sport-icons-tabs .tab {
    height: 396px;
    overflow-x: hidden;
    overflow-y: scroll; 
}           
#dialog-sport-icons-tabs .tab ul {
    list-style: none;
    padding: 0;   
    margin: 0 0 0 10px;   
}              
#dialog-sport-icons-tabs .tab ul:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}           
#dialog-sport-icons-tabs .tab ul li {
    position: relative;
    float: left;
    width: 104px; 
    height: 122px;
    text-align: center;
    font-size: 12px;
    line-height: 15px; 
    margin: 0 5px 5px 5px;  
    padding: 5px 0 0 0; 
    cursor: pointer;     
    border-radius: 4px;       
    transition: all 0.2s ease-in-out;     
}           
#dialog-sport-icons-tabs .tab ul li span.icon {   
    background-position: center center;  
    background-repeat: no-repeat;
    background-size: contain;     
    display: block;
    width: 90px; 
    height: 80px;
    margin: 0 auto 5px auto;    
    border-radius: 4px;      
}               
#dialog-sport-icons-tabs .tab ul li:hover {
    background-color: #F9F9F9;          
    background-image: linear-gradient(to bottom, #FCFCFC, #F9F9F9);  
}               
#dialog-sport-icons-tabs .tab ul li.selected,
#dialog-sport-icons-tabs .tab ul li.selected:hover {
    background-color: #555;          
    background-image: linear-gradient(to bottom, #757575, #555);  
    color: #FFF;      
}           
#dialog-sport-icons-tabs .tab ul li span.icon.selected {   
    box-shadow: 0 0 5px rgba(117, 117, 117, 0.7) inset;    
}       
#dialog-sport-icons-tabs #dialog-sport-icons-tabs-flags ul li {
    height: 69px;
}           
#dialog-sport-icons-tabs #dialog-sport-icons-tabs-flags ul li span.icon {
    width: 48px;  
    height: 48px;
}           
#dialog-sport-icons-tabs .tab ul li span.name {
    text-transform: capitalize;
}                            
.list-box-rows-small-header,
#dialog-sport-icons-tabs .tab h3,
#dialog-relations-accordion h3 {  
    background-color: var(--bg-variant-color);     
    border-top: 1px solid var(--border-color);   
    border-bottom: 1px solid var(--border-color);   
    font-size: 16px; 
    font-weight: 400;
    margin: 0;       
    padding: 10px 15px; 
    cursor: pointer;
}                                          
.list-box-rows-small-header:first-child,
#dialog-sport-icons-tabs .tab h3:first-child,
#dialog-relations-accordion h3:first-child {  
    border-top: none;
}     
.list-box-rows-small-header:first-child {  
    position: sticky;
    top: 0;
    z-index: 57;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.05);
}               

#dialog-sport-icons-tabs .tab h3.ui-accordion-header-active,
#dialog-relations-accordion h3.ui-accordion-header-active {   
    background-color: #555;          
    background-image: linear-gradient(to bottom, #757575, #555);  
    color: #FFF;        
}            
#dialog-sport-icons-tabs .tab h4.ui-accordion-header-active {   
    background-color: #F5F5F5;     
}
#dialog-sport-icons-tabs .tab h3:first-child {    
    border-top: 1px solid #E6E6E6; 
}              
#dialog-sport-icons-tabs .tab h3:hover,
#dialog-sport-icons-tabs .tab h4:hover {            
    background-color: #F9F9F9;       
}         
#dialog-sport-icons-tabs .tab h4 {  
    background-color: #FFF;      
    border-bottom: 1px solid #E6E6E6; 
    margin: 0;       
    cursor: pointer;   
    font-size: 15px;       
}         
#dialog-sport-icons-tabs .dialog-sport-icons-accordion ul { 
    border-bottom: 1px solid #E6E6E6; 
} 

.content-dialog-picture-list {
    width: 895px;
}  

i.fa-wprost {
    font-family: "Courier New", monospace;
    font-weight: 900;
    font-size: larger;
}   

.page-route-login .content {
    left: 0;    
    right: 0;
    bottom: 0;
}     
.page-route-login .content .header { 
    display: none;
}    
.page-route-login .login-form {    
    background: #333 no-repeat top center;
    background-size: cover;     
    position: absolute;    
    top: 0;
    left: 0;    
    right: 0;              
    bottom: 0;    
    transition: background 0.2s linear; 
}      
.page-route-login .login-form div {  
    background: rgba(51, 51, 51, 0.4);
    position: absolute;    
    top: 45%;
    left: 50%;         
    width: 400px;
    margin: -150px 0 0 -250px;
    padding: 40px 50px 50px 50px;    
    border-radius: 8px;  
    transition: all 0.2s linear; 
    opacity: 0;
}         
.page-route-login .login-form div:hover {  
    background: rgba(51, 51, 51, 0.5);
}        
.page-route-login .login-form div.visible {  
    opacity: 1;
}    
.page-route-login .login-form div h2 { 
    color: #F5F5F5;           
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    padding: 0; 
    margin: 0 0 30px 0;   
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}               
.page-route-login .login-form div .info { 
    color: #FFF !important;    
    display: block;  
    font-size: 16px;
    line-height: 22px;
    margin-top: -12px;  
    margin-bottom: 27px;  
    text-align: center;
}           
.page-route-login .login-form div .info a { 
    color: inherit !important; 
}                                          
.page-route-login .login-form div .edit { 
    background: #FFF !important;      
    font-size: 18px;
    line-height: 22px;
    width: 400px;
    height: auto;
    margin-bottom: 12px;  
    border-radius: 5px; 
    -webkit-text-fill-color: #000 !important;
    -webkit-appearance: none;  
    appearance: none;  
}                       
.page-route-login .login-form div .edit:-webkit-autofill {   
    transition: background-color 5000s linear 0s;       
    -webkit-appearance: none;  
    appearance: none;  
}     
.page-route-login .login-form div .edit::-webkit-outer-spin-button,
.page-route-login .login-form div .edit::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.page-route-login .login-form div .edit[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}
.page-route-login .login-form div .button { 
    font-size: 18px;
    line-height: 27px;
    height: 40px;                
    width: 400px;     
    border-radius: 5px;   
}              
.page-route-login .login-form div .button,
.page-route-login .login-form div .button:hover { 
    height: 40px;
}        
.page-route-login .login-form #pin {         
    display: none;
}     
.page-route-login .login-form .edit-message {         
    display: none !important;
}     
               
.page-route-login .login-form.lstuid-2549[style*="wallpapers/bg-image-15.jpg"] div {  
    background: rgba(96, 57, 76, 0.5);
}               
.page-route-login .login-form.lstuid-2549[style*="wallpapers/bg-image-15.jpg"] div:hover {  
    background: rgba(96, 57, 76, 0.6);
}        
.page-route-login .login-form.lstuid-2549[style*="wallpapers/bg-image-15.jpg"] div .mdi-lock::before {  
    content: "\F03E9";
}  
.page-route-login .login-form.lstuid-2549[style*="wallpapers/bg-image-15.jpg"] div .button::before {
    background-color: #AD60B0;
}         
.list-sortable .sortable-placeholder,                     
#formarea .sortable-placeholder,
#pagesaccess .sortable-placeholder,   
#element-texts .sortable-placeholder,   
#element-authors .sortable-placeholder,   
#element-galleries .sortable-placeholder,
#users-from .sortable-placeholder,  
#users-owner .sortable-placeholder,  
#users-others .sortable-placeholder,  
#element-containers .sortable-placeholder,  
#additional-tabs .list ul .sortable-placeholder {    
    background-color: var(--bg-variant-color);  
    height: 69px;
}                           
.list-sortable.list-box-rows-small .sortable-placeholder {    
    background-color: var(--bg-variant-color);  
    height: 34px;
}                            
.list-sortable .ui-sortable-helper,          
#element-texts .ui-sortable-helper,  
#element-authors .ui-sortable-helper,
#element-containers .ui-sortable-helper,
#users-from .ui-sortable-helper,
#users-owner .ui-sortable-helper,
#users-others .ui-sortable-helper,
#additional-tabs .list ul .ui-sortable-helper {    
    z-index: 9999;
    border: var(--border-color) 1px solid;     
    box-shadow: 0 1px 10px var(--fade-variant-color);  
}                             
#recipe-elements .sortable-placeholder, 
#slider-elements .sortable-placeholder, 
#gallery-elements .sortable-placeholder,
#presentation-elements .sortable-placeholder {    
    background-color: var(--bg-variant-color);  
    height: 167px;
}            
#ingredients .sortable-placeholder {    
    background-color: var(--bg-variant-color);  
    height: 58px;
}            
#ingredients .ui-sortable-helper,  
#recipe-elements .ui-sortable-helper,       
#slider-elements .ui-sortable-helper,   
#gallery-elements .ui-sortable-helper,
#presentation-elements .ui-sortable-helper {    
    background-color: #FFF;   
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
    border-radius: 5px;   
    z-index: 99;
} 

.workspace {
    background-color: var(--workspace-bg-color);    
    scrollbar-color: var(--scrollbar-thumb-color) var(--border-color);
    position: relative;
}      
.workspace::-webkit-scrollbar-track {
    background: var(--border-color);
}       
    
.workspace .snail {
    position: absolute;
    color: #EEEEEE;
    left: -280px;  
    bottom: 0;
    font-size: 200px;  
    line-height: 150px;
    animation: 150s linear infinite snailWalk;
    opacity: 0.2;
}    
@keyframes snailWalk {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(100vw + 280px));
    }
}
   


#preview-table {    
    background-color: var(--workspace-bg-color);
    padding: 0;
    overflow: auto;
    max-height: 546px; 
}  
#preview-table.no-transition *,    
.preview-table.no-transition * {  
    transition: none !important;
}           
#preview-table.fullpage {    
    max-height: none; 
    overflow: scroll;
}    
#preview-table.no-x-scroll,
#preview-table.fullpage.no-x-scroll {    
    overflow-x: hidden;
}      
#preview-table.fullpage .toolbar-after {
    background-color: var(--table-bg-color);
    border: none;
    height: 85px;
}
#preview-table:before {    
    opacity: 0;
}   
#preview-table table,  
.preview-table {     
    background-color: var(--table-bg-color); 
    border: var(--border-color) 1px solid;
    border-top: none;
    border-collapse: separate;  
    border-spacing: 0;
    margin: 0 30px 30px 0;       
    background-clip: padding-box;  
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);  
}     
#preview-table table thead.sticky-top,  
.preview-table thead.sticky-top {     
    z-index: 1;
}   
#preview-table table thead,     
#preview-table table tbody th,   
#preview-table table tr.separator td, 
#preview-table table tr.separator td input, 
#preview-table table tr.separator th, 
#preview-table table tr.separator th input,
.preview-table thead,
.preview-table tbody th {    
    background: var(--table-variant-bg-color); 
    background-clip: padding-box;  
} 
#preview-table table thead tr:first-child th,
.preview-table thead tr:first-child th {    
    border-top: var(--border-color) 1px solid;
} 
#preview-table table tbody,
.preview-table tbody  {    
    background: var(--table-bg-color);
}               
#preview-table table tr,     
.preview-table tr {   
    position: relative;
} 
#preview-table table th,
#preview-table table td,
.preview-table th,
.preview-table td {    
    border-left: var(--border-color) 1px solid; 
    border-bottom: var(--border-color) 1px solid;   
    overflow: none;   
    background-clip: padding-box;  
    padding: 0; 
    margin: 0; 
    min-width: 30px;
    text-align: left;
    vertical-align: top;
    position: relative;
}      
#preview-table table tr.top-line th,
#preview-table table tr.top-line td,
.preview-table tr.top-line th,
.preview-table tr.top-line td {    
    border-top-width: 3px;
}       
#preview-table table th.lightsel,
#preview-table table th.lightsel input, 
#preview-table table tr.separator td.lightsel,
#preview-table table tr.separator td.lightsel input,
.preview-table th.lightsel,
.preview-table th.lightsel input {  
    background: #E6E6E6;  
    background-clip: padding-box;  
    color: #333;      
}       
#preview-table table td.lightsel, 
#preview-table table td.lightsel input,
.preview-table td.lightsel, 
.preview-table td.lightsel input {  
    background: #F5F5F5;  
    background-clip: padding-box;  
    color: #333;    
}     
#preview-table table th.selected,
#preview-table table th.selected input,     
#preview-table table tr.separator th.selected,
#preview-table table tr.separator th.selected input,
#preview-table table tr.separator td.selected,
#preview-table table tr.separator td.selected input,
.preview-table th.selected,
.preview-table th.selected input {     
    background: var(--primary-variant-bg-color);  
    background-clip: padding-box;   
    color: var(--primary-variant-txt-color) !important;          
}           
#preview-table table td.selected, 
#preview-table table td.selected a,   
#preview-table table td.selected a:hover,
#preview-table table td.selected input,   
#preview-table table td.selected select, 
#preview-table table th.selected, 
#preview-table table th.selected a,   
#preview-table table th.selected a:hover,
#preview-table table th.selected input,  
#preview-table table th.selected select, 
.preview-table td.selected, 
.preview-table td.selected a,   
.preview-table td.selected a:hover,
.preview-table td.selected input, 
.preview-table td.selected select {   
    background: var(--primary-bg-color);  
    background-clip: padding-box;
    color: var(--primary-txt-color) !important;    
}              
#preview-table table td.opt-buttons,
.preview-table td.opt-buttons {   
    background: #F5F5F5; 
    background-clip: padding-box;   
}              
#preview-table table td.opt-buttons button,
.preview-table td.opt-buttons button,
#preview-table table td.rules-buttons button,
.preview-table td.rules-buttons button  {   
    float: left;
}       
#preview-table table td.col-btn,
.preview-table td.col-btn { 
    background: var(--table-variant-bg-color);;    
    background-clip: padding-box;  
    width: 30px;
    padding: 0;    
    margin: 0;
}     
table td div.row-colp-box {
    display: block; 
    min-width: 350px;
    position: relative;
    padding-bottom: 24px;
}     
table td div.row-exp-box {    
    display: none; 
    min-width: 350px;
}    
table td.row-exp a.row-more {    
    background: var(--table-variant-bg-color);  
    border-top-color: var(--border-color); 
    color: var(--txt-color);
    display: block;  
    position: absolute;
    text-align: center;   
    left: 0;
    right: 0;
    bottom: -10px;  
    z-index: 0;
}               
table td.row-exp a.row-more .mdi {    
    position: static;
    display: inline-block;
    width: auto;
    height: 15px;
    line-height: 24px;
    font-size: 24px
}         
table td.row-exp a.row-more:focus {  
    background: var(--table-variant-bg-color);      
    border-top-color: var(--border-color); 
}           
    
#preview-table table input,
#preview-table table select,
.preview-table input,
.preview-table select {    
    display: block;     
    background: transparent;   
    color: var(--txt-color);
    text-align: left;   
    font-size: 16px;
    font-weight: 400;
    line-height: 30px; 
    min-height: 30px;
    border: none;      
    padding: 0 5px;     
    width: 100%;         
    box-sizing: border-box;
}             
#preview-table table select,
.preview-table select {    
    height: 25px; 
}               
#preview-table table th,
#preview-table table th input,  
#preview-table table td.separator input,
.preview-table table th,
.preview-table table th input {    
    font-weight: 400;
}      
#preview-table table input:focus,
#preview-table table select:focus,   
.preview-table input:focus,
.preview-table select:focus, 
#preview-table table td.selected input:focus,
#preview-table table td.selected select:focus,   
.preview-table td.selected input:focus,
.preview-table td.selected select:focus {     
    background: #FFF !important;
    color: var(--txt-color) !important;    
    font-weight: 400 !important;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.075);  
}           
#preview-table table th input:focus,
#preview-table table th select:focus, 
#preview-table table td.separator input:focus,
.preview-table th input:focus,
.preview-table th select:focus {    
    font-weight: 400 !important;
}      
#preview-table table button,
.preview-table button {    
    display: block;
    font-size: 16px;  
    font-weight: 400;
    height: 30px !important;
    line-height: 30px;
    width: 30px;   
    padding: 0;   
    border: none;   
    outline: none; 
    text-align: center;
    border-radius: 0;    
    box-sizing: border-box;    
}    
#preview-table table button.button-col,
.preview-table button.button-col {    
    width: 100%;  
}      
#preview-table table .col-btn button,
.preview-table .col-btn button {  
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;                
    margin: 0;
    padding: 0;
    height: 100% !important; 
    width: 100%;      
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
}         
#preview-table table .col-btn button::before,
.preview-table .col-btn button::before { 
    content: attr(data-row);
}            
#preview-table table .col-btn button.button-row,
.preview-table .col-btn button.button-row {  
    top: 0;
}     
@media screen and (-webkit-min-device-pixel-ratio:0) {  
    #preview-table table .col-btn button.button-row,
    .preview-table .col-btn button.button-row {  
        top: 0;
    }  
}               
#preview-table table button.button .fa,
.preview-table button.button .fa {    
    font-size: 14px;
}    
#preview-table table div.text-cont,
.preview-table div.text-cont { 
    padding-right: 20px;
    white-space: nowrap;
    /* visibility: hidden; */
    height: 0px;
    opacity: 0;
    background: red;
    overflow-y: hidden;
}     
            
.workspace p.label,
#preview-table p.label,
.preview-table p.label {  
    margin: 0;
    padding: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 200;
}         
.workspace p.label,
#preview-table p.label,
.preview-table p.label,
.workspace p.label a,
#preview-table p.label a,
.preview-table p.label a {  
    color: #EEE;
    text-underline-offset: 4px;
}  
.workspace p.label a:hover,
#preview-table p.label a:hover,
.preview-table p.label a:hover {  
    color: #FFF;
}  

#bluescr {
    background-color: #0000AA;
    background-image: url('/cms/_i/9xbig.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;   
    right: 0;
    top: 0;
    z-index: 1000;
    cursor: none; 
}   
    
#lost-session {
    background-color: rgba(0, 0, 0, 0.6);   
    color: #333; 
    position: fixed;  
    display: block;
    top: 0;
    left: 0;     
    right: 0;     
    bottom: 0;   
    z-index: 1000;
    cursor: default; 
}      
#lost-session::after {
    content: attr(data-status) ": " attr(data-error);
    color: #CCC;
    text-shadow: #000 1px 1px 0; 
    position: fixed;  
    display: block;
    top: 50%;
    left: 50%; 
    width: 560px;  
    margin: 160px 0 0 -280px;  
    z-index: 1001;
    cursor: default; 
}   
#lost-session .lost-session-info {  
    background-color: #FFDF62;  
    background-color: rgba(255, 223, 98, 0.9);   
    position: absolute;  
    display: block;
    left: 50%;  
    top: 50%;
    width: 600px;
    height: 295px;  
    margin: -160px 0 0 -300px;  
    border-radius: 10px;    
    box-shadow: 0 0 10px #111;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}

#lost-session .lost-session-info h3 {
    position: absolute;  
    display: block;
    right: 0;
    left: 0;  
    top: 0;    
    margin: 0;
    padding: 0;
    line-height: 110px; 
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    cursor: default; 
}     
#lost-session .lost-session-info div {
    position: absolute;  
    display: block;
    right: 0;
    left: 0;  
    top: 98px;    
    padding: 0 22px;
    line-height: 24px; 
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    cursor: default; 
}         
#lost-session .lost-session-info span {
    display: block;
    text-align: center;
    cursor: default;  
    padding: 30px 0;
}         
#lost-session .lost-session-info span i.buttons {
    display: inline-block; 
    margin-right: 10px;
    padding: 0;
}      
#lost-session .lost-session-info button {
    color: #111 !important;
}        
#lost-session .lost-session-info button::before {
    background-color: rgba(0, 0, 0, 0.04) !important;
}           

#element-relations-box #dialog-relations-tabs {
    overflow-y: auto;  
    min-height: 415px;
    max-height: 415px;
}
             
#element-cdata-archive-box {
    overflow-y: auto;
    max-height: 415px;
}
#element-cdata-archive-box li a strong {
    margin-right: 150px;
}
            
#element-hits-box {
    overflow-y: auto;
    max-height: 415px;
}
table.simple-table {    
    background-color: var(--table-bg-color);
    border: var(--border-color) 1px solid;
    margin: 15px 0 15px 15px;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}  
body.device-mobile table.simple-table.mob-scroll {     
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);     
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}    
.simple-table-area {
    overflow: auto;
    max-height: 65vh;
    width: 100%;
    position: relative;
    margin: 0 0 20px 0;
    box-sizing: border-box;   
    border-radius: 4px;    
    border: var(--border-color) 1px solid;
} 
.workspace table.simple-table {   
    border-radius: 0 0 4px 4px;  
    box-sizing: border-box;
}      
.workspace table.simple-table:not(.border) {    
    border-top: none;     
}    
.simple-table-area table.simple-table {  
    border: none;  
}    
table.simple-table.bg {    
    background: var(--table-bg-color);
}          
table.simple-table.shadow {    
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.05);
}       

table.simple-table.pinned thead {    
    position: sticky;  
    top: 0;    
    z-index: 1;
}             
table.simple-table thead {    
    background: var(--border-color);
}                               
table.simple-table tbody {    
    background: var(--table-bg-color);
}                      
table.simple-table:not(.thead-select) thead {  
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
table.simple-table th {    
    background: var(--table-bg-color);
    font-weight: 600;
}      
table.simple-table th,
table.simple-table td {    
    padding: 15px 12px;          
    border-bottom: var(--border-color) 1px solid;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;  
}       
.simple-table-area table.simple-table tbody:last-child tr:last-child td {    
    border-bottom: none;
}        
.simple-table-area table.simple-table tfoot:last-child tr:last-child td {    
    border-bottom: none;
}    

table.simple-table th.lightsel,
table.simple-table td.lightsel {  
    background: var(--table-variant-bg-color);
}           
table.simple-table.small th,
table.simple-table.small td {    
    padding: 10px 12px;
}         
table.simple-table th.b,
table.simple-table td.b {   
    border: var(--border-color) 1px solid;
}        
table.simple-table th.bl,
table.simple-table td.bl {   
    border-left: var(--border-color) 1px solid;
}        
table.simple-table th.br,
table.simple-table td.br {   
    border-right: var(--border-color) 1px solid;
}         
table.simple-table th.bt,
table.simple-table td.bt {   
    border-top: var(--border-color) 1px solid;
}             
table.simple-table th.nw,
table.simple-table td.nw {   
    white-space: nowrap;
}   
table.simple-table th a,
table.simple-table td a {   
    text-decoration: none;    
    text-underline-offset: 2px;
    transition: all 0.2s linear;
}    
table.simple-table th a:hover,
table.simple-table td a:hover {   
    text-decoration: underline;
}        
table.simple-table th.sortable {   
    cursor: pointer;
}       
table.simple-table th.sortable:hover {    
    background: var(--bg-variant-color-50a); 
}         
table.simple-table th[data-sort="1"] {    
    padding: 15px 12px 12px 12px;   
    border-bottom: var(--primary-bg-color) 3px solid;
}            
table.simple-table th[data-sort="-1"] { 
    padding: 12px 12px 15px 12px;   
    border-top: var(--primary-bg-color) 3px solid;
}       
table.simple-table.small th[data-sort="1"] {    
    padding: 10px 12px 8px 12px;   
}            
table.simple-table.small th[data-sort="-1"] { 
    padding: 7px 12px 10px 12px;   
}                                      
table.simple-table td meter.edit,
table.simple-table td div.edit-progress {   
    margin: 0;  
    height: 14px;  
    max-height: 14px;
    min-height: 14px;
}           
table.simple-table td meter.edit {   
    display: flex;
}                                           
table.simple-table tr.selected td meter.edit {
    background: var(--bg-variant-color-50a);  
}    
table.simple-table tr.selected td meter.edit::-moz-meter-bar {
    background: var(--primary-txt-color);     
} 
table.simple-table tr.selected td meter.edit::-webkit-meter-bar {
    background: var(--bg-variant-color-50a);  
}                                                                    
table.simple-table tr.selected td meter.edit::-webkit-meter-inner-element {  
    background: tansparent;     
}                            
table.simple-table tr.selected td meter.edit::-webkit-meter-optimum-value { 
    background: var(--primary-txt-color);     
} 

table.simple-table td .mdi {    
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;  
    line-height: 24px;
    text-align: right; 
    left: 0;
    top: 7px;
}     
table.simple-table td .mdi-36px {    
    width: 36px;  
    height: 36px;  
    line-height: 36px;
    left: 5px;
    top: 6px;
}                
table.simple-table td .mdi.va-middle {
    top: 50%;
    transform: translateY(-52%);
}
table.simple-table td .mdi.more {    
    position: static; 
    display: inline; 
    line-height: 18px;
}  

table.simple-table tr.selected,
table.simple-table tr.selected:hover,
table.simple-table tr.clickable.selected:hover {
    background-color: var(--primary-bg-color);
    color: var(--primary-txt-color);  
    cursor: default;                  
}     
table.simple-table tr.selected a,
table.simple-table tr.selected:hover a,
table.simple-table tr.clickable.selected:hover a,
table.simple-table tr.selected i.mdi,
table.simple-table tr.selected:hover i.mdi,
table.simple-table tr.clickable.selected:hover i.mdi {
    color: #FFF !important;                
}      
table.simple-table tr.clickable:hover {
    background: rgba(0, 0, 0, 0.04);
}       
table.simple-table tr td.silver {
    color: var(--txt-color-variant); 
}         
table.simple-table tr.selected td.silver {
    color: var(--bg-variant-color-50a); 
}     
table.simple-table tr.top-line th,
table.simple-table tr.top-line td {  
    border-top: var(--border-color) 2px solid;
}       
                               
table.simple-table .row-table-title th,
table.simple-table .row-table-title th.ta-center {
    text-align: left !important;
}                            
table.simple-table .row-table-title th span {
    position: sticky;
    left: 10px;     
    top: 0;
}

#elements-list-drop-target {
    background: #333;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    position: fixed;   
    top: 60px;
    bottom: 0;
    width: 250px;  
    left: 0;     
    left: -300px; 
    z-index: 60;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;       
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}   
#elements-list-drop-target.visible {
    left: 0;
}     
#elements-list-drop-target ul {
    margin: 25px 20px;
    padding: 0;
    list-style: none;   
    overflow: hidden;
}      
#elements-list-drop-target ul li {
    border-bottom: #555 1px solid;
    margin: 0;
    padding: 0;        
    font-size: 14px;
}         
#elements-list-drop-target ul li.item-go-up {
    border-bottom: none;
    margin: 0 0 25px 0;
    padding: 0;        
    font-size: 14px;
}                 
#elements-list-drop-target ul li:last-child {
    border-bottom: none;
}           
#elements-list-drop-target ul li i,
#elements-list-drop-target ul li span {
    line-height: 35px; 
    display: inline-block;
    color: #FFF;
}              
#elements-list-drop-target ul li i {
    padding-left: 10px;  
    padding-right: 10px;
}     
#elements-list-drop-target ul li span {
    width: 250px; 
}         
#elements-list-drop-target ul li i.over,
#elements-list-drop-target ul li span.over {
    background-color: var(--primary-bg-color);
}         
#elements-list-drop-target .elements-list-drop-target-level {   
    background: rgba(51,51,51,0.6);
    background: #333;
    position: fixed; 
    top: 60px;
    left: 0; 
    width: 250px; 
    bottom: 0;   
    z-index: 100;       
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;  
    display: none;
}    
#elements-list-drop-target .elements-list-drop-target-level-1 {  
    z-index: 101;
}         
#elements-list-drop-target .elements-list-drop-target-level-2 {  
    z-index: 102;
}     
#elements-list-drop-target .elements-list-drop-target-level-3 {  
    z-index: 103;
}     
#elements-list-drop-target .elements-list-drop-target-level-4 {  
    z-index: 104;
}     
#elements-list-drop-target .elements-list-drop-target-level-5 {  
    z-index: 105;
}  
    


.elements-list-item-draggable-dragging {    
    background: rgba(255, 255, 255, 0.85);     
    border: #E6E6E6 1px solid; 
    color: #000;
    padding: 5px 7px !important;
    line-height: 14px !important;
    max-width: 400px !important;   
    min-height: auto !important;
    cursor: grab;
    z-index: 1000; 
    text-decoration: none;  
    position: absolute;       
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
    border-radius: 5px;      
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);  
}               
.elements-list-item-draggable-dragging,
.elements-list-item-draggable-dragging strong {    
    font-weight: 400 !important;      
    font-size: 14px !important;   
}                
.elements-list-item-draggable-dragging strong {   
    padding: 0 !important;   
    width: 100% !important;    
}                       
.elements-list-item-draggable-dragging i,  
.elements-list-item-draggable-dragging time,      
.elements-list-item-draggable-dragging span.image,
.elements-list-item-draggable-dragging span.details,   
.elements-list-item-draggable-dragging span.details-icons {  
    display: none !important;  
}     

.right-panel {
    background: #FFF;
    position: fixed;
    right: -800px;
    bottom: 0;
    top: 60px;
    width: 800px;
    box-shadow: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 500;
    opacity: 0.5;
    box-sizing: border-box;
    transition: all 0.4s linear;
}            
.content-dialog .right-panel {   
    top: 0;  
}        
.content-dialog.content-dialog-right .right-panel {   
    top: 0;
    width: 100%;    
}  
.right-panel.visible {     
    right: 0;       
    opacity: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}    
.right-panel .right-panel-header {    
    height: 60px;         
    line-height: 60px;
    font-size: 22px;
    font-weight: 300;
    white-space: nowrap;
    border-bottom: var(--border-color) 1px solid;
    margin-bottom: 12px; 
    padding: 0 10px 0 20px; 
}               
.right-panel .right-panel-header strong {    
    font-weight: 400;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}               
.right-panel .right-panel-header .button {    
    float: right;
    margin-top: 15px;
}        
.right-panel .right-panel-area {  
    box-sizing: border-box;
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    top: 61px;
    left: 0;
    right: 0;
}            
.right-panel .right-panel-iframe {  
    border: none;
    overflow-x: hidden;      
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;    
    bottom: 0; 
    width: 100%; 
    height: 100%;
} 
#right-panel-pdf {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
}                                  
#pdf-rp-tabs.custom-tabs .ui-tabs-nav {
    padding: 0;
}
#right-panel-pdf .edit-textpages-preview {
    position: absolute !important;
    top: 110px;
    left: 0;
    right: 0;  
    bottom: 0;
    box-sizing: border-box;
}
.edit-textpages-preview {      
    background: #F5F5F5 !important;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    overflow-x: hidden;  
    overflow-y: scroll; 
    padding: 0 !important;
}     
.edit-textpages-preview .textpage-preview {
    position: relative; 
    min-height: 200px;
    border-top: #999 1px solid;
    padding: 35px 20px 5px 20px;  
    transition: all 0.2s linear;
}       
.edit-textpages-preview .textpage-preview div {
    display: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);         
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}    
.edit-textpages-preview .textpage-preview div.wait {
    position: absolute;
    color: #999;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}    
.edit-textpages-preview .textpage-preview:hover div.buttons,
.edit-textpages-preview .textpage-preview[data-version="gpt"] div[data-version="gpt"],
.edit-textpages-preview .textpage-preview[data-version="auto"] div[data-version="auto"],
.edit-textpages-preview .textpage-preview[data-version="original"] div[data-version="original"] {
    display: block;
}          
.edit-textpages-preview .textpage-preview[data-version="gpt"] div[data-version="gpt"],
.edit-textpages-preview .textpage-preview[data-version="auto"] div[data-version="auto"],
.edit-textpages-preview .textpage-preview[data-version="original"] div[data-version="original"] {                         
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}   
.edit-textpages-preview .imagepage-preview {  
    position: relative; 
    border-top: #999 1px solid;
    padding: 20px 20px 20px 20px;  
    transition: all 0.2s linear;
    overflow-x: auto;
}                      
.edit-textpages-preview .imagepage-preview img {  
    position: relative; 
    background: #FFF;   
    width: 100%;
    height: auto;
    max-height: 200px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);   
    cursor: pointer;    
    z-index: 0;  
    transition: all 0.2s linear;
}                     
.edit-textpages-preview .imagepage-preview img.assigned:not(.finished) {  
    cursor: wait;    
}                       
.edit-textpages-preview .imagepage-preview img.finished {  
    background: #333;  
    max-height: none; 
    cursor: zoom-in;    
    z-index: 5;
}                      
.edit-textpages-preview .imagepage-preview img.finished.zoom { 
    width: auto;
    cursor: move;    
}         
.edit-textpages-preview .textpage-preview::before,
.edit-textpages-preview .imagepage-preview::before {  
    background: #999;   
    color: #FFF;
    position: absolute; 
    left: 0;
    top: 0;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    content: "strona "attr(data-page);
    border-bottom-right-radius: 5px;    
    padding: 5px 20px;      
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;    
    z-index: 15;
}          
.edit-textpages-preview .imagepage-preview::after {   
    position: absolute; 
    content: "Kliknij, aby wyświetlić stronę"; 
    color: #999;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);      
    cursor: pointer;    
}       
.edit-textpages-preview .imagepage-preview.assigned::after {
    position: absolute; 
    content: "Czekaj...";   
    cursor: wait;    
}                         
.edit-textpages-preview .textpage-preview:first-child,
.edit-textpages-preview .imagepage-preview:first-child,
.edit-textpages-preview .textpage-preview:first-of-type,
.edit-textpages-preview .imagepage-preview:first-of-type {
    border: none;
}                           
.edit-textpages-preview .textpage-preview.focused,
.edit-textpages-preview .textpage-preview:focus,
.edit-textpages-preview .textpage-preview:hover {
    background: #FFF;
}     
.edit-textpages-preview.mode-title .textpage-preview,
.edit-textpages-preview.mode-lead .textpage-preview,
.edit-textpages-preview.mode-text .textpage-preview { 
    cursor: copy;
} 
.edit-textpages-preview.mode-title .textpage-preview p::selection { 
    background: #00DDFF; 
    color: #111;
}    
.edit-textpages-preview.mode-lead .textpage-preview p::selection { 
    background: #00FFCC;   
    color: #111;
}                
.edit-textpages-preview.mode-text .textpage-preview p::selection { 
    background: #FFD900; 
    color: #111;
}              
.edit-textpages-authors {    
    font-family: Roboto, sans-serif;
    background: #FFF;
    display: none;
    overflow-x: hidden;  
    overflow-y: auto; 
    max-height: 483px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 21;
    margin: 0;
    padding: 0;
}              
.edit-textpages-authors .button {    
    display: none;
}


.dialog-toolbar {      
    background: transparent;
    padding: 8px 10px 6px 10px;
    margin: 0;
}   
.dialog-toolbar .edit,
.dialog-toolbar select.edit[size="1"] {      
    background-color: transparent;   
    border-bottom-color: transparent;
}      
.dialog-toolbar .edit:hover,
.dialog-toolbar select.edit[size="1"]:hover {      
    background-color: rgba(255, 255, 255, 0.5);   
    border-bottom-color: rgba(0, 0, 0, 0.12);
}    
.dialog-toolbar .edit:focus,
.dialog-toolbar select.edit[size="1"]:focus {      
    background-color: #FFF;
    border-bottom-color: #F5F5F5;
}          
.dialog-toolbar .edit::placeholder { 
    color: rgba(0, 0, 0, 0.9);   
}   

.user-info {
    background: var(--pg-header-bg-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 0 20px;
    margin: -86px 0 0 0;
    position: relative;
    z-index: 20;
    height: 86px; 
}                  
.user-info.header-user-info {
    padding: 0;
    margin: 0;
}                   
.user-info .mdi {  
    font-size: 18px;   
}     
.user-info:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}      
.user-info .face {               
    border: var(--border-color) 1px solid;
    background: #333 no-repeat center center;
    background-size: cover;     
    display: block; 
    width: 68px;  
    height: 68px;    
    position: relative;   
    border-radius: 100%;  
    float: left;
    margin: 9px 20px 0 0;
}   
.user-info .face.empty:before {     
    font-family: "Material Design Icons";
    line-height: 68px;  
    content: "\F0004"; 
    color: #FFF;  
    position: absolute;   
    top: 0;      
    left: 0;
    width: 68px;  
    height: 68px;      
    text-align: center;   
    font-size: 56px;
    border-radius: 100%;  
}      
.user-info .face.face-male.empty:before {     
    content: "\F0643"; 
}       
.user-info .face.face-female.empty:before {     
    content: "\F1077"; 
}     
.user-info .name {   
    color: var(--txt-color);    
    display: block; 
    font-size: 30px;
    font-weight: 400;
    padding: 21px 0 10px 0;    
}    
.user-info .name[data-id="2549"] {  
    color: #AD60B0; 
}         
.user-info .system,
.user-info .browser,
.user-info .last-request {    
    padding-right: 10px;
}   
.user-info .system,
.user-info .browser {    
    text-transform: capitalize;  
}   
.user-info .remote {    
    padding-top: 5px;  
    display: block; 
}

.user-section {
    position: relative;
    padding: 0 40px 65px 40px;
    overflow: hidden;
    color: #FFF;
    text-align: center;
}
.user-section * {
    position: relative;
    z-index: 1;
}
.user-section::before {
    background: var(--fade-mid-color) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: -35px;
    left: -35px;
    right: -35px;
    bottom: -35px;
    content: "";
    filter: blur(35px);
}
.user-section[data-source="web-dev"]::before {
    background-color: #000;
    background-image: url(https://img.wprost.pl/_i/headers/header-nauka-01.jpg);;
    filter: blur(25px);
  }
.user-section[data-source="pmpg"]::before {
    background-image: url(https://img.wprost.pl/pmpg/_i/icons/pmpg-favicon-01-1000x1000-o.png);
    background-position: center 63%;
    filter: blur(67px);
}
.user-section[data-source="capital-point"]::before {
    background-image: url(https://img.wprost.pl/pmpg/_i/icons/capital-point-1000x1000-02.png);
    filter: blur(60px);
} 
.user-section[data-source="wprost"]::before {
    background-image: url(https://img.wprost.pl/wprost/_i/icons/wprost-favicon-1000x1000.png);
} 
.user-section[data-source="wprost-premium"]::before {
    background-image: url(https://img.wprost.pl/wprost/_i/icons/wprost-cyfrowy-1000x1000.png);  
} 
.user-section[data-source="infotuba"]::before {
    background-image: url(https://img.wprost.pl/infotuba/_i/icons/infotuba-favicon-1000x1000-02.png);
} 
.user-section[data-source="smaki"]::before {
    background-image: url(https://img.wprost.pl/smaki/_i/icons/smaki-favicon-1000x1000-01.png);
} 
.user-section[data-source="newsmed"]::before {
    background-image: url(https://img.wprost.pl/newsmed/_i/icons/newsmed-favicon-1000x1000-02.png);
}
.user-section[data-source="quizik"]::before {
    background-image: url(https://img.wprost.pl/quizik/_i/icons/quizik-favicon-01-1000x1000.png);
} 
.user-section[data-source="do-rzeczy"]::before {
    background-image: url(https://img.dorzeczy.pl/dorzeczy/_i/icons/dorzeczy-favicon-310x310.png);
} 
.user-section[data-source="historia-do-rzeczy"]::before {
    background-image: url(https://img.dorzeczy.pl/dorzeczy/_i/icons/dorzeczy-historia-favicon-310x310.png);
} 
.user-section .face {    
    background: rgba(0, 0, 0, 0.3) no-repeat center center;
    background-size: cover;     
    display: block; 
    width: 150px;  
    height: 150px;    
    position: relative;   
    border-radius: 100%;  
    margin: 90px auto 45px auto;
}  
.user-section .face.empty:before {     
    font-family: "Material Design Icons";
    line-height: 68px;  
    content: "\F0004"; 
    color: #FFF;  
    position: absolute;   
    top: 50%;      
    left: 50%;    
    text-align: center;   
    font-size: 80px;
    transform: translate(-50%, -50%);
}      
.user-section .face.face-male.empty:before {     
    content: "\F0643"; 
}       
.user-section .face.face-female.empty:before {     
    content: "\F1077"; 
}      
.user-section strong {     
    font-size: 40px;
    font-weight: 600;
    display: block; 
}     
.user-section strong + span {     
    font-size: 20px;
    font-weight: 400;
    padding-top: 5px;
    display: block; 
}    
.user-section-tree {     
    background: var(--bg-variant-color); 
    text-align: left;
    margin: 0;
    padding: 38px 20px;
}    
.user-section-tree .vertical {  
    display: flex;    
    flex-direction: row;
    justify-content: flex-start;
}    
.user-section-tree ul,
.user-section-tree ul li {     
    margin: 0;
    padding: 0;
    list-style: none;
}   
.user-section-tree ul li ul li {     
    margin-left: 35px;
}    
.user-section-tree ul.sep {     
    border-left: var(--border-color) 1px solid;
    padding-left: 20px;
}    
.user-section-tree::before {    
    display: none;
}    
.user-section-tree .item {     
    background: var(--bg-color);
    color: var(--txt-color);
    border: var(--border-color) 1px solid;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 15px 0 0;
    margin: 0 0 10px 0;
    white-space: nowrap;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}   
.user-section-tree .item.sticky {     
    position: sticky;
    left: 0;
}  
.user-section-tree .item::before {   
    background: var(--bg-variant-color-50a);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    opacity: 0;
    z-index: 0;
}  
.user-section-tree .item:not(.selected):hover::before {     
    opacity: 1;
}     
.user-section-tree .item.selected {     
    background: var(--primary-bg-color);
    color: var(--primary-txt-color);
}    
.user-section-tree .item span {
    z-index: 1;
}    
.user-section-tree .item span.face {
    width: 36px;
    height: 36px;
    margin: 8px 15px 8px 8px;
}    
.user-section-tree .item span.face.empty::before {    
    font-size: 26px;
}    

.user-section-tree .vertical {  
    display: flex;    
    flex-direction: row;
    justify-content: flex-start;
    gap: 40px;
}    
.user-section-tree h2 {  
    color: var(--fade-color);
    font-weight: 500;
} 

.bg-base {
    background: var(--bg-color) !important;
}     	 
.bg-light,
.bg-variant {
    background: var(--bg-variant-color) !important;
}     	
.bg-workspace {
    background: var(--workspace-bg-color) !important;
}   
.bg-green {
    background:#4DA829 !important;
}    
.bg-blue {
    background: #0099FF !important;
}   
.bg-red {
    background: #ED1C24 !important;
}   
.bg-a {
    background: #1976D2 !important;
}    
.bg-b {
    background: #FF5722 !important;
}
.bg-c {
    background: #5D4037 !important;
}
.bg-d {
    background: #D32F2F !important;
}
.bg-e {
    background: #FFA000 !important;
}
.bg-f {
    background: #AFB42B !important;
}
.bg-g {
    background: #E64A19 !important;
}
.bg-h {
    background: #0097A7 !important;
}
.bg-i {
    background: #4CAF50 !important;
}
.bg-j {
    background: #FFE604 !important;
}
.bg-k {
    background: #009688 !important;
}
.bg-l {
    background: #607D8B !important;
}     	 	 	 
.bg-m {
    background: #C2185B !important;
}
.bg-n {
    background: #7B1FA2 !important;
}
.bg-o {
    background: #FF9800 !important;
}
.bg-p {
    background: #2196F3 !important;
}
.bg-q {
    background: #388E3C !important;
}
.bg-r {
    background: #303F9F !important;
}
.bg-s {
    background: #CDDC39 !important;
}
.bg-t {
    background: #00BCD4 !important;
}
.bg-u {
    background: #FFC107 !important;
}
.bg-v {
    background: #00796B !important;
}
.bg-w {
    background: #795548 !important;
}   
.bg-x {
    background: #673AB7 !important;
}
.bg-y {
    background: #455A64 !important;
}
.bg-z {
    background: #689F38 !important;
}
.bg-1 {
    background: #F44336 !important;
}
.bg-2 {
    background: #8BC34A !important;
}
.bg-3 {
    background: #F57C00 !important;
}
.bg-4 {
    background: #3F51B5 !important;
}
.bg-5 {
    background: #E91E63 !important;
}
.bg-6 {
    background: #FF4081 !important;
}
.bg-7 {
    background: #448AFF !important;
}
.bg-8 {
    background: #9C27B0 !important;
}  
.bg-9 {
    background: #512DA8 !important;
}
.bg-0 {
    background: #7C4DFF !important;
}
     
.cl-dark {
    color: #111 !important;
}    
.cl-gray {
    color: #999 !important;
}    
.cl-silver {
    color: #CCC !important;
}      
.cl-silverblue {
    color: #3B5998 !important;
}                   
.cl-red {
    color: #ED1C24 !important;
}                    
.cl-orange {
    color: #FF9900 !important;
}     
.cl-green {
    color: #4DA829 !important;
}    
.cl-blue {
    color: #0099FF !important;
}   
.cl-yellow {
    color: #FFCC33 !important;
}   
.cl-primary {
    color:  var(--primary-bg-color) !important;
}          
.cl-primary-variant {
    color:  var(--primary-variant-bg-color) !important;
}              

.lg-text,
.lg-text b {
    font-size: 35px;    
    font-weight: 300;
}    
.lg-text span {
    font-size: 15px;
    font-weight: 300;
}

#users-online-list li a[data-logged="remote"]::before { 
    background: var(--primary-bg-color);
    color: var(--primary-txt-color);
    border: rgba(255,255,255,0.9) 2px solid;
    font-family: "Material Design Icons";
    font-size: 16px;
    content: "\F02DC"; 
    position: absolute;
    left: 60px;
    bottom: 5px;      
    display: block;
    width: 20px;
    height: 20px;   
    line-height: 19px;
    text-align: center;
    z-index: 10;
    border-radius: 100%;   
}     
#users-online-list li a[data-id="2549"][data-logged="remote"]::before { 
    background: #AD60B0;
}     
#users-online-list li a[data-id="2549"][data-logged="remote"]:not([data-cityname="Warsaw"])::before { 
    content: "\F024A"; 
}      
#users-online-list li.gray-title a[data-logged="remote"]::before {     
    opacity: 0.6;
}               
#users-online-list li.light-title a[data-logged="remote"]::before {     
    opacity: 0.4;
}   



#newlogin-panel {   
    background-color: #F5F5F5;  
    color: #333;
    position: absolute;   
    display: block;    
    top: -500px;   
    left: 0;
    right: 0;   
    height: 86px;  
    padding: 0;  
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    z-index: 15;
    overflow: hidden;
}   
#newlogin-panel.visible {  
    top: 0; 
    opacity: 1;
}    
#newlogin-panel.invisible {  
    opacity: 0;
}   
#newlogin-panel ul,
#newlogin-panel ul li,
#newlogin-panel ul li:hover {   
    background-color: transparent;
    border: none;     
    padding: 0;  
    margin: 0;
}          
#newlogin-panel ul {
    padding: 10px 0;  
}    
 
#uconstruction-panel {   
    background-color: #0099FF;
    color: #FFF;
    position: fixed;   
    display: block;    
    top: -1000px;
    right: 0;       
    width: 600px;
    min-width: 320px;  
    min-height: 100px;
    z-index: 99991; 
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;   
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);   
    padding: 10px 0 30px 0;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}      
#uconstruction-panel.visible {  
    top: 60px; 
    opacity: 1;
}     
#uconstruction-panel h3 {  
    font-size: 16px;
    font-weight: 400;
    line-height: 22px; 
    padding: 0 10px 10px 20px;     
    margin: 0;
}     
#uconstruction-panel h3 button {  
    background: transparent;  
    color: #FFF;  
    float: right;      
    margin: -4px 0 0 0;  
    border: none;
    box-shadow: none;;
}          
#uconstruction-panel h3 button:hover { 
    background-color: rgba(0, 0, 0, 0.1);
}     
#uconstruction-panel ul {   
    border-top: rgba(255, 255, 255, 0.4) 1px solid;
    border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
}
#uconstruction-panel ul li {   
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
}
#uconstruction-panel ul li:hover {   
    background-color: rgba(0, 0, 0, 0.1);
}           
#uconstruction-panel ul li strong,
#uconstruction-panel ul li strong span {    
    color: #FFF;  
}      
#uconstruction-panel ul li strong {  
    padding-right: 0;     
    margin-right: 30px;
}      
#uconstruction-panel ul li .details {   
    color: rgba(255, 255, 255, 0.9);
}       
#uconstruction-panel div a {    
    background: url(/_i/icon-20-a-arrow-right.png) calc(50% + 120px) 9px no-repeat;
    display: block;       
    color: #FFF;
    text-align: center;
    text-decoration: none;
    padding: 10px 0 0 0;
    margin-bottom: -19px;       
    opacity: 0.9;
}     
#uconstruction-panel div a:hover {  
    opacity: 1;
}        
          
header.header .header-button.header-icon-message-button {    
    position: relative;
}       
header.header .header-button.header-icon-message-button a {    
    background-color: #32CD32;  
}                   
header.header .header-button.header-cake-icon a {    
    background-color: #E61F77;  
}                 
header.header .header-button.header-coffee-icon a {    
    background-color: #C1905E;  
}                
header.header .header-button.header-smoke-icon a {    
    background-color: #FBC850;  
}                   
header.header .header-button.header-icon-message-button a.selected {    
    background-color: #555;  
}            
header.header .header-button.header-icon-message-button a.selected::after {    
    background-color: #555;  
    border-bottom-right-radius: 0;  
    border-bottom-left-radius: 0;   
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;   
    width: 40px;
    bottom: -10px;
    content: "";   
}            
.icon-message-panel {    
    background-color: #555;
    color: #FFF;
    position: fixed;   
    display: block;    
    top: -1000px;
    right: 0;       
    width: 600px;
    min-width: 320px;  
    min-height: 100px;
    z-index: 99991; 
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;   
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);   
    padding: 0;  
    transition: all 0.5s ease-in-out;
    opacity: 1;
}      
.icon-message-panel.visible {  
    top: 60px; 
    opacity: 1;
}            
.icon-message-panel .box-inv {   
    max-height: 406px;  
    overflow-y: auto;
    overflow-x: hidden;   
    display: none;    
}              
.icon-message-panel .box-re {   
    max-height: 326px;  
    overflow-y: auto;
    overflow-x: hidden;   
    display: none;     
}              
.icon-message-panel .box-inv::before,
.icon-message-panel .box-re::before {  
    background-color: #555;   
    border-top: rgba(255, 255, 255, 0.6) solid 1px;  
    border-bottom: rgba(255, 255, 255, 0.4) solid 1px;  
    height: 42px;       
    line-height: 42px;  
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 20px;
    content: "Zaproszenia:"; 
    display: block;     
    position: sticky;
    z-index: 1;
    top: -1px;   
    margin-top: -1px;
}                 
.icon-message-panel .box-re::before {  
    content: "Odpowiedzi na Twoje zaproszenia:"; 
}              
              
.icon-message-panel .inv { 
    display: block;   
    min-height: 70px;
    position: relative;
}
.icon-message-panel .inv .thumb { 
    background: rgba(0,0,0,0.2) no-repeat center center;
    background-image: url(/_i/icon-20-a-user.png);
    background-size: auto;
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    margin: 10px 30px 0 30px;
    box-shadow: 0 0 1px #FFF;
    border-radius: 100%;
}    
.icon-message-panel .inv strong { 
    display: block;   
    font-size: 20px;
    font-weight: 300;
    line-height: 50px;
    white-space: nowrap;    
    padding-right: 40px;  
}     
.icon-message-panel .inv strong b { 
    font-weight: 400;
}      
.icon-message-panel .inv time {   
    position: absolute;
    left: 108px;
    top: 32px;
    line-height: 28px;
    display: block;   
    font-size: 14px;
    font-weight: 300;
    opacity: 0.8;
}     
.icon-message-panel .inv-message:not(:last-child) {   
    border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
}        
.icon-message-panel .inv-message div {   
    border-top: rgba(255, 255, 255, 0.2) solid 1px;   
    margin: -1px 30px 30px 108px;
}       
.icon-message-panel .inv-message div strong {   
    line-height: 36px;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.8;
    text-transform: uppercase;
    text-align: center;
    display: block;     
}       
.icon-message-panel .inv-message ul {       
    border: rgba(255, 255, 255, 0.2) solid 1px;  
    margin: 0;
    padding: 0;
    list-style: none;   
    border-radius: 5px; 
    transition: all 0.2s ease-in-out;
}     
.icon-message-panel .inv-message ul li {    
    margin: 0;       
    font-size: 14px;
    padding: 0 15px;
    line-height: 35px; 
    transition: all 0.2s ease-in-out;
}     
.icon-message-panel .inv-message ul li.assigned {    
    cursor: pointer;
}      
.icon-message-panel .inv-message ul li.assigned:hover {    
    background: rgba(255, 255, 255, 0.2);
}  
.icon-message-panel .inv-message ul li:not(:last-child) {   
    border-bottom: rgba(255, 255, 255, 0.2) solid 1px;  
}       
.icon-message-panel .inv-message ul.assigned:hover,
.icon-message-panel .inv-message ul:hover li.assigned:not(:last-child) {       
    border-color: rgba(255, 255, 255, 0.4);
}     
.icon-message-panel .inv-message ul li .mdi {    
    font-size: 24px;
    margin: 0 15px 0 0;      
    vertical-align: sub;
}    
.icon-message-panel .box-re .inv-re-message.assigned {   
    cursor: pointer;   
}    
.icon-message-panel .box-re .inv-re-message.assigned:hover {    
    background: rgba(255, 255, 255, 0.2);  
}          
          
#lock-info {
    display: none;   
}    
#lock-info[data-is-lock="1"] {
    position: absolute;   
    display: block;   
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;  
    transition: all 0.2s linear;  
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;    
    z-index: 999;    
}           
#lock-info[data-is-lock="1"].visible {
    background: rgba(0,0,0,.32);
}   
#lock-info[data-is-lock="1"] div {   
    background: #ED1C24;  
    color: #FFF; 
    left: 0;
    top: -100px;
    right: 0;
    height: 86px;     
    position: absolute; 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);   
    transition: all 0.2s linear;   
}    
#lock-info[data-is-lock="1"][data-user="2549"] div {   
    background: #AD60B0;   
}     
#lock-info[data-is-lock="1"] div.visible {
    top: 0;
}      
#lock-info[data-is-lock="1"] div.open {
    background: #4DA829;  
}
#lock-info[data-is-lock="1"] u {  
    background: transparent;   
    position: absolute;   
    display: block;   
    font-size: 150px;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 300px;   
    height: 300px;  
    line-height: 300px;
    margin: -105px 0 0 -150px;
    color: #FFF;
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.3);   
    text-decoration: none;
}    

#lock-info[data-is-lock="1"] u.mdi-lock-open:after {
    content: "kliknij, aby otworzyć stronę;";
    display: block;
    line-height: 20px; 
    font-family: Roboto, sans-serif;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    margin-top: -65px; 
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6); 
}
#lock-info[data-is-lock="1"] u.mdi-lock-open {  
    cursor: pointer;     
    transition: all 0.2s linear;   
}       
#lock-info[data-is-lock="1"] u.mdi-lock-open:hover {  
    text-shadow: 0 0 50px rgba(0, 0, 0, 0.6);  
}   
#lock-info[data-is-lock="1"] div.visible {
    top: 0;
}
#lock-info[data-is-lock="1"] div strong {    
    display: block;
    font-size: 30px;
    font-weight: 200;
    margin: 0;
    white-space: nowrap;
    line-height: 86px;    
    height: 86px;  
    margin-left: 30px; 
    float: left;
}     
#lock-info[data-is-lock="1"] div dl {    
    float: left;           
    margin: 18px 0 0 100px;           
    padding: 0; 
    line-height: 25px;
}                 
#lock-info[data-is-lock="1"] div dl dt {    
    float: left;           
    margin: 0 5px 0 0;           
    padding: 0; 
    clear: left;
}                 
#lock-info[data-is-lock="1"] div dl dd {    
    float: left;           
    margin: 0;           
    padding: 0; 
}   

#annotations {
    border-top: #E6E6E6 1px solid;
}   
#annotations.fixed {
    box-shadow: -10px 0 20px rgba(0, 0, 0, 0.3);  
    border-top: none;
    position: fixed;
    top: 1475px;
    left: 250px;
    right: 0;
    bottom: 0;  
    z-index: 350;
    padding-bottom: 0; 
    display: block;
}     
#annotations.fixed.slide-up {   
    top: 300px;
    bottom: 0px !important;
}
#annotations.fixed.slide-down {     
    top: 1475px;
    bottom: -1475px !important;
}         
#annotations.fixed,
#annotations.fixed .fg-block {
    background: #F5F5F5 !important;  
}        
#annotations.fixed h3 {
    padding-bottom: 0;
}       
#annotations.fixed h3 {
    padding-top: 12px;  
    padding-bottom: 5px;
}     
#annotations:not(.fixed) .circle-window-close { 
    display: none;
}                  
#annotations .fg-row-list {
    padding-top: 0;
}        
#annotations #new_annotation { 
    max-height: 114px;
    margin-bottom: 10px;
}         
#annotations #new_annotation { 
    max-height: 114px;
}         
#annotations #new_annotation,
#annotations #new_annotation_button { 
    margin-bottom: 10px;
}        

#annotations-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    border-top: #F5F5F5 1px solid;     
    position: relative;
    overflow-y: auto;
}                  
#annotations:not(.fixed) #annotations-list { 
    max-height: 250px;
}         
#annotations-list li {
    margin: 0;
    padding: 14px 10px 15px 108px;
    display: block; 
    border-bottom: #F5F5F5 1px solid;
    position: relative;
}           
#annotations-list li i.mdi {
    color: #0099FF;
}         
#annotations-list li:last-child {
    border-bottom: none;        
}             
#annotations-list li.a-empty {
    padding: 25px 0;
    color: #999;
    text-align: center;
}            
#annotations-list li.a-unreaded {
    background-color: #F5F5F5;     
}            
#annotations-list li.a-new-item {
    background-color: #FFF8E1;     
}              
#annotations-list li .a-thumb {
    background-color: #333;
    background-size: 100% 100%;   
    position: absolute;
    left: 30px;
    top: 10px; 
    width: 48px;
    height: 48px;  
    border-radius: 100%;  
}             
#annotations-list li .a-thumb .mdi {
    color: #FFF;
    font-size: 30px;
    height: 48px;
    width: 48px;
    line-height: 47px;
    text-align: center;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    position: absolute;
    border-radius: 100%;
}       
#annotations-list li .a-date {
    color: #999;
    float: right;
    padding-right: 12px;
}    
#annotations-list li .a-user {
    color: #333;
    font-weight: 400;  
}    
#annotations-list li .a-text {
    display: block;   
    padding: 0 30px 0 0;
    overflow-wrap: break-word;
}           
#annotations-list li .a-text i {
    color: #999;
    font-style: normal;
    font-size: 12px;
}  

#wprost-hotnews-area ul.list-box-rows-circle.w50p {
    float: left;
    box-sizing: border-box;
}     
#wprost-hotnews-area ul.list-box-rows-circle.w50p:first-child {
    border-right: #E6E6E6 1px solid;
}     
#wprost-hotnews-area ul.list-box-images {
    clear: both;
    max-height: 742px;
    overflow: hidden;
}   


#FB_preview {
    background: #E9EBEE;
    overflow-x: auto;
}    
#FB_preview .fb-preview {
    background: #FFFFFF;
    border: #DDDFE2 1px solid; 
    border-radius: 5px;
    width: 502px;
    margin: 25px auto;    
    padding: 0;
    box-sizing: border-box; 
}     
#FB_preview .fb-preview-box.no-image {
    height: 150px;  
    overflow: hidden;   
}    
      
#FB_preview .fb-preview-page {  
    font-family: Helvetica, Arial, sans-serif; 
    padding: 12px 12px 11px 12px;
}    
#FB_preview .fb-preview-page img {       
    background: #F2F3F5;    
    display: block;
    height: 40px;   
    width: 40px;
    overflow: hidden;  
    border-radius: 100%;
    float: left;    
    margin: 0 8px 8px 0;
}     
#FB_preview .fb-preview-page strong {   
    display: block;
    font-size: 14px;             
    font-weight: 600;
    line-height: 14px;
    margin-top: 3px;
}           
#FB_preview .fb-preview-page strong,
#FB_preview .fb-preview-page strong a {   
    color: #385898;     
    border-color: #385898;
    text-decoration: none;
}                
#FB_preview .fb-preview-page strong a:hover {   
    border-bottom-width: 1px;
    border-bottom-style: solid;
}       
#FB_preview .fb-preview-page em {   
    color: #616770; 
    display: block;
    font-size: 12px;  
    font-style: normal;
    line-height: 20px;
    margin-top: 3px;
}       
#FB_preview .fb-preview-page span {   
    display: block;
    clear: both;
    font-size: 14px;
    line-height: 18px;
}      
#FB_preview .fb-preview-info {        
    background: #F2F3F5;
    border-bottom: #DDDFE2 1px solid;  
    color: #606770; 
    margin: 0;
    padding: 7px 12px 10px 12px;
    font-size: 12px;
    line-height: 16px;     
}    
#FB_preview .fb-preview.no-image .fb-preview-info {
    border-top: #DDDFE2 1px solid;
    height: 131px;   
    width: 325px;
    overflow: hidden;
    float: left;
}                      
#FB_preview .fb-preview-box:hover .fb-preview-info {        
    background: #EAEBEC;
}        
#FB_preview .fb-preview-info i {   
    display: block;
    font-style: normal;
    overflow: hidden;
    text-transform: uppercase;    
}     
#FB_preview .fb-preview-info strong {   
    display: block;
    color: #1D2129;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 2px;
    max-height: 110px;
    overflow: hidden;
    overflow-wrap: break-word;    
    cursor: pointer;
}       
#FB_preview .fb-preview-info em {  
    display: block;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    margin-top: 4px;
    max-height: 110px;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;  
    cursor: pointer;
}  
#FB_preview .fb-preview-image {    
    position: relative;      
    background: #F2F3F5;    
    width: 500px;
    height: 261px;
    overflow: hidden;  
    box-sizing: border-box;
}           
#FB_preview .fb-preview.no-image .fb-preview-image {                 
    width: 150px;
    height: 150px; 
    overflow: hidden;
    float: left;
}       
#FB_preview .fb-preview-image::after {       
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1), inset 0 -1px 0 0 rgba(0, 0, 0, .1);   
    pointer-events: none;
    position: absolute;   
    content: "";
    bottom: 0;  
    right: 0;
    left: 0;
    top: 0;
}     
#FB_preview .fb-preview-image img {  
    position: absolute;     
    width: 500px;
    height: auto;  
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}      
#FB_preview .fb-preview.no-image .fb-preview-image img {                 
    width: 150px;
    height: 150px; 
}          
#FB_preview .fb-preview-buttons {       
    padding: 8px 12px; 
    clear: both;
}       
#FB_preview .fb-preview-buttons .fb-button {    
    background: transparent;  
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    color: #606770;
    font-size: 13px;    
    font-weight: 600;
    line-height: 16px;  
    height: 29px;        
    padding: 0 12px; 
    cursor: pointer;
}       
#FB_preview .fb-preview-buttons .fb-button:hover {   
    background: #F2F2F2;  
}      
#FB_preview .fb-preview-buttons .fb-button-blue {    
    background: #1877F2;      
    color: #FFF;
}       
#FB_preview .fb-preview-buttons .fb-button-blue:hover {   
    background: #0E52B0;  
}       
#FB_preview .fb-preview-buttons .fb-button-gray {   
    border: #CCD0D5 1px solid;
    background: #F5F6F7;      
    color: #4B4F56;
}   
#FB_preview .fb-preview-buttons .fb-button-gray:hover {   
    background: #EBEDF0;      
    color: #4267B2;
}                    
           
.publishers-table-toolbar {
    margin: 20px 0 -5px 30px;
}   
#_publishers_table_texts,
#_publishers_table_all {
    display: none;
}             
    
    
    
.MGLEd_panel span.ribbon-static span.group.groupEdit {
    width: 164px;         
}        

/* data-chart */

.data-chart-row {
    overflow: hidden;
    white-space: nowrap;
    user-select: none;   
    border-top: var(--border-color) 1px solid;       
    border-bottom: var(--border-color) 1px solid; 
    height: 200px;       
    box-sizing: border-box;   
    margin-top: -1px;
}   
.data-chart-row div:first-of-type {
    white-space: nowrap;
    user-select: none;   
    height: 180px;       
    box-sizing: border-box;   
    margin-top: -1px;
}     
  

/* data-box */

.data-box-section {
    position: relative;
}        
.data-box-section .close-section {
    position: absolute;
    top: 8px;
    right: 10px;
}  

.data-box-row {
    overflow: hidden;
    word-spacing: -5px;
    white-space: nowrap;
    user-select: none;   
    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-color);
    scrollbar-width: none;  
    height: 140px;       
    box-sizing: border-box;   
    margin-top: -1px;
}       
.data-box-row.data-box-row-for-one{
    height: 116px;      
}       
.data-box-row.border {
    border-top: var(--border-color) 1px solid;
    border-bottom: var(--border-color) 1px solid;
}      
.data-box-row:hover {
    scrollbar-width: thin; 
    overflow-x: auto;
    overflow-y: hidden;    
}  
body.device-mobile .data-box-row {
    overflow-x: auto;
    overflow-y: hidden;    
}     
body.device-desktop .data-box-row::-webkit-scrollbar {   
    background: rgba(0, 0, 0, 0); 
    width: 4px;   
    height: 5px;
    border: none;  
    box-shadow: 0 0 1px gray inset;
}      
body.device-desktop .data-box-row::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);    
    border-radius: 3px;  
    height: 4px;
}                         
body.device-desktop .data-box-row::-webkit-scrollbar-track,
body.device-desktop .data-box-row::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0);     
    height: 4px;  
}
.data-box-row::after {
    clear: both;
    content: "";
    display: table;
    line-height: 0;
}    
.data-box-row .data-box-item:first-child {
    border-left: none;
}    
.data-box-item {
    display: inline-block;
    border: var(--border-color) 1px solid; 
    height: 140px;
    padding: 25px 30px; 
    margin-right: -1px; 
    user-select: none;
    word-spacing: normal;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}         
.data-box-row.border .data-box-item {  
    margin-top: -1px;      
    margin-bottom: -1px; 
}    
.data-box-item b {
    display: block;
    font-size: 14px;
    font-weight: 400;
}      
.data-box-item b .filter-button {   
    background: transparent !important;
    font-size: 18px;
    margin: -4px 0 0 5px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    transition: color 0.1s linear, opacity 0.3s ease-in-out;
}            
.data-box-item:not([data-state="data"]) .filter-button { 
    display: none;
}               
.data-box-item:hover b .filter-button {
    opacity: 1;
}     
.data-box-item b .filter-button:hover {
    color: var(--primary-bg-color);
}    
.data-box-item .button-refresh {   
    opacity: 0;
}   
.data-box-item:hover .button-refresh {
    opacity: 1;
}           

.data-box-item em {
    display: block;       
    font-size: 36px;
    font-weight: 400;
    font-style: normal;
    padding: 5px 0;
    white-space: nowrap;
}      
.data-box-item em .mdi {
    margin-left: 5px;  
    margin-right: -15px;  
    font-size: 24px;
}      
.data-box-item em .mdi.mdi-spin {
    font-size: inherit;
    opacity: 0.4;
}           
.data-box-item[data-state="procesing"] em .mdi.mdi-spin {
    opacity: 0.7;
}               
.data-box-item[data-state="error"] em .mdi {
    font-size: inherit;
}                     
.data-box-item .diff {
    display: block;  
    height: 20px;
    white-space: nowrap;
}     
.data-box-item .diff .last-value {
    display: none;  
}      
.data-box-item .diff .diff-value {
    display: inline;  
}      
.data-box-last .data-box-item .last-value {
    display: inline;  
}      
.data-box-last .data-box-item .diff-value {
    display: none;  
}     
.data-box-item .diff-percent::before {
    content: " (";
}      
.data-box-item .diff-percent::after {
    content: ")";
} 
.data-box-item.selected,
.data-box-item.selected * {
    background: var(--primary-bg-color) !important;
    color: var(--primary-txt-color) !important;
}  
  
.data-box-row-details {
    min-height: 254px; 
    padding: 10px 0 20px 0;
    margin-bottom: 10px;
    border-bottom: var(--border-color) 1px solid;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.05);
}     
.data-box-row-details h3 {
    margin-bottom: 15px;
}           
.data-box-row-details iframe {
    width: 100%;
    border: none;
}          
.data-box-row-details::after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}       
.data-box-row-details .close-details {
    position: absolute;
    top: 15px;
    right: 10px;
}     
.data-box-row-details .data-chart {
    height: 254px;   
    width: 450px;
    float: left;
    margin: -14px 0 20px 30px;
}     
.data-box-row-details .data-table {
    float: left;     
    margin: 0 30px;
}       
.data-box-row-details .data-table table {
    min-width: 320px;
}  
                             
.data-box-area {
    padding: 20px 20px 20px 0;
    margin: 0;  
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}       
.data-box-area-block {
    display: block;
}     

.data-large-box {
    background: var(--bg-color);
    color: var(--txt-color);
    border: var(--border-color) 1px solid;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.05);
    margin: 0 0 20px 20px;
    width: calc(33.3% - 20px);   
    min-height: 100px;
}                       
.data-box-area-to-bottom .data-large-box {
    min-height: calc(100vh - 168px);
}                        
.data-box-area-to-bottom .data-large-box .edit-assign-elements {
    height: 100%;
}       
.data-box-area-block .data-large-box {
    margin: 0 auto 20px auto;
}     
.data-large-box.c1p5 {
    width: calc(50% - 20px);       
}       
.data-large-box.c2 {
    width: calc(66.6% - 20px);       
}         
.data-large-box.c3 {
    width: calc(99.9% - 20px);       
}     
.data-large-box.w60p {
    width: calc(60% - 20px);       
}    
.data-large-box.w40p {
    width: calc(40% - 20px);       
}       
.data-large-box .data-box-item {
    padding: 5px 30px 5px 0 !important;
    border: none;
}
.data-large-box .data-box-row,   
.data-large-box .data-box-item {
    height: 115px;    
}
.data-large-box .simple-table-area {
    margin: 0;
}                        
.data-large-box .toolbar {
    position: static;
    padding: 0 !important;
    min-width: auto;
    margin: -20px 0px 0 0 !important;
}
.data-large-box .toolbar-after {
    display: none;
}
.data-large-box h3 {
    margin-top: 0;   
    padding-top: 0;
    padding-left: 0;
}
.data-large-box .fg-block::before {  
    left: 0;
    right: 0;
}
.data-large-box .fg-row {
    display: flex;
    padding-left: 0;
    padding-right: 0;
}
.data-large-box .fg-row .fg-label {
    float: none;
    width: 200px;
    min-width: 200px;
}
.data-large-box .fg-row .fg-control {
    width: 100%;
}  

.data-box-table .simple-table-area {
    max-height: none;
}     
.data-box-table .simple-table-area {
    max-height: none;
}       

.data-box-compare-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-radius: 5px;      
    box-sizing: border-box;
    transition: box-shadow 0.3s ease-in-out;
}          
.data-box-compare-row.selectable:hover {
    box-shadow: var(--fade-mid-color) 0 0 100px;   
}          
.data-box-compare-item {
    width: 50%;   
    box-sizing: border-box;
    padding: 20px 0 27px 20px;
}           
.data-box-compare-item:first-of-type {
    width: 50%;  
    border-right: var(--border-color) 1px solid; 
    text-align: right;    
    padding: 20px 20px 27px 0;    
}                   
.data-box-compare-item .data-box-item {
    height: 85px;
}                   
.data-box-compare-item .data-box-item b {
    display: none;
}                             
.data-box-compare-item:first-of-type .data-box-item {
    padding: 5px 0 5px 30px !important;
}                   
.data-box-compare-item:first-of-type .data-box-item em {
    display: flex;
    flex-direction: row-reverse;
}
.data-box-compare-item:first-of-type .data-box-item em .mdi.mdi-arrow-up-thick,
.data-box-compare-item:first-of-type .data-box-item em .mdi.mdi-arrow-down-thick {
    margin-right: 5px;
    margin-top: 10px;
}                         
.data-box-compare-item:first-of-type .data-box-item em .mdi.mdi-chart-donut {
    margin-right: 5px;
}                               
               
/* trends */        

.trends-filters {
    margin-bottom: 5px;
    padding: 12px 2px 0 20px;
}           

/* frame */
     
.frame,
.edit.frame {        
    border: var(--border-color) 1px solid;   
    box-sizing: border-box;
    border-radius: 4px; 
    box-shadow: none;   
    position: relative;    
    padding: 0;   
}      
.frame-shadow,
.edit.frame-shadow {        
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.05);
    margin-bottom: 5px !important;
}      
.frame-shadow.mbottom15,      
.edit.frame-shadow.mbottom15 {        
    margin-bottom: 15px !important;
}      

.frame-v,
.edit.frame-v {    
    border-right: none !important;  
    border-left: none !important;
}  


/* edit */

.edit,
.edit option,
.edit optgroup {          
    font-family: Roboto, sans-serif;   
    font-size: 16px;  
    font-weight: 400;   
    font-style: normal; 
    line-height: 21px;
}
.edit {           
    background: var(--bg-color) center calc(100% + 1px) no-repeat;  
    background-image: linear-gradient(var(--primary-bg-color), var(--primary-bg-color));   
    background-size: 0 2px;
    border: rgba(0, 0, 0, 0) 1px solid;   
    box-sizing: border-box;
    border-radius: 4px; 
    box-shadow: none;   
    color: var(--txt-color);
    display: inline-block;
    padding: 8px 2px;   
    /* resize: none; */
    transition: border 0.2s linear, background 0.2s linear;
    white-space: normal; 
    margin-bottom: 5px;
    outline: none !important;
    position: relative;
}  
.edit.error {           
    background-image: linear-gradient(var(--error-color), var(--error-color));   
}   
.edit.warning {           
    background-image: linear-gradient(var(--warning-color), var(--warning-color));   
} 

.edit.edit-flat {       
    border: transparent 1px solid;    
}      
.edit.edit-ah {       
    resize: none !important;             
}        
.edit.edit-ah:not(.maxH) {    
    overflow: hidden;
}   
.edit.edit-bold {        
    font-weight: 600;   
} 
.edit.edit-secure {
    -webkit-text-security: disc;
    -moz-text-security: disc;
} 
        
.edit::placeholder { 
    color: rgba(0, 0, 0, 0.8);   
    font-family: Roboto, sans-serif;   
    font-size: 16px;  
    font-weight: 400;   
    font-style: normal; 
    line-height: 21px;
}      
.edit:focus::placeholder { 
    color: var(--primary-bg-color); 
    opacity: 1;    
    font-family: Roboto, sans-serif;   
    font-size: 16px;  
    font-weight: 400;   
    font-style: normal; 
    line-height: 21px;
}    

.edit[type="search"] {
    -webkit-appearance: none;
    appearance: none;
}   
input.edit-simple[type=number]::-webkit-outer-spin-button,
input.edit-simple[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input.edit-simple[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}
   
.edit[disabled] {
    color: #999;
}         
.edit[disabled],
.edit[readonly] {
    background-image: none !important;
}       
input.edit, 
aside.edit,   
select.edit[size="1"],  
select.edit:not([size]) {   
    line-height: 22px;   
}           
input.edit,  
aside.edit,      
textarea.edit,
select.edit[size="1"],  
select.edit:not([size]) {  
    border-bottom-color: var(--border-color);
}    

.edit:focus { 
    color: var(--focus-color); 
}          
input.edit:focus:not([disabled]):not([readonly]),      
aside.edit:focus:not([disabled]):not([readonly]), 
textarea.edit:focus:not([disabled]):not([readonly]),
input.edit.error:not([disabled]):not([readonly]),      
aside.edit.error:not([disabled]):not([readonly]),   
textarea.edit.error:not([disabled]):not([readonly]),
input.edit.warning:not([disabled]):not([readonly]),      
aside.edit.warning:not([disabled]):not([readonly]),      
textarea.edit.warning:not([disabled]):not([readonly])  {          
    background-size: 100% 2px;
    border-bottom-color: rgba(0, 0, 0, 0);
}           

select.edit[size="1"],  
select.edit:not([size]) { 
    appearance: none; 
    -webkit-appearance: none;   
    background-image: url(/cms/_i/menu-down.png);      
    background-position: right center;      
    background-size: auto;
    padding-right: 20px;
}        
select.edit[size="1"]:focus,  
select.edit:not([size]):focus {    
    background-image: url(/cms/_i/menu-up.png); 
    border-bottom-color: rgba(0, 0, 0, 0.12);   
}    

.edit:-moz-focusring,
.edit::-moz-focus-inner {
    outline: none !important;
}  
           
select.edit {       
    box-sizing: border-box;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;       
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
    white-space: nowrap;    
    outline: none !important;
}       
select.edit option,
select.edit option:focus { 
    appearance: none;
    -webkit-appearance: none;     
    border: none !important;
    outline: none !important;
}      
select.edit optgroup {   
    font-weight: 600;  
    color: #666666;          
    padding: 6px 0px;   
    padding-inline-start: 8px;    
    border-bottom: #C5C5C5 1px solid;  
    transition: none;
}    
select.edit optgroup:first-of-type:not(:first-child) {   
    border-top: #C5C5C5 1px solid;  
    margin-top: 8px;
}        
select.edit optgroup:last-of-type {   
    margin-bottom: 4px;
}      
select.edit optgroup:last-of-type:last-child {  
    border-bottom: none;   
    margin-bottom: 0;
}  
select.edit option {      
    padding-inline-start: 8px;  
    transition: none;
}   
select.edit optgroup option {    
    color: #000000;     
    padding-inline-start: 24px;     
    transition: none;
}    
select.edit optgroup option:first-child {    
    margin-top: 2px;
}       
select.edit optgroup.optgroup-1 {    
    background: #F9F9F9;
} 
    
select.edit:-moz-focusring,
select.edit::-moz-focus-inner {
    outline: none !important;
}          

textarea.edit {  
    min-height: 40px;    
    white-space: pre-wrap;    
    box-sizing: border-box;  
    margin-bottom: -4px !important;
    line-height: 23px;
}       
textarea.edit[rows="1"] {  
    height: 40px;    
}       
textarea.edit[rows="2"] {  
    height: 58px;    
}      
textarea.edit[rows="3"] {  
    height: 80px;    
}      
textarea.edit[rows="4"] {  
    height: 102px;    
}      
textarea.edit-pre {   
    white-space: pre;     
}    
textarea.edit-pre-wrap {    
    white-space: pre-wrap;     
}    
textarea.edit-no-wrap {    
    white-space: pre;     
}     
@-moz-document url-prefix() {
    textarea.edit {
        margin-bottom: 0px !important;   
    }       
  textarea.edit[rows="2"] {  
        height: 63px;    
    }      
    textarea.edit[rows="3"] {  
        height: 85px;    
    }      
    textarea.edit[rows="4"] {  
        height: 110px;    
    }    
}      /*   */
img.edit {      
    padding: 0px;
} 
.edit-pre {
    font-family: "Courier New", monospace;
    font-size: 12pt;
    text-align: left;
    overflow: auto; 
    overflow-y: auto; 
    overflow-x: auto; 
}       
.edit-lucida {
    font-family: "Lucida Console", monospace;
    font-size: 12pt;   
    text-align: left;
    overflow: auto; 
    overflow-y: auto; 
    overflow-x: auto; 
}    
div.edit {
    min-height: 36px; 
    padding-left: 0;   
}    
div.edit-scroll {
    overflow: hidden; 
    overflow-y: auto; 
}   

.edit.ta-right.hasDatepicker {
    padding-right: 40px;
}

.edit-mdi-icons {
    padding: 10px;
    margin-bottom: 1px !important;
    transition: all 0.2s linear;    
    overflow: hidden;
}         
.edit-mdi-icons:hover {  
    height: auto;
}      
.edit-mdi-icons.overflow:hover {  
    height: 375px;
    overflow-y: scroll;
}       
.edit-mdi-icons i {
    display: block;  
    color: #777;
    font-size: 28px;   
    height: 0;
    width: 0;   
    line-height: 45px;
    float: left;
    margin: 0;      
    cursor: pointer;
    text-align: center;
    transition: all 0.2s linear, opacity 0.05s linear;  
    border-radius: 100%;  
    opacity: 0;    
}   
.edit-mdi-icons b {
    display: block;  
    color: #777;
    font-size: 16px;
    font-weight: 400;  
    height: 0;
    width: 0;   
    line-height: 45px;
    float: none;
    clear: both;
    padding: 0;
    margin: 0; 
    opacity: 0; 
    overflow: hidden;   
}   
.edit-mdi-icons b::before {
    border-top: var(--border-color) 1px solid;
    display: block;  
    margin: 10px 0 0 0;
    content: "";
}
.edit-fa-icons:hover i,
.edit-mdi-icons:hover i,
.edit-mdi-icons:hover b {  
    display: block;   
    height: 45px;
    width: 45px;    
    opacity: 1;
}         
.edit-mdi-icons:hover b {  
    height: auto;
    width: auto;    
    float: none;
    clear: both;
    padding: 10px 0 0 0;
}         
.edit-fa-icons i:hover,
.edit-mdi-icons i:hover {    
    background: #EEE;
    color: #111;   
    opacity: 1;
}    
.edit-fa-icons i.selected,
.edit-fa-icons i.selected:hover,
.edit-mdi-icons i.selected,
.edit-mdi-icons i.selected:hover { 
    display: block;  
    background: #111;
    color: #FFF;       
    height: 45px;
    width: 45px;    
    cursor: default;   
    opacity: 1;
}    
       
.edit[type=color] {
    padding: 4px; 
    min-height: 27px; 
    cursor: pointer;
}    
.edit-silver {
    background-color: var(--bg-variant-color);  
}       
.edit-black {
    background-color: #444; 
    border-color: #777;
    color: #FFF;
}             
.edit-preview iframe,
.edit-preview .fb_iframe_widget,     
.edit-preview .fb-post, 
.edit-preview .twitter-tweet,
.edit-preview .twitter-tweet-rendered {   
    background-color: #FFF;  
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 590px;
    width: 590px;
    display: block;
}                         
.edit-preview iframe[src*="facebook.com/plugins/post.php"],
.edit-preview .fb_iframe_widget,     
.edit-preview .fb-post {   
    max-width: 500px;
    width: 500px;
}    

.edit table.edit-table {  
    background: #FFF; 
    width: 100%;  
    border-collapse: collapse;
}    
.edit table.edit-table tr td {   
    border-bottom: #C5C5C5 1px solid;
    padding: 8px 8px 8px 0; 
    vertical-align: top;
}                   
.edit table.edit-table tr td:first-child {
    padding-left: 8px;
}
.edit table.edit-table tr td:last-child { 
    background: #F6F6F6;
    padding: 4px 8px 8px 8px; 
}    
.edit table.edit-table tr.droppable-active,
.edit table.edit-table tr.droppable-active:last-child {   
    background-color: #FFF8E1;
}             
.edit table.edit-table tr:last-child td {
    border-bottom: none;
}           
.edit table.edit-table tr td .edit {
    margin: 0 !important;
}     
.edit table.edit-table tr td .edit.mbottom10 {          
    margin-bottom: 10px !important;
}  
.edit table.edit-table tr td textarea.edit {
    margin-right: 5px !important;
}         
.edit table.edit-table tr td .button {
    margin: 5px 0 0 0;
}    
.edit table.edit-table tr.draggable-dragging {  
    background: rgba(255, 255, 255, 0.85);   
    border: #E6E6E6 1px solid; 
    color: #000;      
    display: block;  
    padding: 7px 12px;     
    font-size: 16px;     
    font-weight: 300;     
    line-height: 20px;
    max-width: 400px;
    cursor: grab;
    z-index: 1000; 
    text-decoration: none;  
    position: absolute;       
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
    border-radius: 5px;      
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);  
}  
.edit table.edit-table tr.draggable-dragging:after {  
    content: "Przenieś zdarzenie"
}    
.edit table.edit-table tr.draggable-dragging td {  
    display: none;
}   
        
.edit-checkboxes {
    padding: 0;  
    margin-left: -10px !important;  
}    
.edit-checkboxes h4,
.content .form-grid .edit-checkboxes h4 {
    border-top: var(--border-color) 1px solid;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px; 
    padding: 13px 0 2px 2px;    
    margin: 15px 0 0 0;    
}   
.edit-checkboxes div {
    position: relative;
    min-height: 40px;    
    line-height: 20px;
    margin: 0;
    padding: 0;  
}           
.edit-checkboxes label {
    padding: 11px 0 0 45px;
    display: inline-block;
    cursor: pointer;    
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);         
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
    user-select: none;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}        
.edit-checkboxes .w33p label {
    max-width: 80%;
}      
.edit-checkboxes input[type="checkbox"], 
.edit-checkboxes input[type="radio"] {  
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;    
    width: 40px;
    height: 40px;
}  
.edit-checkboxes input[type="checkbox"] + label::after,
.edit-checkboxes input[type="radio"] + label::after {
    background-color: rgba(0, 0, 0, 0);
    color: var(--txt-color);
    position: absolute;
    display: block;                
    content: "\F0131";
    left: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    z-index: 10;
    opacity: 1;
    border-radius: 20px;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;   
    cursor: pointer;
}                    
.edit-checkboxes input[type="radio"] + label::after {
    content: "\F043D";
}             
.edit-checkboxes input[type="checkbox"] + label::before, 
.edit-checkboxes input[type="radio"] + label::before {
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    display: block;
    content: "";
    left: 20px;
    top: 50%;
    width: 0;
    height: 0;
    z-index: 9;
    opacity: 0.05;
    border-radius: 20px;  
    transform: translateY(-50%);  
    transition: all 0.3s ease-in-out;   
}                                
.edit-checkboxes input[type="checkbox"]:focus + label::before,
.edit-checkboxes input[type="checkbox"]:hover + label::before,
.edit-checkboxes input[type="radio"]:focus + label::before,
.edit-checkboxes input[type="radio"]:hover + label::before { 
    left: 0;     
    width: 40px;
    height: 40px;
}             
.edit-checkboxes input[type="checkbox"]:checked + label::after {
    content: "\F0132";         
    color: var(--primary-bg-color);      
}                                     
.edit-checkboxes input[type="radio"]:checked + label::after {
    content: "\F043E";         
    color: var(--primary-bg-color);      
}                         
.edit-checkboxes input[type="checkbox"] + label::before,          
.edit-checkboxes input[type="checkbox"]:hover + label::before, 
.edit-checkboxes input[type="radio"] + label::before,          
.edit-checkboxes input[type="radio"]:hover + label::before {
    background-color: var(--txt-color);
}                        
.edit-checkboxes input[type="checkbox"]:checked + label::before,
.edit-checkboxes input[type="radio"]:checked + label::before {
    background-color: var(--primary-bg-color);
}           
            
     
meter.edit,
div.edit-progress,
div.edit-progress-bar {       
    background: var(--fade-variant-color);   
    height: 31px; 
    max-height: 31px; 
    min-height: 31px;  
    border: none;
    outline: none;   
    padding: 0;  
    -moz-appearance: none;
    appearance: none; 
   /* -webkit-appearance: none;
          appearance: none;  */
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;    
}      
meter.edit::before,
div.edit-progress::before,
meter.edit::after,
div.edit-progress::after {       
    display: none;
}     

@media screen and (-webkit-min-device-pixel-ratio:0) {  
    meter.edit {     
        height: 33px; 
        max-height: 33px; 
        min-height: 33px; 
    }
}              
meter.edit::-moz-meter-bar,
div.edit-progress-bar {
    background: var(--primary-bg-color);     
    border: none;
    outline: none;   
}

meter.edit::-webkit-meter-bar {
    background: var(--bg-variant-color);  
    outline: none;     
    border: none;
    padding: 0;    
    margin: 0;           
    box-sizing: inherit;  
    border-radius: 4px;       
    -webkit-appearance: none;
            appearance: none; 
}     
meter.edit::-webkit-meter-inner-element { 
    display: block;
    border: none;
    outline: none;  
    padding: 0;    
    margin: 0;         
    box-sizing: inherit; 
    border-radius: 4px;          
    -webkit-appearance: none;
            appearance: none; 
}                          
meter.edit::-webkit-meter-optimum-value {  
    background: var(--primary-bg-color);  
    display: block;   
    outline: none;   
    border: none;
    padding: 0;    
    margin: 0;  
    border-radius: 0;   
    box-sizing: inherit;       
    -webkit-appearance: none;
            appearance: none; 
}    

div.edit-progress { 
    /* display: block; */
    display: flex;
    box-sizing: border-box;  
}       
div.edit-progress-bar {
    display: inline-block;
    width: 0;    
    box-sizing: border-box;  
    white-space: nowrap;
}         
div.edit-progress.edit-progress-medium {
    background: #999;          
}   
.toolbar div.edit-progress { 
    margin-bottom: 1px !important;
}            
        
div.edit-progress-bar-organic {       
    background: #F54949;          
}                    
meter.edit.meter-organic::-moz-meter-bar {       
    background: #F54949;          
}                    
meter.edit.meter-organic::-webkit-meter-optimum-value {       
    background: #F54949;           
}       
        
div.edit-progress-bar-social {
    background: #367DFF;          
}                      
meter.edit.meter-social::-moz-meter-bar {
    background: #367DFF;           
}                         
meter.edit.meter-social::-webkit-meter-optimum-value {
    background: #367DFF;          
}      
         
div.edit-progress-bar-referral {
    background: #70B5E4;           
}              
meter.edit.meter-referral::-moz-meter-bar {
    background: #70B5E4;          
}              
meter.edit.meter-referral::-webkit-meter-optimum-value {
    background: #70B5E4;           
}       
   
div.edit-progress-bar-home {
    background: #70B5E4;           
}              
meter.edit.meter-home::-moz-meter-bar {
    background: #70B5E4;          
}              
meter.edit.meter-home::-webkit-meter-optimum-value {
    background: #70B5E4;           
}  
          
div.edit-progress-bar-direct {
    background: #B8D396;           
}               
meter.edit.meter-direct::-moz-meter-bar {
    background: #B8D396;          
}               
meter.edit.meter-direct::-webkit-meter-optimum-value {
    background: #B8D396;          
}      
          
div.edit-progress-bar-push {
    background: #16A085;           
}               
meter.edit.meter-push::-moz-meter-bar {
    background: #16A085;          
}               
meter.edit.meter-push::-webkit-meter-optimum-value {
    background: #16A085;          
}     
          
div.edit-progress-bar-email {
    background: #83ADCF;           
}               
meter.edit.meter-email::-moz-meter-bar {
    background: #83ADCF;          
}               
meter.edit.meter-email::-webkit-meter-optimum-value {
    background: #83ADCF;          
}    
         
div.edit-progress-bar-news {
    background: #F9C528;          
}          
meter.edit.meter-news::-moz-meter-bar {
    background: #F9C528;          
}          
meter.edit.meter-news::-webkit-meter-optimum-value {
    background: #F9C528;          
}         

div.edit-progress-bar-recirculation {
    background: #707DBF;          
}          
meter.edit.meter-recirculation::-moz-meter-bar {
    background: #707DBF;          
}          
meter.edit.meter-recirculation::-webkit-meter-optimum-value {
    background: #707DBF;          
}                 
 
         
div.edit-progress-bar-desktop {
    background-color: #ED561B;          
    background-image: linear-gradient(to bottom, #F1794B, #D54711);  
}              
meter.edit.meter-desktop::-moz-meter-bar {
    background-color: #ED561B;          
    background-image: linear-gradient(to bottom, #F1794B, #D54711);  
}              
meter.edit.meter-desktop::-webkit-meter-optimum-value {
    background-color: #ED561B;          
    background-image: linear-gradient(to bottom, #F1794B, #D54711);  
}       
         
div.edit-progress-bar-mobile {
    background-color: #50B432;          
    background-image: linear-gradient(to bottom, #56C236, #47A22D);  
}              
meter.edit.meter-mobile::-moz-meter-bar {
    background-color: #50B432;          
    background-image: linear-gradient(to bottom, #56C236, #47A22D);  
}              
meter.edit.meter-mobile::-webkit-meter-optimum-value {
    background-color: #50B432;          
    background-image: linear-gradient(to bottom, #56C236, #47A22D);  
}    
         
div.edit-progress-bar-tablet {
    background-color: #058DC7;          
}              
meter.edit.meter-tablet::-moz-meter-bar {
    background-color: #058DC7;          
}              
meter.edit.meter-tablet::-webkit-meter-optimum-value {
    background-color: #058DC7;          
}      
         
div.edit-progress-bar-wprost {
    background-color: #ED1C24;          
}              
meter.edit.meter-wprost::-moz-meter-bar {
    background-color: #ED1C24;          
}              
meter.edit.meter-wprost::-webkit-meter-optimum-value {
    background-color: #ED1C24;          
}           
div.edit-progress-bar-wprost-biznes {
    background-color: #2A70B3;          
}              
meter.edit.meter-wprost-biznes::-moz-meter-bar {
    background-color: #2A70B3;          
}              
meter.edit.meter-wprost-biznes::-webkit-meter-optimum-value {
    background-color: #2A70B3;          
}         
div.edit-progress-bar-wprost-zdrowie {
    background-color: #01AAAD;          
}              
meter.edit.meter-wprost-zdrowie::-moz-meter-bar {
    background-color: #01AAAD;          
}              
meter.edit.meter-wprost-zdrowie::-webkit-meter-optimum-value {
    background-color: #01AAAD;          
}    

.edit[type=range] {
    -webkit-appearance: none;
    appearance: none; 
    background: transparent;
    padding: 0; 
    height: 29px; 
    min-height: 29px;  
    max-height: 29px; 
    cursor: default;   
    border: none;
}
.edit[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}     
.edit[type=range]::-ms-thumb {     
    -webkit-appearance: none;
    appearance: none; 
    background-color: var(--primary-bg-color);
    border: none;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    user-select: none;
}
.edit[type=range]::-moz-range-thumb { 
    background-color: var(--primary-bg-color);
    border: none;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    user-select: none;
}
.edit[type=range]::-webkit-slider-thumb {    
    -webkit-appearance: none;
    background-color: var(--primary-bg-color);
    border: none;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    border-radius: 100%;
    z-index: 2;
    width: 10px;
    height: 10px;
    user-select: none;
    margin-top: -4px;
}       
.edit[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: var(--primary-bg-color);
    border: none;
} 
.edit[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: var(--primary-bg-color);
    border: none;
}
#picture_color.edit {
    height: auto;
}        

.dialog-edit-select {
    min-height: 237px;
}
.edit-filter {
    line-height: 20px;
    padding: 5px 5px 0px 5px !important;
}       
.edit-filter .button {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
}   
.edit.edit-with-dots {
    padding-right: 30px;
}
.edit-dots-button {     
    background: transparent;
    display: inline-block;
    position: relative;
    margin-left: -30px;
    line-height: 38px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    color: #999;
    vertical-align: top;
    font-size: 24px;
    z-index: 5;
}      
.edit-dots-button .mdi-google {   
    font-size: 20px;
}   
.edit-dots-button:hover {
    color: #111;
}  


.edit-html-wrapper {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
}        
.edit-html-wrapper .edit-temp {
    margin-left: 20px;  
    min-height: 40px;
    border: none;
}
.edit-html-wrapper.ah textarea.edit.edit-html { 
    position: absolute;
    overflow: auto;
    height: 1px;
    max-height: 1px;  
    min-height: 1px;   
    top: 0;           
    left: 0;    
}
.edit-html-wrapper .edit-html-editor {   
    position: absolute;
    height: 100%;      
    width: 100%;
    top: 0;           
    left: 0;    
    overflow: hidden;
    cursor: text;
}           
.edit-html-wrapper .edit-html-editor a {   
    color: #002DDF;
    text-decoration: underline;
}  
.edit-html-wrapper .edit-html-editor.edit-ahh {   
    position: relative;
    min-height: 40px;    
    max-height: 65vh;
    overflow-y: auto;
}     
.edit-html-wrapper aside p:first-child, 
.edit-html-wrapper aside h2:first-child,
.edit-html-wrapper aside h3:first-child,
.edit-html-wrapper aside h4:first-child,
.edit-html-wrapper aside h5:first-child,
.edit-html-wrapper aside ul:first-child,
.edit-html-wrapper aside ol:first-child,
.edit-html-wrapper aside div:first-child {   
    margin-top: 0 !important;
    padding-top: 0 !important;
}                         
.edit-html-wrapper aside p:last-child, 
.edit-html-wrapper aside h2:last-child,
.edit-html-wrapper aside h3:last-child,
.edit-html-wrapper aside h4:last-child,
.edit-html-wrapper aside h5:last-child,
.edit-html-wrapper aside ul:last-child,
.edit-html-wrapper aside ol:last-child,
.edit-html-wrapper aside div:last-child {   
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}          
.edit-html-wrapper aside h2,
.edit-html-wrapper aside h3,
.edit-html-wrapper aside h4,
.edit-html-wrapper aside h5 {   
    margin-left: 0 !important;
    padding-left: 0 !important;
    user-select: auto;
}          

.edit-message {    
    background: var(--bg-color);  
    color: var(--txt-color) !important; 
    border: transparent 2px solid;
    font-size: 16px; 
    font-weight: 500;
    line-height: 36px;  
    height: 40px;  
    width: 40px;
    overflow: hidden;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    border-radius: 6px;
    margin-left: -40px;
    position: absolute;
    cursor: pointer;    
    transition: all 0.1s linear;
    z-index: 111;
}
.edit-message::before {    
    background: var(--bg-color);
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\F0026"; 
    line-height: 36px;   
    width: 40px;
    height: 38px;   
    display: block;
    float: left;
    text-align: center;
}      
.edit-message.error::before {   
    color: var(--error-color);
}      
.edit-message.warning::before {  
    color: var(--warning-color);
}         
.edit-message:hover {    
    padding-right: 20px;
    width: auto;  
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.02), 0 3px 1px -2px rgba(0,0,0,0.05), 0 2px 5px 0 rgba(0,0,0,0.05);
}           
.edit-message.error:hover {    
    border: var(--error-color) 2px solid;
}      
.edit-message.warning:hover {    
    border: var(--warning-color) 2px solid;
}      
.edit-message.warning u {    
    text-decoration-color: var(--border-color);  
    transition: all 0.1s linear;
}     
.edit-message.warning u:hover {    
    text-decoration-color: var(--txt-color);
}  
        
.text-info,
.empty-info,
.normal-info,
.warning-info {           
    color: var(--primary-bg-color); 
    border-right: none;  
    border-left: none;
    box-sizing: border-box;
    border-radius: 4px; 
    box-shadow: none;   
    position: relative; 
    line-height: 24px;   
    min-height: 30px;
    padding: 0;   
    transition: all 0.1s linear;
}           
.text-info {    
    color: var(--txt-color);          
}          
.warning-info {    
    background-color: var(--warning-color);
    color: #444;          
}      
.empty-info {    
    color: var(--fade-color);          
}                 
.text-info  .mdi,
.empty-info .mdi,
.normal-info  .mdi,
.warning-info  .mdi {           
    font-size: 24px;
    vertical-align: sub;
}    

.header-info {              
    background: var(--bg-color);  
    color: var(--txt-color);                 
    border-top: var(--border-color) 1px solid;  
    border-bottom: var(--border-color) 1px solid;  
    border-right: none;  
    border-left: none;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0; 
    box-shadow: none;   
    position: relative; 
    line-height: 45px;   
    min-height: 45px;
    padding: 0 0 0 10px;   
    transition: all 0.1s linear;
}  
.fg-label-control div div:first-child .header-info {                             
    border-top: none;  
}   
  
.button,     
.button[disabled]:hover,
.button-blue[disabled],    
.button-white[disabled], 
.button-green[disabled], 
.button-orange[disabled], 
.button-red[disabled], 
.button-black[disabled],  
.button-navy[disabled],  
.button-light[disabled],     
.button.yellow[disabled],
.button-blue-text[disabled], 
.button-primary-text[disabled],   
.button-primary-variant-text[disabled],   
.button-green-text[disabled], 
.button-orange-text[disabled], 
.button-red-text[disabled], 
.button-black-text[disabled],  
.button-navy-text[disabled],    
.button-button-primary[disabled],  
.button-button-primary-variant[disabled],  
.ui-button,                     
.ui-button[disabled]:hover,
.ui-datepicker-buttonpane button,
.ui-datepicker-buttonpane button:hover,
.arrows-expand-bar-next {  
    background: transparent;    
    color: #777;      
    font-family: Roboto, sans-serif;  
    font-size: 14px;
    font-weight: 500; 
    display: inline-block; 
    border: none;       
    border-radius: 4px;    
    outline: none !important;    
    padding: 0 10px;
    height: 36px;    
    line-height: 37px;   
    position: relative;
    overflow: hidden;         
    text-align: center;     
    text-shadow: none;   
    text-transform: uppercase; 
    vertical-align: middle; 
    z-index: 0;      
    cursor: pointer;          
    transition: all 0.2s linear, color 0.3s linear;    
    -webkit-user-select: none;
    -khtml-user-select: none;          
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;        
    letter-spacing: initial;
    word-spacing: initial;
    text-decoration: none;  
    -moz-appearance: none;
         appearance: none;  
}    
.button, 
.button:hover,  
.button:focus,  
.button:active,
.button:-moz-focusring,
.button::-moz-focus-inner,
.button[disabled], 
.button[disabled]:hover,
.arrows-expand-bar-next,
.arrows-expand-bar-next:hover,
.arrows-expand-bar-next:focus,
.arrows-expand-bar-next:active {  
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-appearance: none;
         appearance: none;  
    height: 36px;   
    outline: none !important; 
    -webkit-user-select: none;
    -khtml-user-select: none;          
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
}         
.button:hover,  
.button:focus {    
    color: #333;   
}  
.button::before,
.arrows-expand-bar-next::before {  
    position: absolute;
    content: "";  
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;           
    z-index: -2;
}                
.button::after,   
.ui-button::after,
.ui-datepicker-buttonpane button::after,        
.arrows-expand-bar-next::after {    
    background-color: rgba(0, 0, 0, 0.04);   
    background-image: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
    background-position: center center;    
    background-repeat: no-repeat;                     
    background-size: 0px 0px;
    position: absolute;
    content: "";  
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 20px;     
    z-index: -1;
    transition: all 0.3s ease-in-out;
}        
.button:hover::after,
.ui-button:hover::after,
.ui-datepicker-buttonpane button:hover::after,  
.arrows-expand-bar-next:hover::after,
.button:focus::after,
.ui-button:focus::after,
.ui-datepicker-buttonpane button:focus::after, 
.arrows-expand-bar-next:focus::after,
.button:active::after,
.ui-button:active::after,
.ui-datepicker-buttonpane button:active::after,
.button:active::after {   
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 20px;
}     
.button.button-white:hover::after {
    opacity: 0.5;
}  
.button:focus::after,
.ui-button:focus::after,
.ui-datepicker-buttonpane button:focus::after,
.button:active::after,
.ui-button:active::after,
.ui-datepicker-buttonpane button:active::after {                       
    background-size: 100% 100%;
}  
.button-squre,   
.button-square,
.button-circle {      
    padding: 0 !important;    
    line-height: 36px; 
    height: 36px;  
    width: 36px;    
    text-align: center; 
}         

.button-circle {     
    border-radius: 100% !important;   
}          
.button-shaped {     
    border-radius: 20px !important;   
}  
    
.button.button-primary {  
    color: var(--primary-txt-color);
}     
.button.button-primary-variant {  
    color: var(--primary-variant-txt-color);
}    
.button.button-red,  
.button.button-blue,
.button.button-navy,
.button.button-green,
.button.button-black,
.button.button-orange {    
    color: #FFF;
}           
.button.button-primary, 
.button.button-primary-variant, 
.button.button-red,  
.button.button-blue,
.button.button-navy,
.button.button-light,   
.button.button-white,
.button.button-green,
.button.button-black,
.button.button-orange,     
.button.button-yellow,     
.arrows-expand-bar-next {  
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.05), 0 1px 2px 0 rgba(0,0,0,0.1);
}         
.button.button-primary:hover, 
.button.button-primary-variant:hover, 
.button.button-red:hover,  
.button.button-blue:hover,
.button.button-navy:hover,
.button.button-light:hover,   
.button.button-white:hover,    
.button.button-green:hover,
.button.button-black:hover,
.button.button-orange:hover,
.arrows-expand-bar-next:hover {  
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 3px 5px 0 rgba(0,0,0,0.1);
}   
.button.button-flat,
.button.button-flat:hover,
.button.button-flat:focus {    
    box-shadow: none;  
}       
.button.cr-default {    
    cursor: default;
}   

.button.button-primary::before {  
    background: var(--primary-bg-color);
}     
.button.button-primary-variant::before {  
    background: var(--primary-variant-bg-color);
}       
.button.button-light::before,
.arrows-expand-bar-next::before {  
    background: var(--bg-variant-color);
}    
.button.button-red::before {  
    background: #ED1C24;
}     
.button.button-blue::before {  
    background: #0099FF;
}     
.button.button-navy::before {  
    background: #5C84D6;
}         
.button.button-white::before {  
    background: #FFF;
}     
.button.button-yellow::before {  
    background: #FFEB3B;
}   
.button.button-green::before {  
    background: #00C144;
}        
.button.button-orange::before {  
    background: #FF9900;
}       
.button.button-black::before {  
    background: #444;
}
       
.button-primary-text,
.button-primary-text:hover,
.button-primary-text:focus { 
    color: var(--primary-bg-color);
}       
.button-primary-variant-text,
.button-primary-variant-text:hover,
.button-primary-variant-text:focus { 
    color: var(--primary-variant-bg-color);
}          
.button-blue-text,
.button-blue-text:hover,
.button-blue-text:focus {  
    color: #0099FF;
}     
.button-orange-text,
.button-orange-text:hover,
.button-orange-text:focus {  
    color: #FF9900;
}     
.button-red-text,
.button-red-text:hover,
.button-red-text:focus {  
    color: #ED1C24;
}     
.button-green-text,
.button-green-text:hover,
.button-green-text:focus {  
    color: #00C144;
}     
.button-black-text,
.button-black-text:hover,
.button-black-text:focus {  
    color: #111;
}     
.button-navy-text,
.button-navy-text:hover,
.button-navy-text:focus {  
    color: #5C84D6;
}     

.button.button-text-white,      
.button.button-text-white:hover,  
.button.button-text-white:focus {    
    color: #FFF;   
}  

.button[disabled],
.button[disabled]:hover, 
.ui-button[disabled],
.ui-button[disabled]:hover,
.ui-datepicker-buttonpane button[disabled],
.ui-datepicker-buttonpane button[disabled]:hover {
    color: var(--fade-color) !important;      
    cursor: default !important; 
    box-shadow: none !important;
}        
.button[disabled] .mdi,
.ui-button[disabled],
.ui-datepicker-buttonpane button[disabled] {
    color: var(--fade-mid-color) !important;      
    cursor: default !important; 
    box-shadow: none !important;
}   
.button[disabled]::before,
.button[disabled]:hover::before, 
.ui-button[disabled]::before,
.ui-button[disabled]:hover::before,
.ui-datepicker-buttonpane button[disabled]::before,
.ui-datepicker-buttonpane button[disabled]:hover::before,
.button[disabled]::after,
.button[disabled]:hover::after, 
.ui-button[disabled]::after,
.ui-button[disabled]:hover::after,
.ui-datepicker-buttonpane button[disabled]::after,
.ui-datepicker-buttonpane button[disabled]:hover::after {
    display: none;
}  
.arrows-bar div.wait a:hover {
    cursor: default;
}  
hr.button {
    display: inline-block;
}	
     
     
.button.button-bigger-text {
    font-size: 18px;   
}   
.button .fa {
    font-size: 21px !important;
    margin: 0;    
    vertical-align: sub;
    line-height: 24px;
}   
.button .mdi,
.button.button-squre .mdi,
.button.button-circle .mdi,
.arrows-expand-bar-next .mdi {
    font-size: 24px !important;   
    margin: 0;     
    vertical-align: middle;
    line-height: 24px;   
}                        
.button .mdi.mdi-plus,  
.button .mdi.mdi-close, 
.button .mdi.mdi-delete,  
.button .mdi.mdi-clock-outline,
.button .mdi.mdi-open-in-new,
.button .mdi.mdi-check-bold,
.button.button-circle .mdi.mdi-content-copy {
    vertical-align: sub;
}     
.button .fa-retweet {
    font-size: 16px;
}      
.button .fa-at,       
.button .fa-file-text-o,
.button .fa-file-word-o,
.button .fa-file-excel-o {
    font-size: 16px;
}        
.button .fa-plus {
    font-size: 16px;
}          
.button .fa-th {
    font-size: 18px;
}            
.button .fa-calendar {
    font-size: 20px;
}      
              
.button .mdi.mdi-magnify {
    vertical-align: middle;
}      

.button .mdi.mdi-blank {    
    background: no-repeat center center;
    display: inherit;    
    height: 24px;         
    width: 24px;
}     
.button .mdi.mdi-blank.replace-dash {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7CAAAOwgEVKEqAAAAAGXRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjIx8SBplQAAANNJREFUSEvd0k0KQiEUBeDXtMZBy2neMGo9UbSgRg2ClhC0kiialp0jXvDnGogK0YEvn3pVnr3BGNOVOtiSOtjST2QGe7jC07nADqYg2bi2KCt4AN9Vc4clcHP2i7KGF3DhGeYwhol7PgDn3q4tOoDXcgMu2nIgkxPI5kUHcFMuOMKIA0rkWr4fkPmU+CdyYmF7abTNKU383bamDrakDrbU7ZqCaAW1ZF//gT8JWSDi+Ryv3vZso5FCEc/nePW21023A4JoBbWCaAW1gmgFtf4lw/ABy4nniKvOpNcAAAAASUVORK5CYII=);
}     
.button .mdi.mdi-blank.replace-cite-chars {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4yMfEgaZUAAADqSURBVEhLtdFNCsIwEAVg3epa8DjuXYqeRxQP5MqF4BEETyKKW43vNUlJ05nUSDLw9eclnal2ZIypyh5cxYsl2IOrePFfYa9qlTNgDge4wcu5wh5m4Gvrzlm1hifwVSQPWAGb8z6rNvAGPniBBUxg6q6PwLWPO2cN4N9yBz60Y6DUGXxzfYDwQdiUwQnGDITyf0uoX755NIAfkcGyueuX1Jya6vQKB5RWfQDZg/15LS1L0fari1KWou3vbAjPWpYi7dcXhCxF299e1CKGQ/iWoXg9JIZDqg8g37jKgF+bkxiWJIYliWE5ZvQFe1KV6M/SyHEAAAAASUVORK5CYII=);
}
    
.button b {
    font-weight: inherit;
}   
.button em {
    font-style: normal;
    color: #444;
}   

.button.ui-datepicker-trigger {
    margin-left: -38px !important;    
    margin-top: 0 !important;
    width: 35px;
    padding: 0;
    transition: all 0.2s linear, color 0.3s linear, margin-left 0s;
}

.buttons {      
    display: inline-block;
    white-space: nowrap;  
    transition: all 0.2s linear;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;      
    outline: none;
    word-spacing: -0.3em;
}     
.buttons .edit {      
    word-spacing: normal;
} 

/* 
*/
.buttons .button {
    border-radius: 0;   
    margin: 0;   
    border-right: none;
}        
.buttons .button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}       
.buttons .button:not([style*="display:none"]):not([style*="display: none"]):last-child { 
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}     
.buttons .button-sep {
       border-left-width: 5px;
}  



         
.edit:-moz-focusring,
.button:-moz-focusring {
    outline: none;
}     

.edit-morebuttons {
    display: none;  
    margin: 0 0 0 -5px;    
}  
.edit-morebuttons .button {
    text-align: center;
    padding: 0;   
    width: 32px;
} 

.edit-toolbar {
    display: none;      
    position: absolute; 
    white-space: nowrap;  
    margin: 0; 
}         
.edit-toolbar.wrap,
.edit-toolbar.wrap .buttons {
    white-space: unset;  
}         
.list .button:not(.normal-button), 
.edit-toolbar .button {
    text-align: center;  
    padding: 0;   
    margin: 0 !important; 
    height: 35px;  
    width: 35px;  
    border-radius: 100%;
}         
.list .button:not(.normal-button),
.list .buttons .button:not(.normal-button),         
.edit-toolbar .button,
.edit-toolbar .buttons .button {
    border-radius: 100% !important;
}        

.edit-toolbar.under {
    background: #FFF;
    display: block;
    margin: -1px 0 0 -18px;
    padding: 8px;
    text-align: right;
    border-left: rgba(153,153,153,0.8) 1px solid;
    border-right: rgba(153,153,153,0.8) 1px solid;
    border-bottom: rgba(153,153,153,0.8) 1px solid;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 3px 5px 0 rgba(0,0,0,0.1);
    z-index: 200;
}

.edit-button {
    height: 27px;
}

.error, 
label.invalid {
    color: var(--error-color);
    margin-bottom: 10px;
}   
.error .mdi{
    font-size: 24px;
    vertical-align: sub;
}

.success {
    color: #080;
}       
   

.toolbar .button,
.toolbar .button:hover,
.toolbar .button:focus,
.toolbar .button[disabled] {
    height: 40px;       
    margin-top: -3px;
}    
.toolbar .button,
.toolbar .button:hover,
.toolbar .button:focus,
.toolbar .button[disabled],
.toolbar .button[disabled]:hover,
.content .header-filter .button,
.content .header-filter .button:hover,
.content .header-filter .button:focus,
.content .header-filter .button[disabled],
.content .header-filter .button[disabled]:hover {       
    background: transparent;
    height: 40px;
    min-width: 40px;
    border-color: transparent;  
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    padding: 0 7px;
    border-radius: 20px !important;
    position: relative;
    text-transform: none;
}    
.toolbar .button .fa,
.content .header-filter .button .fa {
    font-size: 24px !important;
    margin: 0;      
    vertical-align: sub;
}   
.toolbar .button .mdi,
.content .header-filter .button .mdi {
    font-size: 24px !important;   
    margin: 0;
    vertical-align: sub;
}   
.toolbar .buttons,
.content .header-filter .buttons {
    border-color: transparent;  
    box-shadow: none;
}     
.toolbar .buttons span {
    padding: 0 5px 0 1px
}          
.toolbar .edit, 
.toolbar select.edit,
.content .header-filter .edit, 
.content .header-filter select.edit {    
    background: #F5F5F5 no-repeat;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    appearance: none; 
    -webkit-appearance: none;  
    border: transparent 1px solid;
    box-shadow: none;
    border-radius: 5px;   
    white-space: nowrap;
    text-overflow: ellipsis;  
}             
.content .header-filter .edit, 
.content .header-filter select.edit {      
    background-color: rgba(255, 255, 255, 0);     
    transition: all 0.2s linear;
}               
.content .header-filter:hover .edit, 
.content .header-filter:hover  select.edit {      
    background-color: rgba(255, 255, 255, 0.5); 
}           
.toolbar .edit::placeholder,
.content .header-filter .edit::placeholder { 
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.85);   
}        
.toolbar .edit:focus::placeholder,
.content .header-filter .edit:focus::placeholder { 
    color: rgba(0, 0, 0, 0.5);   
}          
.toolbar select.edit,
.content .header-filter select.edit {  
    background-image: url(/cms/_i/menu-down.png);      
    background-position: right center;
    padding-right: 20px;
}      
.toolbar .edit:focus, 
.toolbar select.edit:focus,
.content .header-filter .edit:focus,
.content .header-filter select.edit:focus {    
    background-color: #FFF;
    box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3),0 1px 3px 1px rgba(65,69,73,0.15) !important;
}     
.toolbar .edit:hover, 
.toolbar select.edit:hover,
.content .header-filter .edit:hover,
.content .header-filter select.edit:hover {    
    box-shadow: 0 1px 1px 0 rgba(65,69,73,0.15),0 1px 3px 1px rgba(65,69,73,0.1);
} 
       
.toolbar select.edit:focus,
.content .header-filter select.edit:focus {    
    background-image: url(/cms/_i/menu-up.png);   
}   

.edit50p, 
.button50p {
    width: 50%;
} 
.edit100p, 
.button100p {
    width: 100%;
}   
.edit50,
.button50 {
    width: 50px;   
}  
.edit100,
.button100 {
    width: 100px;   
}    
.edit150,
.button150 {
    width: 150px;   
}    
.edit200,
.button200 {
    width: 200px;   
}  
.edit300,
.edit300 {
    width: 300px;   
}     
.edit400 {
    width: 400px;   
} 
.edit500 {
    width: 500px;   
} 

.arrows-bar a em {
    font-style: normal;
    color: #444;
}   

.sticky-top,
.custom-tabs .ui-tabs-nav.sticky-top {  
    position: sticky;
    top: 0 !important;  
}          
       
.custom-tabs {     
    background: var(--bg-color);
    opacity: 0;                  
    transition: opacity 0.2s linear;  
}          
.custom-tabs.ui-tabs {     
    opacity: 1;
}       
.custom-tabs + ul {     
    list-style: none outside none; 
    margin: 0;  
    padding: 0;     
    line-height: 19px;  
}           
.custom-tabs + ul li,
.custom-tabs + ul li a {   
    color: #999;
    display: inline;    
    text-decoration: none;  
    cursor: pointer;      
} 

.custom-tabs .ui-tabs-nav {
    background: var(--bg-color);
    display: block;
    list-style: none outside none;   
    padding: 13px 0 0 0;
    margin: 0;          
    position: relative;
    white-space: nowrap; 
    word-spacing: -5px;    
    z-index: 1;       
    box-sizing: border-box;
    overflow-y: hidden;  
    scrollbar-width: none; 
    -ms-overflow-style: none;
}       
.custom-tabs .ui-tabs-nav::-webkit-scrollbar {
    width: 0; 
    height: 0;
    background: transparent; 
    opacity: 0;
}       
.custom-tabs .ui-tabs-nav::-webkit-scrollbar-thumb {
    background: transparent;                                                             
}            
#user-tabs.custom-tabs ul.ui-tabs-nav,
#advert-tabs.custom-tabs ul.ui-tabs-nav {
    position: sticky;
    top: -88px;
    z-index: 99;
}             
                    
.custom-tabs .ui-tabs-nav::before {
    border-bottom: var(--border-color) 1px solid; 
    display: block;     
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}     
.custom-tabs .ui-tabs-nav:after {
    clear: both;     
    content: "";     
    display: table;  
    line-height: 0;
}       
.custom-tabs .ui-tabs-nav li {  
    display: inline-block;
    list-style: none outside none;   
    position: relative;
    margin: 1px -4px -1px 0;
    padding: 0;
    top: 0;   
    border: none;     
    border-bottom: transparent 2px solid; 
    line-height: 26px;   
    white-space: nowrap; 
    cursor: pointer;   
    word-spacing: 0;
}    
.custom-tabs .ui-tabs-nav li.blink,
.custom-tabs .ui-tabs-nav li.blink a {
    color: #999;
}                   
.custom-tabs .ui-tabs-nav li.blink-2,
.custom-tabs .ui-tabs-nav li.blink-2 a {  
    color: var(--primary-bg-color);  
}       
.custom-tabs .ui-tabs-nav li.tab-right {  
    float: right;
    margin-right: 0;
    margin-top: -34px !important;
} 
@media screen and (-webkit-min-device-pixel-ratio:0) {  
    .custom-tabs .ui-tabs-nav li.tab-right {  
        margin-top: 1px !important;               
    }
}            
.custom-tabs .ui-tabs-nav li:hover,  
.custom-tabs .ui-tabs-nav li.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.ui-tabs-active:hover {  
    margin-bottom: 0;
    padding-bottom: 0;   
}         
.custom-tabs .ui-tabs-nav li:hover {  
    border-bottom: var(--border-color) 2px solid;   
}     
.custom-tabs .ui-tabs-nav li.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.ui-tabs-active:hover {   
    background-color: var(--bg-color);   
    color: var(--border-color);  
    border-bottom: var(--primary-bg-color) 2px solid;     
    z-index: 1;
    cursor: default;      
}     
.custom-tabs .ui-tabs-nav li.tab-unsplash.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-unsplash.ui-tabs-active:hover {     
    border-bottom-color: #FFCC66;
}      
.custom-tabs .ui-tabs-nav li.tab-pixabay.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-pixabay.ui-tabs-active:hover {     
    border-bottom-color: #4CA84C;
}         
.custom-tabs .ui-tabs-nav li.tab-pexels.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-pexels.ui-tabs-active:hover {     
    border-bottom-color: #05A081;
}      
.custom-tabs .ui-tabs-nav li.tab-facebook.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-facebook.ui-tabs-active:hover {     
    border-bottom-color: #4267B2;
}        
.custom-tabs .ui-tabs-nav li.tab-black.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-black.ui-tabs-active:hover {     
    border-bottom-color: #444444;
}      
.custom-tabs .ui-tabs-nav li.tab-red.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-red.ui-tabs-active:hover {     
    border-bottom-color: #ED1C24;
}      
.custom-tabs .ui-tabs-nav li.tab-green.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-green.ui-tabs-active:hover {     
    border-bottom-color: #00C144;
}      
.custom-tabs .ui-tabs-nav li.tab-blue.ui-tabs-active,
.custom-tabs .ui-tabs-nav li.tab-blue.ui-tabs-active:hover {     
    border-bottom-color: #0099FF;
}    
.custom-tabs .ui-tabs-nav li a {  
    color: rgba(0, 0, 0, 0.5);  
    display: block;
    padding: 7px 25px;
    position: relative;  
    font-size: 16px;
    font-weight: 400;
    top: 0;
    height: 26px;
    white-space: nowrap;
    text-decoration: none;   
    transition: all 0.2s linear;  
}        
.custom-tabs .ui-tabs-nav li:not(.ui-state-active) a:hover {     
    background: var(--bg-variant-color);
    color: var(--hover-color);
}              
.custom-tabs .ui-tabs-nav li:not(.ui-state-active) a:focus {     
    background: var(--border-color);
    color: var(--hover-color);
}            
.custom-tabs .ui-tabs-nav li a i.fa {
    font-size: 22px;
    vertical-align: sub;
}              
.custom-tabs .ui-tabs-nav li a i.mdi {
    font-size: 24px;
    vertical-align: sub;
}      
       
.custom-tabs .ui-tabs-nav li a::after {
    content:"";
}              
.custom-tabs .ui-tabs-nav li.ui-tabs-active a,
.custom-tabs .ui-tabs-nav li.ui-tabs-active.blink a,
.custom-tabs .ui-tabs-nav li.ui-tabs-active.blink-2 a,
.custom-tabs .ui-tabs-nav li.ui-tabs-active a:hover,
.custom-tabs .ui-tabs-nav li.ui-tabs-active.blink a:hover,
.custom-tabs .ui-tabs-nav li.ui-tabs-active.blink-2 a:hover  {  
    color: var(--primary-bg-color);  
}             
.custom-tabs .ui-tabs-nav li a.special i.fa,
.custom-tabs .ui-tabs-nav li.ui-tabs-active a.special i.fa,
.custom-tabs .ui-tabs-nav li.ui-tabs-active a.special:hover i.fa,
.custom-tabs .ui-tabs-nav li a.special i.mdi,
.custom-tabs .ui-tabs-nav li.ui-tabs-active a.special i.mdi,
.custom-tabs .ui-tabs-nav li.ui-tabs-active a.special:hover i.mdi {    
    color: var(--primary-bg-color);  
}                  
.custom-tabs .ui-tabs-nav li a i.fa-align-left {   
    font-size: 14px;
}       
.custom-tabs .ui-tabs-nav li a.special:hover i.fa,
.custom-tabs .ui-tabs-nav li a.special:hover i.mdi {  
    color: var(--primary-bg-color);  
}     
.custom-tabs .ui-tabs-nav li.tab-unsplash.ui-tabs-active a {     
    color: #FFCC66;
}     
.custom-tabs .ui-tabs-nav li.tab-pixabay.ui-tabs-active a {     
    color: #4CA84C;
}     
.custom-tabs .ui-tabs-nav li.tab-pexels.ui-tabs-active a {     
    color: #05A081;
}      
.custom-tabs .ui-tabs-nav li.tab-facebook.ui-tabs-active a {     
    color: #4267B2;
}       
.custom-tabs .ui-tabs-nav li.tab-black.ui-tabs-active a {      
    color: #444444;
}      
.custom-tabs .ui-tabs-nav li.tab-red.ui-tabs-active a {      
    color: #ED1C24;
}      
.custom-tabs .ui-tabs-nav li.tab-green.ui-tabs-active a {      
    color: #00C144;
}       
.custom-tabs .ui-tabs-nav li.tab-blue.ui-tabs-active a {     
    color: #0099FF;
} 
.custom-tabs .ui-tabs-nav li i.close-tab {  
    background: var(--bg-variant-color);
    color: var(--txt-color);
    position: absolute;                     
    top: 100px;   
    right: -5px;
    border: var(--border-color) 1px solid;     
    font-size: 18px;
    line-height: 19px; 
    text-align: center;
    width: 22px;  
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;   
    word-spacing: 0;  
    transition: background 0.2s linear,  color 0.2s linear,  opacity 0.2s linear;  
    opacity: 0;
    z-index: 99;
}           
.custom-tabs .ui-tabs-nav li:hover i.close-tab {  
    top: 0;   
    opacity: 1;
}            
.custom-tabs .ui-tabs-nav li i.close-tab:hover {  
    background: var(--primary-bg-color);
    color: var(--primary-txt-color);
}     

#additional-tabs.custom-tabs .ui-tabs-nav {
    margin-top: 0 !important;     
    padding: 0;
}        
#additional-tabs.custom-tabs .ui-tabs-nav li a {
    padding: 7px 11px;
}         
#additional-tabs.custom-tabs .ui-tabs-nav li a .mdi {
    font-size: 19px;
}   

#dialog-tabs.custom-tabs .ui-tabs-nav li a {
    padding: 7px 15px;
}   
    
.mdi-rotate-a {
    -webkit-animation: spin 3s linear infinite !important;
    -moz-animation: spin 3s linear infinite !important;
    animation: spin 3s linear infinite !important;
}    
.mdi-blink {
    -webkit-animation: all 0.4s linear;
    -moz-animation: all 0.4s linear;
    animation: all 0.4s linear;
}      
.mdi-blink.mdi-blink-2 {
    color: var(--primary-bg-color);  
}      
.mdi-blink.mdi-blink-error.mdi-blink-2 {
    color: #ED1C24;
}   
.mdi-facebook-box::before {
    content: "\F020C";
} 
.mdi-settings::before {
    content: "\F0493";
}
.mdi-cellphone-android::before {
    content: "\F011C";
}
.mdi-telegram::before {
    content: "\F0390";
    -webkit-transform: translateX(6%) translateY(-4%) rotate(22deg);
    -ms-transform: translateX(6%) translateY(-4%) rotate(22deg);
    transform: translateX(6%) translateY(-4%) rotate(22deg);
}
.mdi-flash-circle::before {
    content: "\F0820";   
}       
.mdi-text-subject::before {
    content: "\F09AA";   
}         
.mdi-textbox::before {
    content: "\F060E";   
}         
.mdi-x {              
    background-image: url(/_i/icon-20-p-soc-x.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    min-width: 24px;
}       
.mdi-x::before {
    content: " ";   
}               

#dialog-tabs.custom-tabs.silver .ui-tabs-nav li.ui-tabs-active  {
    background: #F6F6F6;
}

.MGLEd_panel {
    height: 100px;    
    overflow: hidden; 
}  

#containers-list {
    display: block;
}    
#containers-tabs .ui-tabs-nav {
    background: #F6F6F6;
    padding: 0;
    margin-bottom: 0;
    display: flex;
}     
#containers-tabs .ui-tabs-nav li {
    flex: auto;  
    margin: 0;
}     
#containers-tabs .ui-tabs-nav li a {
    padding: 7px 12px;      
}      
#containers-list .containers-tree {
    padding: 5px 0 !important;
}  
.containers-tree {
    overflow: scroll;  
    overflow-x: auto;  
    height: 315px; 
    width: 100%; 
    font-size: 16px;   
    font-weight: 300;  
    line-height: 28px;
}    
.containers-tree ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0 0 0 10px;     
    transition: all 0.2s linear;     
}     
.containers-tree ul ul {     
    margin-left: 21px;   
    padding: 0;
}   
.containers-tree ul li {          
    display: block;
    margin: 0;
    padding: 0;
}     
.containers-tree li.cntr-no {
    display: none;
}       
.containers-tree ul li a {
    color: #111;    
    padding: 3px 5px 2px 5px;
    border-bottom: rgba(0, 0, 0, 0) 1px solid;
    text-decoration: none;  
    transition: all 0.2s linear;  
}      
.containers-tree ul li a:hover {   
    padding: 3px 5px 2px 5px;
    border-bottom: var(--primary-bg-color) 1px solid;
    color: #000;
}       
.containers-tree ul li a:focus {    
    background: var(--primary-bg-color);  
    color: var(--primary-txt-color);
    border-radius: 4px;
}      
.containers-tree ul li a:focus,
.containers-tree ul li a:focus:hover {    
    border-bottom: transparent 1px solid;
}   
.containers-tree ul li span {
    color: #AAA;   
    padding: 3px 0;
}     
.containers-tree ul li span.nd {
    color: #AAA;   
}    
.containers-tree ul li .mdi {   
    color: #EEE;
    display: inline-block;
    width: 13px;
    text-align: left;  
    transition: all 0.2s linear;   
    margin-right: 3px;  
    font-size: 15px; 
}      
.containers-tree ul li .mdi.pointer {   
    color: #AAA;
}     
.containers-tree:hover ul li .mdi {            
    color: #AAA;
}     
.containers-tree:hover ul li .mdi.pointer {            
    color: #333;
}     
.containers-tree ul li .mdi.pointer:hover {   
    color: #111;
}    
     

/* dialog */

.dialog-alert .ui-dialog-titlebar {
    display :none;
}    
.dialog-messagebox .ui-dialog-buttonset button {
    margin-left: 2px;       
    margin-right: 2px; 
}
.dialog-text {
    text-align: center;
    padding: 20px 24px;  
    font-size: 16px; 
    line-height: 24px;
    display: block;
}   
.dialog-icon-text td.dialog-icon {  
    vertical-align: top;
    padding: 20px 20px 22px 20px;                                                                         
    text-align: left; 
    font-size: 40px; 
    line-height: 40px;
}   
.dialog-icon-text td.dialog-text {
    text-align: left;       
    vertical-align: middle;
    padding: 20px 24px 20px 0; 
}     
.dialog-icon-text td.dialog-text strong {  
    font-size: 20px; 
    text-align: left;       
    padding: 0; 
    display: block;
    margin-bottom: 12px;
}          
.dialog-icon-text td.dialog-text br {  
    display: block;
    margin: 2px 0;
    content: " ";
}  
.dialog-iframe {       
    outline: none; 
    border: none;
    padding: 0;
    margin: 0;
}

/* ui-dialog */ 

.ui-dialog {             
    background-color: var(--bg-color);   
    border: var(--border-color) 1px solid;   
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    -ms-border-radius: 6px; 
    -o-border-radius: 6px; 
    border-radius: 6px;      
    transition: opacity 150ms ease-in 0s;
    z-index: 9999;
    margin-top: -50px;       
}     
.ui-dialog.dialog-full-height {       
    border: none;   
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -ms-border-radius: 0; 
    -o-border-radius: 0; 
    border-radius: 0;      
}   
.ui-dialog-titlebar {     
    background: var(--bg-color);  
    border-bottom: var(--border-color) 1px solid;
    padding: 11px 15px;
    position: relative;  
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
}      
.ui-dialog.dialog-full-height .ui-dialog-titlebar {     
    padding: 11px 15px 11px 50px;
}         
.ui-dialog-title {
    color: var(--txt-color);
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding-right: 30px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  
}
.ui-dialog-titlebar-close {               
    background-color: transparent;  
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAGJJREFUSMdjYBgFIxb8Z2BguMXAwCBNhFoJBgaGa1A9RINbRFoijaaWaIDsKlyWEKOGbEsoNhyfQVQzHAbQw5nY+CHbJyQZzkQtFwzaIKJpJNM0mdI8o9G8qKB5YTcKhhEAALIiRK7iDodQAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAyLTEwVDIxOjMwOjM1KzAwOjAwSYXnEAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMi0xMFQyMTozMDozNSswMDowMDjYX6wAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2stUHY2dWRGMW683kCcAAAAAElFTkSuQmCC'); 
    background-position: center center;  
    background-repeat: no-repeat; 
    cursor: pointer;
    border: none;  
    float: right;
    display: block;    
    width: 36px;             
    height: 36px;   
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-top: -30px; 
    margin-right: -5px; 
    padding: 0;
    text-align: center;    
    text-indent: -9999999999px; 
    box-shadow: none;     
    transition: all 0.2s linear;  
    border-radius: 100%;
}       
.ui-dialog.dialog-full-height .ui-dialog-titlebar-close {       
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAFNJREFUSMdjYBgFQw1EMzAw1NHS8D8MDAz/GRgYHKhteBgDA8NvqOH1o4YPL8PJwSiAidquI8cXHaOWjBxLyCrsWEiwYCmUVmZgYDhAK1+MAuoDAABzMxr+W5/GAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTAzLTA2VDE5OjI0OjA4KzAwOjAwhKk1/QAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wMy0wNlQxOToyNDowOCswMDowMPX0jUEAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2stbTliR29DM26/V4XPAAAAAElFTkSuQmCC'); 
    float: left;
    margin-top: -30px; 
    margin-left: -40px; 
}  
.ui-dialog-content {
    padding: 10px;  
    position: relative;
}   
.ui-dialog-content {
    padding: 0px;
}     
.ui-dialog-content iframe.dialog-iframe {
    background: #F6F6F6;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: none;
}    
.ui-dialog-buttonset {
    background: #FFF;
    padding: 15px;  
    margin: 0;
    text-align: right;  
    border-radius: 0 0 6px 6px;   
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
}       
.ui-dialog-buttonset button {
    min-width: 75px;
}
.dialog-alert .ui-dialog-buttonset {
    text-align: right;
}

/* ui-widget */      
  
.ui-widget-overlay {      
    background: rgba(0,0,0,.32);
    position: fixed;
    left: 0;
    top: 0;      
    right: 0;
    bottom: 0;
    width: 100%; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;   
    z-index: 9998;       
}   

/* ui-datepicker */ 
       
#ui-datepicker-div {
    z-index: 30;
    min-width: 200px;
}

.ui-datepicker {             
    background-color: #FFF;    
    border: var(--border-color) 1px solid;   
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
    border-radius: 6px;      
    transition: opacity 150ms ease-in 0s;
    z-index: 9999;    
    width: auto !important;   
} 
.ui-datepicker-group {
    float: left;
    min-height: 255px;
}  
.ui-datepicker-group-middle {
    border-left: var(--border-color) 1px solid;
    border-right: var(--border-color) 1px solid;
}                                     
.ui-datepicker-group.ui-datepicker-group-first .ui-datepicker-header,
.ui-datepicker-group.ui-datepicker-group-first .ui-datepicker-calendar {
    padding-left: 22px;
}                                  
.ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-calendar {
    padding-right: 22px;
}    
     
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {  
    background-color: transparent; 
    position: absolute;     
    width: 50px; 
    height: 50px;
}
.ui-datepicker-header .ui-datepicker-prev {   
    left: 0;
}      
.ui-datepicker-header .ui-datepicker-next { 
    right: 0;
}                             
.ui-datepicker-header .ui-icon.ui-icon-circle-triangle-w,
.ui-datepicker-header .ui-icon.ui-icon-circle-triangle-e {
    background: url(/_i/icon-20-c-arrow-left.png) center center no-repeat;
    color: #FFF;
    display: block;
    position: absolute;
    width: 50px; 
    height: 50px;
    text-indent: -999999px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
}           
.ui-datepicker-header .ui-icon.ui-icon-circle-triangle-e {   
    background-image: url(/_i/icon-20-c-arrow-right.png);
}                      
.ui-datepicker-header .ui-icon.ui-icon-circle-triangle-w:hover,
.ui-datepicker-header .ui-icon.ui-icon-circle-triangle-e:hover {  
    background-color: rgba(0, 0, 0, 0.04);
}       
.ui-datepicker-buttonpane {
    clear: both;
}

.ui-datepicker-header,
.ui-timepicker-div .ui-datepicker-title {   
    border-bottom: var(--border-color) 1px solid;  
    height: 50px;
    overflow: hidden;
    text-align: center;       
    padding-left: 10px;     
    padding-right: 10px; 
    position: relative;
}         
.ui-datepicker-group-first .ui-datepicker-header {
    border-top-left-radius: 6px;
}                        
.ui-datepicker-group-last .ui-datepicker-header {
    border-top-right-radius: 6px;
}
.ui-datepicker-header .ui-datepicker-title {
    margin-top: 14px;
}                              
.ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year,
.ui-datepicker-header .ui-datepicker-title span.ui-datepicker-month {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px; 
}                          
.ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year {
    color: #999;
}                               
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year,
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
    font-size: 16px;
    line-height: 20px; 
    border: var(--border-color) 1px solid;
}                              
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year:hover,
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year:focus,
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month:hover, 
.ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month:focus {
    border: var(--border-color) 1px solid;
}   
.ui-datepicker-buttonpane {
    width: auto;
}     
.ui-datepicker-buttonpane button {
    margin: 9px 0 0 4px;
}
.ui-datepicker-calendar {
    margin: 0;
    padding: 10px 20px 20px 20px;
}       
.ui-datepicker-calendar a,
.ui-datepicker-calendar .ui-datepicker-unselectable span {
    text-decoration: none;  
    padding: 0 8px 0 0;   
    margin: 0; 
    border-radius: 100%;   
    display: block;   
}                     
.ui-datepicker-calendar a {
    color: #333;
}     
.ui-datepicker-calendar a:hover {    
    background-color: #F5F5F5;     
}            
.ui-datepicker-calendar .ui-datepicker-unselectable span {
    opacity: 0.25;
}                                                  
.ui-datepicker-group-first .ui-datepicker-header,
.ui-datepicker-group-first .ui-datepicker-calendar {
    border-left: none;
}                        
.ui-datepicker-group-last .ui-datepicker-header, 
.ui-datepicker-group-last .ui-datepicker-calendar {
    border-right: none;
}      
.ui-datepicker-calendar thead th {
    border-bottom: var(--border-color) 1px solid;
    padding: 0 7px 8px 0;
}          
.ui-datepicker-calendar tbody {
    min-height: 140px;
}        
.ui-datepicker-calendar tbody tr:first-child td {
    padding-top: 8px;
}   
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {   
    border: none;
    text-align: right;   
    padding: 0;
    width: 34px;
    height: 34px;   
    line-height: 34px;
    box-sizing: border-box;
}   
.ui-datepicker-calendar .ui-datepicker-week-col {
    color: var(--fade-color);
    padding-right: 6px;
}     
.ui-datepicker-calendar th.ui-datepicker-week-col {
    color: transparent;
}      
.ui-datepicker-calendar .ui-datepicker-week-end,
.ui-datepicker-calendar .ui-datepicker-week-end a {     
    color: #5C84D6;
}           
.ui-datepicker-calendar .ui-datepicker-week-end:last-child,
.ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
    color: #CC0033;
}   
.ui-datepicker-calendar .ui-datepicker-today a {
    background-color: #5C84D6;               
    color: #FFF !important;
}    
.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day a {
    background-color: var(--primary-bg-color);     
    color: var(--primary-txt-color) !important;
}          
                       
.ui-datepicker .ui-timepicker-div {      
    clear: both;
    border-top: var(--border-color) 1px solid; 
    padding: 10px 20px 10px 20px;
    min-width: 300px;
}
.ui-datepicker-multi .ui-timepicker-div {  
    border-top: var(--border-color) 1px solid; 
    padding: 9px 362px 0 284px;
}
.ui-timepicker-div .ui-widget-header { 
    margin-bottom: 8px; 
}
.ui-timepicker-div dl { 
    text-align: left; 
}
.ui-timepicker-div dl dt { 
    float: left; 
    clear:left; 
    padding: 0 0 0 5px; 
}                        
.ui-timepicker-div dl dt.ui_tpicker_time_label { 
    opacity: 0;
}                
.ui-timepicker-div dl dt.ui_tpicker_hour_label,
.ui-timepicker-div dl dt.ui_tpicker_minute_label { 
    padding-top: 8px;   
}                
.ui-timepicker-div dl dd { 
    margin: 0 10px 0 100px; 
}                      
.ui-timepicker-div dl dd.ui_tpicker_time { 
    padding-bottom: 10px;
    font-weight: 400;
}         
.ui-timepicker-div td { 
    font-size: 90%; 
}
.ui-tpicker-grid-label { 
    background: none; 
    border: none; 
    margin: 0; 
    padding: 0; 
}    

.ui-datepicker-buttonpane {
    margin: 0;
    padding: 0 10px 10px 0;
    text-align: right;  
    border-bottom-left-radius: 6px; 
    border-bottom-right-radius: 6px;
} 
.ui-datepicker-buttonpane button {
    margin: 0 0 0 0;
    min-width: 80px;
} 

/* ui-slider */

.ui-slider {          
    position: relative; 
    text-align: left; 
    border: none;     
    box-sizing: border-box;
    border-radius: none; 
    box-shadow: none;
    /* resize: none; */
    transition: none;
    white-space: normal;    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;    
}
.ui-slider .ui-slider-handle {  
    background-color: var(--primary-bg-color);
    border: none;
    outline: none;
    color: #333333;
    cursor: pointer;
    box-shadow: none;
    border-radius: 100%;  
    position: absolute; 
    z-index: 2; 
    width: 10px; 
    height: 10px;  
    user-select: none;        
}
.ui-slider .ui-slider-range { 
    position: absolute; 
    z-index: 2; 
    font-size: .7em; 
    display: block; 
    border: 0; 
    background-position: 0 0; 
}         
.ui-slider-horizontal { 
    height: 36px; 
}      
.ui-slider-horizontal::after {    
    background-color: var(--primary-bg-color);
    position: absolute;    
    display: block;   
    top: 50%;
    left: 0;
    right: 0;
    content: "";
    transform: translateY(-50%);
    height: 2px;      
    z-index: 1; 
}
.ui-slider-horizontal .ui-slider-handle { 
    top: 50%;
    transform: translateY(-50%);
    margin-left: -5px;
}
.ui-slider-horizontal .ui-slider-range { 
    top: 0; 
    height: 100%; 
}
.ui-slider-horizontal .ui-slider-range-min { 
    left: 0; 
}
.ui-slider-horizontal .ui-slider-range-max { 
    right: 0; 
}

.ui-slider-vertical { 
    width: .8em; 
    height: 100px; 
}
.ui-slider-vertical .ui-slider-handle { 
    left: -.3em; 
    margin-left: 0; 
    margin-bottom: -.6em; 
}
.ui-slider-vertical .ui-slider-range { 
    left: 0; 
    width: 100%; 
}
.ui-slider-vertical .ui-slider-range-min { 
    bottom: 0; 
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0; 
}  
         
.label-counter {
    padding-right: 10px;  
    float: right; 
}
.label-counter::after,
.label-counter::before {
    content: "[ ";
    color: #999;
    font-weight: 300;
}             
.label-counter::after {
    content: " ]";
}
  
.CodeMirror {        
    font-family: monospace !important;
    font-size: 14pt;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C5C5C5;   
    box-sizing: border-box;
    border-radius: 4px; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;   
    color: #000000; 
    line-height: 23px;
    /* resize: none; */
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    outline: none;
} 
.fg-control .CodeMirror, 
.fg-label-control .CodeMirror {
    margin-top: 5px;     
    margin-bottom: 5px;
}   
.fg-control.has-CodeMirror-edit .CodeMirror, 
.fg-control-row.has-CodeMirror-edit .CodeMirror, 
.fg-label-control.has-CodeMirror-edit .CodeMirror {  
    background: var(--bg-color) center bottom no-repeat;
    background-image: linear-gradient(var(--primary-bg-color), var(--primary-bg-color));
    background-size: 0 2px;
    box-shadow: none;   
    margin-top: 0;     
    margin-bottom: 0;  
    padding: 5px 0;
    border: rgba(0, 0, 0, 0) 1px solid;    
    border-bottom-color: rgba(0, 0, 0, 0.12);
    transition: border 0.2s linear, background 0.2s linear;
}                 
.fg-control.has-CodeMirror-edit .CodeMirror.CodeMirror-focused, 
.fg-control-row.has-CodeMirror-edit .CodeMirror.CodeMirror-focused, 
.fg-label-control.has-CodeMirror-edit .CodeMirror.CodeMirror-focused {   
    background-size: 100% 2px;
    border-bottom-color: rgba(0, 0, 0, 0);
}            
.fg-control.has-CodeMirror-edit-ah .CodeMirror,  
.fg-control-row.has-CodeMirror-edit-ah .CodeMirror, 
.fg-label-control.has-CodeMirror-edit-ah .CodeMirror {   
    height: auto;
} 
.CodeMirror-selected { 
    background: #DEDEDE !important; 
}
.CodeMirror-focused .CodeMirror-selected,
.CodeMirror-focused .CodeMirror-selected * { 
    background: #AED7FF !important;  
}
.CodeMirror pre.CodeMirror-placeholder {
    font-family: Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #999 !important;  
}                
.fg-control.has-CodeMirror-edit .CodeMirror.CodeMirror-focused pre.CodeMirror-placeholder, 
.fg-control-row.has-CodeMirror-edit .CodeMirror.CodeMirror-focused pre.CodeMirror-placeholder, 
.fg-label-control.has-CodeMirror-edit .CodeMirror.CodeMirror-focused  pre.CodeMirror-placeholder {   
    color: var(--primary-bg-color) !important;  
}      
.CodeMirror-line::selection, 
.CodeMirror-line > span::selection, 
.CodeMirror-line > span > span::selection { 
    background: #AED7FF !important;  
}
.CodeMirror-line::-moz-selection, 
.CodeMirror-line > span::-moz-selection, 
.CodeMirror-line > span > span::-moz-selection { 
    background: #AED7FF !important; 
}  
div.CodeMirror span.CodeMirror-matchingbracket {  
    background: #FFFF00 !important;      
    color: #F00 !important; 
}    
       
.svr-state:before {
    background: #333;  
    font-family: "Material Design Icons";
    content: "\F01D8";
    color: #FFF;
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;  
    border-radius: 4px; 
    margin-top: 38px;
}     
.svr-public::before {
    background: #4DA829;  
    content: "\F040A";
    color: #FFF;
}    
.svr-waiting::before {
    background: #0099FF;   
    content: "\F0150"; 
    color: #FFF;
}     
.svr-old::before {
    background: #CCC; 
    content: "\F051E";  
    color: #FFF;
}      
.svr-warning::before { 
    background: #ED1C24;  
    content: "\F05D6"; 
    color: #FFF;
}
    
#fullpage-calendar {  
    position: relative;
    border: none;
    margin-top: -1px;
}    
#fullpage-calendar tr,
#fullpage-calendar td {
    height: 100%;
    padding: 0;
    vertical-align: top;
}    
                       
#fullpage-calendar .fc-day-header {
    line-height: 25px;
}          
#fullpage-calendar .fc-highlight {
    background-color: #EEE;    
}              
#fullpage-calendar .fc-today,
#fullpage-calendar .fc-today a.fc-day-number {
    background-color: transparent;
    color: #ED1C24;
}            
#fullpage-calendar td.fc-other-month {
    background-color: #F5F5F5;
}             
#fullpage-calendar .fc-day-number {
    font-weight: 400;
}               
#fullpage-calendar .fc-event {
    line-height: 20px;
    font-size: 14px;
}     
#fullpage-calendar .fc-day-grid-event {
    margin: 2px 2px 0;
    padding: 0 10px;
}      
#fullpage-calendar .fc-event-allday .fc-time {
    display: none;
}  
.calendar-tabs-mode-buttons {
    display: none;
}   
.fullpage.inp150 .calendar-tabs-mode-buttons {
    display: inline-block;
}   

.fullpage-editor {     
    background: var(--workspace-bg-color);
    position: fixed;
    top: -50px;
    left: -50px;
    width: 0;
    height: 0;
    z-index: 9999999;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}        
.fullpage-editor.visible {    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}       
   
.fullpage-editor-area {                              
    display: flex;
    width: 100vw;
    height: 100vh;
}           
.fullpage-editor-area .preview {  
    position: relative;
    width: calc(100% - 360px);
    height: 100vh;    
    display: flex;       
}          
.fullpage-editor-area .preview-block {    
    display: block;       
}                                        
.fullpage-editor-area .preview .canvas-area,
.fullpage-editor-area .preview .cropper-area {
    display: flex;
    overflow: hidden;
    justify-content: center;
    width: 100%;
    height: 98%;
    margin: auto;
}
.fullpage-editor-area .preview #canvas {  
    margin: auto;
    max-height: 100%;
    overflow: auto;
}           
.fullpage-editor-area .side-bar {  
    width: 360px;
    height: 100vh;
    overflow: hidden;  
    position: relative;
}            
.fullpage-editor-area.size-400 .preview {  
    width: calc(100% - 400px);
}          
.fullpage-editor-area.size-400 .side-bar {  
    width: 400px;
}                           
.fullpage-editor-area .custom-tabs {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}                                
.fullpage-editor-area .custom-tabs.visible {
    opacity: 1;
}                                              
.fullpage-editor-area .custom-tabs .ui-tabs-nav {       
    padding: 0;                                    
    margin-top: 60px;
    display: flex;       
    flex-direction: row;
    justify-content: stretch;
}                              
.fullpage-editor-area .custom-tabs .ui-tabs-nav li {  
    line-height: 25px;
    text-align: center;    
    flex: 1;   
}        
.fullpage-editor-area .side-bar .top-buttons {
    position: absolute;
    top: 10px;
    left: 10px;     
    display: none;  
    z-index: 101;                      
}            
.modified .fullpage-editor-area .top-buttons {
    display: block;             
}                          
.fullpage-editor-area .side-bar #button-close {
    position: absolute;
    top: 10px;
    right: 10px;           
    z-index: 101;  
}                
.fullpage-editor-area .side-bar div.options,                
.fullpage-editor-area .side-bar div[data-tab] {  
    overflow: hidden;
    overflow-y: auto;                
    position: absolute;
    top: 140px;   
    left: 0;
    right: 0;    
    bottom: 0;   
}  
.fullpage-editor-area .side-bar div.options:not([data-tab]) {  
    top: 100px; 
}      
.fullpage-editor-area .side-bar div.options.top:not([data-tab]) {  
    top: 75px; 
}                                                   
.fullpage-editor-area .side-bar div.options .images-list ul,
.fullpage-editor-area .side-bar div[data-tab="filters"] ul { 
    list-style: none;
    margin: 0;
    padding: 0 2px 20px 10px;
    display: flex;           
    flex-direction: row;
    justify-content: stretch;
    flex-wrap: wrap;
}                         
.fullpage-editor-area .side-bar div.options .images-list ul li,
.fullpage-editor-area .side-bar div[data-tab="filters"] ul li { 
    width: 33.3%;     
    text-align: center;
    padding: 10px 0 5px 0;                             
    color: #BDC1C6;
    font-size: 12px;   
    transition: all 0.2s ease-in-out;
}                                                              
.fullpage-editor-area .side-bar div.options .images-list ul li::after,
.fullpage-editor-area .side-bar div[data-tab="filters"] ul li::after { 
    content: attr(data-filter-name);
    text-align: center;
    display: block;
    padding: 4px 2px 0 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}                                                              
.fullpage-editor-area .side-bar div.options .images-list ul li::after { 
    content: attr(data-filename);
}                                                         
.fullpage-editor-area .side-bar div.options .images-list ul li,
.fullpage-editor-area .side-bar div[data-tab="filters"] ul li {   
    cursor: pointer;    
}                                                                
.fullpage-editor-area .side-bar div.options .images-list ul li[data-selected="true"],
.fullpage-editor-area .side-bar div[data-tab="filters"] ul li[data-selected="true"] {   
    cursor: default;    
}                        
.fullpage-editor-area .side-bar div.options .images-list ul li img,
.fullpage-editor-area .side-bar div[data-tab="filters"] ul li img {   
    object-fit: cover;
    width: 96px;
    height: 96px;
    margin: 5px;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 0.2s linear;
}                                                                                   
.fullpage-editor-area .side-bar div.options .images-list ul li[data-selected="true"] img,
.fullpage-editor-area .side-bar div[data-tab="filters"] ul li[data-selected="true"] img {   
    width: 106px;
    height: 106px;
    margin: 0;    
    border-radius: 5px; 
}                                                   
.fullpage-editor-area .side-bar div.options,      
.fullpage-editor-area .side-bar div[data-tab="blur"],
.fullpage-editor-area .side-bar div[data-tab="cropper"],
.fullpage-editor-area .side-bar div[data-tab="settings"] {   
    padding: 0 20px 20px 20px;
}                                                            
.fullpage-editor-area .side-bar div[data-tab="blur"] label,
.fullpage-editor-area .side-bar div[data-tab="settings"] label {  
    display: block;
    padding: 20px 0 0 0;
    clear: both;        
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}                                                                         
.fullpage-editor-area .side-bar div[data-tab="blur"] .edit[type="range"],
.fullpage-editor-area .side-bar div[data-tab="settings"] .edit[type="range"] {  
    width: 80%;     
    margin: 0;
}                                                            
.fullpage-editor-area .side-bar div[data-tab="blur"] output,
.fullpage-editor-area .side-bar div[data-tab="settings"] output {  
    width: 14%;
    float: right;
    opacity: 0.7;
    line-height: 30px;  
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}            
.fullpage-editor-area .side-bar div[data-tab="cropper"] img {
    margin-bottom: 20px;
}                                   
.fullpage-editor-area .side-bar div[data-tab="cropper"] td {
    color: #BDC1C6;   
    font-size: 12px;  
    line-height: 17px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
}                                     
.fullpage-editor-area .side-bar div[data-tab="cropper"] .buttons {
    line-height: 37px
}                   
.picture-editor-dialog .edit[type="range"] {      
    background-color: inherit !important;                          
}   
.fullpage-editor-area .side-bar div[data-tab="blur"] {
    top: 90px;
}                             
.fullpage-editor-area .image-preview-color-palette {
    margin-top: 10px;
}                   
.fullpage-editor-area .image-preview-color-palette b {
    margin-right: 6px;
}         
         
.fullpage-editor-area .side-bar .options-row {  
    margin-bottom: 20px;              
}         
.fullpage-editor-area .side-bar .options-row label {  
    display: block;         
    margin-bottom: 5px;              
}   
.fullpage-editor-area .side-bar .edit {  
    margin-bottom: 0;              
}           
.fullpage-editor-area .side-bar .fg-block-element-adv::before {  
    left: 0;              
    right: 0;              
}    
.fullpage-editor-area .side-bar .fg-block-element-adv .fg-row {  
    padding-left: 0;              
}                 
                  

.fullpage-editor-area.fullpage-editor-area-dark {
    background: #000;
}              
.fullpage-editor-area.fullpage-editor-area-dark .side-bar {  
    background: #202124;                       
    color: #D8D8D8;
}                              
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li a,  
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li a:hover {          
    background: inherit !important;                          
    color: #D8D8D8 !important;
}                              
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li.ui-tabs-active a,  
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li.ui-tabs-active a:hover {    
    background: inherit !important;                        
    color: #FFF !important;
}        
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs,
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav,         
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li, 
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li:hover, 
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li.ui-tabs-active, 
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li.ui-tabs-active:hover {
    background: inherit !important;
}       
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav::before {
    border-bottom-color: #202124;
}     
.fullpage-editor-area.fullpage-editor-area-dark .custom-tabs .ui-tabs-nav li:not(.ui-state-active):hover {
    border-bottom-color: #444;
}   
.fullpage-editor-area.fullpage-editor-area-dark .side-bar div.options .images-list ul li:hover,
.fullpage-editor-area.fullpage-editor-area-dark .side-bar div.options .images-list ul li[data-selected="true"],                               
.fullpage-editor-area.fullpage-editor-area-dark .side-bar div[data-tab="filters"] ul li:hover,
.fullpage-editor-area.fullpage-editor-area-dark .side-bar div[data-tab="filters"] ul li[data-selected="true"],
.fullpage-editor-area.fullpage-editor-area-dark .side-bar .edit:focus,
.fullpage-editor-area.fullpage-editor-area-dark .side-bar select.edit optgroup option {
    color: #FFF;
}          
.fullpage-editor-area.fullpage-editor-area-dark .side-bar #button-close {
    color: #D8D8D8 !important; 
}    
.fullpage-editor-area.fullpage-editor-area-dark .side-bar #button-close:hover {                        
    color: #FFF !important;
}   
.fullpage-editor-area.fullpage-editor-area-dark .side-bar .edit {  
    background-color: #202124;
    color: #D8D8D8;
    border-bottom-color: #A0A1A2;
}            
.fullpage-editor-area.fullpage-editor-area-dark .side-bar div.options .images-list ul li img,
.fullpage-editor-area.fullpage-editor-area-dark .side-bar div[data-tab="filters"] ul li img {   
    background: #FFF;  
}    
.fullpage-editor-area.fullpage-editor-area-dark .image-preview-color-palette b:not(.selected) {
    border: var(--bg-variant-color-50a) 2px solid;  
}   
.fullpage-editor-area.fullpage-editor-area-dark .side-bar select.edit[size="1"],  
.fullpage-editor-area.fullpage-editor-area-dark .side-bar select.edit:not([size]) {   
    background-image: url(/cms/_i/menu-down-w.png);  
}        
.fullpage-editor-area.fullpage-editor-area-dark .side-bar select.edit[size="1"]:focus,  
.fullpage-editor-area.fullpage-editor-area-dark .side-bar select.edit:not([size]):focus {    
    background-image: url(/cms/_i/menu-up-w.png); 
    border-bottom-color: rgba(0, 0, 0, 0.12);   
}  
            
.outline-box {
    opacity: 0;
    transition: opacity 0.2s linear;
}
.outline-box.visible {
    opacity: 1;
}
.outline-box ul,
.outline-box ol {
    margin: 0;
    padding: 0;
    padding-left: 28px;
}               
.outline-box div {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: var(--border-color) 1px solid;
}                
.outline-box > div:last-child {
    border-bottom: none;         
    margin-bottom: 0;
    padding-bottom: 0;               
}                                                        
.outline-box > ul + div,
.outline-box > ol + div {
    margin-top: 15px;
    padding-top: 15px;
    border-top: var(--border-color) 1px solid;
}                   
.outline-box ul li div ul div,
.outline-box ol li div ul div {   
    border-bottom: none;         
    margin: 0;
    padding: 0;           
}                     
.outline-box ul li div ul,
.outline-box ol li div ul {
    padding-top: 10px; 
    padding-left: 15px;  
    margin-top: 0;  
    margin-bottom: 0;
    padding-bottom: 0; 
}                            
.outline-box ul li div ul li,
.outline-box ol li div ul li {
    margin-top: 0;
    padding-top: 0;     
    margin-bottom: 0;
    padding-bottom: 5px;
}                        
.outline-box ul li div ul li:last-child,
.outline-box ol li div ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0; 
}              
.outline-box .pointer {
    transition: all 0.2s linear;
}               
.outline-box .pointer:hover {
    text-decoration: underline;
}  
.outline-box ul li:last-child div,
.outline-box ol li:last-child div {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}                  
.outline-box div .error {
    display: block;   
    margin: 0;
    padding: 5px 0 0 0; 
    text-decoration: none;
}                   
.outline-box div .error:first-child {
    padding: 0;  
}                                    

.device-mobile .mob-scroll-h {
    overflow-x: auto;        
    scrollbar-width: none;        
    -ms-overflow-style: none;
}       
.device-mobile .mob-scroll-h::-webkit-scrollbar {
    width: 0; 
    height: 0;
    background: transparent; 
    opacity: 0;
}       
.device-mobile .mob-scroll-h::-webkit-scrollbar-thumb {
    background: transparent;                                                             
}      

.h-buttons .button {
    opacity: 0;
}              
.h-buttons:hover .button {
    opacity: 1;
}

u[data-censor] {    
    background: rgba(255, 216, 128, 0.7);                               
    color: #111;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.05), 0 1px 2px 0 rgba(0,0,0,0.1);
    padding: 0 5px;
}       
u[data-censor="excend"] {    
    background: rgba(255, 216, 128, 0.3);   
}

.deep-bi-error {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    background: #ED1C24;
    color: #FFF;
    width: 250px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    left: 0;
}

#genesis-ads-console,
#genesis-deepbi-console {
    display: none !important;
}   

footer.footer {
    opacity: 0;
}
     
.content-copy-area {
    overflow: auto;
    height: 1px;     
    max-height: 1px;
    opacity: 0;
}
.content-copy-area * {
    -webkit-user-select: all !important;
    -khtml-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    -o-user-select: all !important;
    user-select: all !important;      
    border: none !important;
}         
.content-copy-area aside {
    display: none;
}


    @-moz-keyframes spin { 
        100% { 
            -moz-transform: rotate(-360deg);        
        } 
    }
    @-webkit-keyframes spin { 
        100% { 
            -webkit-transform: rotate(-360deg); 
        } 
    }
    @keyframes spin { 
        100% { 
            -webkit-transform: rotate(-360deg); 
                transform: rotate(-360deg); 
        } 
    }   

/* animation: primary-indeterminate-scale 2s infinite linear; */

@keyframes primary-indeterminate-translate {
 0% {
  -moz-transform:translateX(-145.166611%);
  transform:translateX(-145.166611%)
 }
 20% {
  -moz-animation-timing-function:cubic-bezier(.5,0,.701732,.495819);
  animation-timing-function:cubic-bezier(.5,0,.701732,.495819);
  -moz-transform:translateX(-145.166611%);
  transform:translateX(-145.166611%)
 }
 59.15% {
  -moz-animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);
  animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);
  -moz-transform:translateX(-61.495191%);
  transform:translateX(-61.495191%)
 }
 to {
  -moz-transform:translateX(55.444446%);
  transform:translateX(55.444446%)
 }
}
@keyframes primary-indeterminate-translate-reverse {
 0% {
  -moz-transform:translateX(145.166611%);
  transform:translateX(145.166611%)
 }
 20% {
  -moz-animation-timing-function:cubic-bezier(.5,0,.701732,.495819);
  animation-timing-function:cubic-bezier(.5,0,.701732,.495819);
  -moz-transform:translateX(145.166611%);
  transform:translateX(145.166611%)
 }
 59.15% {
  -moz-animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);
  animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);
  -moz-transform:translateX(61.495191%);
  transform:translateX(61.495191%)
 }
 to {
  -moz-transform:translateX(-55.4444461%);
  transform:translateX(-55.4444461%)
 }
}
@keyframes primary-indeterminate-scale {
 0% {
  -moz-transform:scaleX(.08);
  transform:scaleX(.08)
 }
 36.65% {
  -moz-animation-timing-function:cubic-bezier(.334731,.124820,.785844,1);
  animation-timing-function:cubic-bezier(.334731,.124820,.785844,1);
  -moz-transform:scaleX(.08);
  transform:scaleX(.08)
 }
 69.15% {
  -moz-animation-timing-function:cubic-bezier(.06,.11,.6,1);
  animation-timing-function:cubic-bezier(.06,.11,.6,1);
  -moz-transform:scaleX(.661479);
  transform:scaleX(.661479)
 }
 to {
  -moz-transform:scaleX(.08);
  transform:scaleX(.08)
 }
}
@keyframes auxiliary-indeterminate-translate {
 0% {
  -moz-animation-timing-function:cubic-bezier(.15,0,.515058,.409685);
  animation-timing-function:cubic-bezier(.15,0,.515058,.409685);
  -moz-transform:translateX(-54.888891%);
  transform:translateX(-54.888891%)
 }
 25% {
  -moz-animation-timing-function:cubic-bezier(.310330,.284058,.8,.733712);
  animation-timing-function:cubic-bezier(.310330,.284058,.8,.733712);
  -moz-transform:translateX(-17.236978%);
  transform:translateX(-17.236978%)
 }
 48.35% {
  -moz-animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);
  animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);
  -moz-transform:translateX(29.497274%);
  transform:translateX(29.497274%)
 }
 to {
  -moz-transform:translateX(105.388891%);
  transform:translateX(105.388891%)
 }
}
@keyframes auxiliary-indeterminate-translate-reverse {
 0% {
  -moz-animation-timing-function:cubic-bezier(.15,0,.515058,.409685);
  animation-timing-function:cubic-bezier(.15,0,.515058,.409685);
  -moz-transform:translateX(54.888891%);
  transform:translateX(54.888891%)
 }
 25% {
  -moz-animation-timing-function:cubic-bezier(.310330,.284058,.8,.733712);
  animation-timing-function:cubic-bezier(.310330,.284058,.8,.733712);
  -moz-transform:translateX(17.236978%);
  transform:translateX(17.236978%)
 }
 48.35% {
  -moz-animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);
  animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);
  -moz-transform:translateX(-29.497274%);
  transform:translateX(-29.497274%)
 }
 to {
  -moz-transform:translateX(-105.388891%);
  transform:translateX(-105.388891%)
 }
}
@keyframes auxiliary-indeterminate-scale {
 0% {
  -moz-animation-timing-function:cubic-bezier(.205028,.057051,.576610,.453971);
  animation-timing-function:cubic-bezier(.205028,.057051,.576610,.453971);
  -moz-transform:scaleX(.08);
  transform:scaleX(.08)
 }
 19.15% {
  -moz-animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.004315);
  animation-timing-function:cubic-bezier(.152313,.196432,.648374,1.004315);
  -moz-transform:scaleX(.457104);
  transform:scaleX(.457104)
 }
 44.15% {
  -moz-animation-timing-function:cubic-bezier(.257759,.003163,.211762,1.381790);
  animation-timing-function:cubic-bezier(.257759,.003163,.211762,1.381790);
  -moz-transform:scaleX(.727960);
  transform:scaleX(.727960)
 }
 to {
  -moz-transform:scaleX(.08);
  transform:scaleX(.08)
 }
}
@keyframes buffering {
 to {
  transform:translateX(-10px)
 }
}
@keyframes buffering-reverse {
 to {
  transform:translateX(10px)
 }
}
@keyframes indeterminate-translate-ie {
 0% {
  -moz-transform:translateX(-100%);
  transform:translateX(-100%)
 }
 to {
  -moz-transform:translateX(100%);
  transform:translateX(100%)
 }
}
@keyframes indeterminate-translate-reverse-ie {
 0% {
  -moz-transform:translateX(100%);
  transform:translateX(100%)
 }
 to {
  -moz-transform:translateX(-100%);
  transform:translateX(-100%)
 }
}

@media (min-width: 1440px) { 
    #seo-suggestions { 
        position: absolute;
        bottom: 0;
        top: 0;
        right: 30px;
    }                 
    #seo-suggestions .button { 
        position: sticky;
        top: calc(100vh - 278px);
        margin-bottom: 30px;
    }               
}    
/* 
@media (max-width: 2050px) { 
    body.right-panel-visible .page-wrapper .content,                  
    body.right-panel-visible .page-wrapper .content .toolbar,   
    body.right-panel-visible .page-wrapper .content .toolbar-after,   
    body.right-panel-visible .page-wrapper .content .fg-buttons-row.fg-buttons-row-fixed,
    body.right-panel-visible .header-message,
    body.right-panel-visible .inp.inp250 #under-construction-block {
        left: 0 !important;   
    }                     
    body.right-panel-visible .page-wrapper .content .toolbar,   
    body.right-panel-visible .page-wrapper .content .toolbar-after {
        transition: left 0.2s ease-in-out;  
    }                    
    body.right-panel-visible .page-wrapper #navi-content {
        z-index: 0;
        left: -300px;
    }           
    body.right-panel-visible .page-wrapper #navi-content.visible {
        z-index: 5;     
        left: 0;
    }
    body.right-panel-visible .page-wrapper header.header .header-button.header-nav {
        display: block;
    }          
}  
*/                                           
@media (max-width: 1780px) {     
    .data-large-box.c1,
    .data-large-box.c2 {
        width: calc(50% - 20px);       
    }     
}     
@media (max-width: 1700px) {        
    .inp10 .content .header-filter {
        display: none;
    }     
    .mmedia-bar .mmedia-bar-details {
        right: 30px;
    }      
    #page-main #users-online-list .u-system {
        display: none;                 
    }
    .content .desktop ul.icons li, .content .desktop ul.icons li a {
        width: 150px; 
        height: 130px;
    }
    .content .desktop ul.icons li a span {
        height: 88px;
    	line-height: 80px;
    	font-size: 80px;
    	margin: 0 0 10px 0;
    }           
    .content .desktop ul.icons li a span i.mdi-wrench {    
        font-size: 65px;       
    } 
         
    .data-box-row, 
    .data-box-item {
        height: 115px;
    }  
    .data-box-item {
        padding: 15px 20px;
    }     
    .data-box-item:first-child {
        padding-left: 30px;
    }  
    .data-box-item em {
        font-size: 30px;
    }         
    .data-box-row.data-box-row-for-one {
        height: 87px;
    }
    .data-box-compare-item:first-of-type .data-box-item em .mdi.mdi-arrow-up-thick,
    .data-box-compare-item:first-of-type .data-box-item em .mdi.mdi-arrow-down-thick {
        margin-top: 7px;
    }    
}    
@media (max-width: 1600px) {   
    #wprost-hotnews-area ul.list-box-rows-circle {
        width: 100%;
        float: none;
    }       
    #wprost-hotnews-area ul.list-box-rows-circle:first-child {
        border-right: none;
        border-bottom: #E6E6E6 1px solid;
    }            
}    
@media (max-width: 1520px) { 
    .content .toolbar .button span {
        display: none;
    }       
    .mmedia-bar .mmedia-bar-preview {
        margin: 0;
    }         
    .mmedia-bar .mmedia-bar-details {
        position: relative;
        clear: both;
        left: 0;  
        right: auto;
        bottom: auto;
        width: 750px; 
        height: auto;  
        margin-bottom: 25px;
    }      
    .mmedia-bar .mmedia-thumbs {  
        position: relative;  
        width: 100%;
        height: 140px; 
        top: auto; 
        left: auto;
        right: auto;
        bottom: auto; 
    }   
}        
@media (max-width: 1480px) { 
    #wprost-hotnews-area ul.list-box-images {
        clear: both;
        max-height: none;
        overflow: unset;
    }     
    #publishers-tabs .di-u {
        display: block;
        padding: 5px 0 0 0 !important;
    }    
    
    .edit-morebuttons {
        background: #FFF;
        position: absolute;
        margin: -7px 0 0 0; 
        padding: 1px 8px 7px 8px; 
        right: 0;
        float: none;    
        width: auto;  
        text-align: right; 
        border-left: rgba(153,153,153,0.8) 1px solid;
        border-right: rgba(153,153,153,0.8) 1px solid;
        border-bottom: rgba(153,153,153,0.8) 1px solid;     
        z-index: 20; 
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px; 
    }    
    .edit-morebuttons::after {
        display: block;
        position: absolute;
        margin: -7px 0 0 0; 
        padding: 1px 8px 7px 8px; 
        right: 5px;
        float: none;    
        width: auto;  
        text-align: right; 
        border-left: rgba(153,153,153,0.8) 1px solid;
        border-right: rgba(153,153,153,0.8) 1px solid;
        border-bottom: rgba(153,153,153,0.8) 1px solid;    
        z-index: 20; 
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px; 
    }  
    
    .button-trends-columns,
    #keywords-morebuttons {
        display: none !important;   
    }   
    
    .list-3-cols li {
        width: 50%;
    }   
    .list-4-cols li {
        width: 33%;
    } 
    .list-3-cols li:nth-child(3),
    .list-4-cols li:nth-child(4) {
        border-top-style: solid;
    }     
}           
       
@media (max-width: 1360px) {         
    .content .fg-buttons-row .fg-row {
        max-width: none;
    }  
    .content .fg-buttons-row .fg-row #cancel-btn {
        right: auto;
        position: relative;
    }    
    
    header.header span.header-text {
        font-size: 25px;
    }
                          
    .custom-tabs .ui-tabs-nav li:first-child a {  
        padding-left: 20px;
    }                    
    .custom-tabs .ui-tabs-nav li a {  
        padding-left: 15px;
        padding-right: 15px;
    }                  
    .data-large-box {
        width: calc(50% - 20px);       
    }    
}      
@media (max-width: 1320px) { 
    #page-elementy_live_edycja #newrow-btn {
        display: none;
    }                        
}           
@media (max-width: 1280px) { 
    .content .desktop ul.icons {
        display: none;
    }     
      
    header.header .header-button.header-nav { 
        display: block;
    }   
    #navi-content {   
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
        transition: all 0.2s linear; 
        left: -1024px;      
    }       
    #navi-content:hover {   
        box-shadow: 0 0 100px rgba(0, 0, 0, 0.3);
    }      
    .navi-content .navi-content-block {     
        overflow: hidden;
        overflow-y: auto;    
    } 
    #navi-content.visible { 
        left: 0;      
    }  
    .content,
    .content .toolbar,
    .content .toolbar-bottom,  
    .header-message,
    #annotations.fixed {
        left: 0
    }   
             
    .header-message {    
        font-size: 15px;   
        padding-left: 20px;
    }      
    header.header span.header-text,
    header.header span.header-text.show {
        opacity: 0; 
        display: none;
    }       
    .list-box-rows li .details-icons { 
        display: none;
    }   
    .list-box-rows li strong {
        margin-right: 155px;
    }    
    .content .frame.frame-shadow .list-box-rows li strong {
        margin-right: 120px;
    }       
    .list-box-rows.menu li strong {
        margin-right: 200px;
    }
    .content .header-filter {
        background: transparent url(/_i/icon-20-c-arrow-left.png) 10px center no-repeat;
        padding: 0;
        width: 40px;     
        transition: all 0.2s linear; 
    }   
    .inp10 .content .header-filter {
        display: none;
    }     
    .content .header-filter * {
        display: none;
    }   
    .content .header-filter.expand {
        background: #F5F5F5 url(/_i/icon-20-c-arrow-right.png) right 10px center no-repeat;
        padding: 0;
        left: 0;
        width: auto;
        padding: 0 30px;
    }       
    .content .header-filter.expand * {
        display: inline-block;
    }                
    .content .header-filter .edit[type="search"] {  
        width: 50%;
    }     
    
    .content .fg-buttons-row.fg-buttons-row-fixed {
        left: 0;
    }   
        
    .system-message {
        left: 0;
    }
    
    #elements-list-drop-target,
    #elements-list-drop-target.visible {
        display: none;
        opacity: 0;
    }   
                 
    .data-large-box.c1,
    .data-large-box.c2,
    .data-large-box.c3 {
        width: calc(100% - 20px);       
    }            
}          
@media (max-width: 1024px) {    
    .right-panel {
        right: -600px;
        width: 600px;                        
    }    
    .content-dialog.content-dialog-right .right-panel {
        right: -800px;
    }    
    .right-panel.right-panel-mob-hide.visible {
        right: calc(100% - 1600px);
    }   
    .right-panel.visible:not(.right-panel-mob-hide), 
    .right-panel.visible:hover {
        right: 0;
    }      

    .fg-block::after,
    .header.header ul li.header-website {
        display: none;
    }   
        
    input.edit,
    textarea.edit {
        padding-left: 0;
        padding-right: 0;
    }     
    select.edit[size="1"], 
    select.edit:not([size]) {
        padding-left: 0;
    }     
    
    .fg-block::before {
        left: 0;
        right: 0;
        height: 1px;
    }
         
    .fg-row {   
        padding: 0 30px 15px 30px;
    } 
    .content:not(.content-dialog) .fg-block .fg-row:first-child {
        padding-top: 0px;
    }   
    
    .content .fg-more, 
    .content .fg-label,
    .content .fg-control,
    .content .fg-label-control {   
        float: none;
        width: 100%;
        padding-left: 0;
    } 
    .content .fg-control-row {
        margin: 0; 
    }  
    
    .form-grid h1, 
    .form-grid h2, 
    .form-grid h3, 
    .form-grid h4, 
    .form-grid h5, 
    .form-grid h6 {
        margin: 0 0 15px 0;    
        font-weight: 400; 
    }       
    .form-grid .data-large-box h1, 
    .form-grid .data-large-box h2, 
    .form-grid .data-large-box h3, 
    .form-grid .data-large-box h4, 
    .form-grid .data-large-box h5, 
    .form-grid .data-large-box h6 {
        margin: 0 0 10px 0;   
    }       
    .content .fg-label label {
        margin: 10px 0 10px 0; 
    }           
    .content:not(.content-dialog) .fg-label h3 {
        margin: 0 0 20px 0; 
    }        
    .content .fg-label-ntm {
        display: none;
    }  
      
    .mmedia-bar {
        padding-left: 30px;
        padding-right: 30px;
    }  
    
    .mmedia-bar .mmedia-bar-icon  {              
        display: none;
    }               
    .mmedia-bar .mmedia-bar-details,
    .mmedia-bar .mmedia-bar-preview,
    .mmedia-bar .picture-preview-box,
    .mmedia-bar .picture-preview-box img, 
    .mmedia-bar .picture-preview-box a   {
        width: 100%;
    }       
    .mmedia-bar .mmedia-bar-preview {
        border-color: #555;
    }        
    
    .list-3-cols {
        display: block;
    }    
    .list-3-cols li {
        width: auto;
    }    
    .list-4-cols li {
        width: 50%;
    }   
    .list-3-cols li:nth-child(2),
    .list-4-cols li:nth-child(3) {
        border-top-style: solid;
    }   
    
    .list-box-images-large-width li {
        min-width: 150px;
        max-width: 49%;
    }    
    .list-box-rows li strong span.small.fl-right  {
        display: none;
    }   
    .MGLEd_panel span.ribbon-static span.group.groupEdit {
        width: auto;         
    } 
    
    #seo-keywords-checker-area #seo-keywords-list {
        height: initial;
    }  
                    
    #seo-keywords-checker-area .fg-label.m0.p0 {
        padding: 10px !important;
        box-sizing: border-box;
    }
    #seo-keywords-checker-area #seo-keywords-list,
    #seo-keywords-checker-area #seo-keyword-details,
    #seo-keywords-checker-area .fg-control {
        width: 100%;
    }    
    
    .data-box-row-details .data-chart {
        width: 320px;
    }        
}           
@media (max-width: 960px) {    
    .list-4-cols {
        display: block;
    }    
    .list-4-cols li {
        width: auto;
    }   
    .list-4-cols li:nth-child(2) {
        border-top-style: solid;
    }                  
    .header.header ul li.header-notepad,
    .header.header ul li.header-website {
        display: none;
    }             
}        
       
@media (max-width: 900px) { 
    #publishers-tabs .di {
        display: block;
        padding: 5px 0 0 0 !important;
    }   
    #publishers-tabs .di b {
        display: inline-block;  
        padding: 0 0 0 5px;
        width: 70px;
    }     
    #publishers-tabs .di-u span.pleft10.pright10 {
        display: block;
        height: 3px;
        color: #FFF;
        overflow: hidden;
    }   
    .publishers-table-toolbar {
        margin: 20px 0 -12px 30px;
    }     
}             
@media (max-width: 800px) {   
    header.header ul {
        right: 10px;
    }     
    header.header .h1 {
        margin-left: 10px;
    }       
    header.header .h1, 
    header.header .h1 a {     
        background-size: 100% auto;    
        width: 120px;
    }         
    header.header .h1 a {     
        font-size: 10px;
        font-weight: 600;
        line-height: 96px;
        text-align: right; 
        padding-left: 0;
    }   
    header.header .h1 a::after {
        font-weight: 400;
        padding: 44px 0 0 0;
    }   
     
    header.header ul li.header-logout {
        margin-left: 0;
    }   
    .content .header-filter.expand {
        padding: 0 20px;
    }                    
    .content .header-filter .edit[type="search"] {  
        width: 65%;
    }
    .content .header {
        padding-left: 20px;
    }         
    .content .toolbar {
        padding-left: 20px;
        padding-right: 20px;
    }   
    .content .toolbar .icon {
        margin-right: 18px;
    }    
    .content .fg-control-row {  
        padding-left: 20px;
        margin: 0 -20px; 
    }  
    
    #navi-content {
        width: 300px;
        top: 0;
        z-index: 5;
    }
    #navi-content-layer { 
        background: rgba(0, 0, 0, 0.01);
        position: absolute;
        top: 0; 
        left: 0;  
        right: 0; 
        bottom: 0;
        z-index: 4;  
        display: none;
        cursor: pointer;
    }     
    #navi-content-layer.visible { 
	    display: block;
    }
    .navi-content ul li.navi-home {
        margin-top: 10px;
        margin-bottom: -4px;
     }    
    .navi-content ul li a.new {
        opacity: 1 !important;
    }    
    .navi-user-card, 
    .navi-user-card:hover {
        display: block;
    }   
    .navi-block-menu-items {    
        top: 201px !important;
    }   
    #page-main .navi-block-menu-items {    
        top: 140px !important;
    }   
    .navi-user-block-menu-items {   
        top: 140px !important;
    }
    .navi-content .navi-user-card i.mdi.chevron {   
        left: 245px;
    }
    
    .fg-row {
        padding-left: 20px;
        padding-right: 20px;
    }
    .form-grid h1, 
    .form-grid h2, 
    .form-grid h3, 
    .form-grid h4, 
    .form-grid h5, 
    .form-grid h6 {  
        padding-left: 20px;
    }
    .list-box-rows li a,
    .list-box-rows li div.a,
    .list li.item-group, 
    .list li.item-group:hover, 
    .list li.item-date-group, 
    .list li.item-date-group:hover {
        padding-left: 20px;
    }  
    .list-box-rows li strong,
    .list-box-rows-circle.list-no-details-icons li strong, 
    .list-box-rows-circle.list-no-details-icons li .details, 
    .list-box-rows-circle.list-no-details-icons li .fulltext {
        margin-right: 10px;
    }      
    .list-box-rows.menu li strong,
    .list-box-rows-circle.list-no-details-icons.menu li strong, 
    .list-box-rows-circle.list-no-details-icons.menu li .details, 
    .list-box-rows-circle.list-no-details-icons.menu li .fulltext {
        margin-right: 50px;
    }                    
    .list-box-rows.time li strong {
        margin-right: 145px;
    }  
    .list-box-rows.menu li .details  {
        padding-right: 0;    
        margin-right: 50px;
    }  

    .list-box-rows-circle li strong, 
    .list-box-rows-circle li .details, 
    .list-box-rows-circle li .fulltext {
        padding-left: 20px;
    }      
    .list-box-rows-small li a, 
    .list-box-rows-small li div.a {
        padding: 0;
    }   
    .list-box-rows-small li a strong span, 
    .list-box-rows-small li div.a strong span {
        margin-right: 0;
    }   
    .list-box-rows li .small-icon {
        left: 50px;
    }     
    .list-box-rows li .details {
        padding-right: 0;    
        margin-right: 10px;
    }
    .list-box-rows li a.button-preview b, 
    .list-box-rows li span.button-icon b {
        margin: 10px 10px 0 20px;
    }
    .list-box-rows li span.button-icon {
        display: none;
    }      
    .list li.item-group, 
    .list li.item-group:hover, 
    .list li.item-date-group, 
    .list li.item-date-group:hover {
        font-size: 18px;
        line-height: 18px;
        height: 48px !important;
    }  
    
    .list-box-rows:not(.time) li time,
    #lock-info[data-is-lock="1"] div dl {
        display: none;
    }   
    #lock-info[data-is-lock="1"] div strong {
        margin-left: 20px;
    } 
    #users-online-list li a[data-logged="remote"]::before {
        left: 53px;
    }       
    
    .publishers-table-toolbar {
        margin: 20px 0 -12px 20px;
    }      
        
    .mmedia-bar {
        padding-left: 20px;
        padding-right: 20px;
    }      
    
    .mmedia-bar .mmedia-bar-preview,
    .mmedia-bar .picture-preview-box, 
    .mmedia-bar .picture-preview-box a,
    .mmedia-bar .picture-preview-box img {
        height: 300px;
    }               
    .mmedia-bar .mmedia-bar-preview,
    .mmedia-bar .picture-preview-box {
        min-height: 300px;
    }   
    .mmedia-bar .mmedia-new-info {
        line-height: 300px;
        font-size: 24px;
    }
    
    .system-message {
        padding: 20px;
        font-size: 16px; 
        font-weight: 300;          
        line-height: 20px;
    }       
    .system-message .system-message-text {
        margin: 15px 0 50px 0;
    }    
    .system-message .button { 
        bottom: 20px;
        right: 20px;
        width: auto;
    } 
    .system-message .system-message-sender {
        line-height: 22px;
        padding-bottom: 15px;
    }
    .system-message .system-message-sender .time {
        float: none;
        font-size: 14px;
    }
    .system-message .system-message-sender .thumb {
        margin-right: 20px;
    }
    
    #annotations-list li .a-thumb {
        display: none;
    }   
    #annotations-list li.a-item {
        padding-left: 25px;
    }   
          
    .content:not(.content-dialog) .fg-buttons-row {     
        padding: 20px 20px 10px 20px;
    }     
    .content:not(.content-dialog) .fg-buttons-row-small {     
        padding: 10px;
    }
    .content:not(.content-dialog) .fg-buttons-row .button {     
        display: block;
        float: none;
        margin: 0 0 10px 0 !important;
        width: 100%;
    }                 
    .content:not(.content-dialog) .fg-buttons-row .fl-left, 
    .content:not(.content-dialog) .fg-buttons-row .fl-right, 
    .content:not(.content-dialog) .fg-buttons-row .buttons {
        float: none;
        padding: 0;
        display: block;
    }   
    
    .list-box-rows li .fulltext {
        margin-right: 10px;
    }     
    .list-box-rows li .fulltext .list-box-rows li time {
        display: block;
        width: 60px;
    }           
            
    .user-info .system span, 
    .user-info .browser span,
    .list-box-rows li .fulltext .button span { 
        display: none;
    }    
    #page-elementy_tekst_edycja #hide_date,
    #page-elementy_tekst_edycja #hide_date_mod {
        float: none;
    }           
    
    .data-box-row-details .data-chart {
        width: 100%;    
        height: 200px;
        margin-left: 0;
        margin-right: 0;
        padding: 0 30px;
        float: none;
        box-sizing: border-box;
    }   
    .data-box-row-details .data-table {
        width: auto;
        margin-right: 30px;
        float: none;
    }     
    .data-box-row-details .data-table table {
        width: 100%;
    }
       
    .content.content-dialog-right .fg-control .edit.edit-checkboxes {
        margin-top: -3px;
    } 
}             
@media (max-width: 720px) {      
    .device-mobile .custom-tabs .ui-tabs-nav {
        overflow-y: hidden;    
        overflow-x: auto;
    }  
    .device-mobile .custom-tabs .ui-tabs-nav li:hover {
        padding-bottom: 1px;                 
        margin-bottom: 0;
    }                     
    .device-mobile .custom-tabs .ui-tabs-nav li.ui-tabs-active, 
    .device-mobile .custom-tabs .ui-tabs-nav li.ui-tabs-active:hover {
        margin-bottom: 0;
    }                     
    .custom-tabs li.ui-tabs-tab span {
        display: none !important;
    }      

    .picture-preview {
        display: block;
    }
    .picture-preview-box,    
    .picture-preview-box a,
    .picture-preview-box img {
        width: 100%;
        border-radius: 4px 4px 0 0;
    }             
    .picture-preview-box.picture-preview-box-auto img.icon-preview {
        max-height: 120px;
        min-height: 60px;
    }            
    .picture-preview-box:not(.picture-preview-box-auto) img {
        margin-bottom: 18px;
    }     
    .content-dialog-right .picture-preview-box.picture-preview-box-auto img {
        max-height: 300px;
        object-fit: contain;
    }       
    .picture-preview-details {    
        width: 98%;
        margin: 7px 10px 10px 11px;
    }  
                    
    .data-large-box,
    .data-large-box.c1,
    .data-large-box.c2 {
        width: calc(100% - 20px);       
    }     
}              
@media (max-width: 640px) {    
    .header-alerts, 
    .header-button.header-logout {
        display: none !important;
    }                 
    .header-button.header-uconstruction {
        display: none !important;
    }       
    
    #uconstruction-panel {
        left: 0;
        width: auto;
    }    
    
    .page-route-login .login-form div {
        top: auto;
        left: 20px;
        right: 20px;
        bottom: 20px;
        margin: 0;
        width: auto;
    }    
    .page-route-login .login-form div .edit, 
    .page-route-login .login-form div .button {   
        width: 100%;
    }    
    
    .header-button.header-rss {
        display: none !important;
    }     
        
                          
    .list-box-images.list-box-images-dialog {
        height: 328px;
    }
    .list-box-images.list-box-images-dialog li, 
    .list-box-images.list-box-images-dialog li .image i.fa, 
    .list-box-images.list-box-images-dialog li .image i.mdi {
        height: 80px;
    }
             
    #element-authors li {
        height: 120px;
    } 
    #element-authors li select {
        position: absolute;
        right: 5px;
        bottom: 0px;
    } 
}      
@media (max-width: 600px) {                                
    .content-dialog.content-dialog-right .edit-picture-preview img.square,      
    .content-dialog.content-dialog-right .edit-picture-preview img.portrait, 
    .content-dialog.content-dialog-right .edit-picture-preview img.landscape {
        max-height: 350px;
    }                                  
    .content-dialog.content-dialog-right .edit-picture-thumbs {
        padding: 20px 20px 20px 110px;
    }                                   
    .content-dialog.content-dialog-right .edit-picture-thumbs span.plus {
        font-size: 80px;
        top: 26px;
        width: 102px;
    }           
}      
@media (max-width: 590px) { 
    .right-panel { 
        width: 100%;
    }                 
    .content.content-dialog-right .fg-label,
    .content.content-dialog-right .fg-control,
    .content.content-dialog-right .fg-control input.edit,
    .content.content-dialog-right .fg-control textarea.edit { 
        float: none;   
        width: 100%;
    }
}    
                  
@media (max-width: 480px) and (max-height: 800px) and (orientation: portrait) {     
    .content .fg-buttons-row.fg-buttons-row-fixed:not(.fg-buttons-row-fixed-always) {
        position: relative;
        left: auto;
        right: auto !important;
        bottom: auto;
        box-shadow: none;
        z-index: 1;
    }         
    .content .fg-buttons-row.fg-buttons-row-fixed-ph:not(.fg-buttons-row-fixed-ph-always) {
        display: none;
    }   
         
    #annotations.fixed {              
        border-top: #E0E0E0 1px solid;
        position: static;
        left: auto;
        right: auto !important;
        bottom: auto;
        padding-bottom: 0;
        box-shadow: none;
    }
}                   
@media (max-width: 800px) and (orientation: landscape) {     
    .content:not(.content-dialog-right) .fg-buttons-row.fg-buttons-row-fixed:not(.fg-buttons-row-fixed-always) {
        position: relative;
        left: auto;
        right: auto !important;
        bottom: auto;
        box-shadow: none;
        z-index: 1;
    }         
    .content:not(.content-dialog-right) .fg-buttons-row.fg-buttons-row-fixed-ph:not(.fg-buttons-row-fixed-ph-always) {
        display: none;
    }   
         
    #annotations.fixed {              
        border-top: #E0E0E0 1px solid;
        position: static;
        left: auto;
        right: auto !important;
        bottom: auto;
        padding-bottom: 0;
        box-shadow: none;
    }
} 
@media (max-width: 480px), (max-height: 540px) {  
    .navi-block-menu-items {
        top: 62px;
        padding-top: 12px;
    }      
    #page-main .navi-block-menu-items {
        top: 0;
    }
    .navi-content ul li.navi-home {
        margin-top: 10px;
        margin-bottom: -4px;
    }
    .content .toolbar,
    .content .toolbar-after {
        line-height: 62px;
        height: 60px;
        top: -60px;
    }         
    .content .toolbar-after {
        margin-top: -60px;
    }                
    .content .toolbar-tab-after {
        height: 60px;
    }
    .inp60 .content .toolbar-after, 
    .inp86 .content .toolbar-after {
        box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    } 
    .content .toolbar .icon:not(.back):not(.icon-stay-mob) {
        position: fixed;
        float: none;
        right: 20px;
        bottom: 20px;  
        margin: 0; 
        border-radius: 100%;
    }                         
    .content .toolbar .icon.back {
        margin: 7px 5px 0 -10px;
    }                         
    .content .toolbar .icon.icon-stay-mob {
        margin: 5px 18px 0 0;
    }   
    .toolbar select.edit, 
    .content .header-filter select.edit {
        max-width: 200px;
    }    
    .content ul.icon-nav {
        position: fixed;
        float: none;
        top: auto !important;
        right: 50px;
        bottom: 50px;  
        margin: 0; 
        border-radius: 5px;
    }
} 
@media (max-width: 480px), (max-height: 640px) and (orientation: portrait) {   
    .content .fullpage-top-inside-inner {
        margin-top: 0;
    }    
    
    .content .header,
    .content .header-filter {
        line-height: 60px;
        height: 60px !important;
        right: 0;
    }          
    .content .header-filter,
    .page-wrapper.inp20 .content .header-filter {
        top: 0;
    }     
    
    #user-tabs.custom-tabs ul.ui-tabs-nav,
    #advert-tabs.custom-tabs ul.ui-tabs-nav {     
        top: -68px;
    }     
    
    .content .header h2 {
        font-size: 25px;
    }    
    .content .header-filter a, 
    .content .header-filter input, 
    .content .header-filter select, 
    .content .header-filter button {
        margin-top: 4px;
    }
    .content .fullpage {
        padding-top: 60px;
    }
    .content .fullpage.wait {
        top: 120px;
    }
    .list .fullpage.wait,  
    .content .custom-tabs .list .fullpage.wait  {
        top: 0;
    }     

    
    .content .toolbar,
    .content .toolbar-after {
        top: -60px;
    }         
    
    #newlogin-panel {   
        height: 60px; 
    }   
    #newlogin-panel ul {
        padding: 0;
    }          
    #newlogin-panel ul.list-box-rows li a {
        padding: 6px 10px 6px 20px;
    }                         
    #newlogin-panel ul.list-box-rows li a strong {
        margin-top: 3px;
    }           
    #newlogin-panel ul.list-box-rows li .details {
        margin-top: -5px;
    }
                
    .desktop-add { 
        right: 20px;
        bottom: 20px;  
    }          
 
    .user-info { 
        font-size: 12px;
        white-space: nowrap;
    }    
    .user-info .face { 
        width: 48px;
        height: 48px;       
        margin: 5px 27px 0 0;
    }  
    .user-info .face.empty::before {
        width: 48px;
        height: 48px;
        font-size: 36px;
        line-height: 48px;
    }       
    .user-info .name {         
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding: 12px 0 0 0;
        margin-bottom: -3px;
    } 
    .user-info .last-request {
        padding-left: 0;   
    }         
    .user-info .last-request i.mdi {
        display: none;
    } 
    
    .button span {
        display: none;
    }
}     
@media (max-width: 480px) {      
    #navi-content {   
        font-weight: 400;      
    }   
    header.header ul {
        display: flex;
    }	    
    header.header .header-buttons {
        margin: 10px 0 0 -30px;
        position: absolute;
        left: 50%;
    }  
    .header-alerts,   
    .header-shop-basket,
    .header-button.header-user,
    .header-button.header-logout,
    .header-button.header-lockedpages {       
        display: none !important;
    }  
    header.header ul li.header-hits {
        order: 2;
    }  
    .mmedia-bar .mmedia-bar-preview {
        height: 200px;
    }    
    .content .toolbar .button {
        padding-left: 8px;    
        padding-right: 8px;
    }      
    .publishers-table-toolbar {
        margin: 20px 20px -8px 20px;
    }    
    .publishers-table-toolbar .edit {
        margin: 0 0 10px 0;
        width: 100%;
    }      
    
    .list-box-images-large-width li,
    .content .right-panel .list-box-images-large-width li {
        flex: 90%;
        max-width: none;
    } 
        
    .list-box-rows li a, 
    .list-box-rows li div.a {
        padding: 10px 10px 10px 20px;
    }     
    .list-box-rows-small li a, 
    .list-box-rows-small li div.a {
        padding: 0;
    }
    .list-box-rows li strong {
        font-size: 16px;
    }  
    .list-box-rows.list-box-wrapped li strong {     
        line-height: 20px;     
        margin-top: 3px;   
        margin-bottom: 3px;
    }        
    .list-box-rows li strong .mdi {  
        display: block;
        float: left;
        line-height: 24px;
        margin-right: 5px;
    }
    .list-box-rows li .details {
        font-size: 14px;
        line-height: 20px;
        min-height: 20px;   
        max-height: 40px;
        overflow: hidden;
    }                  
    .list-box-rows li time {
        font-size: 15px;
        line-height: 16px;
        font-weight: 400;
        width: 132px;
    }        
    .list-box-rows li .details .details-visits,
    .list-box-rows li .details .details-reading-time,
    .list-box-rows li .details .details-containers b {
        display: none;
    }  
    .list-box-rows-circle:not(.list-no-details) strong {
        line-height: 26px;
    }   
    
    .list li.item-group, 
    .list li.item-group:hover, 
    .list li.item-date-group, 
    .list li.item-date-group:hover {
        font-size: 15px;
        line-height: 13px;
        height: 45px !important;
    }  
    
    .form-grid h1, 
    .form-grid h2, 
    .form-grid h3, 
    .form-grid h4, 
    .form-grid h5, 
    .form-grid h6 {
        font-size: 20px;  
        line-height: 24px;
    }      
    
    .form-grid h1 .mdi, 
    .form-grid h2 .mdi, 
    .form-grid h3 .mdi, 
    .form-grid h4 .mdi, 
    .form-grid h5 .mdi, 
    .form-grid h6 .mdi {
        font-size: 24px;
        vertical-align: bottom;
    }       
                  
                  
    .mmedia-bar {
        min-height: auto;
    }
    .mmedia-bar .mmedia-bar-preview,
    .mmedia-bar .picture-preview-box, 
    .mmedia-bar .picture-preview-box a,
    .mmedia-bar .picture-preview-box img {
        height: 200px;
    }               
    .mmedia-bar .mmedia-bar-preview,
    .mmedia-bar .picture-preview-box {
        min-height: 200px;
    }
    .mmedia-bar .mmedia-new-info {
        line-height: 200px;
    }
    .mmedia-bar .mmedia-bar-preview {
        height: 200px;
    }  
    
    .page-route-login .login-form div { 
        left: -20px;
        right: -20px;
        bottom: 0;
        padding: 30px 50px 30px 50px;
    }     
    .list-box-rows li .fulltext { 
        margin-top: 10px;
        margin-left: -20px;
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
    }                          
    .list-box-images.list-box-images-dialog {
        height: 422px;
    } 
    .quick-author-buttons {
        display: none !important;
    } 
                  
    .picture-preview-details {    
        width: 94%;
    }     
    
    table.simple-table th,
    table.simple-table td {    
        padding: 7px 5px;   
    }     
        
    .data-box-row, 
    .data-box-item {
        height: 105px;
    }  
    .data-box-item {
        padding: 15px 10px 15px 15px;
    }     
    .data-box-item:first-child {
        padding-left: 20px;
    }  
    .data-box-item em {
        font-size: 25px;
        padding: 5px 0 1px 0;
    }
    .data-box-item .diff {
        font-size: 14px;
    }   
    .data-box-item em .mdi {
        margin-left: 2px;    
        font-size: 18px;
    }        
    .form-grid .data-box-row-details h3 span {
        display: none;
    }     
    
    .data-box-area {
        padding: 10px 0 10px 0;
        margin: 0 10px 0 0;
     }     
    .data-large-box,
    .data-large-box.c1,
    .data-large-box.c2 {
        width: calc(100% - 10px);  
        padding-left: 10px;
        padding-right: 10px;   
        margin: 0 0 10px 10px;  
    }                             
    .data-large-box .data-box-row,
    .data-large-box .data-box-item {
        height: 90px;
    }                          
    .data-box-compare-item .data-box-item {
        height: 58px;
    }                           
          
    .data-chart-row {
        height: 150px;     
    }   
    .data-chart-row div:first-of-type {
        height: 120px;    
    }     
    
    .data-box-row-details .data-chart {
        width: 100%;    
        height: 200px;
        margin-left: 0;
        margin-right: 0;
        padding: 0 20px;  
        margin: 0 0 10px 0;
        float: none;
        box-sizing: border-box;
    }   
    .data-box-row-details .data-table {
        width: auto;   
        margin: 0 20px 10px 20px;
        float: none;
    }     
    .data-box-row-details .data-table table {
        width: 100%;
    }     
}          
@media (max-width: 420px) { 
    .list-box-rows-circle li .fulltext .i-image.is-open img {
        width: 100%;
        min-width: auto;
        max-width: none;
    }         
    .list-box-rows-circle li .fulltext .i-image-small.is-open img {
        width: 100px;
        min-width: auto;
        max-width: 100px;
    }      
}                         
@media (max-width: 380px) {    
    .page-route-login .login-form div { 
        padding: 30px 40px 30px 40px;
    }       
}      


@media (max-height: 800px) {    
    .list .wait i.mdi {
        transform: translateX(-50%) translateY(-100%);
    }    
}   
@media (max-height: 770px) {    
    .content .fullpage-top-inside {
        top: 0;
    }              
    .content .fullpage-top-inside.h {
        top: 86px;
    }           
    .content .fullpage-top-inside-inner {   
        position: relative;
        z-index: 35;
    }   
}     
          
@media (max-height: 420px) {    
}                
@media (max-height: 360px) {    
    .page-route-login .login-form div { 
        top: 0;
        margin-top: 0;
    }   
    .page-route-login .login-form div h2 { 
        display: none;
    }   
}       

strong .flag {
    height: 20px;
    margin-top: 0px;
    top: 3px;
    position: relative;
}