* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.w-90 {
    width: 90%;
}

.w-80 {
    width: 80%;
}

.w-70 {
    width: 70%;
}

.w-40 {
    width: 50%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 50%;
}

.w-30 {
    width: 30%;
}

.w-25 {
    width: 25%;
}

.w-20 {
    width: 20%;
}

.ov-f-hidden {
    overflow: hidden;
}

.flex {
    display: flex;
}

.f-grow2 {
    flex-grow: 2;
}

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

.d-none {
    display: none;
}

.d-grid {
    display: grid;
}

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

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

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

.c-pointer {
    cursor: pointer;
}

.js-c-sb {
    justify-content: space-between;
}

.text-uppercase {
    text-transform: uppercase;
}

.bg-white {
    background: var(--surface-base);
}

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

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

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

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

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

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

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

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

.w-33 {
    width: 33.333333333333%;
}

.text-white {
    color: var(--text-inverse);
}

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

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

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

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

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

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

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

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

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

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

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

.mr-2 {
    margin-right: .50em !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-2 {
    padding-right: .50em !important;
}

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

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

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

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

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

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

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

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

.mt-0 {
    margin-top: 0;
}

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

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

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

.pt-0 {
    padding-top: 0;
}

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

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

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

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.alert {
    padding: 20px;
    border-radius: 13px;
}

.alert-danger {
    background-color: rgba(254, 174, 178, 0.8);
    color: var(--c-black) !important;
}

.alert-success {
    background-color: rgba(182, 255, 181, 0.89);
    color: #0DC143;
}

.text-success {
    color: #0DC143;
}

.text-danger {
    color: #E44747;
}

.alert-grey {
    background-color: rgba(215, 215, 215, 0.89);
    color: var(--c-black);
}

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

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

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

.js-c-sp-a {
    justify-content: space-around;
}

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

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

.table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid var(--c-x-dddddd);
    border-collapse: collapse;
}

.table th {
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid var(--c-x-dddddd);
}

.table td {
    border: 1px solid var(--c-x-dddddd);
    padding: 5px;
}

.table tbody tr:hover {
    background-color: rgb(230, 230, 230);
}

.h-100 {
    height: 100%;
}

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

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

.text-muted {
    color: #98989E;
}

.text-primary {
    color: #E31E25;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

a {
    transition-duration: .5s;
}

a:not(:hover) {
    text-decoration: none;
}

.p-relative {
    position: relative;
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.c-pointer-icon {
    cursor: url("https://new.uniontransfer.ru/assets/images/click_icon_ico.svg") 13 7, auto !important;
    transition-duration: .3s;
}

.c-pointer-icon:hover {
    cursor: url("https://new.uniontransfer.ru/assets/images/click_icon_ico.svg") 64 12, auto !important;
}

.ov-f-scroll {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

.ov-f-scroll::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 800px) {
    .m-text-left {
        text-align: left !important;
    }

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

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

    .m-d-none {
        display: none !important;
    }

    .m-d-block {
        display: block !important;
    }

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

    .m-h-100 {
        height: 100% !important;
    }

    .m-ml-0 {
        margin-left: 0 !important;
    }

    .m-mr-0 {
        margin-right: 0 !important;
    }

    .m-mt-1 {
        margin-top: .25em !important;
    }

    .m-mt-2 {
        margin-top: .5em !important;
    }

    .m-mt-3 {
        margin-top: 1em !important;
    }

    .m-mb-1 {
        margin-bottom: .25em !important;
    }

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

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

    .m-mb-2 {
        margin-bottom: .5em !important;
    }

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

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

    .m-mb-3 {
        margin-bottom: 1em !important;
    }

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

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

    .m-w-100 {
        width: 100% !important;
    }

    .m-w-70 {
        width: 70% !important;
    }

    .m-js-c-center {
        justify-content: center;
    }

    .m-js-c-sb {
        justify-content: space-between;
    }

    .m-js-c-sp-a {
        justify-content: space-around;
    }

    .m-w-50 {
        width: 50% !important;
    }

    .m-w-25 {
        width: 25% !important;
    }

    .m-b-none {
        border: none !important;
    }

    .m-d-grid {
        display: grid;
    }

    .m-br-0 {
        border-radius: 0 !important;
    }

    .m-pt-3 {
        padding-top: 1em !important;
    }

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

@media screen and (min-width: 800px) {
    .d-d-none {
        display: none !important;
    }
}