//Entenda o uso deste arquivo: https://csswizardry.com/2013/04/shame-css/

.ngx-td-button {
    soft-button {
        border-radius: 4px;

        &:hover {
            background-color: $support-color-gray-150;

            button {
                soft-icon {
                    color: $support-color-gray-500;
                }
            }
        }

        button {
            background-color: transparent;

            soft-icon {
                color: $support-color-gray-300;
            }
        }
    }
}

.ngx-dropdown-options-container {
    .ngx-dropdown-option-small, .ngx-dropdown-option-medium, .ngx-dropdown-option-large {
        soft-checkbox {
            .checkbox-container {
                label {
                    input[type='checkbox'] {
                        margin-right: 12px;
                    }
                }
            }
        }

        soft-radio {
            .radio-container {
                label {
                    input[type='radio'] {
                        margin-right: 12px;
                    }
                }
            }
        }
    }
}

.ngx-filter-container {
    .ngx-filter {
        .ngx-checkbox {
            soft-checkbox {
                margin-top: -1px;
            }
        }
    } 

    .ngx-dropdown-options-container-small {
        margin-top: 34px;
    }
    
    .ngx-dropdown-options-container-medium {
        margin-top: 42px;
    }
    
    .ngx-dropdown-options-container-large {
        margin-top: 46px;
    }

    .ngx-dropdown-selected-options-extra {
        display: none;
    }
}