.math .btn-help {
  background-image: url(img/btn-open-help.png);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  /*bottom: -6px;*/
  left: 0px;
  right: auto;
  padding: 0;
  top: 0;
}

.ar .math .btn-help {
  background-image: url(img/ar-btn-open-help.png);
}

.math .btn-exit {
  background-image: url(img/btn-exit.png);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  /*bottom: -6px;*/
  left: auto;
  right: 0px;
  padding: 0;
  top: 0;

  z-index: 100;
}

.btn-help.open {
  background-image: url(img/btn-close-help.png);
}

.math .app-header, .math .app-footer {

}

.math .app-header {
  padding-right: 50px;
}

.math .app-help {
  /*background-color: transparent;*/
}

.math .btn-help::before {
  /*display: none;*/
}

.math .app-container {

}



.math #fullscreen {
  /*background-image: url(img/btn_screenUp.png);
  width: 77px;
  height: 35px;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;*/
}

  .math #fullscreen:hover {
    /*background-image: url(img/btn_screenOver.png);*/
  }

.math #startOver {
  /*background-image: url(img/btn_restartUp.png);
  width: 77px;
  height: 35px;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;*/
}

  .math #startOver:hover {
    /*background-image: url(img/btn_restartOver.png);*/
  }


.math .app-help-content {
  background: #ffeaa9;
  border-radius: 8px;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #b0b3b6;
  box-shadow: 0 0 0 1px #b0b3b6;
  margin-top: -7px;
  padding-right: 30px;


  max-height: 500px;

  overflow: auto;
}

.help-transition {
  -webkit-transform: translateZ(100);  
  /*this can cause z-index issues - be aware when moving this to base css*/
}



/*.app-help {
padding: 0 4px 40px;
margin-bottom: -3px;
}*/