.text-gray {
    color: #9D9D9D !important;
}

.text-black {
    color: #000000 !important;
}

.text-gray-dark {
    color: #707070 !important;
}

.text-semibold {
    font-weight: 600 !important;
}

@media only screen and (min-width: 960px) {
    .text-semibold {
        font-weight: 500 !important;
    }
}

.text-bold {
    font-weight: 700 !important;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

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

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

.float-right {
    float: right;
}

.flex-auto {
    flex: auto;
}

:root {
    --space: 0.25rem;
}

.mt-2 {
    margin-top: calc(2 * var(--space));
}
.mb-2 {
    margin-bottom: calc(2 * var(--space));
}
.ml-2 {
    margin-left: calc(2 * var(--space));
}
.mr-2 {
    margin-right: calc(2 * var(--space));
}
.my-2 {
    margin-block: calc(2 * var(--space));
}
.mx-2 {
    margin-inline: calc(2 * var(--space));
}

.mt-4 {
    margin-top: calc(4 * var(--space));
}
.mb-4 {
    margin-bottom: calc(4 * var(--space));
}
.ml-4 {
    margin-left: calc(4 * var(--space));
}
.mr-4 {
    margin-right: calc(4 * var(--space));
}
.my-4 {
    margin-block: calc(4 * var(--space));
}
.mx-4 {
    margin-inline: calc(4 * var(--space));
}

.mt-8 {
    margin-top: calc(8 * var(--space));
}
.mb-8 {
    margin-bottom: calc(8 * var(--space));
}
.ml-8 {
    margin-left: calc(8 * var(--space));
}
.mr-8 {
    margin-right: calc(8 * var(--space));
}
.my-8 {
    margin-block: calc(8 * var(--space));
}
.mx-8 {
    margin-inline: calc(8 * var(--space));
}

.pt-4 {
    padding-top: calc(4 * var(--space));
}
.pb-4 {
    padding-bottom: calc(4 * var(--space));
}
.pl-4 {
    padding-left: calc(4 * var(--space));
}
.pr-4 {
    padding-right: calc(4 * var(--space));
}
.py-4 {
    padding-block: calc(4 * var(--space));
}
.px-4 {
    padding-inline: calc(4 * var(--space));
}

.pt-25, .py-25 {
    padding-top: 6.25rem !important;
}

.pb-25, .py-25 {
    padding-bottom: 6.25rem !important;
}

.pl-25, .px-25 {
    padding-left: 6.25rem !important;
}

.pr-25, .px-25 {
    padding-right: 6.25rem !important;
}

.mt-25, .my-25 {
    margin-top: 6.25rem !important;
}

.mb-25, .my-25 {
    margin-bottom: 6.25rem !important;
}

.ml-25, .mx-25 {
    margin-left: 6.25rem !important;
}

.mr-25, .mx-25 {
    margin-right: 6.25rem !important;
}

@media only screen and (min-width: 960px) {
    .pt-md-25, .py-md-25 {
        padding-top: 6.25rem !important;
    }

    .pb-md-25, .py-md-25 {
        padding-bottom: 6.25rem !important;
    }

    .pl-md-25, .px-md-25 {
        padding-left: 6.25rem !important;
    }

    .pr-md-25, .px-md-25 {
        padding-right: 6.25rem !important;
    }

    .mt-md-25, .my-md-25 {
        margin-top: 6.25rem !important;
    }

    .mb-md-25, .my-md-25 {
        margin-bottom: 6.25rem !important;
    }

    .ml-md-25, .mx-md-25 {
        margin-left: 6.25rem !important;
    }

    .mr-md-25, .mx-md-25 {
        margin-right: 6.25rem !important;
    }
}

.no-wrap {
    white-space: nowrap;
}

.overflow-break-word {
    overflow-wrap: break-word;
}

.border-bottom-3 {
    border-bottom: 3px solid;
}

.border-top-3 {
    border-top: 3px solid;
}

.border-blue {
    border-color: #ABD1E1;
}

.border-bottom-gray-1 {
    border-bottom: 1px solid #D0D0D0;
}

.uppercase {
    text-transform: uppercase;
}

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