:root {
  --dmfv-trial-font-family: "Ubuntu", sans-serif;
  --dmfv-trial-color-text-dark: #333;
  --dmfv-trial-color-primary: #3391d8;
  --dmfv-trial-color-primary-hover: #003366;
  --dmfv-trial-color-secondary: #99CC00;
  --dmfv-trial-color-secondary-hover: #86b300;
  --dmfv-trial-color-error: #e4013a;
  --dmfv-trial-color-warning: #f7e700;
  --dmfv-trial-color-success: #00836f;
  --dmfv-trial-color-light: #B8E0FF;
  --dmfv-trial-text-size: 1em;
  --dmfv-trial-text-line-height: 1.4;
  --dmfv-trial-radius: 6px;
  --dmfv-trial-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.dmfvportal-trial-form{
  font-family: var(--dmfv-trial-font-family);
}

/* ********************* */
/* Uikit styles ******** */
/* ********************* */

.uk-button-secondary {
  background-color: var(--dmfv-trial-color-secondary);
  color: #fff;
  font-weight: bold;
}

.uk-button-secondary:hover {
  background-color: var(--dmfv-trial-color-secondary-hover);
}

.uk-text-danger,
.uk-alert-danger {
  color: var(--dmfv-trial-color-error);
}

.uk-text-meta {
  color: var(--dmfv-trial-color-light)
}

.uk-background-warning {
  background-color: var(--dmfv-trial-color-warning);
  color: var(--dmfv-trial-color-text-dark);
}

.uk-form-label {
  font-weight: normal;
  font-size: var(--dmfv-trial-text-size);
  line-height: var(--dmfv-trial-text-line-height);
}

.uk-padding-xsmall{
  padding: 0.2em 1em;
}

.uk-select:not([multiple]):not([size]) {
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.uk-alert-success {
  background: var(--dmfv-trial-color-success);
  color: #fff;
}

/* ********************* */
/* styles for DMFV theme */
/* ********************* */

.background-blue-tiles .dmfvportal-trial-form input[type="text"],
.background-blue-tiles .dmfvportal-trial-form input[type="email"],
.background-blue-tiles .dmfvportal-trial-form input[type="tel"],
.background-blue-tiles .dmfvportal-trial-form textarea,
.background-blue-tiles .dmfvportal-trial-form select {
  color: #fff;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}

.background-blue-tiles .dmfvportal-trial-form .uk-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.background-blue-tiles .uk-form-icon{
  color: #fff;
}

.background-blue-tiles .dmfvportal-trial-form .dmfv-trial-submit-spinner {
  color: #fff;
}

.uk-section.uk-section-small.dmfvportal-trial-form-wrap {
  padding-top: 0px;
}