body {
    background: cadetblue;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.window {
    border: 2px double black;
    border-radius: 5px;
    box-shadow: 2px  1px 10px 3px rgba(0, 0, 139, 0.521);
}

.win-tbar {
  padding: 2px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.589);
  color: rgb(250, 250, 250);
background: linear-gradient(to bottom, rgba(162, 155, 202, 0.308), rgba(9, 3, 65, 0.527));
}

.win-header {
  background-image: linear-gradient(to bottom, rgb(230, 230, 230), rgba(128, 128, 128, 0.911));
}


.win-tbar-btn .hide-e-show :hover {
  background: navy;

}

.icon {
    background: linear-gradient(to bottom, #eeeeee, #bbb);   
    border: 2px solid rgba(37, 39, 39, 0.678);
    border-radius: 5px;
    box-shadow: 1px 1px 10px 1px rgba(125, 125, 125, 0.808);
   
}

.icon:hover {
  background: linear-gradient(to bottom, white, #cccccca1);
  border: 2px solid rgba(9, 3, 65, 0.596);
}

.icon .label {
  color: black;
  font-size: .9em;
}

.current {
  color: brown;
  font-weight: bold;
}


.win-header {
  border-bottom: 2px solid rgba(71, 66, 66, 0.808);
}

.win-body {
    background: #eeeeeeef;
    border-radius: 0 0 5px 5px;
}

.win-tbar-btn {
  background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.774), rgba(128, 128, 128, 0.253));
  border: 2px solid rgb(0, 0, 0);
  color: #000000;
  font-weight: bolder;
  border-radius: 5px;
  height: 10px;
  width: 5px;
  margin: 10px;
}

footer {
    color: white;
    font-weight: bold;
    text-align: center;
}

.wip-banner {
  position: relative;

  color: rgb(185, 53, 141);
  display: inline-block; /* needed for transform */

 
}