/* ========================================================================
   Component: Composed control
 ========================================================================== */
.uk-composed-control {
  background: var(--control-background);
  border: var(--control-border-width) var(--control-border-style) var(--control-border);
  box-sizing: border-box;
  display: block;
  padding: var(--global-small-gutter) var(--global-gutter);
}
.uk-composed-control.uk-success:not(.uk-disabled) {
  border-color: var(--form-success-color);
}
.uk-composed-control.uk-warning:not(.uk-disabled) {
  border-color: var(--form-warning-color);
}
.uk-composed-control.uk-danger:not(.uk-disabled) {
  border-color: var(--form-danger-color);
}
.uk-composed-control .uk-control,
.uk-composed-control .uk-datepicker {
  background: none !important;
  border: 0 none;
  color: var(--global-color);
  font-size: var(--global-large-font-size);
  padding: 0 !important;
}
.uk-composed-control .uk-composed-control-label {
  color: var(--global-muted-color);
}