.form-impl-creation .controls .idiom-lead-paragraph,
.form-edit          .controls .idiom-lead-paragraph {
    background-color: #EEE;

    margin-top: 5px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    margin-bottom: 5px;
    border-radius: 4px;
}

.dropdown-toggle {
    margin-top: 2px;
}

.warning-code-cromulence {
	/* Hidden at first. Displayed on code change. */
	display: none;
}

@media (prefers-color-scheme: dark) {
    /* Dark theme: see issues/114 */

    .form-impl-creation .controls .idiom-lead-paragraph,
    .form-edit          .controls .idiom-lead-paragraph {
        background-color: inherit;
    }

    .label.idiom_id {
        background-color: #444;
    }

    .form-horizontal .idiom_title a:link {
        color: #bbd;
    }

    legend {
        color: #999;
    }

    .alert.impl-edit-rules,
    .alert.warning-code-cromulence {
        border: 1px solid #8f641b;
        background-color: #382f04;
        color: #dbb97f;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    }

    .impl-edit-rules a {
        color: #c98e29;
    }

    .popover-title {
        background-color: rgba(0, 0, 0, 0.5);
        border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    }

    .dropdown-toggle {
        filter: invert(1);
    }

    textarea[name=impl_comment] {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: rgba(0, 0, 0, 0.9);
    }

	.btn.btn-idiom-create-preview,
	.btn.btn-impl-create-preview,
    .btn.btn-impl-edit-preview {
		color: #ffffff;
		text-shadow: 1px 1px 1px black;
		background-color: #363636;
		background-image: linear-gradient(to bottom, #444444, #222222);
		border-color: #222222 #222222 #000000;
	}

    .contribution-rules-small {  
        border-color: #0e3d0f;
        border-width: 2px;
        background-color: #185619;
        color: #CCC;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
    }
    
	.modal-idiom-preview, .modal-impl-preview {
		border: solid 1px white;
	}
}