.mtop-05 { margin-top: .5em; }
.mtop-07 { margin-top: .7em; }
.mtop-1 { margin-top: 1em; }
.mtop-2 { margin-top: 2em; }
.mtop-3 { margin-top: 3em; }
.mtop-4 { margin-top: 4em; }
.mtop-5 { margin-top: 5em; }

.mbottom-1 { margin-bottom: 1em; }
.mbottom-2 { margin-bottom: 2em; }
.mbottom-3 { margin-bottom: 3em; }
.mbottom-4 { margin-bottom: 4em; }
.mbottom-5 { margin-bottom: 5em; }


.mtop07  { margin-top: 0.7em; }
.mtop14  { margin-top: 1.4em; }
.mtop21  { margin-top: 2.1em; }
.mtop28  { margin-top: 2.8em; }
.mtop35  { margin-top: 3.5em; }

.mbottom07  { margin-bottom: 0.7em; }
.mbottom14  { margin-bottom: 1.4em; }
.mbottom21  { margin-bottom: 2.1em; }
.mbottom28  { margin-bottom: 2.8em; }
.mbottom35  { margin-bottom: 3.5em; }

.text-right {
    text-align: right;
}

.text-thin {
    font-weight: 300;
}




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

.text-end,
.text-right {
    text-align: right!important;
}

.text-muted {
    color: #999;
}

.text-small {
    font-size: .84em;
}

.text-success {
    color: green;
}

.text-error {
    color: red;
}

.text-thin {
    font-weight: 300;
}

.d-block {
    display: block;
}
.d-inline-block {
    display: inline-block;
}

.d-flex {
    display: flex;
}

.d-wrap {
    flex-wrap: wrap;
}

.d-none {
    display: none;
}

.flex-col-03 {
    column-gap: 0.3em;
}

.flex-col-1 {
    column-gap: 1em;
}

.flex-col-2 {
    column-gap: 2em;
}


.flex-row-03 {
    row-gap: 0.3em;
}

.flex-row-1 {
    row-gap: 1em;
}

.flex-row-2 {
    row-gap: 2em;
}

.p-1 {
    padding: 1em;
}

.p-bottom-02 {
    padding-top: .2em;
}

.p-top-02 {
    padding-top: .2em;
}

.line-hover-eee:hover {
    background-color: #eee;
}


code {
    color: #e83e8c;
    word-wrap: break-word;
    background-color: rgba(0,0,0,.07);
    padding: 0 2px;
    font-family: monospace;
}

.valign-middle {
    vertical-align: middle;
}

.f-13 {
    font-size: 13px;
}

.f-12 {
    font-size: 12px;
}


.thin {
    font-weight: 300;
}

.semibold {
    font-weight: 600;
}

.ml-05 {
    margin-left: .5em;
}

.ml-1 {
    margin-left: 1em;
}

.ml-2 {
    margin-left: 2em;
}

.m-0 {
    margin: 0;
}

.filter-blur {
    filter: blur(3px);
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.d-flex-column {
    flex-direction: column;
}

.align-items-sm-center,
.align-items-center {
    align-items: center;
}

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

.align-self-center {
    align-self: center;
}

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

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

.f-shrink-1 {
    flex-shrink: 1;
}

.f-shrink-0 {
    flex-shrink: 0;
}

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

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

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

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.p-relative {
    position: relative;
}


.text-danger {
    color: #DE350B!important;
}