/* Minification failed. Returning unminified contents.
(4,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
 */
/*Configuration Settings Screens*/

.config-main-container {
    color: var(--text-primary);
    font-family: sans-serif, Verdana, Arial;
    background-color: black;
    overflow: auto;
    width: 100vw;
}

.config-container-style {
     margin-top:5%;
}

/*ImageProcessing Configuration Style-Classes*/

.div-with-border{
     border: solid;
     margin-top: 3px; 
     border-width:0.5px;
}

.div-with-border1{
     border: solid;
     margin-top: 25px; 
     border-width:0.5px;
}

.margin-bottom_20{
    margin-bottom:20px;
}

.gamma-xaEdge-text{
    color:white; 
    height:20px;
    width:30px;
    text-align:center;
    background-color:#39395C;
    border:none;
}

.margin-top_35{
    margin-top:35px;
}

.min-width_140{
    min-width:140px;
}

.default-btn {
    width: 120px;
    height: 23px !important;
    text-align: center;
    right: 8px;
}

.margin-top_25{
    margin-top:25px;
}

input[type="range"] {
  height: 24px;
  padding:0px; 
}

input[type=range]::-ms-tooltip {
    display: none;
}

.explanation{
    text-align:left;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .resize{
        font-size:70%;
    }
    .shift-gamma-xa{
        position:relative;
        left:50%;
    }
    .shift{
        position:relative;
        left:112%;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 400px) {
     .resize{
        font-size:80%;
    }
    .shift-gamma-xa{
        position:relative;
        left:55%;
    }
    .shift{
        position:relative;
        left:94%;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
   .shift-gamma-xa{
        position:relative;
        left:10%;
    }
    .shift{
        position:relative;
        left:62%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and  (min-width: 1200px) {
    .shift-gamma-xa{
        position:relative;
        left:-10%;
    }
    .shift{
        position:relative;
        left:43%;
    }
    .resize{
        font-size:100%;
    }
}
@media (min-width:300px) and (max-width:780px)
{
    .full-width{
        width: 100%;
    }
}
/*End*/

.graycolor{
    color:gray;
}
.lavendercolor{
    color:lavender;
}