/************************************
 To overwrite css properties, uncomment/edit them.
 If you decide to change the size of elements,
 please keep in mind both mobile and desktop layouts (media queries)
************************************/

/*******************************
            Inputs
*******************************/
.flashlight-numerictextbox input.generic-input{
    /*border: 2px dashed #1b6d85;*/
    -moz-appearance: textfield;
}

.flashlight-numerictextbox .prefix,
.flashlight-numerictextbox .suffix {
    /*color: #da5124;*/
}


/************************************
        Opt Out
*************************************/
.flashlight-numerictextbox .optout label span.absoluteLabel {
    /*color: #2b542c;*/
}
.flashlight-numerictextbox .optout > i.shown-when-not-selected  {
    /*color: #0f8045;*/
}
.flashlight-numerictextbox .optout > i.shown-when-selected  {
    /*color: #5bc0de;*/
}

/************************************
        Custom question CSS rules

It is not recommended to edit this part.
*************************************/

.flashlight-numerictextbox input::-webkit-outer-spin-button,
.flashlight-numerictextbox input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.flashlight-numerictextbox {
    display: block;
}
.flashlight-numerictextbox .wrapper{
    text-align: center;
}
.flashlight-numerictextbox table{
    width: 100%;
}
.flashlight-numerictextbox input.generic-input{
    width: 100%;
    font-size: 14px;
}
.flashlight-numerictextbox .prefix,
.flashlight-numerictextbox .suffix {
    padding: 10px;
}

@media (min-width:768px) {
    .flashlight-numerictextbox input.generic-input{
        font-size: 1.2em;
    }
}

@media (min-width:992px) {
    .flashlight-numerictextbox input.generic-input{
        font-size: 1.4em;
    }
}
@media (min-width:1200px) {
    .flashlight-numerictextbox input.generic-input{
        font-size: 14px;
    }
}