.aiws-window
{
  position: absolute;
  background: #C6C8C7;
  border: outset 3px #C6C8C7;
  box-shadow: -1px -1px 2px rgba(0,0,0,.5);
}

.aiws-dragbox
{
  background: none;
  border: solid 3px #000000;
  box-sizing: border-box;
  position: absolute;
  left: -3px; /* because of border */
  top: -3px;
}

.aiws-titlebar
{
  background: linear-gradient(
    to right,
    #012569,
    #A5C9EE
  );
  padding: 2px;
  height: 24px;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  cursor: default;
}

.aiws-button
{
  background: #C6C8C7;
  border: outset 2px #C6C8C7;
  box-sizing: border-box;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 2px;
  top: 2px;
}

.aiws-button:active
{
  border: inset 2px #C6C8C7;
}

.aiws-window-icon
{
  position: absolute;
  left: 2px;
  top: 2px;
  width: 24px;
  height: 24px;
}

.aiws-button:active .aiws-button-pic
{
  transform: translateX(1px) translateY(1px);
}

.aiws-title
{
  color: #FFF;
  width: calc( 100% - 75px );
  max-height: 20px;
  font-size: 15px;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
}

.aiws-window[hasIcon = "true"] .aiws-title
{
  width: calc( 100% - 105px );
  margin-left: 25px;
}

.aiws-window-icon:active,
.aiws-title:active
{
  cursor: move;
}

.aiws-button-pic
{
  width: 14px;
  height: 14px;
  margin-left: 1px;
  margin-bottom: 2px;
}

.aiws-button-hide
{
  right: 44px;
}

.aiws-button-maximize
{
  right: 23px;
}

.aiws-button-close
{
  right: 2px;
}