/* 
    Created on : 15 Nov, 2016, 12:14:04 PM
    Author     : sukriti
*/

/*body
{
    background-color:tan;
} */
.box
{
   background-color:#3d4543;
    height:350px;
    width:250px;
    border-radius:20px;
    position:relative;
    top:45px;
    left:5%;
    display: none;
    position: absolute;
   // background-color: #f9f9f9;
    //border:2px solid #3385ff;
   //min-width: 450px;
    //box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    //padding: 12px 16px;
    z-index: 1;

} 
.bttncls{
  top:10px;
  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:#222;
    width:220px;
    position:relative;
    left:15px;
    top:20px;
    height:40px;
}
.display input
{
    position:relative;
    left:1px;
    top:1px;
    height:35px;
    color:black;
    background-color:#bccd95;/*#e0e0d1*/
    font-size:20px;
    text-align:right;
} 

.keys
{
    position:relative;
    top:15px;
}
.button
{
    width:40px;
    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;
}