.w3-row.same-height>* div:only-child, .w3-row-padding.same-height>* div:only-child, .w3-row.same-height>*, .w3-row-padding.same-height>*,
.w3-row.same-height>* a:only-child, .w3-row-padding.same-height>* a:only-child, .w3-row.same-height>*, .w3-row-padding.same-height>* {
    display: flex!important;
    flex-flow: column;
}
.w3-row.same-height, .w3-row-padding.same-height {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.w3-row.same-height>* div:only-child, .w3-row-padding.same-height>* div:only-child,
.w3-row.same-height>* a:only-child, .w3-row-padding.same-height>* a:only-child
 {
    height: 100%;
}
.w3-row.same-height>* div:only-child>footer, .w3-row-padding.same-height>* div:only-child>footer, .w3-row.same-height>*>footer, .w3-row-padding.same-height>*>footer,
.w3-row.same-height>* a:only-child>footer, .w3-row-padding.same-height>* a:only-child>footer, .w3-row.same-height>*>footer, .w3-row-padding.same-height>*>footer {
    margin-top: auto;
}

.w3-teal {background-color:#00B0BD!important;}

.autocomplete-suggestions {background-color:white;padding:3px;border:solid 1px silver;overflow:auto;}
.autocomplete-suggestion {cursor:pointer;}
.autocomplete-selected {background-color:#ddffff;}

img {max-width:100%;}

.w3-button {
    white-space:normal;
}

.template {
    position: relative;
}
.template::before,
.template::after {
    content: "This is template. It will not be displayed on production,";
    font-size: 7px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    max-height: 33%;
    line-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: yellow;
}
.template::before {
    top: 0;
}
.template::after {
    bottom: 0;
}