.keyboardFocus{
    outline:2px solid red;
    outline-offset:2px
}
.bgColorGreen{
    background-color:#4caf50;
}
.customKbF{
    outline: 2px solid #cddc39;
    outline-offset: 2px
}
.box{
    padding: 20px;
}
/* div{
    outline:none
} */
.active{
    background-color:#444
}
.popupContent{
    max-height: 160px;
    overflow-y:auto;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    padding:0 15px;
    margin: 10px 0 0;
}
[dir=ltr] .popupContent .popupContent, [dir=ltr] .popupContent button{
    margin:20px 0 0 50px
}
[dir=rtl] .popupContent .popupContent, [dir=rtl] .popupContent button{
    margin:20px 50px 0 0
}
.popupList{
    cursor:pointer;
    border-bottom: 1px solid #c3c3c3;
    padding:6px;
}
.popuplistFocus{
    color:#fff;
    background-color:#999999
}
.popupListActive{
    color: #FFF;
    background-color: #0a73eb;
}
.smbtncusFocus{
    outline:2px solid #333;
    outline-offset: 2px;
    background-color: #4caf50
}
.cnbtnFocus{
    color:#333;
    outline:2px solid #333;
    outline-offset: 2px;
    background-color: #fff
}
.hidePopup{
    display: none
}
.isActive{
    background-color:red
}
.show{
    display:block
}
.hide{
    display:none
}