body{
    /*background-color: #424242;*/
    /*background-color: black;*/
    background-color: #323232;
    color: white;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    -o-user-select:none;
}

#bottomRow{
    background-color: #323232;
}

#topRow{
    background-color: #323232;
}

.inferredObjectBoundingBoxRect{
	/*fill-opacity: 0;*/
    fill: none;
	/*stroke: gold;*/
}

.inferredObjectBoundingBoxRect.selected{
    stroke-dasharray: 5;
    stroke: gold;
    stroke-width: 8px;
}


#speechtip_div div{
    margin-top: .2%;
    margin-bottom: .2%;
}

#speechOnlyCommandDiv div,#sequentialCommandDiv div{
    /*padding-top: .5%;*/
    /*padding-bottom: .5%;*/
}

#speechOnlyCommandDiv, #sequentialCommandDiv{
    height: 200px;
    overflow-y: auto;
}

#systemFeedbackDiv{
    height: 100px;
}

.commandCategoryRow{
    /*border:1px solid lightgray;*/
    /*background: #c2c2c2;*/
    /*color: #000;*/
    /*margin: 1.5% 0% 1.5% 0%;*/
    text-decoration: underline;
    color:#888;
}

.speechtip {
    position: absolute;
    display: none;
    background-color: #000000;
    border-radius: 4px;
    min-width: 150px;
    border: 1px solid #d4d4d4;
    z-index:1200;
    color: white;
    /*width: 250px;*/
    width: 25%;
    /*max-width: 350px;*/
    padding: .5%;
    /*padding-right: 0.5%;*/
    /*padding-top: 0.2%;*/
    /*padding-bottom: : -0.2%;*/
    /*padding: .25%;*/
}

.speechOnlyCommand, .sequentialCommand{
    /*font-style: italic;*/
    font-size: 14px;
    padding-left: 5%;
}

.speechTipCommand{
    /*font-style: italic;*/
    font-size: 14px;
    padding-left: 5%;
}

.commandParam{
    /*color: #3A9476;*/
    color: aqua;
    text-decoration: underline;
}

#speechInputBox.listening{
    border: 1px solid green;
}

#speechInputBox{
    border: 1px solid #353535;
}

/*.shapeRect{*/
    /*fill:lightgrey;*/
    /*fill-opacity: 0.5;*/
    /*stroke: black;*/
/*}*/

/*.shapeRectWImage{*/
    /*stroke: black;*/
/*}*/

.shapeG.selected rect.shapeRect{
    stroke-dasharray: 5;
    stroke: gold;
    stroke-width: 3px;
}

.shapeG.handle{

}

#optionsDiv{
    /*height: 500px;*/
    height: 100%;
    padding: 0% 5% 0% 5%;
    overflow-y: auto;
}

#optionsDiv div{
    margin: 5% 0% 5% 0%;
}

.currentSwipeTrace.swipetrace{
    stroke: white;
    fill: #73ad21;
    stroke-dasharray: 5;
    fill-opacity: 0.2;
    stroke-width: 3;
    stroke-opacity: 0.8;
}

.swipetrace{
    stroke: white;
    fill: white;
    stroke-dasharray: 5;
    /*fill-opacity: 0.2;*/
    stroke-width: 3;
    stroke-opacity: 0.8;
}

.swipetrace.selected{
    stroke: gold;
    stroke-width: 8px;
}

/*.lasso path {*/
    /*stroke: rgb(80,80,80);*/
    /*stroke-width:2px;*/
/*}*/

/*.lasso .drawn {*/
    /*fill-opacity:.05 ;*/
/*}*/

/*.lasso .loop_close {*/
    /*fill:none;*/
    /*stroke-dasharray: 4,4;*/
/*}*/

/*.lasso .origin {*/
    /*fill:#3399FF;*/
    /*fill-opacity:.5;*/
/*}*/

#listeningText{
    font-size: 22px;
    margin-top: .3%;
    /*margin-left: 40%;*/
    display: none;
    font-weight: bold;
}

.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #f44242;    }
    /*49%{    color: transparent; }*/
    50%{    color: transparent; }
    /*99%{    color:transparent;  }*/
    100%{   color: #f44242;    }
}

.blinkingBorder{
    animation:blinkingBorder 0.8s infinite;
}
@keyframes blinkingBorder{
    0%{     border: 1px solid #f44242;    }
    /*49%{    color: transparent; }*/
    50%{    border: 1px solid #353535; }
    /*99%{    color:transparent;  }*/
    100%{   border: 1px solid #f44242;    }
}

.blinkingButton{
    animation:blinkingBg 0.8s infinite;
}
@keyframes blinkingBg{
    0%{     background-color: green;    }
    /*49%{    color: transparent; }*/
    50%{    background-color: transparent; }
    /*99%{    color:transparent;  }*/
    100%{   background-color: green;    }
}

.modal{
    color: black;
}

.galleryImageDiv{
    width: 200px;
    height: 225px;
    margin: 2.5%;
    border: 1px solid gray;
    float: left;
    overflow: auto;
}

.shapeMoveHandle{
    display: none;
}

.leftPanel{
    width: 5%;
    background-color: #353535;
}

.leftPanel button{
    margin: 2.5% 0% 2.5% 15%;
}

.centerPanel{
    width: 75%;
    background-color: black;
}
.rightPanel{
    width: 20%;
    height: 600px;
    background-color: #323232;
}

select {
    border-radius: 2.5px;
    width: 100%;
    background-color: #252525;
    color:white;
}

.speech-input-div {
    position: relative;
    margin: .25% 0% .25% 25%;
    width: 40%;
}
.speech-input-div input {
    /*padding-right: 30px;*/
    width: 100%;
}
.speech-input-div i {
    position: absolute;
    right: -5%;
    /*padding: 10px 12px;*/
    padding-top: 1.5%;
    pointer-events: none;
    color: steelblue;
}

.speechTipTalkIndicationDiv{
    padding: 1%;
    font-size: 20px;
}

#leftPanelSpeakIndicator i{
    position: absolute;
    left:1%;
    /*top: 6%;*/
    font-size: 22px;
    color: white;
}

#rightPanelSpeakIndicator i{
    position: absolute;
    right:14%;
    /*top: 6%;*/
    font-size: 22px;
    color:white;
}

.commandPhraseKeyword{
    color:aqua;
}

#toolbarDiv{
    height: 100%;
}