.horizontal-fill-columns {
    display:flex;
    flex-direction: column;
    height: 100vh;
}

.horizontal-fill-column:first-child,
.horizontal-fill-column:last-child {
    flex-grow: 0;
}

.horizontal-fill-column {
    flex-grow: 1;
    
}

#formId > .field {
  padding-bottom: 0.2em;
}

.control.has-icons-left .input:focus ~ .icon {
  color: #485fc7;
}


.control.has-icons-left input {
  max-width: 22em;
}

a.dropdown-item.is-active {
    background-color: #3e8ed0;
}

.notification.is-primary {
    background-color: #eff5fb;
}

.notification.is-primary p {
    color: #00609c;
}

.imageFooter {
    padding-top: 0.2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.imageFooter a {
    flex: auto;
    margin-top: 1em;
}


/* not mobile */
@media screen and (min-width: 1024px) {
.imageFooter {
    flex-direction: row !important;
    max-width: 35em !important;
    padding-top: 1.6em;
}
.imageFooter a {
    margin-top: 0 !important;
}
}


/* Control buttons */

.controlBlock {
    border: 1px solid rgba(36, 41, 46, 0.12);
    padding: 0.5em;
    padding-left: 0.6em;
    min-width: 13em;
    margin-right: 1em;
    margin-bottom: 0;
    height: 7.5em;
}

.controlBlock .field {
    display: block ruby;
}

.controlTitle {
    font-weight: 300;
    color: #282d32;
}

.controlTitle div {
    display: inline-block;
}

.controlTitle iconify-icon {
    margin-bottom: -0.3em;
    margin-left: 0.3em;
}

.controlLabel {
    padding-bottom: 0.3em;
    font-size: 0.9em;
}

.controlSpinner {
    display: none;
    padding-left: 0.4em;
    margin-bottom: -0.14em;
    margin-right: 0.5em;
}