/*Should be in "default.css"*/
body{
    left:0px;
    top:0px;
    margin:0px;
    font-size:92%;
    background-color:var(--base-light);
    /*position:fixed;*/
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    overflow:auto;
}
#hots{
    position:fixed;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    overflow:auto;
}
.nulllevel{
    display:none!important;
}
/*Main Menu*/
/*  default menu elements*/
.main_menu{
    color:rgba(255,255,255,0);
    background:rgba(255,255,255,0);
    min-height:24px;
    padding-top:2px;
}
.main_item{
    display:inline-block;
    padding-right:12px;
    color:rgba(255,255,255,0);
    background:rgba(255,255,255,0);
    cursor:pointer;
}
.main_menu:hover{
    color:var(--white);
    background:var(--background);
    animation-name:main_menu_show;
    animation-duration:2s;
}
.main_menu:hover .main_item{
    color:rgba(255,255,255,1);
}
/** **************************** STARTING HERE ****************************** */
/*  moveable node pattern*/
.mvs{
/*    box-sizing:border-box;
    box-shadow:2px 4px 8px var(--shadow);*/
    
    position:absolute;
/*    border-radius:8px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;

    min-width:120px;
    max-width:99%;

    top:25px;
    left:25px;
    height:300px;
    width:600px;
    padding:1px;
    padding-bottom:10px;

    background:var(--background);
    border-top:1px;
    border-left:1px;
    border-right:1px;
    border-bottom:1px;
    */
    overflow:hidden;
}
.dialog_style{
    box-sizing:border-box;
    box-shadow:2px 4px 8px var(--shadow);
		
    border-radius:8px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;

    min-width:120px;
    max-width:99%;

/*    top:25px;
    left:25px;*/
    height:300px;
    width:600px;
    padding:15px;
    padding-bottom:10px;

    /*background:var(--background);*/
    border-top:1px;
    border-left:1px;
    border-right:1px;
    border-bottom:1px;
}
.mvs_style{
    box-sizing:border-box;
    box-shadow:2px 4px 8px var(--shadow);
		
    border-radius:8px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;

    min-width:120px;
    max-width:99%;

/*    top:25px;
    left:25px;*/
    height:300px;
    width:600px;
    padding:1px;
    padding-bottom:10px;

    background:var(--background);
    border-top:1px;
    border-left:1px;
    border-right:1px;
    border-bottom:1px;
    
}
.no_mvs{
    width:auto;
    height:auto;
    margin:4px;
    padding:6px;
    background-color:var(--white);
    border:1px solid var(--base-full);
    border-radius:8px;
}
/*  WINS formatting wins.js - objects */
.win.mvs>.title{
    font-weight:bold;
    color:rgba(255,255,255,1);
		padding-top:2px;
    padding-left:4px;
    height:20px;
}
.win>.title *{
    display:inline-block;
}
.win.mvs>.title>.titlemenu,
.win.mvs>.title>.titlemenu *,
.win.mvs>.title>.titlename{
    display:inline-block;
    text-align:center;
}
.win.mvs>.title>.titlename{
    display:contents;
    margin-left:12px;
}
.win.mvs * .close,
.win * .maximize,
.win.mvs * .minimize{
    width:12px;
    height:12px;
    margin-left:4px;
    margin-right:4px;
    border-radius:12px;
    border:1px solid var(--base-full);
    cursor:default;
}
.win.mvs * .close:hover,
.win.mvs * .maximize:hover,
.win.mvs * .minimize:hover{
    border:1px solid var(--white);
}
.win.mvs * .close{
    background-color:rgba(255,0,0,1);
}
.win.mvs * .minimize{
    background-color:rgba(0,255,0,1);
}
.win * .maximize{
    background-color:rgba(255,255,0,1);
}
.win.mvs>.desk{
    position:relative;
    background:var(--white);
    width:100%;
    height:calc(100% - 48px);
    overflow:auto;
}
.win.mvs>.desk>.deskmenu{}
.win.mvs>.desk>.desktop{
    height:100%;
}
.win.mvs>.desk>.desktop>.desktopslider{
    z-index:1;
    position:absolute;
    display:block;
    -webkit-appearance: none;
    width: 100%;
    height:100%;
    background: var(--white);
    color:var(--white);
}
.win.mvs>.desk>.desktop>.desktopslider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 2px;
    height: calc(100% - 6px);
    background: var(--white);
    color:var(--white);
    cursor: col-resize;
}
.win.mvs>.desk>.desktop>.desktopslider::-moz-range-thumb {
    width: 2px;
    height: calc(100% - 6px);
    background: var(--white);
    color:var(--white);
    cursor: col-resize;
}
.win.mvs>.desk>.desktop>.desktopleft{
    z-index:2;
    position:absolute;
    display:inline-block;
    width:30%;
    height:calc(100% - 45px);
    overflow:auto;
}
.win.mvs>.desk>.desktop>.desktopright{
    z-index:3;
    position:absolute;
    padding:4px;
    display:inline-block;
    margin-left:calc(30% + 12px);
    width:calc(70% - 20px);
    height:calc(100% - 45px);
    overflow:auto;
}
/*non moveables*/
/*.title{
    height:24px;
}
.title *{
    display:inline-block;
}
.title>.titlemenu{
    float:right;
}*/
/*actions*/
.minimized{
    width:180px!important;
    height:20px!important;
    top:calc(100% - 21px)!important;
    left:auto;
    float:left;
}
.maximized{
    z-index:999!important;
    position:fixed!important;
    width:100%!important;
    height:100%!important;
    top:0px!important;
    left:0px!important;
}