/*
    CSS for base test page.
    This css is NOT included in the plugin when implemented on third party sites.
*/

html {
    background: #888;
}

.cfc-plugin__outputs-values {
    width: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cfc-plugin__outputs-row {
    width: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #666;
}

.cfc-plugin__outputs-label,
.cfc-plugin__outputs-output {
    width: 50%;
    max-width: 50%;
    margin: 1px;
    padding: 4px;
    background: #888;
}

.test-button {
    height: 50px;
    width: 100px;
    cursor: pointer;
}

.test-button-mb20 {
    height: 50px;
    width: 100px;
    cursor: pointer;
    float: left;
    margin-bottom: 20px;
}