.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: #ddd7c7;
}

.notification.is-primary p {
    color: #625d4f !important;
}

.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;
}
}

/* not mobile */
@media screen and (min-width: 1024px) {
    #step2fileLoadIcon.is-loading {
	margin-top: 1em;
    }
    #step2fileLoadIcon {
	margin-top: 0.2em;
	padding-right: 0.4em;
    }
    #step2fileLoadStatus { /*#step2fileLoadIcon.is-loading +*/
	margin-top: 1em;
    }
    span.is-loading > e {
	padding-left: 0.3em;
    }
    span.control.is-loading::after {
	top: 0.625em;
    }
}

.file.has-name.dragIn {
    border-color: gray;
    border-width: 0.2em;
    border-style: dashed;
    top: -0.2em;
    left: -0.1em;
}
    

/* Notification */

/* Help dialog */
#helpDialog {
    transition: opacity 0.025s ease-in-out 0s;
    animation: 0.035s ease-out 0s 1 normal none running notificationFadeIn;
}

@keyframes notificationFadeIn {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: inherit;
        opacity: 0;
    }

    100% {
        display: inherit;
        opacity: 1;
    }
}


/* custom button color */
/* spreadsheet button color*/
.is-spreadsheet, .is-spreadsheet:active {
    border-color: #358546;
    color: #358546;
    background: none;
}
.is-spreadsheet:hover, .is-spreadsheet:focus {
    background-color: #358546;
    border-color: #358546;
    color: #fff;
}
.is-spreadsheet:focus, .is-spreadsheet:focus:not(:active) {
    box-shadow: 0 0 0 0.125em rgba(46, 153, 69, 0.25);
}
.button.is-spreadsheet.is-outlined.is-loading::after {
    border-color: transparent transparent #358546 #358546 !important;
}
button.is-spreadsheet.is-outlined.is-loading:focus::after {
    border-color: transparent transparent #fff #fff !important;
}

/* pdf button color*/
.is-pdf, .is-pdf:active {
    border-color: #d03e3e;
    color: #d03e3e;
    background: none;
}
.is-pdf:hover, .is-pdf:focus {
    background-color: #d03e3e;
    border-color: #d03e3e;
    color: #fff;
}
.is-pdf:focus, .is-pdf:focus:not(:active) {
    box-shadow: 0 0 0 0.125em rgba(199, 72, 72, 0.25);
}
.button.is-pdf.is-outlined.is-loading::after {
    border-color: transparent transparent #d03e3e #d03e3e !important;
}
button.is-pdf.is-outlined.is-loading:focus::after {
    border-color: transparent transparent #fff #fff !important;
}



/* tooltip */

/* tooltip */
.tooltip {
/*    color: #646464;*/
}
.tooltip e:first-child{
    text-decoration: underline dotted;
}
.tooltip span i {
    margin-right: 0.2em;
}
.tooltip:before {
    top: auto;
    right: auto;
    margin-top: -7px;
    margin-bottom: -5px;
    margin-left: 1em;
    transform: translate(-50%, 2.1rem);
    background-color: rgba(74, 74, 74, 1);
    font-size: .8em;
    hyphens: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: 1020;
    border-radius: 2px;
    content: attr(data-tooltip);
    padding: 0.5rem 1rem;
    text-overflow: ellipsis;
    white-space: pre;
    color: white;
    font-weight: 400;
}
.tooltip:after {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -5px;
    margin-left: -20px;
    border-color: transparent transparent rgba(74,74,74,0.9) transparent;
    
    content: '';
    border-style: solid;
    border-width: 6px;
    opacity: 0;
    visibility: hidden;
}
.tooltip:hover::before, .tooltip-active::before, .tooltip:hover::after, .tooltip-active::after {
     opacity: 1;
     visibility: visible;
}
.tooltip:hover::before, .tooltip-active:before, .tooltip::before {
    text-overflow: unset;
    white-space: unset;
    word-break: break-word;
}