.wrapper {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 1000000;
}

.wrapper table {
  width: 100%;
  height: 50%;
}

.wrapper table td {
  width: 33%;
  border: none;
}

.wrapper .output {
  height: 20%;
  width: 100%;
  padding: 45% 25% 5% 25%;
  color: #993399;
}

.wrapper .output p {
  padding: 0;
  margin: 0;
  font-size: 100px !important;
  height: 50%;
  width: 100%;
}

.input table {
  margin: 5px 0 5px -3px;
  border: none;
}

.input input[type=button] {
  height: 100%;
  width: 100%;
  font-size: 40px;
  line-height: 50px;
  padding: 0 5px 0 5px;
  /*color: #993399;*/
  background-color: #fff;
  border:  none;
  /*border: 1px solid #eee;*/
}

.input input[type=button]:focus {
  outline: none;
}

.clear {
  background-color: orange;
  color: white;
}

.operator {
  background-color: black;
  color: white;
}

.preop {
  background-color: lightblue;
  color: white;
}

.calc {
  background-color: green;
  color: white;
  height: 124px !important;
}

.loader 
                {
                 position: fixed;
                 left: 0px;
                 top: 0px;
                 width: 100%;
                 height: 100%;
                 z-index: 9999;
                 background: url("images/loader.gif") 50% 50% no-repeat rgb(249,249,249);
                }
                .loader p
                {
                 position: fixed;
                 left: 50%;
                 top: 50%;
                 margin-left:-100px; 
                 z-index: 10000;
                }