html {
  margin: 0;
  padding: 0; 
  height: 100%;
  background-color: #111;
  /*background-image: url('../images/neuron_bg_3.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;*/
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial;
  position:absolute; 
  top: 0; 
  bottom: 0; 
  right: 0; 
  left: 0; 
  
}

.draggableWindow { 
  width: 350px; 
  height: 350px; 
  /*margin: 0 10px 10px 0; */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;  
  /*border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;*/
  border: 0px solid #000000;
}

.windowBorder {
  border: 1px solid #969696;  
}

.windowShadow{
 /*-webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.25);*/
}

.resizableWindow { 
  background-position: top left;  
}

.windowTitle {
  height: 25px;
  width: 100%;
  display: block;
  color: #FFF;
  padding: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48576d+0,2a4354+100 */
  background: #48576d; /* Old browsers */
  background: -moz-linear-gradient(top,  #48576d 0%, #2a4354 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #48576d 0%,#2a4354 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #48576d 0%,#2a4354 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48576d', endColorstr='#2a4354',GradientType=0 ); /* IE6-9 */
  margin: 0;
  text-align: center;
  line-height: 25px;
  cursor: move;
  font-size: 13px;
}

.windowTitle .closeIcon {
    width: 15px;
    height: 25px;
    display: inline-block;
    background-image: url('../images/core/icons/close.png');
    background-repeat: no-repeat;
    float: right;
    background-size: contain;
    background-position: center center;
    margin-right: 5px;
    cursor: pointer;
}

.windowTitle .maximizeIcon {
    width: 15px;
    height: 25px;
    display: inline-block;
    background-image: url('../images/core/icons/maximize.png');
    background-repeat: no-repeat;
    float: right;
    background-size: contain;
    background-position: center center;
    margin-right: 5px;
    cursor: pointer;
}

.windowTitle .windowIcon {
    width: 15px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    float: left;
    background-size: contain;
    background-position: center center;
    margin-left: 5px;
}


.activeWindow .windowTitle {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c4972+0,023556+100 */
  background: #2c4972; /* Old browsers */
  background: -moz-linear-gradient(top,  #2c4972 0%, #023556 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2c4972 0%,#023556 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2c4972 0%,#023556 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4972', endColorstr='#023556',GradientType=0 ); /* IE6-9 */
}

.windowBody {
  display: block;
  background-color: #FFF;
  margin: 0;
  padding: 7px;
  overflow: auto;  
  height: 100%;
}

.windowBody iframe {
  padding: 0;
  margin: 0;
  display: block;
}

.desktopIcon {
  display: table;
  margin: 18px 15px;
  padding: 0;
  width: 70px;
  text-align: center;
  /*height: 50px;*/
}

.desktopIcon:hover {
  cursor: default;
  /*box-shadow: inset 0 0 0 1px rgba(0, 255, 0, 0.5);*/
  background-color: #215b5d66;
  display: block;
}

.desktopIcon span{
    color: #FFF;
    padding: 4px 0 0 0;
    font-size: 11px;
    text-align: center;
    display: block;
}

/**************************************************************** START CANVAS BACKGROUND */


*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#nokey{
    background-color: #111;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/neuron_text.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/**************************************************************** END CANVAS BACKGROUND */

/**************************************************************** START NEURON CORE BUTTON */
#neuronCore {
  position: absolute;
  width: 75px;
  height: 75px;
  bottom: -18px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#neuronCore #wheel-image {
  width: 75px;
  height: 75px;
}

#neuronCore .box {
  position: absolute;
  width: 50px;
  height: 50px;  
  top: 0;
  left: 0;
}

#neuronCore .box-link {
  color: black;
}

#neuronCore .box-image {
  font-size: 24px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: cornflowerblue;
}

/**************************************************************** END NEURON CORE BUTTON*/