.window {
    border: 1px dotted #ccc;
    position: absolute;
    z-index: 100;
    border-radius: 2px;
    box-sizing: border-box;
    border-radius: 10px;
    transform: scale(1);
}

.window:not(.window_no_animation):not(.window_moving){
  transition: transform 0.2s, width 0.1s, height 0.1s, left 0.02s, right 0.02s;
}

.window *{
  position: relative;
  box-sizing: border-box;
}

.window.window_alway_on_top{
  z-index: 10;
}

.window.window_alway_on_top.window_selected{
  z-index: 11;
}

    .window .window_bar {
        /*border-bottom: 1px dotted #ccc;*/
        background: rgba(39, 39, 39,0.8);
        color: white;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        /*background-color: #eee;*/
        height: 2em;
    }

.window .window_bar, .text_not_selectable{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.window .window_bar > *{
  display: inline-block;
}

.window .window_bar *{
  transition: all 0.2s;
}

.window .window_bar .window_icon{
  margin: 0 10px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.window .window_bar .window_title{
  cursor: default;
  padding: 5px;
  overflow: hidden;
  max-width: calc(100% - 70px);
  vertical-align: middle;
}

.window .window_bar .window_toggle_buttons{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  vertical-align: top;
  margin-left: 10px;
  z-index: 2;
}

.window .window_bar .window_toggle_buttons:after{
  clear: both;
}

.window .window_bar .window_toggle_buttons > *{
  padding-top: 2px;
  padding-bottom: 5px;
  width: 2em;
  text-align: center;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  display: inline-block;
}

.window .window_bar .window_toggle_buttons > *:hover{
  background-color: #ccc;
}

.window.window_not_maximizable .window_button_toggle_maximize, .window.window_not_minimizable .window_button_minimize{
  display: none;
}

.window .window_bar .window_toggle_buttons .window_button_close:hover{
  background-color: #ccc;
}

    .window .window_content {
        overflow: auto;
        color:white;
        /*background-color: #fff;*/
        background: rgba(39, 39, 39,0.5);
        position: absolute;
        top: 2em;
        right: 0;
        left: 0;
        bottom: 0;
        
    }

    .window.window_maximized:not(.window_minimized) {
        top: 55px !important;
        left: 5px !important;
        right: 0 !important;
        bottom: 0 !important;
        width: calc(100% - 10px) !important;
        /*height: 100%*/ height: calc(100% - 95px) !important;
    }

.window.window_minimized{
  
    transform: scale(0);
}

.window.window_hidden{
  display: none;
}

.window.window_selected{
  -webkit-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.73);
  -moz-box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.73);
  box-shadow: 0px 0px 17px -4px rgba(0,0,0,0.73);
  z-index: 2;
}

.window.window_selected .window_bar{
  background-color: #ddd;
}

.window.window_selected .window_bar .window_toggle_buttons .window_button_close:hover{
  background-color: #f12;
  color: #fff;
}

.window.window_maximized .window_resize_handle, .window.window_not_resizable .window_resize_handle, .window.window_resizing .window_resize_handle{
  display: none;
}

.window .window_resize_handle{
  position: absolute;
  display: block;
  opacity: 0;
}

.window .window_resize_handle_n, .window_resize_handle_s{
  height: 3px;
  left: 0;
  right: 0;
}

.window .window_resize_handle_w, .window .window_resize_handle_e{
  width: 3px;
  top: 0;
  bottom: 0;
}

.window .window_resize_handle_n, .window .window_resize_handle_ne, .window .window_resize_handle_nw{
  top: -3px;
}

.window .window_resize_handle_s, .window .window_resize_handle_se, .window .window_resize_handle_sw{
  bottom: -3px;
}

.window .window_resize_handle_w, .window .window_resize_handle_sw, .window .window_resize_handle_nw{
  left: -3px;
}

.window .window_resize_handle_e, .window .window_resize_handle_ne, .window .window_resize_handle_se{
  right: -3px;
}

.window .window_resize_handle_ne, .window .window_resize_handle_se, .window .window_resize_handle_sw, .window .window_resize_handle_nw{
  width: 3px;
  height: 3px;
}

.window.window_bar_hidden .window_bar{
  display: none;
}

.window.window_bar_hidden .window_content{
  top: 0;
}