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

/************************************
        Buttons
*************************************/
.flashlight-radio .round-button{
    /*color: #ffffff;*/
    /*border: 1px solid black;*/
}
.flashlight-radio .round-button:focus{
    /*outline: #0f8045;*/
}
.flashlight-radio .round-button.selected {
    /*border-color: #EC5D2F;*/
    /*color: #EC5D2F;*/
}
.flashlight-radio .flashlight-radio-text-other textarea{
    /*border: 1px solid #da5124;*/
}

/************************************
        Icons
*************************************/
.flashlight-radio .round-button > i.shown-when-not-selected  {
    /*color: #0f8045;*/
}
.flashlight-radio .round-button > i.shown-when-selected  {
    /*color: #5bc0de;*/
}

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

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

It is not recommended to edit this part.
*************************************/
.flashlight-question .flashlight-radio-text {
    display: inline-block;
}
.flashlight-radio-text table tr td:first-child {
    vertical-align: top;
}
.flashlight-radio-text-other textarea {
    float: right;
    display: none !important;
}
.flashlight-radio-input {
    display: none;
}
.flashlight-radio-text-other.selected textarea {
    display: block !important;
    opacity: 1;
}