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

 Please note the position of the text and the checkbox
 are defined in the question properties.
*************************************/
.flashlight-checkbox .round-button{
    /*color: #ffffff;*/
    /*border: 1px solid black;*/
}
.flashlight-checkbox .round-button:focus{
    /*outline: #0f8045;*/
}
.flashlight-checkbox .round-button.selected {
    /*border-color: #EC5D2F;*/
    /*color: #EC5D2F;*/
}
.flashlight-checkbox .flashlight-checkbox-text-other textarea{
    /*border: 1px solid #da5124;*/
}

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

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

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

It is not recommended to edit this part.
*************************************/
.flashlight-question.flashlight-checkbox .round-button {
    padding-left: 17px;
}
.flashlight-question .flashlight-checkbox-text {
	display: inline-block;
}
.flashlight-checkbox-text table tr td:first-child {
    vertical-align: top;
}
.flashlight-checkbox-text-other textarea {
	float: right;
    display: none !important;
}
.flashlight-checkbox-input {
    display: none;
}
.flashlight-checkbox-text-other.selected textarea {
    display: block !important;
    opacity: 1;
}
.flashlight-checkbox-header{
    padding-top: 15px;
    margin-bottom: 5px;
    clear: both;
    text-align: center;
    font-weight: bold;
}
.checkbox-multi-column table{
	width: 100%;
}
.checkbox-multi-column .flashlight-question .p1Check.flashlight-checkbox-text {
    padding: 8px;
}
.checkbox-multi-column .flashlight-question .p1Check.flashlight-checkbox-text .round-button-label{
	word-break: break-word;
}
.checkbox-multi-column .flashlight-question table.column-table {
    width: 100%;
}