/************************************
 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)
************************************/

/*******************************
        Input
*******************************/
.flashlight-textbox textarea.generic-textarea{
    /*border: 2px dashed #1b6d85;*/
}
/************************************
        Labels
*************************************/
.flashlight-textbox .prefix,
.flashlight-textbox .suffix {
    /*color: #da5124;*/
    /*background-color: transparent;*/
    /*border-color: transparent;*/
}
/************************************
        Opt Out
*************************************/
.flashlight-textbox table.generic-table thead tr th.optOutLabelWrapper{
    /*color: #da5124;*/
}
.flashlight-textbox table .optOutWrapper .shown-when-not-selected {
    /*color: #7e7e7e;*/
}
.flashlight-textbox table .optOutWrapper .shown-when-selected{
    /*color: #EC5D2F;*/
}

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

It is not recommended to edit this part.
*************************************/
.flashlight-textbox {
    display: block;
}
.flashlight-textbox table{
    width: 100%;
}
.flashlight-textbox table td{
    text-align: center;
}
.flashlight-textbox  textarea, .flashlight-textbox  input{
    width: 100%;
}

.flashlight-textbox input {
    max-width: 250px;
    float: left;
}

.flashlight-textbox .prefix,
.flashlight-textbox .suffix {
    font-size: 1.2em;
}

@media (min-width:768px) {
    .flashlight-textbox .prefix,
    .flashlight-textbox .suffix{
        font-size: 1.4em;
    }
}

@media (min-width:992px) {
    .flashlight-textbox .prefix,
    .flashlight-textbox .suffix{
        font-size: 1.6em;
    }

}

@media (min-width:1200px) {
    .flashlight-textbox .prefix,
    .flashlight-textbox .suffix{
        font-size: 14px;
    }
    .flashlight-textbox  textarea, .flashlight-textbox  input{
        font-size: 14px;
    }
}