body{
    font-family: Source Sans Pro, sans-serif;
    background:rgba(243,245,248,1);
}
.shell-working-space a:before{
    content:'\f0c1';
    font-family: "Font Awesome 5 Pro";
    margin: 0 5px 0 0;
}
.cke_top a:before{
    content:'';
}
.shell-menu{
    background:url(../../login/background.png);
}  
[additional-bar]{
    left:-250px;
    transition:0.2s;
    opacity:0;
    visibility:hidden;
    z-index:900;
    position:fixed;
    top:0;
    width:250px;
    height:100vh;
    
}
[additional-bar].active{
    left:50px;
    opacity:1;
    visibility:visible;
    z-index:999;
}
[additional-bar] .content{
    position:relative;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    padding:20px 10px 20px 10px;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
}
.shell-menu .logo{
    position:Relative;
    top:-20px;
    left:-20px;
    width:calc(100% + 40px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0 20px 0;
}
[additional-bar] .content::-webkit-scrollbar {
    width: 5px;
}
[additional-bar] .content::-webkit-scrollbar-thumb {
    background: #2196f37d;
}
[additional-bar] .content::-webkit-scrollbar-track {
    background: rgba(0,0,0,0);
}
[additional-bar] .logo img{
    max-width:60%;
}
[additional-bar] .plugin-area{
    margin:0 0 0 0;
}
[additional-bar] .plugin-area .title{
    position:Relative;
    font-size:14px;
    color:rgba(215,221,230,1);
    font-weight:500;
    background:rgba(37,39,49,0.6);
    padding:10px 10px;
    margin:0 0 10px 0;
    cursor:pointer;
    display:flex;
    align-items:center;
    transition:0.2s;
}
[additional-bar] .plugin-area.unactive .title{
    padding:20px 10px;
}
[additional-bar] .plugin-area .title:after{
    font-family:"Font Awesome 5 Pro";
    content:'\f068';
    position:relative;
    display:block;
    margin:0 0 0 auto;
}
[additional-bar] .plugin-area.unactive .title:after{
    content:'\f067';
    color:var(--action-element);
}
[additional-bar] .plugin-area .button{
    position:Relative;
    font-size:14px;
    color:white;
    margin:1px 0 1px 0;
    padding:10px 0 10px 20px;
    transition:0.2s;
    cursor:pointer;
    font-weight:500;
    border-radius:3px;
    display:flex;
    align-items:center;
}
[additional-bar] .plugin-area .button.active{
    background:white;
    color:black;
}
[additional-bar] .plugin-area .button:hover{
    background:rgba(0,0,0,0.3);
    background-size:cover;
}
[additional-bar] .plugin-area .button.active:hover{
    background:white;
}
[additional-bar] .plugin-area.unactive .button{
    height:0;
    opacity:0;
    visibility:hidden;
    padding-top:0;
    padding-bottom:0;
    margin:0;
}
[additional-bar] .plugin-area .button i{
    font-family: "Font Awesome 5 Pro";
    position:relative;
    font-size:20px;
    margin:0 10px 0 0;
}
.shell-working-space{
    position:relative;
    padding:20px 20px 200px 70px;
    width:100vw;
    height:100vh;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    color:var(--block-dark-title);
    transition:0.2s;
}
.shell-working-space.move{
    padding-left:320px;
}
.shell-working-space::-webkit-scrollbar {
    width: 10px;
}
.shell-working-space::-webkit-scrollbar-thumb {
    background: #C1BDBD;
}
.shell-working-space::-webkit-scrollbar-track {
    background: white;
}
.shell-additional-bar{
    position:fixed;
    top:0;
    left:0;
    width:50px;
    height:100vh;
    background:#383838;
    z-index:998;
}
.shell-additional-bar .button{
    position:Relative;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:20px;
    cursor:pointer;
    transition:0.1s;
}
.shell-additional-bar .button.active{
    background:var(--action-element);
}
.shell-additional-bar .button:hover{
    background:rgba(255,255,255,0.1);
}
.shell-additional-bar .button.active:hover{
    background:var(--action-element);
}
.shell-menu-media img{
    max-width:100%;
    min-width:20px;
    margin:auto;
}
.shell-menu-media .media-block{
    position:Relative;
    cursor:pointer;
    transition:0.5s;
    background:rgba(255,255,255,0.3);
    margin:5px;
}
.shell-menu-media .media-block:hover{
   transform:scale(1.07);
}
.shell-menu-media .media-block.animate{
    transform:scale(1.1);
    box-shadow: 10px 10px 5px 50px rgba(0,0,0,0.75);
    z-index:2;
}
.shell-menu-objects-groups .last-created-object{
    position:Relative;
    color:white;
    font-size:8px;
    margin:0 0 20px 0;
}
.shell-menu-objects-groups .last-created-object span{
    font-size:16px;
    font-weight:500;
    user-select: all;
}
.shell-working-space .console{
    position:fixed;
    bottom:0px;
    left:90px;
    background:rgba(0,0,0,0.7);
    border-radius:5px;
    z-index:999;
    width:150px;
    height:150px;
    transition:0.4s;
    color:white;
    font-size:14px;
    padding:10px;
    opacity:0;
    visibility:hidden;
    overflow:auto;
    box-shadow: 4px 7px 5px 0px rgba(0,0,0,0.75);
}
.shell-working-space .console.active{
    opacity:1;
    visibility:visible;
    bottom:10px;
}
.shell-working-space.move .console{
    left:340px;
}
.shell-working-space .console .log{
    margin:10px 0 0 0;
    position:relative;
    opacity:1;
    transition:0.2s;
}
.shell-working-space .console .log.move{
    margin:-5px 0 0 0;
    opacity:0;
}
.shell-working-space .console .log.ready{
    color:#81FF18;
}
.shell-working-space .content{
    position:relative;
}
.eef-stop-click{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:99999999999999;
    opacity:0;
    visibility:hidden;
    cursor:wait;
}
.eef-stop-click.active{
    opacity:1;
    visibility:visible;
}
.working-space-hi-text{
    position:relative;
    font-size:50px;
    font-weight:900;
}
.additional-bar-image-drop-zone{
    position:relative;
    width:calc(100% - 10px);
    margin:0 0 20px 5px;
}
.additional-bar-image-drop-zone .title{
    position:relative;
    font-size:14px;
    color:var(--action-element);
    margin:0 0 5px 0;
}
.additional-bar-image-drop-zone .drop-area{
    position:relative;
    width:100%;
    height:80px;
    background:url(/YDSM/resources/img/icon-upload-file.png);
    background-size:30%;
    background-position:center center;
    background-repeat:no-repeat;
    border:3px dashed var(--action-element);
}