@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
*{
	box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
}

body{
    font-family: 'Open Sans', sans-serif;
}
.calc_close{
	background: url('Sprite.png') no-repeat -204px -13px;
	width: 16px;
	height: 16px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;    
    line-height: 25px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 12px;   
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
}
#keyPad_Help{
    color: #000;
	background: url('Sprite.png') no-repeat -22px -8px;
	width: 54px;
	height: 25px;
	padding:1px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;  
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 7px;   
/*	border:1px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	box-shadow:0 2px 2px #000000;
	-webkit-box-shadow:0 2px 2px #000000;
	-moz-box-shadow:0 2px 2px #000000;
	-ms-box-shadow:0 2px 2px #000000;*/
	
}
#keyPad_Help:hover{
   background: url('Sprite.png')  no-repeat -82px -8px;
	width: 54px;
	height: 25px;
}
#keyPad_Helpback{
    color: #000;
	background: url('Sprite.png')no-repeat -22px -43px;
	width: 54px;
	height: 25px;
	padding:1px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;  
    line-height: 20px;
    position: absolute;
    right: 79px;
    text-align: center;
    top: 7px;   
}
#keyPad_Helpback:hover{
   background: url('Sprite.png')  no-repeat -82px -43px;
	width: 54px;
	height: 25px;
}
.calc_min{
	background: url('Sprite.png') no-repeat -146px -26px;
	width: 16px;
	height: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
  
    line-height: 25px;
    position: absolute;
    right: 42px;
    text-align: center;
    top: 25px;
   

}
.calc_max{
background: url('Sprite.png') no-repeat -175px -13px;
	width: 16px;
	height: 16px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
   
    line-height: 25px;
    position: absolute;
    right: 42px;
    text-align: center;
    top: 12px;   
	
}
.hide{
 display:none;
}
.reduceWidth{
	width:200px !important;
}
.reduceHeader {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    width: 74px !important;
}
/*.calc_close:hover{
	background:#c0392b;
}*/
#mainContentArea{
margin-top:0px;
padding:10px;
}
.calc_container {
    background: #f7f7f7;
   
    border-radius: 5px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) inset;
    padding: 0px;
    width: 490px;
    border-bottom: 7px solid #ddd;
    position:relative;
}
#keyPad_Help{
   /* position: absolute!important;
    right: 125px;*/
}
.left_sec{
    float: left;
   /*  margin-right: 10px; */
}
.right_sec{
    float: left;
    height:180px; 
}
/* KEY ROW */
.calc_row{
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}


/* KEY BUTTONS */
#keyPad a {
    background: #f1f1f1;
    border-color: #aaa;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 3px;
    color: #444;
    cursor: pointer;
    /*  display: block; */
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 37px;
}
#keyPad a.min {
    font-size: 10.4px;
}
#keyPad a.last {
    margin-right: 0px;
}


#keyPad a:active {
    position: relative;    
    height: 25px;
    border-bottom: 1px solid #aaa;
}
#keyPad_btnEnter:active  {
	position:absolute !important;	
	bottom:17px !important;  
}
#keyPad a:hover  {
    background: #eaeaea;
}
.text_container {
   display:inline;
  /*  position: absolute; */
}
 .memoryhide {
  visibility: hidden;
  position: absolute;
  top: 52px;
  right:429px;
  bottom: 0;
  opacity: 0;
  transition: opacity 1s, visibility, 1s;
}
.memoryshow {
  visibility: visible;
  opacity: 1;
} 

/* INPUT/MEM TEXT BOXES*/
.keyPad_TextBox, .keyPad_TextBox1{
    background: none repeat scroll 0 0 #fff;
    border-color: #aaa;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 3px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    text-indent: 10px;
    vertical-align: middle;
    width: 100%;
    float: left;
    margin-bottom: 7px;
    padding-right:5px;	
}

.degree_radian{
    float: left;
    height: 25px;
    width: 80px;
    display: inline-block;
    font-size:9px;
    margin-top: 4px;
    vertical-align: middle;
}

#keyPad_btnDot{
	width:35px!important;
}
#keyPad_btn0{
	width:76px!important;
}
/* ARROWS */
.calc_arrows{
    font-size: 24px!important;
    /*line-height: 29px!important;*/
}

/* ENTER a: QUAD WIDTH */
#keyPad #keyPad_btnEnter{
    background: none repeat scroll 0 0 #2ecc71;
    border-color: #27ae60;
	bottom:17px;
    color: #fff;
    font-size: 20px;
	line-height: 47px;
	right:10px;
        *right:-6px;
    width: 35px;
    height: 53px;
	position:absolute;
    /* LINE-HEIGHT: 65PX; */
    FONT-SIZE: 20px;	margin-right: 10px;
}
	
/* ZERO a: DOUBLE WIDTH  
#keyPad #keyPad_btn0{  
    width: 95px;  
}*/

/* BACKSPACE/CLEAR INPUT KEYS*/

#keyPad #keyPad_btnClr,
#keyPad #keyPad_btnInverseSign,
#keyPad #keyPad_btnAllClr{
    background: none repeat scroll 0 0 #e74c3c;
    color: #fff;
    border-color: #c0392b;
	width:35px!important;
    
}
#keyPad #keyPad_btnBack
{
background: none repeat scroll 0 0 #e74c3c;
    color: #fff;
    border-color: #c0392b;
	width:76px!important;
}	
/* SPECIAL FORMATTING FOR SUPER-SCRIPT KEYS */
#keyPad #keyPad_btnSquare,
#keyPad #keyPad_btnCube,
#keyPad #keyPad_btnExp,
#keyPad #keyPad_btnYpowX{ 
    font-size: 12px;
}

/* CLEAR BOTH */
.clear {clear:both;}

.superscript,.subscript  {
    font-size: 0.7em;
    position: relative;
    top: -0.5em;
}
.subscript {
   top: 0.5em;
}
/** new help changes **/
#helpContent
{
	
    height: 263px;
    margin-right: 6px;
    overflow: auto;
    padding: 10px;
}
#helptopDiv {
    margin-bottom: 5px;
    padding: 10px;
    background-color: #d4e8f5;
    color: #19448f;
    cursor: move;
    font-weight: bold;
    text-transform: uppercase;
}
#keyPad_Help, #keyPad_Helpback
{
	/*float:right !important;*/
}
/** new help changes **/