.calcControls{
background-color: #EDEDED;
display: flex;
flex-direction: row;

height: 34px;
 padding-left: 10px;
 padding-right: 10px;
 padding-top:2px;
    /* background-color: #f3f3f3; */
 border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
     
    overflow: hidden;
}
.fButtons{
width: 100%;
//display:-webkit-inline-box;
display:inline-flex;
background-color: #F6F6F6;
}

.react-calculator {
/*width:376px;*/
width : 400px;
margin-left: 36px;
  display: flex;
  flex-direction: column;
   border: solid 1px #ccc;
}

.react-calculator .result-panel {
  display: flex;
 /* padding-top: 40px;
  flex: 2;*/
  flex-direction: column;
  background-color: #F6F6F6;
  text-align: right;
  /*padding: 0px 30px;*/
  line-height: 50px;
  //width: 320px; 
  padding-right: 9px;
   padding-left: 12px;
}

.react-calculator .result-panel .last-row {
  flex: 1;
  color: #969ba3;
  font-size: 30px;
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  
}
.react-calculator .result-panel .cur-row {
  flex: 1;
  color: #46494d;
  font-size: 40px;
  
}

.react-calculator .button-panel .button {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  box-shadow: inset 1px 1px 0 0 #e3e7e9;
  border: none;
  background-color: #fafafa;
  font-size: 15px;
 
  line-height: 0px;
  text-align: center;
  color: #979ca4;
  overflow: hidden;
}

.react-calculator .button-panel .button:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 20px;
  border-radius: 50%;
  background: #aaa;
  opacity: 0;
}

display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.rowsIncalc{
  display: flex;
  flex-direction: row;
  margin-top: 6px;
 
}
.column {
  display: flex;
  flex-direction: column;
}

.react-calculator .result-panel #textinput{
height: 50px;
    border-left: solid 1px #3cb878;
    border-right: solid 1px #3cb878;
    border-bottom: solid 1px #3cb878;
    border-top: solid 1px #fff;
    display: block;
    width: 100%;
    background-color: #fffcd5;
    overflow:hidden;
    resize: none;
    padding: 1%;
    font-size: 17px;
    margin-left:-8px;
}


button {
background-color : white;
border-radius : 5px;
font-weight:bold;
border: solid 1px #ccc;
}

 button:hover {
background-color : orange;
}
button:active{
background-color : #7CA738;
}

.calcButtons{
/*height:36px;*/
width:100%;

}
.calculatorWidgetScientific{
/*height:380px;*/
width:100%;
}

.backspace{

height:28px;
width:26%;
font-size:11px;
text-align: center;
margin-right: 3px;   
}

/*#backspace{

height:28px;
width:26%;
font-size:12px;
text-align: center;
margin-right: 3px;   
}*/

.calc{
width:10%;
height:28px;
text-align: center;
 margin-right: 3px;   
}
/*#clearEditor{
    width:10%;
height:28px;
text-align: center;
 margin-right: 3px;  
}*/
/*#clear{
    width:10%;
height:28px;
text-align: center;
 margin-right: 3px;  
}*/
.ANS{
width:13%;
height:28px;
font-size:11px;
text-align: center;
margin-right: 3px; 
}
/*#ANS{
width:13%;
height:28px;
font-size:12px;
text-align: center;
margin-right: 3px; 
}*/
.fuc{
width:45%;
height:28px;
text-align: center;
margin-right:4px;  
margin-top: 5px;
}
.num{
width:29%;
height:31px;
text-align: center;
margin-right:4px;
margin-top:5px;
}
.num0{
width:63%;
height:31px;
text-align: center;
margin-right:4px;
margin-top:5px;
}
.basic{
width:100%;
height:28px;
text-align: center;
margin-top:6px;

}
.memLogic{
    width:13%;	
 margin: 5px;
    padding:3px;
    border: 1px;
    border-radius: 3px;
    border: solid 1px #ededed;
}
.advancedFunctions{
width:27%;
margin: 5px;
    padding:3px;
    border: 1px;
    border-radius: 3px;
    border: solid 1px #ededed;
}
.numbers{
width:100%;
margin: 5px;
    padding: 5px;
    border: 1px;
    border-radius: 3px;
    border: solid 1px #ededed;
}
.basicFunction{
width:13%;
margin-left: 15px;
    padding: 5px;
    border: 1px;
    border-radius: 3px;
    border: solid 1px #ededed;
margin-top: 5px;
margin-bottom: 5px;
}
#rcalc{
    /* width: 100%;
   height: 380px;*/
    /* border-radius: 4px; 
    border: solid 1px #ccc;*/
   // width:95%;
    
}
.numMain{
width:37%;
}

.inputRadio{
min-width: initial;
}

.store{
width:100%;
margin-top: 5px;
    padding: 5px;
    border: 1px;
    border-radius: 6px;
    border: solid 1px #ededed;

}