.title-bar {
  border: 1px solid #85b3e3;
  background: linear-gradient(#4f74b7 0%, #5b92cf 49%, #6fa1d9 51%, #90c3e6 100%) !important;
}

.title-bar.active {
  border: 1px solid #0831d9;
  background: linear-gradient(#7FC7FF 0%, #1D94F6 45%, #0081EA 55%, #0053C8 100%) !important;
}

.window-body  {
  background: #EBE9EE;
}
.window {
  background: #EBE9EE;
  box-shadow: inset 1px 1px #579ce2,inset 2px 2px #97c4e9,inset 3px 3px #69a1eb,
  inset -1px -1px #579ce2,inset -2px -2px #97c4e9,inset -3px -3px #69a1eb;
}

.window.active {
  box-shadow: inset 1px 1px #254394,inset 2px 2px #84b0df,inset 3px 3px #3262bd,
  inset -1px -1px #254394,inset -2px -2px #84b0df,inset -3px -3px #3262bd;
}

button {
  background: linear-gradient(#FEFEFE 0%, #EBE9EE 50%, #AAC4E1 100%);
  box-shadow:  inset -1px -1px #71C2FB, inset 1px 1px #71C2FB, inset -2px -2px #9AB8EE, inset 2px 2px #9AB8EE ;
  border: 1px solid #0054C7;
}

.start {
  background: linear-gradient(#7FC7FF 0%, #5896e0 45%, #397dd0 55%, #0053C8 100%) !important;
  border-top: 1px solid #172b5f;
}

.start-button {
  border-top-color: #19242e;
  border-top-width: 1px;
  background: linear-gradient(#ffffff 0%, #65C974 5%, #00C100 45%, #009A03 55%, #00AF00 75%, #00D700 100%);
  border-bottom-right-radius: 25px ;
  border-top-right-radius: 25px ;
}

.window.active
{
  & .title-bar-controls button[aria-label="Close"] {
    background: url("/img/icons/Close.png");
    &:hover {
      background: url("/img/icons/Close-hover.png");
    }
    &:not(:disabled):active {
      background: url("/img/icons/Close-click.png");
    }
  }
  & .title-bar-controls button[aria-label="Minimize"] {
    background: url("/img/icons/Minimize.png");
    &:hover {
      background: url("/img/icons/Minimize-hover.png");
    }
    &:not(:disabled):active {
      background: url("/img/icons/Minimize-click.png");
    }
  }
  & .title-bar-controls button[aria-label="Maximize"] {
    background: url("/img/icons/Maximize.png");
    &:hover {
      background: url("/img/icons/Maximize-hover.png");
    }
    &:not(:disabled):active {
      background: url("/img/icons/Restore-click.png");
    }
  }
}

.title-bar-controls button[aria-label="Close"] {
  background: url("/img/icons/Close-inactive.png");
  &:hover {
    background: url("/img/icons/Close-hover.png");
  }
  &:not(:disabled):active {
    background: url("/img/icons/Close-click.png");
  }
}


.title-bar-controls button[aria-label="Minimize"] {

  background: url("/img/icons/Minimize-inactive.png");
  &:hover {
    background: url("/img/icons/Minimize-hover.png");
  }
  &:not(:disabled):active {
    background: url("/img/icons/Minimize-click.png");
  }
}
.title-bar-controls button[aria-label="Maximize"] {
  background: url("/img/icons/Maximize-inactive.png");
  &:hover {
    background: url("/img/icons/Maximize-hover.png");
  }
  &:not(:disabled):active {
    background: url("/img/icons/Maximize-click.png");
  }
}

.hr {
  border-top: 1px solid #ccc;
}

.task-bar-item {
  border: 1px solid #7490c8;
  background: linear-gradient(#94c5ef 0%, #5896df 49%, #3d82d3 51%, #214595 100%);
}
.task-bar-item:hover {
  background: linear-gradient(#b3d4f9 0%, #5896df 49%, #3d82d3 51%, #214595 100%);
}

.task-bar-item.active {
  background: linear-gradient(#5174a8 0%, #1d4b8f 49%, #10367a 51%, #0c337b 95%, #204283 100%);
}

.task-bar-item.active:hover {
  background: linear-gradient(#6b89b3 0%, #1d4b8f 49%, #10367a 51%, #0c337b 95%, #204283 100%);
}

.tray {
  background: linear-gradient(#fbfdff 0%, #cadbf3 49%, #adc7eb 51%, #5086c9 100%);
  span {
    color: black;
  }
}