/*
Include this after bootstrap.css. Add class of
mt-value, mb-value or my-value
to your Bootstrap 3 default rows to prevent row content
from touching the row content above or below.
For easier migration the classes match
the ones Bootstrap 4 uses.
*/

/* Vertical Offset Top */
.mt-5{
    margin-top: 3em !important;
}
.mt-4{
    margin-top: 1.5em !important;
}
.mt-3{
    margin-top: 1em !important;
}
.mt-2{
    margin-top: .5em !important;
}
.mt-1{
    margin-top: .25em !important;
}
.mt-0{
    margin-top: 0em !important;
}
.mt-n1{
    margin-top: -.25em !important;
}
.mt-n2{
    margin-top: -.5em !important;
}
.mt-n3{
    margin-top: -1em !important;
}
.mt-n4{
    margin-top: -1.5em !important;
}
.mt-n5{
    margin-top: -3em !important;
}
/* Vertical Offset Bottom */
.mb-5{
    margin-bottom: 3em !important;
}
.mb-4{
    margin-bottom: 1.5em !important;
}
.mb-3{
    margin-bottom: 1em !important;
}
.mb-2{
    margin-bottom: .5em !important;
}
.mb-1{
    margin-bottom: .25em !important;
}
.mb-0{
    margin-bottom: 0em !important;
}
.mb-n1{
    margin-bottom: -.25em !important;
}
.mb-n2{
    margin-bottom: -.5em !important;
}
.mb-n3{
    margin-bottom: -1em !important;
}
.mb-n4{
    margin-bottom: -1.5em !important;
}
.mb-n5{
    margin-bottom: -3em !important;
}
/* Vertical Offset Top + Bottom */
.my-5{
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}
.my-4{
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
}
.my-3{
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}
.my-2{
    margin-top: .5em !important;
    margin-bottom: .5em !important;
}
.my-1{
    margin-top: .25em !important;
    margin-bottom: .25em !important;
}
.my-0{
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}
.my-n1{
    margin-top: -.25em !important;
    margin-bottom: -.25em !important;
}
.my-n2{
    margin-top: -.5em !important;
    margin-bottom: -.5em !important;
}
.my-n3{
    margin-top: -1em !important;
    margin-bottom: -1em !important;
}
.my-n4{
    margin-top: -1.5em !important;
    margin-bottom: -1.5em !important;
}
.my-n5{
    margin-top: -3em !important;
    margin-bottom: -3em !important;
}

/* Horizontal Offset Left */
.ml-5{
    margin-left: 3em !important;
}
.ml-4{
    margin-left: 1.5em !important;
}
.ml-3{
    margin-left: 1em !important;
}
.ml-2{
    margin-left: .5em !important;
}
.ml-1{
    margin-left: .25em !important;
}
.ml-0{
    margin-left: 0em !important;
}
.ml-n1{
    margin-left: -.25em !important;
}
.ml-n2{
    margin-left: -.5em !important;
}
.ml-n3{
    margin-left: -1em !important;
}
.ml-n4{
    margin-left: -1.5em !important;
}
.ml-n5{
    margin-left: -3em !important;
}
/* Horizontal Offset Right */
.mr-5{
    margin-right: 3em !important;
}
.mr-4{
    margin-right: 1.5em !important;
}
.mr-3{
    margin-right: 1em !important;
}
.mr-2{
    margin-right: .5em !important;
}
.mr-1{
    margin-right: .25em !important;
}
.mr-0{
    margin-right: 0em !important;
}
.mr-n1{
    margin-right: -.25em !important;
}
.mr-n2{
    margin-right: -.5em !important;
}
.mr-n3{
    margin-right: -1em !important;
}
.mr-n4{
    margin-right: -1.5em !important;
}
.mr-n5{
    margin-right: -3em !important;
}
/* Horizontal Offset Left + Right */
.mx-5{
    margin-left: 3em !important;
    margin-right: 3em !important;
}
.mx-4{
    margin-left: 1.5em !important;
    margin-right: 1.5em !important;
}
.mx-3{
    margin-left: 1em !important;
    margin-right: 1em !important;
}
.mx-2{
    margin-left: .5em !important;
    margin-right: .5em !important;
}
.mx-1{
    margin-left: .25em !important;
    margin-right: .25em !important;
}
.mx-0{
    margin-left: 0em !important;
    margin-right: 0em !important;
}
.mx-n1{
    margin-left: -.25em !important;
    margin-right: -.25em !important;
}
.mx-n2{
    margin-left: -.5em !important;
    margin-right: -.5em !important;
}
.mx-n3{
    margin-left: -1em !important;
    margin-right: -1em !important;
}
.mx-n4{
    margin-left: -1.5em !important;
    margin-right: -1.5em !important;
}
.mx-n5{
    margin-left: -3em !important;
    margin-right: -3em !important;
}