*{
    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: #FFFFFF;
}

.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: white;
}
.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: #E44747;
}

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

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

.alert-grey{
    background-color: rgba(215, 215, 215, 0.89);
    color: #000000;
}

.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 #dddddd;
    border-collapse: collapse;
}
.table th {
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid #dddddd;
}
.table td {
    border: 1px solid #dddddd;
    padding: 5px;
}
.table tbody tr:hover{
    background-color: rgb(230, 230, 230);
}
.h-100{
    height: 100%;
}
.align-center{
    align-items: center;
}
.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;
    }
}