:root {
    --spacer: 1rem;
}

.ft {
    color: #f00
}

/*флекс для использования в контентной части*/
.d-inline-flex {
    display: inline-flex !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.gap-1 {
    gap: 1.5rem;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow {
    flex-grow: 1;
}

.flex-row-to-col {
    display: flex;
    flex-direction: row;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: calc(var(--spacer) * .25) !important;
}

.m-2 {
    margin: calc(var(--spacer) * .5) !important;
}

.m-3 {
    margin: calc(var(--spacer) * .75) !important;
}

.m-4 {
    margin: calc(var(--spacer) * 1) !important;
}

.m-5 {
    margin: calc(var(--spacer) * 1.25) !important;
}

.mb-5 {
    margin-bottom: calc(var(--spacer) * 1.25) !important;
}

.mt-2 {
    margin-top: calc(var(--spacer) * .5) !important;
}

.mt-5 {
    margin-top: calc(var(--spacer) * 1.25) !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: calc(var(--spacer) * .25) !important;
}

.p-2 {
    padding: calc(var(--spacer) * .5) !important;
}

.p-3 {
    padding: calc(var(--spacer) * .75) !important;
}

.p-4 {
    padding: calc(var(--spacer) * 1) !important;
}

.relative {
    position: relative;
}

.alert-error {
    color: #842029;
    background-color: #f8d7da;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-error:empty {
    padding: 0;
    margin-bottom: 0;
    border: none;
}