/*
.preview-controls {
    background: rgba(161, 161, 161, 0.5) !important;
    border-width: 0px !important;
}
*/

.preview-controls-menu {
    background: rgba(161, 161, 161, 0.5);
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5px;
}

.preview-label {
    background: rgba(161, 161, 161, 0.5);
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px;
    font-size: 10px;

}

.appForm .row-control {
   margin-top: 10px;
}

.appForm .row-control label{
	margin-right:5px;
}

.appForm .control-labels{
    display: block;
}

.params-panel {
    background: rgba(161, 161, 161, 0.5);
    color: white;
}

.params-form {
    max-height:347px;
    overflow: visible;
    padding-left: 15px;
}

.slider {
    left:10px;
}

#img-panel {
    position: relative;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 10;
}
#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.form-toolbar{
    margin-top: 20px;
    background-color: inherit !important;
    border-width: 0px !important;
    margin-bottom: 0px !important;
}

.footer {
    height:20px;
    /*background-color: #242424;*/
    font-size: 10px;
    color: #766F61;
    line-height: 20px;
}
.footer-right{
    text-align: right;
}

@media screen and (min-width :1024px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width :500px) {
    .preview-controls-menu {
        float: inherit;
        position: inherit;
    }
    .preview-controls-menu tr{
        float:left;
        height:35px;
    }
    .preview-controls-menu td {
        width:5px;
    }
    #screenshot {
        display:none;
    }

}