Echtirak Panel

<div id="draggable_window"  style="position:fixed;z-index:9999;left:10000px;top:100px;width:260px;height:300px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:move;overflow:auto;"></div>
<div id="draggable_window_border_1"  style="position:fixed;z-index:9999;width:10px;height:10px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:nwse-resize;overflow:hidden;border-radius-:10px 0px 0px 0px;"></div>
<div id="draggable_window_border_2"  style="position:fixed;z-index:9999;width:10px;height:10px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:ns-resize;overflow:hidden;"></div>
<div id="draggable_window_border_3"  style="position:fixed;z-index:9999;width:10px;height:10px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:nesw-resize;overflow:hidden;border-radius-:0px 10px 0px 0px;"></div>
<div id="draggable_window_border_4"  style="position:fixed;z-index:9999;width:10px;height:10px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:ew-resize;overflow:hidden;"></div>
<div id="draggable_window_border_5"  style="position:fixed;z-index:9999;width:10px;height:40px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:nwse-resize;overflow:hidden;border-radius-:0px 0px 10px 0px;"></div>
<div id="draggable_window_border_6"  style="position:fixed;z-index:9999;width:10px;height:40px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:move;cursor-:ns-resize;overflow:hidden;">
<div class="zoom_1 selectable" onmousedown="document.body.style.overflowY='hidden';maximise_draggable('draggable_window');"  title="Maximize" style="margin-top:8px;margin-right:2px;width:30px;height:16px;border:2px solid #ffffff;background:#333333;border-radius:5px;cursor:pointer;float:right;"></div>
<div class="zoom_1 selectable" onmousedown="document.body.style.overflowY='auto';hide_draggable('draggable_window');" title="Minimize" style="margin:5px;width:26px;height:26px;background:url(png/minimise.png);background-size:100% 100%;cursor:pointer;float:right;color:#ffffff;"></div>
</div>
<div id="draggable_window_border_7"  style="position:fixed;z-index:9999;width:10px;height:40px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:nesw-resize;overflow:hidden;border-radius-:0px 0px 0px 10px;"></div>
<div id="draggable_window_border_8"  style="position:fixed;z-index:9999;width:10px;height:10px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;cursor:ew-resize;overflow:hidden;"></div>
<div id="draggable_window_direction_1"  style="position:fixed;z-index:9999;width:20px;height:20px;cursor:pointer;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;transform:rotate(-45deg);position:relative;top:15px;"></div>
</div>
<div id="draggable_window_direction_2"  style="position:fixed;z-index:9999;width:20px;height:20px;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;transform:rotate(-45deg);position:relative;left:-15px;"></div>
</div>
<div id="draggable_window_direction_3"  style="position:fixed;z-index:9999;width:20px;height:20px;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;transform:rotate(-45deg);position:relative;top:-15px;"></div>
</div>
<div id="draggable_window_direction_4"  style="position:fixed;z-index:9999;width:20px;height:20px;overflow:hidden;visibility:hidden;">
<div style="width:20px;height:20px;background:#000000;opacity:0.8;backdrop-filter: blur(5px);;transform:rotate(-45deg);position:relative;left:15px;"></div>
</div>