/* TODO migrate this to MUI CSS */

/* used while we still have some CSS classes left from twitter bootstrap */

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

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

/* following is auto generated */
.m-1 { margin: 5px }
.mt-1 { margin-top: 5px }
.mb-1 { margin-bottom: 5px }
.ml-1 { margin-left: 5px }
.mr-1 { margin-right: 5px }
.m-auto { margin: auto }
.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mt-auto { margin-top: auto }
.mb-auto { margin-bottom: auto }
.m-2 { margin: 10px }
.mt-2 { margin-top: 10px }
.mb-2 { margin-bottom: 10px }
.ml-2 { margin-left: 10px }
.mr-2 { margin-right: 10px }
.m-auto { margin: auto }
.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mt-auto { margin-top: auto }
.mb-auto { margin-bottom: auto }
.m-3 { margin: 15px }
.mt-3 { margin-top: 15px }
.mb-3 { margin-bottom: 15px }
.ml-3 { margin-left: 15px }
.mr-3 { margin-right: 15px }
.m-auto { margin: auto }
.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mt-auto { margin-top: auto }
.mb-auto { margin-bottom: auto }
.p-1 { padding: 5px }
.pt-1 { padding-top: 5px }
.pb-1 { padding-bottom: 5px }
.pl-1 { padding-left: 5px }
.pr-1 { padding-right: 5px }
.p-2 { padding: 10px }
.pt-2 { padding-top: 10px }
.pb-2 { padding-bottom: 10px }
.pl-2 { padding-left: 10px }
.pr-2 { padding-right: 10px }
.p-3 { padding: 15px }
.pt-3 { padding-top: 15px }
.pb-3 { padding-bottom: 15px }
.pl-3 { padding-left: 15px }
.pr-3 { padding-right: 15px }