.d-flex {
    display: flex;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.horizontal-center {
    display: flex;
    justify-content: center;
}

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

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

/* Margin utility*/
.mt-0 {
    margin-top: 0em !important;
}

.mr-0 {
    margin-right: 0em;
}

.mb-0 {
    margin-bottom: 0em;
}

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

.mt-0-responsive {
    margin-top: 0em;
}
@media (min-width: 550px) {
    .mt-0-responsive {
        margin-top: 1em;
    }
}
@media (min-width: 1000px) {
    .mt-0-responsive {
        margin-top: 2em;
    }
}

.mr-0-responsive {
    margin-right: 0em;
}
@media (min-width: 550px) {
    .mr-0-responsive {
        margin-right: 1em;
    }
}
@media (min-width: 1000px) {
    .mr-0-responsive {
        margin-right: 2em;
    }
}

.mb-0-responsive {
    margin-bottom: 0em;
}
@media (min-width: 550px) {
    .mb-0-responsive {
        margin-bottom: 1em;
    }
}
@media (min-width: 1000px) {
    .mb-0-responsive {
        margin-bottom: 2em;
    }
}

.ml-0-responsive {
    margin-left: 0em;
}
@media (min-width: 550px) {
    .ml-0-responsive {
        margin-left: 1em;
    }
}
@media (min-width: 1000px) {
    .ml-0-responsive {
        margin-left: 2em;
    }
}

.mt-1 {
    margin-top: 1em;
}

.mr-1 {
    margin-right: 1em;
}

.mb-1 {
    margin-bottom: 1em;
}

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

.mt-1-responsive {
    margin-top: 1em;
}
@media (min-width: 550px) {
    .mt-1-responsive {
        margin-top: 2em;
    }
}
@media (min-width: 1000px) {
    .mt-1-responsive {
        margin-top: 3em;
    }
}

.mr-1-responsive {
    margin-right: 1em;
}
@media (min-width: 550px) {
    .mr-1-responsive {
        margin-right: 2em;
    }
}
@media (min-width: 1000px) {
    .mr-1-responsive {
        margin-right: 3em;
    }
}

.mb-1-responsive {
    margin-bottom: 1em;
}
@media (min-width: 550px) {
    .mb-1-responsive {
        margin-bottom: 2em;
    }
}
@media (min-width: 1000px) {
    .mb-1-responsive {
        margin-bottom: 3em;
    }
}

.ml-1-responsive {
    margin-left: 1em;
}
@media (min-width: 550px) {
    .ml-1-responsive {
        margin-left: 2em;
    }
}
@media (min-width: 1000px) {
    .ml-1-responsive {
        margin-left: 3em;
    }
}

.mt-2 {
    margin-top: 2em;
}

.mr-2 {
    margin-right: 2em;
}

.mb-2 {
    margin-bottom: 2em;
}

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

.mt-2-responsive {
    margin-top: 2em;
}
@media (min-width: 550px) {
    .mt-2-responsive {
        margin-top: 3em;
    }
}
@media (min-width: 1000px) {
    .mt-2-responsive {
        margin-top: 4em;
    }
}

.mr-2-responsive {
    margin-right: 2em;
}
@media (min-width: 550px) {
    .mr-2-responsive {
        margin-right: 3em;
    }
}
@media (min-width: 1000px) {
    .mr-2-responsive {
        margin-right: 4em;
    }
}

.mb-2-responsive {
    margin-bottom: 2em;
}
@media (min-width: 550px) {
    .mb-2-responsive {
        margin-bottom: 3em;
    }
}
@media (min-width: 1000px) {
    .mb-2-responsive {
        margin-bottom: 4em;
    }
}

.ml-2-responsive {
    margin-left: 2em;
}
@media (min-width: 550px) {
    .ml-2-responsive {
        margin-left: 3em;
    }
}
@media (min-width: 1000px) {
    .ml-2-responsive {
        margin-left: 4em;
    }
}

.mt-3 {
    margin-top: 3em;
}

.mr-3 {
    margin-right: 3em;
}

.mb-3 {
    margin-bottom: 3em;
}

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

.mt-3-responsive {
    margin-top: 3em;
}
@media (min-width: 550px) {
    .mt-3-responsive {
        margin-top: 4em;
    }
}
@media (min-width: 1000px) {
    .mt-3-responsive {
        margin-top: 5em;
    }
}

.mr-3-responsive {
    margin-right: 3em;
}
@media (min-width: 550px) {
    .mr-3-responsive {
        margin-right: 4em;
    }
}
@media (min-width: 1000px) {
    .mr-3-responsive {
        margin-right: 5em;
    }
}

.mb-3-responsive {
    margin-bottom: 3em;
}
@media (min-width: 550px) {
    .mb-3-responsive {
        margin-bottom: 4em;
    }
}
@media (min-width: 1000px) {
    .mb-3-responsive {
        margin-bottom: 5em;
    }
}

.ml-3-responsive {
    margin-left: 3em;
}
@media (min-width: 550px) {
    .ml-3-responsive {
        margin-left: 4em;
    }
}
@media (min-width: 1000px) {
    .ml-3-responsive {
        margin-left: 5em;
    }
}

.mt-4 {
    margin-top: 4em;
}

.mr-4 {
    margin-right: 4em;
}

.mb-4 {
    margin-bottom: 4em;
}

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

.mt-4-responsive {
    margin-top: 4em;
}
@media (min-width: 550px) {
    .mt-4-responsive {
        margin-top: 5em;
    }
}
@media (min-width: 1000px) {
    .mt-4-responsive {
        margin-top: 6em;
    }
}

.mr-4-responsive {
    margin-right: 4em;
}
@media (min-width: 550px) {
    .mr-4-responsive {
        margin-right: 5em;
    }
}
@media (min-width: 1000px) {
    .mr-4-responsive {
        margin-right: 6em;
    }
}

.mb-4-responsive {
    margin-bottom: 4em;
}
@media (min-width: 550px) {
    .mb-4-responsive {
        margin-bottom: 5em;
    }
}
@media (min-width: 1000px) {
    .mb-4-responsive {
        margin-bottom: 6em;
    }
}

.ml-4-responsive {
    margin-left: 4em;
}
@media (min-width: 550px) {
    .ml-4-responsive {
        margin-left: 5em;
    }
}
@media (min-width: 1000px) {
    .ml-4-responsive {
        margin-left: 6em;
    }
}

.mt-5 {
    margin-top: 5em;
}

.mr-5 {
    margin-right: 5em;
}

.mb-5 {
    margin-bottom: 5em;
}

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

.mt-5-responsive {
    margin-top: 5em;
}
@media (min-width: 550px) {
    .mt-5-responsive {
        margin-top: 6em;
    }
}
@media (min-width: 1000px) {
    .mt-5-responsive {
        margin-top: 7em;
    }
}

.mr-5-responsive {
    margin-right: 5em;
}
@media (min-width: 550px) {
    .mr-5-responsive {
        margin-right: 6em;
    }
}
@media (min-width: 1000px) {
    .mr-5-responsive {
        margin-right: 7em;
    }
}

.mb-5-responsive {
    margin-bottom: 5em;
}
@media (min-width: 550px) {
    .mb-5-responsive {
        margin-bottom: 6em;
    }
}
@media (min-width: 1000px) {
    .mb-5-responsive {
        margin-bottom: 7em;
    }
}

.ml-5-responsive {
    margin-left: 5em;
}
@media (min-width: 550px) {
    .ml-5-responsive {
        margin-left: 6em;
    }
}
@media (min-width: 1000px) {
    .ml-5-responsive {
        margin-left: 7em;
    }
}

.mt-05 {
    margin-top: 0.5em;
}

.mr-05 {
    margin-right: 0.5em;
}

.mb-05 {
    margin-bottom: 0.5em;
}

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

.mt-05-responsive {
    margin-top: 0.5em;
}
@media (min-width: 550px) {
    .mt-05-responsive {
        margin-top: 1.5em;
    }
}
@media (min-width: 1000px) {
    .mt-05-responsive {
        margin-top: 2.5em;
    }
}

.mr-05-responsive {
    margin-right: 0.5em;
}
@media (min-width: 550px) {
    .mr-05-responsive {
        margin-right: 1.5em;
    }
}
@media (min-width: 1000px) {
    .mr-05-responsive {
        margin-right: 2.5em;
    }
}

.mb-05-responsive {
    margin-bottom: 0.5em;
}
@media (min-width: 550px) {
    .mb-05-responsive {
        margin-bottom: 1.5em;
    }
}
@media (min-width: 1000px) {
    .mb-05-responsive {
        margin-bottom: 2.5em;
    }
}

.ml-05-responsive {
    margin-left: 0.5em;
}
@media (min-width: 550px) {
    .ml-05-responsive {
        margin-left: 1.5em;
    }
}
@media (min-width: 1000px) {
    .ml-05-responsive {
        margin-left: 2.5em;
    }
}

.mt-15 {
    margin-top: 1.5em;
}

.mr-15 {
    margin-right: 1.5em;
}

.mb-15 {
    margin-bottom: 1.5em;
}

.ml-15 {
    margin-left: 1.5em;
}

.mt-15-responsive {
    margin-top: 1.5em;
}
@media (min-width: 550px) {
    .mt-15-responsive {
        margin-top: 2.5em;
    }
}
@media (min-width: 1000px) {
    .mt-15-responsive {
        margin-top: 3.5em;
    }
}

.mr-15-responsive {
    margin-right: 1.5em;
}
@media (min-width: 550px) {
    .mr-15-responsive {
        margin-right: 2.5em;
    }
}
@media (min-width: 1000px) {
    .mr-15-responsive {
        margin-right: 3.5em;
    }
}

.mb-15-responsive {
    margin-bottom: 1.5em;
}
@media (min-width: 550px) {
    .mb-15-responsive {
        margin-bottom: 2.5em;
    }
}
@media (min-width: 1000px) {
    .mb-15-responsive {
        margin-bottom: 3.5em;
    }
}

.ml-15-responsive {
    margin-left: 1.5em;
}
@media (min-width: 550px) {
    .ml-15-responsive {
        margin-left: 2.5em;
    }
}
@media (min-width: 1000px) {
    .ml-15-responsive {
        margin-left: 3.5em;
    }
}

.mt-closer {
    margin-top: -0.5rem;
}

/* Padding utility*/
.pt-0 {
    padding-top: 0em;
}

.pr-0 {
    padding-right: 0em;
}

.pb-0 {
    padding-bottom: 0em;
}

.pl-0 {
    padding-left: 0em;
}

.pt-0-responsive {
    padding-top: 0em;
}
@media (min-width: 550px) {
    .pt-0-responsive {
        padding-top: 1em;
    }
}
@media (min-width: 1000px) {
    .pt-0-responsive {
        padding-top: 2em;
    }
}

.pr-0-responsive {
    padding-right: 0em;
}
@media (min-width: 550px) {
    .pr-0-responsive {
        padding-right: 1em;
    }
}
@media (min-width: 1000px) {
    .pr-0-responsive {
        padding-right: 2em;
    }
}

.pb-0-responsive {
    padding-bottom: 0em;
}
@media (min-width: 550px) {
    .pb-0-responsive {
        padding-bottom: 1em;
    }
}
@media (min-width: 1000px) {
    .pb-0-responsive {
        padding-bottom: 2em;
    }
}

.pl-0-responsive {
    padding-left: 0em;
}
@media (min-width: 550px) {
    .pl-0-responsive {
        padding-left: 1em;
    }
}
@media (min-width: 1000px) {
    .pl-0-responsive {
        padding-left: 2em;
    }
}

.pt-1 {
    padding-top: 1em;
}

.pr-1 {
    padding-right: 1em;
}

.pb-1 {
    padding-bottom: 1em;
}

.pl-05 {
    padding-left: 0.5em;
}

.pl-1 {
    padding-left: 1em;
}

.pt-1-responsive {
    padding-top: 1em;
}
@media (min-width: 550px) {
    .pt-1-responsive {
        padding-top: 2em;
    }
}
@media (min-width: 1000px) {
    .pt-1-responsive {
        padding-top: 3em;
    }
}

.pr-1-responsive {
    padding-right: 1em;
}
@media (min-width: 550px) {
    .pr-1-responsive {
        padding-right: 2em;
    }
}
@media (min-width: 1000px) {
    .pr-1-responsive {
        padding-right: 3em;
    }
}

.pb-1-responsive {
    padding-bottom: 1em;
}
@media (min-width: 550px) {
    .pb-1-responsive {
        padding-bottom: 2em;
    }
}
@media (min-width: 1000px) {
    .pb-1-responsive {
        padding-bottom: 3em;
    }
}

.pl-1-responsive {
    padding-left: 1em;
}
@media (min-width: 550px) {
    .pl-1-responsive {
        padding-left: 2em;
    }
}
@media (min-width: 1000px) {
    .pl-1-responsive {
        padding-left: 3em;
    }
}

.pt-2 {
    padding-top: 2em;
}

.pr-2 {
    padding-right: 2em;
}

.pb-2 {
    padding-bottom: 2em;
}

.pl-2 {
    padding-left: 2em;
}

.pt-2-responsive {
    padding-top: 2em;
}
@media (min-width: 550px) {
    .pt-2-responsive {
        padding-top: 3em;
    }
}
@media (min-width: 1000px) {
    .pt-2-responsive {
        padding-top: 4em;
    }
}

.pr-2-responsive {
    padding-right: 2em;
}
@media (min-width: 550px) {
    .pr-2-responsive {
        padding-right: 3em;
    }
}
@media (min-width: 1000px) {
    .pr-2-responsive {
        padding-right: 4em;
    }
}

.pb-2-responsive {
    padding-bottom: 2em;
}
@media (min-width: 550px) {
    .pb-2-responsive {
        padding-bottom: 3em;
    }
}
@media (min-width: 1000px) {
    .pb-2-responsive {
        padding-bottom: 4em;
    }
}

.pl-2-responsive {
    padding-left: 2em;
}
@media (min-width: 550px) {
    .pl-2-responsive {
        padding-left: 3em;
    }
}
@media (min-width: 1000px) {
    .pl-2-responsive {
        padding-left: 4em;
    }
}

.pt-3 {
    padding-top: 3em;
}

.pr-3 {
    padding-right: 3em;
}

.pb-3 {
    padding-bottom: 3em;
}

.pl-3 {
    padding-left: 3em;
}

.pt-3-responsive {
    padding-top: 3em;
}
@media (min-width: 550px) {
    .pt-3-responsive {
        padding-top: 4em;
    }
}
@media (min-width: 1000px) {
    .pt-3-responsive {
        padding-top: 5em;
    }
}

.pr-3-responsive {
    padding-right: 3em;
}
@media (min-width: 550px) {
    .pr-3-responsive {
        padding-right: 4em;
    }
}
@media (min-width: 1000px) {
    .pr-3-responsive {
        padding-right: 5em;
    }
}

.pb-3-responsive {
    padding-bottom: 3em;
}
@media (min-width: 550px) {
    .pb-3-responsive {
        padding-bottom: 4em;
    }
}
@media (min-width: 1000px) {
    .pb-3-responsive {
        padding-bottom: 5em;
    }
}

.pl-3-responsive {
    padding-left: 3em;
}
@media (min-width: 550px) {
    .pl-3-responsive {
        padding-left: 4em;
    }
}
@media (min-width: 1000px) {
    .pl-3-responsive {
        padding-left: 5em;
    }
}

.pt-4 {
    padding-top: 4em;
}

.pr-4 {
    padding-right: 4em;
}

.pb-4 {
    padding-bottom: 4em;
}

.pl-4 {
    padding-left: 4em;
}

.pt-4-responsive {
    padding-top: 4em;
}
@media (min-width: 550px) {
    .pt-4-responsive {
        padding-top: 5em;
    }
}
@media (min-width: 1000px) {
    .pt-4-responsive {
        padding-top: 6em;
    }
}

.pr-4-responsive {
    padding-right: 4em;
}
@media (min-width: 550px) {
    .pr-4-responsive {
        padding-right: 5em;
    }
}
@media (min-width: 1000px) {
    .pr-4-responsive {
        padding-right: 6em;
    }
}

.pb-4-responsive {
    padding-bottom: 4em;
}
@media (min-width: 550px) {
    .pb-4-responsive {
        padding-bottom: 5em;
    }
}
@media (min-width: 1000px) {
    .pb-4-responsive {
        padding-bottom: 6em;
    }
}

.pl-4-responsive {
    padding-left: 4em;
}
@media (min-width: 550px) {
    .pl-4-responsive {
        padding-left: 5em;
    }
}
@media (min-width: 1000px) {
    .pl-4-responsive {
        padding-left: 6em;
    }
}

.pt-5 {
    padding-top: 5em;
}

.pr-5 {
    padding-right: 5em;
}

.pb-5 {
    padding-bottom: 5em;
}

.pl-5 {
    padding-left: 5em;
}

.pt-5-responsive {
    padding-top: 5em;
}
@media (min-width: 550px) {
    .pt-5-responsive {
        padding-top: 6em;
    }
}
@media (min-width: 1000px) {
    .pt-5-responsive {
        padding-top: 7em;
    }
}

.pr-5-responsive {
    padding-right: 5em;
}
@media (min-width: 550px) {
    .pr-5-responsive {
        padding-right: 6em;
    }
}
@media (min-width: 1000px) {
    .pr-5-responsive {
        padding-right: 7em;
    }
}

.pb-5-responsive {
    padding-bottom: 5em;
}
@media (min-width: 550px) {
    .pb-5-responsive {
        padding-bottom: 6em;
    }
}
@media (min-width: 1000px) {
    .pb-5-responsive {
        padding-bottom: 7em;
    }
}

.pl-5-responsive {
    padding-left: 5em;
}
@media (min-width: 550px) {
    .pl-5-responsive {
        padding-left: 6em;
    }
}
@media (min-width: 1000px) {
    .pl-5-responsive {
        padding-left: 7em;
    }
}

/* Border utility */
.bt-1 {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.br-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.bb-1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.bl-1 {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

/* Choice styles override */
.choices {
    margin-bottom: 1em;
    font-size: inherit;
    width: 100%;
    border: none;
    border: 1.5px solid black;
    border-radius: 0.25rem;
}
.choices:last-child {
    margin-bottom: 1em;
}
.choices-no-gap .choices:last-child {
    margin-bottom: 0;
}
.choices .choices__inner {
    border: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
}
.choices .choices__inner input.choices__input {
    border: none;
    border-radius: 0;
    font-size: inherit;
    margin-bottom: 0;
    height: initial;
    padding: 4px 0 4px 2px;
    width: 20px;
}
.choices .choices__inner .choices__list--multiple .choices__item {
    font-size: inherit;
    font-weight: 600;
    background-color: #f1eee9;
    border: none;
    color: inherit;
    padding: 2px 10px;
}
.choices
    .choices__inner
    .choices__list--multiple
    .choices__item[data-deletable] {
    padding-right: 1em;
}

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    min-width: initial;
    height: initial;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: initial;
    color: inherit;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    filter: invert(1);
    border-left: none;
}

.choices__item.choices__item--choice.choices__item--selectable {
    padding-right: 0 !important;
}

.choices__item .choices__item--choice .choices__item--selectable {
    padding-right: 0 !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 22.4%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

table {
    width: 100%;
}

table td {
    max-width: 140px;
    word-wrap: break-word;
    vertical-align: top;
    padding: 10px;
}

table td img {
    max-height: 400px;
}

th {
    background-color: #c3c3c3;
}

tr:nth-child(odd) {
    background-color: #f2f2f2;
}

table.center {
    margin-left: auto;
    margin-right: auto;
}

.collapse {
    display: none;
}

.collapse.show {
    display: block;
}

.arrow-down::after {
    content: "▼";
}

.arrow-up::after {
    content: "▲";
}

.explore-atlas-button {
    background-color: rgb(198, 58, 30);
    color: #ffffff;
    font-size: 24px;
    padding: 0.5em 0.5em;
}

.explore-atlas-button i {
    color: #e64626;
}

#loadingWheel {
    position: fixed;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999;
    display: none;
}

.spinner {
    display: inline-block;
    border: 16px solid white;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.single-content {
    margin-bottom: 4em;
}