.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.flex.base, .flex .flex-base{
    align-items: baseline
}
.flex-top{
    align-items: flex-start;
}
.flex-grow > * {
    flex-grow: 1;
}
.flex-gutters{
    margin-right: -8px;
    margin-left: -8px;
}
.flex-gutters > * {
    margin-right: 8px;
    margin-left: 8px;
}
.flex-gutters-sm{
    margin-right: -4px;
    margin-left: -4px;
}
.flex-gutters-sm > * {
    margin-right: 4px;
    margin-left: 4px;
}
.flex-right {
    flex-direction: row-reverse;
    justify-content: end;
}
.nowrap{
    white-space: nowrap;
}
.error{
    border-color: #ea0000;
}
span.error{
    color: #ea0000;
}
.text-bold{
    font-weight: bold;
}
.width-auto{
    width: auto;
}
/* Hide vue elements until loading is complete  */
[v-cloak] {
    display: none;
}

/* https://github.com/sweetalert2/sweetalert2/issues/834 */
.swal2-popup {
  font-size: 1.6rem !important;
}

hr.underline{
    margin-top: 0px;
}

.pinned-to-top{
    position: fixed !important;
    width: 100%;
}

.deprecatedMenuItem{
    opacity: 0.5;
}