/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 Nov, 2016, 12:14:04 PM
    Author     : sukriti
*/

/*body
{
    background-color:tan;
} */

.box
{
    background-color:#3d4543;
    height:50%;
    width:13.5%;
    border-radius:20px;
    position:relative;
    top:50%;
    left:60%;
    display: none;
    position: absolute;
    z-index: 1;
} 
.bttncls{
  top:10%;
  left:75%;
  position:relative;
  display: none;
}
div.click a{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; 
    z-index:10; 
    background-color:white; 
    opacity: 0; 
    filter: alpha(opacity=1); 
}


.dropdown:hover .box {
    display: block;

}
.display
{
    background-color:#080808;
    width:85%;
    position:relative;
    left:9%;
    top:8% ;
    height:15%;
}
.display input
{
    position:relative;
    left:3%;
    top:2%;
    height:90%;
    color:black;
    background-color:#bccd95;/*#e0e0d1*/
    font-size:20px;
    text-align:right;
} 

.keys
{
    position:relative;
    top:15%;
}
.button
{
    width:15%;
    height:30px;
    border:none;
    border-radius:8px;
    margin-left:17px;
    cursor:pointer;
    border-top:2px solid transparent;
}
.button.gray
{
    color:black;
    background-color:#6f6f6f;
    border-bottom:black 2px solid;
    border-top:2px #6f6f6f solid;
}
.button.pink
{
    color:black;
    background-color: #ff667d;/*#ff4561;*/
    border-bottom:black 2px solid;
}
.button.black
{
    color:black;
    background-color:303030;
    border-bottom:black 2px solid;
    border-top:2px 303030 solid;
}
.button.orange
{
    color:black;
    background-color:#ffa31a;
    border-bottom:black 2px solid;
    border-top:2px FF9933 solid;
}
.gray:active
{
    border-top:black 2px solid;
    border-bottom:2px #6f6f6f solid;
}
.pink:active
{
    border-top:black 2px solid;
    border-bottom:#ff4561 2px solid;
}
.black:active
{
    border-top:black 2px solid;
    border-bottom:#303030 2px solid;
}
.orange:active
{
    border-top:black 2px solid;
    border-bottom:FF9933 2px solid;
}
p
{
    line-height:10px;
}