/* * {
    font: 14px  Verdana, Geneva, sans-serif;
} */

/* Button Widget */
.wgt-button {
    color:          #F1F1F1;
    font-size:      18px;
    /* padding:        1pt; */
}
.wgt-button.focused {
    color:          black;
    background:     #5eef47;
}
.wgt-scrollbar-v{
    height:208px;
    width:20px;
}
.wgt-scrollbar-h{
    height:20px;
    width:300px;
}
.wgt-scrollbar-v .track .trackTop,
.wgt-scrollbar-v .track .trackBottom{
    height:20px;
    background-color:yellow;
}
.wgt-scrollbar-h .track .trackTop,
.wgt-scrollbar-h .track .trackBottom{
    width:20px;
    background-color:yellow;
}
.wgt-scrollbar-v .track .trackMiddle ,
.wgt-scrollbar-h .track .trackMiddle{
    background-color:green;
}
.wgt-scrollbar-v .nodeTable .nodeTop{
    background-color:red;
    height:10px;
}
.wgt-scrollbar-h .nodeTable .nodeTop{
    background-color:red;
    width:10px;
}
.wgt-scrollbar-v .nodeTable .nodeMiddle,
.wgt-scrollbar-h .nodeTable .nodeMiddle{
    background-color:blue;
}
.wgt-scrollbar-v .nodeTable .nodeBottom{
    background-color:purple;
    height:10px;
}
.wgt-scrollbar-h .nodeTable .nodeBottom{
    background-color:purple;
    width:10px;
}
.wgt-scrollableLabel-container{
    width:200px;
    height:200px;
}
.wgt-keyboard-comp{
    color:          #F1F1F1;
    font-size:      18px;
    background:     #252525;
    border-radius:  8px;
    border:         0px;
    line-height:    21pt;
    padding:        2pt;
    margin:         1pt;
    width:          30px;
    height:         30px;
}
.wgt-keyboard-comp.focused{
    /*background:     #20C0A2;*/
    color:          #F1F1F1;
    background: #193151;
}
/*.wgt-keyboard-comp.colSpan-2{
    width:          67px;
}*/

.wgt-keyboard-comp.colSpan-3
{
    width:197px;
    text-align: center;
}

.wgt-keyboard-comp.colSpan-2
{
    width:90px;
    text-align: center;
}
.wgt-input{
    width: 120px;
    color: #48C7F2;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    display: block;
    min-height: 21px;
    border-radius: 2px;
    border: 1px solid #48C7F2;
    float: left;
    padding: 2px;
    margin: 1px;
    overflow: hidden;
}
.wgt-input.input , .wgt-input.input input{
    background:gainsboro;
}
.wgt-input .container{
    position: relative;
    padding: 0px;
    border: 0px;
    display: block;
    width: 100%;
    height: 21px;
    overflow: hidden;
}
.wgt-input .cursor{
    position: absolute !important;
    width: 1px;
    left: 0px;
    top: 2px;
    height: 17px;
    z-index: 30;
    background-color: red;
}
#kbArrow{
    position: absolute;
    width: 115px;   /*width is needed for wd*/
    left: 400px;
    top: 90px;
}
#kbNumPad{
    position: absolute;
    width: 155px;   /*width is needed for wd*/
    left: 530px;
}
#kbArrow .disabled{
    visibility:hidden;
}
#kbNumPad .disabled{
    background:gray;
}
.wgt-keyboard-comp.rowSpan-2{
    height: 67px;
    margin-bottom: -35px;
}
.wgt-textArea{
    width: 250px;
    height: 60px;
    color: #48C7F2;
    font-size: 14px;
    line-height: 21px;
    border:1px solid #48C7F2;
}
.wgt-textArea textarea,.wgt-input input{
    color: #48C7F2;
}
.wgt-textArea.input,
.wgt-textArea.input .textArea,.wgt-textArea.input .wgt-textarea-native-ele{
    background:gainsboro;
}
.wgt-textArea .cursor{
    width: 1px;
    height: 14px;
    z-index: 30;
    background: red;
}

/* Dialog */
.wgt-dialog-container{
    top: 90px;
    left: 140px;
    height: 320px;
    width: 680px;
    background: grey;
}
.wgt-dialog-container .wgt-dialog-header{
    background: #444444;
    color: #FFFFFF;
}
.wgt-dialog-container .wgt-dialog-content{
    min-height: 83%;
    position: relative;
}
.wgt-dialog-container .wgt-dialog-footer{
    position: absolute;
    bottom: 0;
    max-height: 100%;
}
.wgt-dialog-container.dialog2{
    top: 100px;
    left: 150px;
}
.wgt-dialog-container.inner-dialog{
    top: 40px;
    left: 120px;
    width: 400px;
    height: 200px;
}

/* Grid */

/*.wgt-grid-item {
    height: 30px;
    width: 20px;
    color: black;
    background: white;
    border: 1px solid grey;
}


.wgt-grid-item.wgt-grid-selected {
    border: 1px solid red;
}