/*!
 * Start Bootstrap - New Age v5.0.0 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

.wf-mp-keyboard{
    position: absolute;
    display: inline-block;
    background: #fff;
    border: 1px solid #dddddd;
    padding: 3px;
    display: none;
    border-radius: 5px;
    -webkit-box-shadow: 10px 10px 5px -8px rgba(161,155,161,1);
    -moz-box-shadow: 10px 10px 5px -8px rgba(161,155,161,1);
    box-shadow: 10px 10px 5px -8px rgba(161,155,161,1);
}
.wf-mp-keys{
    display:inline-block; 
    width:50px; 
    height:50px; 
    background: #cdcdcd; 
    cursor: pointer;
    text-align: center;
    margin: 3px;
    border-radius: 5px;

}
.wf-mp-keys:hover{
    background:lightblue;
}

.wf-mp-clear{
    border:none;
    background: #ed3330;
    padding: 7px;
    cursor: pointer;
    display: inline-block;
    margin-left:3px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

.wf-mp-clear:hover{
    background: lightblue
}

.wf-done-button{
    float:right;
}