:root {
    --vh: 0;
    --homeBack: 0px;
    --sliderWidth: 1233px;
    --routeWidth: 0px;
    --contentSection: 0px;
}
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
*:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
body{
    overflow-x: hidden;
    color: #667885;
    background-color: #E9F2F8;
    font-size: 14px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
}
.body-homepage{
    grid-template-rows: auto auto 1fr auto;
}
hr{
    height: 0px;
    border-top: 1px dashed #C9D6DF;
    margin: 0px;
}
.logo{
    display: block;
    width: 250px;
    height: 56px;
    text-indent:120%;
    white-space:nowrap;
    overflow:hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='250' height='56' viewBox='0 0 250 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.5 17L53.5 11H9.73696C5.04116 11 1.35518 15.0255 1.7679 19.7031L3.99999 45H16L14.56 39H18.84L21 45H25L26.9101 33.5393L17.4612 20.1534C16.526 18.8286 17.4735 17 19.0951 17H52.5ZM9.99999 20H12L13.44 24H10.96L9.99999 20ZM11.44 26H14.16L15.6 30H12.4L11.44 26ZM16.32 32H12.88L14.08 37H18.12L16.32 32Z' fill='%23004D9D'/%3E%3Cpath d='M80 11H230.5L229.5 17H116.941L112 45H99L103.941 17H79L80 11Z' fill='%23004D9D'/%3E%3Cpath d='M178 20H187L185.5 29H193.5L195 20H204L200 44H191L192.5 35H184.5L183 44H174L178 20Z' fill='%23004D9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M165.556 20H150L149 26H161.959C163.551 26 164.762 27.4296 164.5 29H152.583C149.65 29 147.147 31.1205 146.664 34.0136L146.164 37.0136C145.555 40.6708 148.375 44 152.083 44H165.917C168.85 44 171.353 41.8795 171.836 38.9864L173.447 29.3152C174.26 24.439 170.5 20 165.556 20ZM154.791 36.2534C154.912 35.5301 155.537 35 156.271 35H163.5L163.418 35.4932C163.177 36.9398 161.925 38 160.459 38H156.271C155.344 38 154.639 37.1677 154.791 36.2534Z' fill='%23004D9D'/%3E%3Cpath d='M229 20L228 26H219.236C216.791 26 214.705 27.7671 214.304 30.178L213.776 33.3424C213.37 35.7805 215.25 38 217.722 38H226L225 44H212.444C207.5 44 203.74 39.561 204.553 34.6848L205.607 28.356C206.411 23.5341 210.583 20 215.471 20H229Z' fill='%23004D9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.447 29.3152C145.26 24.439 141.5 20 136.556 20H123.388C121.433 20 119.764 21.4136 119.443 23.3424L114.5 53H123.5L125 44H135.223C139.134 44 142.471 41.1727 143.114 37.3152L144.447 29.3152ZM131.111 38H126L127.721 27.6712C127.882 26.7068 128.717 26 129.694 26H131.778C134.25 26 136.13 28.2195 135.724 30.6576L135.057 34.6576C134.736 36.5864 133.067 38 131.111 38Z' fill='%23004D9D'/%3E%3Cpath d='M68.8 6L68.2 3.5L66.8 6H68.8Z' fill='%23817F84'/%3E%3Cpath d='M67.4333 10.9413L67.7557 9.0072C68.7596 9.06421 69.5898 9.4574 70.1713 10.0793C69.2592 10.5672 68.3534 10.8677 67.4333 10.9413Z' fill='%23817F84'/%3E%3Cpath d='M66.7327 9.06213L66.4214 10.9298C65.6898 10.8543 64.9265 10.6298 64.1223 10.2201C64.8932 9.62476 65.8 9.21185 66.7327 9.06213Z' fill='%23817F84'/%3E%3Cpath d='M63.3419 10.9366C62.7942 11.5338 62.3685 12.2371 62.1285 12.9999H66.0764L66.2568 11.918C65.3044 11.8108 64.3362 11.4922 63.3419 10.9366Z' fill='%23817F84'/%3E%3Cpath d='M61.9259 13.9999C61.8547 14.7425 61.9659 15.4286 62.2292 16.0154C63.444 15.395 64.6055 15.0468 65.7463 14.9807L65.9098 13.9999H61.9259Z' fill='%23817F84'/%3E%3Cpath d='M62.7739 16.8605C63.3575 17.5172 64.2084 17.934 65.2443 17.9928L65.577 15.9965C64.6964 16.081 63.7715 16.3619 62.7739 16.8605Z' fill='%23817F84'/%3E%3Cpath d='M66.2672 17.9379C67.2496 17.7802 68.2034 17.3305 68.9998 16.6832C68.1898 16.279 67.3951 16.0484 66.5925 15.9863L66.2672 17.9379Z' fill='%23817F84'/%3E%3Cpath d='M69.7582 15.9515C70.2577 15.3791 70.6463 14.7157 70.8715 13.9999H66.9236L66.7574 14.9966C67.7831 15.0893 68.7749 15.4149 69.7582 15.9515Z' fill='%23817F84'/%3E%3Cpath d='M71.0741 12.9999C71.1482 12.226 71.0244 11.5132 70.7365 10.9105C69.6244 11.5192 68.4739 11.9025 67.2646 11.9534L67.0902 12.9999H71.0741Z' fill='%23817F84'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73 13.5C72.4 17.1 68.9 20 65.4 20C61.8 20 59.4 17.1 60 13.5C60.6 9.90002 64.1 7 67.6 7C71.2 7 73.6 9.90002 73 13.5ZM72 13.5C71.5 16.5 68.6 19 65.5 19C62.5 19 60.4 16.5 61 13.5C61.5 10.5 64.4 8 67.5 8C70.5 8 72.5 10.5 72 13.5Z' fill='%23817F84'/%3E%3Cpath d='M64.7 23.5L66.1 21H64.1L64.7 23.5Z' fill='%23817F84'/%3E%3Cpath d='M74.2 12.5L76.5 13.5L73.8 14.5L74.2 12.5Z' fill='%23817F84'/%3E%3Cpath d='M56.5 13.5L59.2 12.5L58.8 14.5L56.5 13.5Z' fill='%23817F84'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.0828 21C34.1497 21 31.6466 23.1205 31.1644 26.0136L28 45H37L38.1667 38H48.3896C52.3003 38 55.6378 35.1727 56.2808 31.3152L56.6415 29.1508C57.3526 24.8841 54.0623 21 49.7368 21H37.0828ZM48.0148 29.911C48.2688 28.3871 47.0937 27 45.5488 27H41.6942C40.7166 27 39.8822 27.7068 39.7215 28.6712L39.1667 32H45.5488C46.7709 32 47.8139 31.1165 48.0148 29.911Z' fill='%23817F84'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M83.1655 21C77.2994 21 72.2932 25.241 71.3288 31.0272L70.7466 34.5204C69.8323 40.0062 74.0627 45 79.6241 45H87.5287C92.4171 45 96.5891 41.4659 97.3926 36.644L98.4474 30.3152C99.2602 25.439 95.4998 21 90.5563 21H83.1655ZM84.3885 27C82.4332 27 80.7644 28.4136 80.4429 30.3424L79.5822 35.5068C79.2775 37.3354 80.6876 39 82.5414 39H84.6115C86.5668 39 88.2356 37.5864 88.5571 35.6576L89.4178 30.4932C89.7225 28.6646 88.3124 27 86.4586 27H84.3885Z' fill='%23817F84'/%3E%3Cpath d='M60.1666 26L57 45H66L69.1666 26H60.1666Z' fill='%23817F84'/%3E%3Cpath d='M234.25 11L234 12.5H235.75L235 17H236.5L237.25 12.5H239L239.25 11H234.25Z' fill='%23817F84'/%3E%3Cpath d='M243.5 15.5L242 11H240.5L239.5 17H241L241.5 14L242.5 17H244L246 14L245.5 17H247L248 11H246.5L243.5 15.5Z' fill='%23817F84'/%3E%3C/svg%3E%0A");
}
.logo-reverse{
    background-image: url("data:image/svg+xml,%3Csvg width='250' height='56' viewBox='0 0 250 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.5 17L53.5 11H9.73696C5.04116 11 1.35518 15.0255 1.7679 19.7031L3.99999 45H16L14.56 39H18.84L21 45H25L26.9101 33.5393L17.4612 20.1534C16.526 18.8286 17.4735 17 19.0951 17H52.5ZM9.99999 20H12L13.44 24H10.96L9.99999 20ZM11.44 26H14.16L15.6 30H12.4L11.44 26ZM16.32 32H12.88L14.08 37H18.12L16.32 32Z' fill='white'/%3E%3Cpath d='M80 11H230.5L229.5 17H116.941L112 45H99L103.941 17H79L80 11Z' fill='white'/%3E%3Cpath d='M178 20H187L185.5 29H193.5L195 20H204L200 44H191L192.5 35H184.5L183 44H174L178 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M165.556 20H150L149 26H161.959C163.551 26 164.762 27.4296 164.5 29H152.583C149.65 29 147.147 31.1205 146.664 34.0136L146.164 37.0136C145.555 40.6708 148.375 44 152.083 44H165.917C168.85 44 171.353 41.8795 171.836 38.9864L173.447 29.3152C174.26 24.439 170.5 20 165.556 20ZM154.791 36.2534C154.912 35.5301 155.537 35 156.271 35H163.5L163.418 35.4932C163.177 36.9398 161.925 38 160.459 38H156.271C155.344 38 154.639 37.1677 154.791 36.2534Z' fill='white'/%3E%3Cpath d='M229 20L228 26H219.236C216.791 26 214.705 27.7671 214.304 30.178L213.776 33.3424C213.37 35.7805 215.25 38 217.722 38H226L225 44H212.444C207.5 44 203.74 39.561 204.553 34.6848L205.607 28.356C206.411 23.5341 210.583 20 215.471 20H229Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.447 29.3152C145.26 24.439 141.5 20 136.556 20H123.388C121.433 20 119.764 21.4136 119.443 23.3424L114.5 53H123.5L125 44H135.223C139.134 44 142.471 41.1727 143.114 37.3152L144.447 29.3152ZM131.111 38H126L127.721 27.6712C127.882 26.7068 128.717 26 129.694 26H131.778C134.25 26 136.13 28.2195 135.724 30.6576L135.057 34.6576C134.736 36.5864 133.067 38 131.111 38Z' fill='white'/%3E%3Cpath d='M68.8 6L68.2 3.5L66.8 6H68.8Z' fill='white'/%3E%3Cpath d='M67.4333 10.9413L67.7557 9.0072C68.7596 9.06421 69.5898 9.4574 70.1713 10.0793C69.2592 10.5672 68.3534 10.8677 67.4333 10.9413Z' fill='white'/%3E%3Cpath d='M66.7327 9.06213L66.4214 10.9298C65.6898 10.8543 64.9265 10.6298 64.1223 10.2201C64.8932 9.62476 65.8 9.21185 66.7327 9.06213Z' fill='white'/%3E%3Cpath d='M63.3419 10.9366C62.7942 11.5338 62.3685 12.2371 62.1285 12.9999H66.0764L66.2568 11.918C65.3044 11.8108 64.3362 11.4922 63.3419 10.9366Z' fill='white'/%3E%3Cpath d='M61.9259 13.9999C61.8547 14.7425 61.9659 15.4286 62.2292 16.0154C63.444 15.395 64.6055 15.0468 65.7463 14.9807L65.9098 13.9999H61.9259Z' fill='white'/%3E%3Cpath d='M62.7739 16.8605C63.3575 17.5172 64.2084 17.934 65.2443 17.9928L65.577 15.9965C64.6964 16.081 63.7715 16.3619 62.7739 16.8605Z' fill='white'/%3E%3Cpath d='M66.2672 17.9379C67.2496 17.7802 68.2034 17.3305 68.9998 16.6832C68.1898 16.279 67.3951 16.0484 66.5925 15.9863L66.2672 17.9379Z' fill='white'/%3E%3Cpath d='M69.7582 15.9515C70.2577 15.3791 70.6463 14.7157 70.8715 13.9999H66.9236L66.7574 14.9966C67.7831 15.0893 68.7749 15.4149 69.7582 15.9515Z' fill='white'/%3E%3Cpath d='M71.0741 12.9999C71.1482 12.226 71.0244 11.5132 70.7365 10.9105C69.6244 11.5192 68.4739 11.9025 67.2646 11.9534L67.0902 12.9999H71.0741Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73 13.5C72.4 17.1 68.9 20 65.4 20C61.8 20 59.4 17.1 60 13.5C60.6 9.90002 64.1 7 67.6 7C71.2 7 73.6 9.90002 73 13.5ZM72 13.5C71.5 16.5 68.6 19 65.5 19C62.5 19 60.4 16.5 61 13.5C61.5 10.5 64.4 8 67.5 8C70.5 8 72.5 10.5 72 13.5Z' fill='white'/%3E%3Cpath d='M64.7 23.5L66.1 21H64.1L64.7 23.5Z' fill='white'/%3E%3Cpath d='M74.2 12.5L76.5 13.5L73.8 14.5L74.2 12.5Z' fill='white'/%3E%3Cpath d='M56.5 13.5L59.2 12.5L58.8 14.5L56.5 13.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.0828 21C34.1497 21 31.6466 23.1205 31.1644 26.0136L28 45H37L38.1667 38H48.3896C52.3003 38 55.6378 35.1727 56.2808 31.3152L56.6415 29.1508C57.3526 24.8841 54.0623 21 49.7368 21H37.0828ZM48.0148 29.911C48.2688 28.3871 47.0937 27 45.5488 27H41.6942C40.7166 27 39.8822 27.7068 39.7215 28.6712L39.1667 32H45.5488C46.7709 32 47.8139 31.1165 48.0148 29.911Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M83.1655 21C77.2994 21 72.2932 25.241 71.3288 31.0272L70.7466 34.5204C69.8323 40.0062 74.0627 45 79.6241 45H87.5287C92.4171 45 96.5891 41.4659 97.3926 36.644L98.4474 30.3152C99.2602 25.439 95.4998 21 90.5563 21H83.1655ZM84.3885 27C82.4332 27 80.7644 28.4136 80.4429 30.3424L79.5822 35.5068C79.2775 37.3354 80.6876 39 82.5414 39H84.6115C86.5668 39 88.2356 37.5864 88.5571 35.6576L89.4178 30.4932C89.7225 28.6646 88.3124 27 86.4586 27H84.3885Z' fill='white'/%3E%3Cpath d='M60.1666 26L57 45H66L69.1666 26H60.1666Z' fill='white'/%3E%3Cpath d='M234.25 11L234 12.5H235.75L235 17H236.5L237.25 12.5H239L239.25 11H234.25Z' fill='white'/%3E%3Cpath d='M243.5 15.5L242 11H240.5L239.5 17H241L241.5 14L242.5 17H244L246 14L245.5 17H247L248 11H246.5L243.5 15.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
.logo-en{
    background-image: url('data:image/svg+xml,%3Csvg width="250" height="56" viewBox="0 0 250 56" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M54.5 17L55.5 11H11.737C7.04116 11 3.35518 15.0255 3.7679 19.7031L5.99999 45H18L16.56 39H20.84L23 45H27L28.9101 33.5393L19.4612 20.1534C18.526 18.8286 19.4735 17 21.0951 17H54.5ZM12 20H14L15.44 24H12.96L12 20ZM13.44 26H16.16L17.6 30H14.4L13.44 26ZM18.32 32H14.88L16.08 37H20.12L18.32 32Z" fill="%23004D9D"/%3E%3Cpath d="M82 11H227.5L226.5 17H118.941L114 45H101L105.941 17H81L82 11Z" fill="%23004D9D"/%3E%3Cpath d="M70.8 6L70.2 3.5L68.8 6H70.8Z" fill="%23817F84"/%3E%3Cpath d="M69.4333 10.9413L69.7557 9.0072C70.7596 9.06421 71.5898 9.4574 72.1713 10.0793C71.2592 10.5672 70.3534 10.8677 69.4333 10.9413Z" fill="%23817F84"/%3E%3Cpath d="M68.7327 9.06213L68.4214 10.9298C67.6898 10.8543 66.9265 10.6298 66.1223 10.2201C66.8932 9.62476 67.8 9.21185 68.7327 9.06213Z" fill="%23817F84"/%3E%3Cpath d="M65.3419 10.9366C64.7942 11.5338 64.3685 12.2371 64.1285 12.9999H68.0764L68.2568 11.918C67.3044 11.8108 66.3362 11.4922 65.3419 10.9366Z" fill="%23817F84"/%3E%3Cpath d="M63.9259 13.9999C63.8547 14.7425 63.9659 15.4286 64.2292 16.0154C65.444 15.395 66.6055 15.0468 67.7463 14.9807L67.9098 13.9999H63.9259Z" fill="%23817F84"/%3E%3Cpath d="M64.7739 16.8605C65.3575 17.5172 66.2084 17.934 67.2443 17.9928L67.577 15.9965C66.6964 16.081 65.7715 16.3619 64.7739 16.8605Z" fill="%23817F84"/%3E%3Cpath d="M68.2672 17.9379C69.2496 17.7802 70.2034 17.3305 70.9998 16.6832C70.1898 16.279 69.3951 16.0484 68.5925 15.9863L68.2672 17.9379Z" fill="%23817F84"/%3E%3Cpath d="M71.7582 15.9515C72.2577 15.3791 72.6463 14.7157 72.8715 13.9999H68.9236L68.7574 14.9966C69.7831 15.0893 70.7749 15.4149 71.7582 15.9515Z" fill="%23817F84"/%3E%3Cpath d="M73.0741 12.9999C73.1482 12.226 73.0244 11.5132 72.7365 10.9105C71.6244 11.5192 70.4739 11.9025 69.2646 11.9534L69.0902 12.9999H73.0741Z" fill="%23817F84"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M75 13.5C74.4 17.1 70.9 20 67.4 20C63.8 20 61.4 17.1 62 13.5C62.6 9.90002 66.1 7 69.6 7C73.2 7 75.6 9.90002 75 13.5ZM74 13.5C73.5 16.5 70.6 19 67.5 19C64.5 19 62.4 16.5 63 13.5C63.5 10.5 66.4 8 69.5 8C72.5 8 74.5 10.5 74 13.5Z" fill="%23817F84"/%3E%3Cpath d="M66.7 23.5L68.1 21H66.1L66.7 23.5Z" fill="%23817F84"/%3E%3Cpath d="M76.2 12.5L78.5 13.5L75.8 14.5L76.2 12.5Z" fill="%23817F84"/%3E%3Cpath d="M58.5 13.5L61.2 12.5L60.8 14.5L58.5 13.5Z" fill="%23817F84"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M85.1655 21C79.2994 21 74.2932 25.241 73.3288 31.0272L72.7466 34.5204C71.8323 40.0062 76.0627 45 81.6241 45H89.5287C94.4171 45 98.5891 41.4659 99.3926 36.644L100.447 30.3152C101.26 25.439 97.4998 21 92.5563 21H85.1655ZM86.3885 27C84.4332 27 82.7644 28.4136 82.4429 30.3424L81.5822 35.5068C81.2775 37.3354 82.6876 39 84.5414 39H86.6115C88.5668 39 90.2356 37.5864 90.5571 35.6576L91.4178 30.4932C91.7225 28.6646 90.3124 27 88.4586 27H86.3885Z" fill="%23817F84"/%3E%3Cpath d="M62.1666 26L59 45H68L71.1666 26H62.1666Z" fill="%23817F84"/%3E%3Cpath d="M231.25 11L231 12.5H232.75L232 17H233.5L234.25 12.5H236L236.25 11H231.25Z" fill="%23817F84"/%3E%3Cpath d="M240.5 15.5L239 11H237.5L236.5 17H238L238.5 14L239.5 17H241L243 14L242.5 17H244L245 11H243.5L240.5 15.5Z" fill="%23817F84"/%3E%3Cpath d="M39.0828 21C36.1497 21 33.6466 23.1205 33.1644 26.0136L30 45H39L41.7215 28.6712C41.8822 27.7068 42.7166 27 43.6942 27H47.5488C49.0937 27 50.2688 28.3871 50.0148 29.911C49.8139 31.1165 48.7709 32 47.5488 32H45.5C43.8431 32 42.5 33.3431 42.5 35V35.7791C42.5 36.5884 42.6228 37.3929 42.8642 38.1653L45 45H54L50.1933 38.3383C50.1072 38.1875 50.216 38 50.3896 38V38C54.3003 38 57.6378 35.1727 58.2808 31.3152L58.6415 29.1508C59.3526 24.8841 56.0623 21 51.7368 21H39.0828Z" fill="%23817F84"/%3E%3Cpath d="M175.388 20C173.433 20 171.764 21.4136 171.443 23.3424L168 44H177L179.721 27.6712C179.882 26.7068 180.717 26 181.694 26H183.278C185.75 26 187.63 28.2195 187.224 30.6576L185 44H194L196.253 30.4796C197.168 24.9938 192.937 20 187.376 20H175.388Z" fill="%23004D9D"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M144 20H159.556C164.5 20 168.26 24.439 167.447 29.3152L165.836 38.9864C165.353 41.8795 162.85 44 159.917 44H146.083C142.375 44 139.555 40.6708 140.164 37.0136L140.664 34.0136C141.147 31.1205 143.65 29 146.583 29H158.5C158.762 27.4296 157.551 26 155.959 26H143L144 20ZM150.271 35C149.537 35 148.912 35.5301 148.791 36.2534C148.639 37.1677 149.344 38 150.271 38H154.459C155.925 38 157.177 36.9398 157.418 35.4932L157.5 35H150.271Z" fill="%23004D9D"/%3E%3Cpath d="M140 26L141 20H130.527C125.614 20 121.429 23.5688 120.653 28.4201L118 45H127L128.962 32.7361C129.583 28.855 132.931 26 136.862 26H140Z" fill="%23004D9D"/%3E%3Cpath d="M206.815 20H226L225 26H210.367C209.827 26 209.671 26.7387 210.165 26.9573L218.958 30.8444C221.827 32.113 223.473 35.1639 222.957 38.2584C222.405 41.5717 219.538 44 216.179 44H197L198 38H212.638C213.178 38 213.334 37.2618 212.84 37.0429L204.034 33.1397C201.17 31.8708 199.529 28.8248 200.044 25.7357C200.596 22.4259 203.459 20 206.815 20Z" fill="%23004D9D"/%3E%3C/svg%3E%0A');
}
.logo-reverse-en{
    background-image: url('data:image/svg+xml,%3Csvg width="250" height="56" viewBox="0 0 250 56" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M54.5 17L55.5 11H11.737C7.04116 11 3.35518 15.0255 3.7679 19.7031L5.99999 45H18L16.56 39H20.84L23 45H27L28.9101 33.5393L19.4612 20.1534C18.526 18.8286 19.4735 17 21.0951 17H54.5ZM12 20H14L15.44 24H12.96L12 20ZM13.44 26H16.16L17.6 30H14.4L13.44 26ZM18.32 32H14.88L16.08 37H20.12L18.32 32Z" fill="white"/%3E%3Cpath d="M82 11H227.5L226.5 17H118.941L114 45H101L105.941 17H81L82 11Z" fill="white"/%3E%3Cpath d="M70.8 6L70.2 3.5L68.8 6H70.8Z" fill="white"/%3E%3Cpath d="M69.4333 10.9413L69.7557 9.0072C70.7596 9.06421 71.5898 9.4574 72.1713 10.0793C71.2592 10.5672 70.3534 10.8677 69.4333 10.9413Z" fill="white"/%3E%3Cpath d="M68.7327 9.06213L68.4214 10.9298C67.6898 10.8543 66.9265 10.6298 66.1223 10.2201C66.8932 9.62476 67.8 9.21185 68.7327 9.06213Z" fill="white"/%3E%3Cpath d="M65.3419 10.9366C64.7942 11.5338 64.3685 12.2371 64.1285 12.9999H68.0764L68.2568 11.918C67.3044 11.8108 66.3362 11.4922 65.3419 10.9366Z" fill="white"/%3E%3Cpath d="M63.9259 13.9999C63.8547 14.7425 63.9659 15.4286 64.2292 16.0154C65.444 15.395 66.6055 15.0468 67.7463 14.9807L67.9098 13.9999H63.9259Z" fill="white"/%3E%3Cpath d="M64.7739 16.8605C65.3575 17.5172 66.2084 17.934 67.2443 17.9928L67.577 15.9965C66.6964 16.081 65.7715 16.3619 64.7739 16.8605Z" fill="white"/%3E%3Cpath d="M68.2672 17.9379C69.2496 17.7802 70.2034 17.3305 70.9998 16.6832C70.1898 16.279 69.3951 16.0484 68.5925 15.9863L68.2672 17.9379Z" fill="white"/%3E%3Cpath d="M71.7582 15.9515C72.2577 15.3791 72.6463 14.7157 72.8715 13.9999H68.9236L68.7574 14.9966C69.7831 15.0893 70.7749 15.4149 71.7582 15.9515Z" fill="white"/%3E%3Cpath d="M73.0741 12.9999C73.1482 12.226 73.0244 11.5132 72.7365 10.9105C71.6244 11.5192 70.4739 11.9025 69.2646 11.9534L69.0902 12.9999H73.0741Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M75 13.5C74.4 17.1 70.9 20 67.4 20C63.8 20 61.4 17.1 62 13.5C62.6 9.90002 66.1 7 69.6 7C73.2 7 75.6 9.90002 75 13.5ZM74 13.5C73.5 16.5 70.6 19 67.5 19C64.5 19 62.4 16.5 63 13.5C63.5 10.5 66.4 8 69.5 8C72.5 8 74.5 10.5 74 13.5Z" fill="white"/%3E%3Cpath d="M66.7 23.5L68.1 21H66.1L66.7 23.5Z" fill="white"/%3E%3Cpath d="M76.2 12.5L78.5 13.5L75.8 14.5L76.2 12.5Z" fill="white"/%3E%3Cpath d="M58.5 13.5L61.2 12.5L60.8 14.5L58.5 13.5Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M85.1655 21C79.2994 21 74.2932 25.241 73.3288 31.0272L72.7466 34.5204C71.8323 40.0062 76.0627 45 81.6241 45H89.5287C94.4171 45 98.5891 41.4659 99.3926 36.644L100.447 30.3152C101.26 25.439 97.4998 21 92.5563 21H85.1655ZM86.3885 27C84.4332 27 82.7644 28.4136 82.4429 30.3424L81.5822 35.5068C81.2775 37.3354 82.6876 39 84.5414 39H86.6115C88.5668 39 90.2356 37.5864 90.5571 35.6576L91.4178 30.4932C91.7225 28.6646 90.3124 27 88.4586 27H86.3885Z" fill="white"/%3E%3Cpath d="M62.1666 26L59 45H68L71.1666 26H62.1666Z" fill="white"/%3E%3Cpath d="M231.25 11L231 12.5H232.75L232 17H233.5L234.25 12.5H236L236.25 11H231.25Z" fill="white"/%3E%3Cpath d="M240.5 15.5L239 11H237.5L236.5 17H238L238.5 14L239.5 17H241L243 14L242.5 17H244L245 11H243.5L240.5 15.5Z" fill="white"/%3E%3Cpath d="M39.0828 21C36.1497 21 33.6466 23.1205 33.1644 26.0136L30 45H39L41.7215 28.6712C41.8822 27.7068 42.7166 27 43.6942 27H47.5488C49.0937 27 50.2688 28.3871 50.0148 29.911C49.8139 31.1165 48.7709 32 47.5488 32H45.5C43.8431 32 42.5 33.3431 42.5 35V35.7791C42.5 36.5884 42.6228 37.3929 42.8642 38.1653L45 45H54L50.1933 38.3383C50.1072 38.1875 50.216 38 50.3896 38V38C54.3003 38 57.6378 35.1727 58.2808 31.3152L58.6415 29.1508C59.3526 24.8841 56.0623 21 51.7368 21H39.0828Z" fill="white"/%3E%3Cpath d="M175.388 20C173.433 20 171.764 21.4136 171.443 23.3424L168 44H177L179.721 27.6712C179.882 26.7068 180.717 26 181.694 26H183.278C185.75 26 187.63 28.2195 187.224 30.6576L185 44H194L196.253 30.4796C197.168 24.9938 192.937 20 187.376 20H175.388Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M144 20H159.556C164.5 20 168.26 24.439 167.447 29.3152L165.836 38.9864C165.353 41.8795 162.85 44 159.917 44H146.083C142.375 44 139.555 40.6708 140.164 37.0136L140.664 34.0136C141.147 31.1205 143.65 29 146.583 29H158.5C158.762 27.4296 157.551 26 155.959 26H143L144 20ZM150.271 35C149.537 35 148.912 35.5301 148.791 36.2534C148.639 37.1677 149.344 38 150.271 38H154.459C155.925 38 157.177 36.9398 157.418 35.4932L157.5 35H150.271Z" fill="white"/%3E%3Cpath d="M140 26L141 20H130.527C125.614 20 121.429 23.5688 120.653 28.4201L118 45H127L128.962 32.7361C129.583 28.855 132.931 26 136.862 26H140Z" fill="white"/%3E%3Cpath d="M206.815 20H226L225 26H210.367C209.827 26 209.671 26.7387 210.165 26.9573L218.958 30.8444C221.827 32.113 223.473 35.1639 222.957 38.2584C222.405 41.5717 219.538 44 216.179 44H197L198 38H212.638C213.178 38 213.334 37.2618 212.84 37.0429L204.034 33.1397C201.17 31.8708 199.529 28.8248 200.044 25.7357C200.596 22.4259 203.459 20 206.815 20Z" fill="white"/%3E%3C/svg%3E%0A');
}
.radius{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.overflow-hidden{
    overflow: hidden;
}
.transition, a, .icon-link{
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.shadow-box{
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
.shadow-box-hover:hover{
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
}
.box-gradient-light{
    background: rgb(229,236,244);
    background: linear-gradient(35deg, rgba(229,236,244,1) 0%, rgba(255,255,255,1) 100%);
}
.not-specified{
    display: block;
    text-align: center;
}
label{
    display: inline-block;
    padding-bottom: 4px;
    color: #667885;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    -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;
}

.logout{
    padding-top: 24px;
}
.logout a{
    color: #85A5C6;
}
.logout a .icon{
    background-color: #85A5C6;
}
.logout a:hover{
    color: #003A76;
    text-decoration: none;
}
.logout a:hover .icon{
    background-color: #003A76;
}

/* Alert */
.alert-message{
    padding: 16px;
    border: 1px solid #FC6111;
    background-color: #FFEEE5;
    font-size: 14px;
}
.alert-message-notify{
    margin-bottom: 16px;
}
.alert-message-primary{
    color: #003A76;
    border: 1px solid #85A5C6;
    background-color: #FFF;
}
.alert-message-success{
    color: #1F6407;
    border: 1px solid #57AA3A;
    background-color: #E7F8E1;
}
.alert-message-box{
    color: #0E559E;
    border: 0px;
    background-color: #E9F2F8;
}

.alert-message ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.alert-message-title{
    font-weight: 700;
}

/* Icons */
.icon-link{
    display: grid !important;
    gap: 8px;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: start;
}
.icon-link-center{
    justify-content: center;
}
.icon{
    position: relative;
    width: 32px;
    height: 32px;
    display: block;
    background-color: #001438;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
}
.icon-16{
    width: 16px;
    height: 16px;
}
.icon-24{
    width: 24px;
    height: 24px;
}
.icon-48{
    width: 48px;
    height: 48px;
}
.icon-rt{
    mask-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 32.9451V29.04C21.2871 29.1771 19.5565 29.6674 17.8049 30.5284C19.1913 31.8445 20.9966 32.7236 23 32.9451Z' fill='black'/%3E%3Cpath d='M25 32.9451C27.0035 32.7236 28.8087 31.8445 30.1951 30.5284C28.4435 29.6674 26.713 29.1771 25 29.04V32.9451Z' fill='black'/%3E%3Cpath d='M31.5143 28.9552C32.2799 27.7964 32.7848 26.4501 32.9451 25H25V27.0345C27.1943 27.1857 29.3672 27.8338 31.5143 28.9552Z' fill='black'/%3E%3Cpath d='M32.9451 23C32.7848 21.5499 32.2799 20.2036 31.5143 19.0448C29.3672 20.1662 27.1943 20.8143 25 20.9655V23H32.9451Z' fill='black'/%3E%3Cpath d='M30.1951 17.4716C28.8087 16.1555 27.0035 15.2764 25 15.0549V18.96C26.713 18.8229 28.4435 18.3326 30.1951 17.4716Z' fill='black'/%3E%3Cpath d='M23 15.0549C20.9966 15.2764 19.1913 16.1555 17.8049 17.4716C19.5565 18.3326 21.2871 18.8229 23 18.96V15.0549Z' fill='black'/%3E%3Cpath d='M16.4857 19.0448C15.7201 20.2036 15.2152 21.5499 15.0549 23H23V20.9655C20.8057 20.8143 18.6328 20.1662 16.4857 19.0448Z' fill='black'/%3E%3Cpath d='M15.0549 25C15.2152 26.4501 15.7201 27.7964 16.4857 28.9552C18.6328 27.8338 20.8057 27.1857 23 27.0345V25H15.0549Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 35C30.0751 35 35 30.0751 35 24C35 17.9249 30.0751 13 24 13C17.9249 13 13 17.9249 13 24C13 30.0751 17.9249 35 24 35ZM24 37C31.1797 37 37 31.1797 37 24C37 16.8203 31.1797 11 24 11C16.8203 11 11 16.8203 11 24C11 31.1797 16.8203 37 24 37Z' fill='black'/%3E%3Cpath d='M9 22V26L4 24L9 22Z' fill='black'/%3E%3Cpath d='M44 24L39 26V22L44 24Z' fill='black'/%3E%3Cpath d='M26 9H22L24 4L26 9Z' fill='black'/%3E%3Cpath d='M24 44L22 39H26L24 44Z' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 32.9451V29.04C21.2871 29.1771 19.5565 29.6674 17.8049 30.5284C19.1913 31.8445 20.9966 32.7236 23 32.9451Z' fill='black'/%3E%3Cpath d='M25 32.9451C27.0035 32.7236 28.8087 31.8445 30.1951 30.5284C28.4435 29.6674 26.713 29.1771 25 29.04V32.9451Z' fill='black'/%3E%3Cpath d='M31.5143 28.9552C32.2799 27.7964 32.7848 26.4501 32.9451 25H25V27.0345C27.1943 27.1857 29.3672 27.8338 31.5143 28.9552Z' fill='black'/%3E%3Cpath d='M32.9451 23C32.7848 21.5499 32.2799 20.2036 31.5143 19.0448C29.3672 20.1662 27.1943 20.8143 25 20.9655V23H32.9451Z' fill='black'/%3E%3Cpath d='M30.1951 17.4716C28.8087 16.1555 27.0035 15.2764 25 15.0549V18.96C26.713 18.8229 28.4435 18.3326 30.1951 17.4716Z' fill='black'/%3E%3Cpath d='M23 15.0549C20.9966 15.2764 19.1913 16.1555 17.8049 17.4716C19.5565 18.3326 21.2871 18.8229 23 18.96V15.0549Z' fill='black'/%3E%3Cpath d='M16.4857 19.0448C15.7201 20.2036 15.2152 21.5499 15.0549 23H23V20.9655C20.8057 20.8143 18.6328 20.1662 16.4857 19.0448Z' fill='black'/%3E%3Cpath d='M15.0549 25C15.2152 26.4501 15.7201 27.7964 16.4857 28.9552C18.6328 27.8338 20.8057 27.1857 23 27.0345V25H15.0549Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 35C30.0751 35 35 30.0751 35 24C35 17.9249 30.0751 13 24 13C17.9249 13 13 17.9249 13 24C13 30.0751 17.9249 35 24 35ZM24 37C31.1797 37 37 31.1797 37 24C37 16.8203 31.1797 11 24 11C16.8203 11 11 16.8203 11 24C11 31.1797 16.8203 37 24 37Z' fill='black'/%3E%3Cpath d='M9 22V26L4 24L9 22Z' fill='black'/%3E%3Cpath d='M44 24L39 26V22L44 24Z' fill='black'/%3E%3Cpath d='M26 9H22L24 4L26 9Z' fill='black'/%3E%3Cpath d='M24 44L22 39H26L24 44Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-homepage{
    mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 14.8981C7 14.3269 7.2443 13.7828 7.67127 13.4033L14.6713 7.18109C15.429 6.50752 16.571 6.50752 17.3287 7.18109L24.3287 13.4033C24.7557 13.7828 25 14.3269 25 14.8981V24C25 25.1046 24.1046 26 23 26H9C7.89543 26 7 25.1046 7 24V14.8981Z" stroke="black" stroke-width="2"/%3E%3Cpath d="M13 20C13 19.4477 13.4477 19 14 19H18C18.5523 19 19 19.4477 19 20V25C19 25.5523 18.5523 26 18 26H14C13.4477 26 13 25.5523 13 25V20Z" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 14.8981C7 14.3269 7.2443 13.7828 7.67127 13.4033L14.6713 7.18109C15.429 6.50752 16.571 6.50752 17.3287 7.18109L24.3287 13.4033C24.7557 13.7828 25 14.3269 25 14.8981V24C25 25.1046 24.1046 26 23 26H9C7.89543 26 7 25.1046 7 24V14.8981Z" stroke="black" stroke-width="2"/%3E%3Cpath d="M13 20C13 19.4477 13.4477 19 14 19H18C18.5523 19 19 19.4477 19 20V25C19 25.5523 18.5523 26 18 26H14C13.4477 26 13 25.5523 13 25V20Z" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
}
.icon-routes{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='24.5' r='2.5' stroke='black' stroke-width='2'/%3E%3Ccircle cx='22.5' cy='24.5' r='2.5' stroke='black' stroke-width='2'/%3E%3Cpath d='M11 24H18C19.6569 24 21 22.6569 21 21V9C21 7.34315 19.6569 6 18 6L6 6C4.34315 6 3 7.34315 3 9V21C3 22.6569 4.34315 24 6 24V24' stroke='black' stroke-width='2'/%3E%3Cpath d='M25 24H27C28.1046 24 29 23.1046 29 22V18.1623C29 18.0548 28.9827 17.948 28.9487 17.846L27.6838 14.0513C27.2754 12.8263 26.129 12 24.8377 12H21' stroke='black' stroke-width='2'/%3E%3Cpath d='M29 18H21' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='24.5' r='2.5' stroke='black' stroke-width='2'/%3E%3Ccircle cx='22.5' cy='24.5' r='2.5' stroke='black' stroke-width='2'/%3E%3Cpath d='M11 24H18C19.6569 24 21 22.6569 21 21V9C21 7.34315 19.6569 6 18 6L6 6C4.34315 6 3 7.34315 3 9V21C3 22.6569 4.34315 24 6 24V24' stroke='black' stroke-width='2'/%3E%3Cpath d='M25 24H27C28.1046 24 29 23.1046 29 22V18.1623C29 18.0548 28.9827 17.948 28.9487 17.846L27.6838 14.0513C27.2754 12.8263 26.129 12 24.8377 12H21' stroke='black' stroke-width='2'/%3E%3Cpath d='M29 18H21' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-counterparty{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12L16 22' stroke='black' stroke-width='2'/%3E%3Cpath d='M6 22V20C6 18.3431 7.34315 17 9 17H23C24.6569 17 26 18.3431 26 20V22' stroke='black' stroke-width='2'/%3E%3Crect x='13' y='22' width='6' height='6' rx='2' stroke='black' stroke-width='2'/%3E%3Crect x='3' y='22' width='6' height='6' rx='2' stroke='black' stroke-width='2'/%3E%3Crect x='23' y='22' width='6' height='6' rx='2' stroke='black' stroke-width='2'/%3E%3Ccircle cx='16' cy='8' r='4' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12L16 22' stroke='black' stroke-width='2'/%3E%3Cpath d='M6 22V20C6 18.3431 7.34315 17 9 17H23C24.6569 17 26 18.3431 26 20V22' stroke='black' stroke-width='2'/%3E%3Crect x='13' y='22' width='6' height='6' rx='2' stroke='black' stroke-width='2'/%3E%3Crect x='3' y='22' width='6' height='6' rx='2' stroke='black' stroke-width='2'/%3E%3Crect x='23' y='22' width='6' height='6' rx='2' stroke='black' stroke-width='2'/%3E%3Ccircle cx='16' cy='8' r='4' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-managers{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='11' r='5' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 23C4 21.3431 5.34315 20 7 20H19C20.6569 20 22 21.3431 22 23V23C22 24.6569 20.6569 26 19 26H7C5.34315 26 4 24.6569 4 23V23Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M20.2668 14.933C20.5045 14.977 20.7496 15 21 15C23.2091 15 25 13.2091 25 11C25 8.79086 23.2091 7 21 7C20.8307 7 20.6638 7.01052 20.5 7.03095' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M24 19H26.5C27.8807 19 29 20.1193 29 21.5V21.5C29 22.8807 27.8807 24 26.5 24H25.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='11' r='5' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 23C4 21.3431 5.34315 20 7 20H19C20.6569 20 22 21.3431 22 23V23C22 24.6569 20.6569 26 19 26H7C5.34315 26 4 24.6569 4 23V23Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M20.2668 14.933C20.5045 14.977 20.7496 15 21 15C23.2091 15 25 13.2091 25 11C25 8.79086 23.2091 7 21 7C20.8307 7 20.6638 7.01052 20.5 7.03095' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M24 19H26.5C27.8807 19 29 20.1193 29 21.5V21.5C29 22.8807 27.8807 24 26.5 24H25.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-account{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='11' r='5' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 23C7 21.3431 8.34315 20 10 20H22C23.6569 20 25 21.3431 25 23V23C25 24.6569 23.6569 26 22 26H10C8.34315 26 7 24.6569 7 23V23Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='11' r='5' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 23C7 21.3431 8.34315 20 10 20H22C23.6569 20 25 21.3431 25 23V23C25 24.6569 23.6569 26 22 26H10C8.34315 26 7 24.6569 7 23V23Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-logout{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 11.5V9C14 7.34315 15.3431 6 17 6H25C26.6569 6 28 7.34315 28 9V23C28 24.6569 26.6569 26 25 26H17C15.3431 26 14 24.6569 14 23V20' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 21L4 16L10 11' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 11.5V9C14 7.34315 15.3431 6 17 6H25C26.6569 6 28 7.34315 28 9V23C28 24.6569 26.6569 26 25 26H17C15.3431 26 14 24.6569 14 23V20' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 21L4 16L10 11' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-left{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 16H26' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 22L6 16L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 16H26' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 22L6 16L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-right{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 16H6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 22L26 16L19 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 16H6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 22L26 16L19 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-top{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6L16 26' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 13L16 6L22 13' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6L16 26' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10 13L16 6L22 13' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-bottom{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 26V6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M22 19L16 26L10 19' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 26V6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M22 19L16 26L10 19' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-plus{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16H24' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M16 24V8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16H24' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M16 24V8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-minus{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16H24' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16H24' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-edit{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 6H9C7.34315 6 6 7.34315 6 9V23C6 24.6569 7.34315 26 9 26H23C24.6569 26 26 24.6569 26 23V9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16L26.5 2.5L29.5 5.5L16 19H13V16Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M15.5 13.5L18.5 16.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 6H9C7.34315 6 6 7.34315 6 9V23C6 24.6569 7.34315 26 9 26H23C24.6569 26 26 24.6569 26 23V9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16L26.5 2.5L29.5 5.5L16 19H13V16Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M15.5 13.5L18.5 16.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-trash{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11C6 9.89543 6.89543 9 8 9H24C25.1046 9 26 9.89543 26 11V11C26 12.1046 25.1046 13 24 13H8C6.89543 13 6 12.1046 6 11V11Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8C12 5.79086 13.7909 4 16 4V4C18.2091 4 20 5.79086 20 8V9H12V8Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 13H24V22C24 25.3137 21.3137 28 18 28H14C10.6863 28 8 25.3137 8 22V13Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M19 23V17' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 23L13 17' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");    
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11C6 9.89543 6.89543 9 8 9H24C25.1046 9 26 9.89543 26 11V11C26 12.1046 25.1046 13 24 13H8C6.89543 13 6 12.1046 6 11V11Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 8C12 5.79086 13.7909 4 16 4V4C18.2091 4 20 5.79086 20 8V9H12V8Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 13H24V22C24 25.3137 21.3137 28 18 28H14C10.6863 28 8 25.3137 8 22V13Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M19 23V17' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13 23L13 17' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-filter{
    mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 3H26L19 17V25L13 29V17L6 3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 3H26L19 17V25L13 29V17L6 3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-truck{
    mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='24.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='22.5' cy='24.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M11 24H18C19.6569 24 21 22.6569 21 21V9C21 7.34315 19.6569 6 18 6L6 6C4.34315 6 3 7.34315 3 9V21C3 22.6569 4.34315 24 6 24V24' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M25 24H27C28.1046 24 29 23.1046 29 22V18.1623C29 18.0548 28.9827 17.948 28.9487 17.846L27.6838 14.0513C27.2754 12.8263 26.129 12 24.8377 12H21' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M29 18H21' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='24.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='22.5' cy='24.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M11 24H18C19.6569 24 21 22.6569 21 21V9C21 7.34315 19.6569 6 18 6L6 6C4.34315 6 3 7.34315 3 9V21C3 22.6569 4.34315 24 6 24V24' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M25 24H27C28.1046 24 29 23.1046 29 22V18.1623C29 18.0548 28.9827 17.948 28.9487 17.846L27.6838 14.0513C27.2754 12.8263 26.129 12 24.8377 12H21' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M29 18H21' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-messages{
    mask-image: url('data:image/svg+xml,%3Csvg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.99747 9.00439C4.99747 7.34754 6.34061 6.00439 7.99747 6.00439H21.9738C23.6307 6.00439 24.9738 7.34754 24.9738 9.00439V17C24.9738 18.6569 23.6307 20 21.9738 20H12.6448C11.5826 20 10.564 20.4225 9.8136 21.1744L6.70527 24.2888C6.07559 24.9197 4.99747 24.4738 4.99747 23.5824V9.00439Z" stroke="black" stroke-width="2"/%3E%3Cpath d="M24.9856 10.0044H25.9738C27.6307 10.0044 28.9738 11.3475 28.9738 13.0044V21C28.9738 22.6569 27.6307 24 25.9738 24H16.6448C15.5826 24 14.564 24.4225 13.8136 25.1744L10.7053 28.2888C10.0756 28.9197 8.99747 28.4738 8.99747 27.5824V22.0022" stroke="black" stroke-width="2"/%3E%3Cpath d="M20 11H10" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M20 15H10" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.99747 9.00439C4.99747 7.34754 6.34061 6.00439 7.99747 6.00439H21.9738C23.6307 6.00439 24.9738 7.34754 24.9738 9.00439V17C24.9738 18.6569 23.6307 20 21.9738 20H12.6448C11.5826 20 10.564 20.4225 9.8136 21.1744L6.70527 24.2888C6.07559 24.9197 4.99747 24.4738 4.99747 23.5824V9.00439Z" stroke="black" stroke-width="2"/%3E%3Cpath d="M24.9856 10.0044H25.9738C27.6307 10.0044 28.9738 11.3475 28.9738 13.0044V21C28.9738 22.6569 27.6307 24 25.9738 24H16.6448C15.5826 24 14.564 24.4225 13.8136 25.1744L10.7053 28.2888C10.0756 28.9197 8.99747 28.4738 8.99747 27.5824V22.0022" stroke="black" stroke-width="2"/%3E%3Cpath d="M20 11H10" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M20 15H10" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-map{
    mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 25H9.5C7.01472 25 5 22.9853 5 20.5C5 18.0147 7.01472 16 9.5 16H22.5C24.9853 16 27 13.9853 27 11.5C27 9.01472 24.9853 7 22.5 7H12" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="9" cy="7" r="3" stroke="black" stroke-width="2"/%3E%3Ccircle cx="23" cy="25" r="3" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 25H9.5C7.01472 25 5 22.9853 5 20.5C5 18.0147 7.01472 16 9.5 16H22.5C24.9853 16 27 13.9853 27 11.5C27 9.01472 24.9853 7 22.5 7H12" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="9" cy="7" r="3" stroke="black" stroke-width="2"/%3E%3Ccircle cx="23" cy="25" r="3" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
}
.icon-close{
    mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.92896 23.071L23.0711 8.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M23.071 23.071L8.92891 8.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.92896 23.071L23.0711 8.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M23.071 23.071L8.92891 8.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');    
}
.icon-24.icon-left{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 17L4 12L9 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 17L4 12L9 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-right{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12H4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 17L20 12L15 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12H4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 17L20 12L15 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-edit{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20H17C18.6569 20 20 18.6569 20 17V9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3L13 11' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='13.5' r='1.5' fill='black'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4H7C5.34315 4 4 5.34315 4 7V17C4 18.6569 5.34315 20 7 20H17C18.6569 20 20 18.6569 20 17V9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3L13 11' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='10.5' cy='13.5' r='1.5' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-top{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L12 9L20 16' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16L12 9L20 16' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-bottom{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9L12 16L20 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9L12 16L20 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-truck{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M4 18H2C1.44772 18 1 17.5523 1 17V5C1 4.44772 1.44772 4 2 4L15 4C15.5523 4 16 4.44772 16 5V16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M19 18H21C22.1046 18 23 17.1046 23 16V12.1623C23 12.0548 22.9827 11.948 22.9487 11.846L21.6838 8.05132C21.2754 6.82629 20.129 6 18.8377 6L16 6' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M23 12H16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M8 18H14' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M4 18H2C1.44772 18 1 17.5523 1 17V5C1 4.44772 1.44772 4 2 4L15 4C15.5523 4 16 4.44772 16 5V16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M19 18H21C22.1046 18 23 17.1046 23 16V12.1623C23 12.0548 22.9827 11.948 22.9487 11.846L21.6838 8.05132C21.2754 6.82629 20.129 6 18.8377 6L16 6' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M23 12H16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M8 18H14' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-route-type-1{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 13H17L18 12H22L18 21H3L4 18L2 13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M14 8H19V12H18L17.5 13H14V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 8H14V13H9V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M3 8H8V13H3V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 3H14V8H9V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 3H9V8H4V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 18H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16 18H19" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 13H17L18 12H22L18 21H3L4 18L2 13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M14 8H19V12H18L17.5 13H14V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 8H14V13H9V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M3 8H8V13H3V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 3H14V8H9V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 3H9V8H4V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 18H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16 18H19" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-route-type-2{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 13H17L18 12H22L18 21H3L4 18L2 13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M14 8H19V12H18L17.5 13H14V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 8H14V13H9V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M3 8H8V13H3V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 3H14V8H9V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 3H9V8H4V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 18H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16 18H19" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 13H17L18 12H22L18 21H3L4 18L2 13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M14 8H19V12H18L17.5 13H14V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 8H14V13H9V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M3 8H8V13H3V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 3H14V8H9V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 3H9V8H4V3Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M4 18H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16 18H19" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-route-type-3{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M4 18H2C1.44772 18 1 17.5523 1 17V5C1 4.44772 1.44772 4 2 4L15 4C15.5523 4 16 4.44772 16 5V16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M19 18H21C22.1046 18 23 17.1046 23 16V12.1623C23 12.0548 22.9827 11.948 22.9487 11.846L21.6838 8.05132C21.2754 6.82629 20.129 6 18.8377 6L16 6' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M23 12H16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M8 18H14' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M4 18H2C1.44772 18 1 17.5523 1 17V5C1 4.44772 1.44772 4 2 4L15 4C15.5523 4 16 4.44772 16 5V16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M19 18H21C22.1046 18 23 17.1046 23 16V12.1623C23 12.0548 22.9827 11.948 22.9487 11.846L21.6838 8.05132C21.2754 6.82629 20.129 6 18.8377 6L16 6' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M23 12H16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M8 18H14' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-route-type-4{
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M4 18H2C1.44772 18 1 17.5523 1 17V5C1 4.44772 1.44772 4 2 4L15 4C15.5523 4 16 4.44772 16 5V16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M19 18H21C22.1046 18 23 17.1046 23 16V12.1623C23 12.0548 22.9827 11.948 22.9487 11.846L21.6838 8.05132C21.2754 6.82629 20.129 6 18.8377 6L16 6' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M23 12H16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M8 18H14' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Ccircle cx='16.5' cy='18.5' r='2.5' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M4 18H2C1.44772 18 1 17.5523 1 17V5C1 4.44772 1.44772 4 2 4L15 4C15.5523 4 16 4.44772 16 5V16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M19 18H21C22.1046 18 23 17.1046 23 16V12.1623C23 12.0548 22.9827 11.948 22.9487 11.846L21.6838 8.05132C21.2754 6.82629 20.129 6 18.8377 6L16 6' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M23 12H16' stroke='%2312243A' stroke-width='2'/%3E%3Cpath d='M8 18H14' stroke='%2312243A' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-24.icon-route-type-5{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 6H18L21 12V18H18.5L17 16H7L6.25 18H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 21H22" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M14 6V12H21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 12H8" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7 1H13" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M12 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M11 6L10 1" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M20 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M8 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M4 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="15" cy="19" r="2" fill="black"/%3E%3Ccircle cx="10" cy="19" r="2" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 6H18L21 12V18H18.5L17 16H7L6.25 18H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 21H22" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M14 6V12H21" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 12H8" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7 1H13" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M12 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M11 6L10 1" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M20 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M8 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M4 23V21" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="15" cy="19" r="2" fill="black"/%3E%3Ccircle cx="10" cy="19" r="2" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-route-type-6{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 2H22V5L16 11L20 19L18 21L12 15L8.5 18.5L8 21L7 22L5 19L2 17L3 16L5.5 15.5L9 12L3 6L4.5 4.5L13 8L19 2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19 2H22V5L16 11L20 19L18 21L12 15L8.5 18.5L8 21L7 22L5 19L2 17L3 16L5.5 15.5L9 12L3 6L4.5 4.5L13 8L19 2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-route-type-7{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13 9V5L20 12L13 19V15H4L5 12L4 9H13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13 9V5L20 12L13 19V15H4L5 12L4 9H13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-filter{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3 2H21L15 11V18L9 22V11L3 2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3 2H21L15 11V18L9 22V11L3 2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-arrow-up{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 15L12 11L17 15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 15L12 11L17 15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-arrow-down{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 11L12 15L17 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 11L12 15L17 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-close{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.92892 18.071L18.0711 5.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M18.0711 18.071L5.92893 5.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.92892 18.071L18.0711 5.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M18.0711 18.071L5.92893 5.92891" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-attach{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 10L11 17.5C11 18.3284 11.6716 19 12.5 19V19C13.3284 19 14 18.3284 14 17.5L14 5C14 3.34315 12.6569 2 11 2V2C9.34315 2 8 3.34315 8 5L8 17.5C8 19.9853 10.0147 22 12.5 22V22C14.9853 22 17 19.9853 17 17.5L17 6" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 10L11 17.5C11 18.3284 11.6716 19 12.5 19V19C13.3284 19 14 18.3284 14 17.5L14 5C14 3.34315 12.6569 2 11 2V2C9.34315 2 8 3.34315 8 5L8 17.5C8 19.9853 10.0147 22 12.5 22V22C14.9853 22 17 19.9853 17 17.5L17 6" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-fly{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.92892 14.071L13.0711 10.9289" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 9L20 4L15 21L10 14L3 9Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.92892 14.071L13.0711 10.9289" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 9L20 4L15 21L10 14L3 9Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-messages{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 7H13" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7 11H13" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M3 4C3 3.44772 3.44772 3 4 3H16C16.5523 3 17 3.44772 17 4V14C17 14.5523 16.5523 15 16 15H8.35078C8.12371 15 7.9034 15.0773 7.72609 15.2191L4.6247 17.7002C3.96993 18.2241 3 17.7579 3 16.9194V4Z" stroke="black" stroke-width="2"/%3E%3Cpath d="M7 16V19.9194C7 20.7579 7.96993 21.2241 8.6247 20.7002L11.7261 18.2191C11.9034 18.0773 12.1237 18 12.3508 18H20C20.5523 18 21 17.5523 21 17V7C21 6.44772 20.5523 6 20 6H17" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 7H13" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7 11H13" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M3 4C3 3.44772 3.44772 3 4 3H16C16.5523 3 17 3.44772 17 4V14C17 14.5523 16.5523 15 16 15H8.35078C8.12371 15 7.9034 15.0773 7.72609 15.2191L4.6247 17.7002C3.96993 18.2241 3 17.7579 3 16.9194V4Z" stroke="black" stroke-width="2"/%3E%3Cpath d="M7 16V19.9194C7 20.7579 7.96993 21.2241 8.6247 20.7002L11.7261 18.2191C11.9034 18.0773 12.1237 18 12.3508 18H20C20.5523 18 21 17.5523 21 17V7C21 6.44772 20.5523 6 20 6H17" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-truck2{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M21 12H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="7" cy="18" r="2" stroke="black" stroke-width="2"/%3E%3Ccircle cx="17" cy="18" r="2" stroke="black" stroke-width="2"/%3E%3Cpath d="M5 18H3V5H14V18H9" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M15 7H16.9689C18.1956 7 19.2987 7.74685 19.7543 8.88583L21 12V18H18" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M21 12H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Ccircle cx="7" cy="18" r="2" stroke="black" stroke-width="2"/%3E%3Ccircle cx="17" cy="18" r="2" stroke="black" stroke-width="2"/%3E%3Cpath d="M5 18H3V5H14V18H9" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M15 7H16.9689C18.1956 7 19.2987 7.74685 19.7543 8.88583L21 12V18H18" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-loading{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M22 18H2" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M12 13H17V18H12V13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M15 19V22H19V19" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M5 19V22H9V19" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M7 13H12V18H7V13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 8H15V13H9V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M3 2H21V18H3V2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M22 18H2" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M12 13H17V18H12V13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M15 19V22H19V19" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M5 19V22H9V19" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M7 13H12V18H7V13Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M9 8H15V13H9V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M3 2H21V18H3V2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-reloading{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 16H22V22H16V16Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M2 2H8V8H2V2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M2 8H8V14H2V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M8 8H14V14H8V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M21 11L18.9997 13L17 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13 4H19L18.9999 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 16H22V22H16V16Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M2 2H8V8H2V2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M2 8H8V14H2V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M8 8H14V14H8V8Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M21 11L18.9997 13L17 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13 4H19L18.9999 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-customs_clearance_start{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 8.00001C15 13.3333 9 13.3333 6 8" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M5 5C7.33333 5 9.66667 3.5 12 2L12 2C14.3333 3.5 16.6667 5 19 5L18 8H6L5 5Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M17 22H7" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16.9997 10C19 14 16.9806 19 11.9999 19C7.01908 19 5 14 6.99983 10" stroke="black" stroke-width="2"/%3E%3Ccircle cx="12" cy="6" r="2" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 8.00001C15 13.3333 9 13.3333 6 8" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M5 5C7.33333 5 9.66667 3.5 12 2L12 2C14.3333 3.5 16.6667 5 19 5L18 8H6L5 5Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Cpath d="M17 22H7" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M16.9997 10C19 14 16.9806 19 11.9999 19C7.01908 19 5 14 6.99983 10" stroke="black" stroke-width="2"/%3E%3Ccircle cx="12" cy="6" r="2" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-border{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 13V22" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M11 2V6" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 6H17.9231L21 9.5L17.9231 13H3V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11 13V22" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M11 2V6" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 6H17.9231L21 9.5L17.9231 13H3V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-customs_clearance_end{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 6L11 6" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7.5 4.5L5 7L3.5 5.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20 12H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7.5 10.5L5 13L3.5 11.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20 18H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7.5 16.5L5 19L3.5 17.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 6L11 6" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7.5 4.5L5 7L3.5 5.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20 12H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7.5 10.5L5 13L3.5 11.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20 18H11" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M7.5 16.5L5 19L3.5 17.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-unloading{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 12V22" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M8.5 4.5L17 9.5V14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 7L12 12L21 7" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 7L12 2L21 7V17L12 22L3 17V7Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 12V22" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M8.5 4.5L17 9.5V14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 7L12 12L21 7" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M3 7L12 2L21 7V17L12 22L3 17V7Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-24.icon-check{
    mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3ZM16.707 9.29297C16.3165 8.90244 15.6835 8.90244 15.293 9.29297L11 13.5859L8.70703 11.293C8.31651 10.9024 7.68349 10.9024 7.29297 11.293C6.90244 11.6835 6.90244 12.3165 7.29297 12.707L10.293 15.707C10.6835 16.0976 11.3165 16.0976 11.707 15.707L16.707 10.707C17.0976 10.3165 17.0976 9.68349 16.707 9.29297Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3ZM16.707 9.29297C16.3165 8.90244 15.6835 8.90244 15.293 9.29297L11 13.5859L8.70703 11.293C8.31651 10.9024 7.68349 10.9024 7.29297 11.293C6.90244 11.6835 6.90244 12.3165 7.29297 12.707L10.293 15.707C10.6835 16.0976 11.3165 16.0976 11.707 15.707L16.707 10.707C17.0976 10.3165 17.0976 9.68349 16.707 9.29297Z" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-truck2{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 8.5H11" stroke="black" stroke-linecap="round"/%3E%3Ccircle cx="4.5" cy="12.5" r="1.5" stroke="black"/%3E%3Ccircle cx="11.5" cy="12.5" r="1.5" stroke="black"/%3E%3Cpath d="M3 12H1.5V3.5H10.5V11.5M6 12H10" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M10.5 5H11.9914C12.8843 5 13.6691 5.59198 13.9144 6.4506L14.4999 8.5V12H12.9999" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 8.5H11" stroke="black" stroke-linecap="round"/%3E%3Ccircle cx="4.5" cy="12.5" r="1.5" stroke="black"/%3E%3Ccircle cx="11.5" cy="12.5" r="1.5" stroke="black"/%3E%3Cpath d="M3 12H1.5V3.5H10.5V11.5M6 12H10" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M10.5 5H11.9914C12.8843 5 13.6691 5.59198 13.9144 6.4506L14.4999 8.5V12H12.9999" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-loading{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.5 12.5H1.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M7.5 9.5H10.5V12.5H7.5V9.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M9.5 12.5V14.5H11.5V12.5" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M3.5 12.5V14.5H5.5V12.5" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M4.5 9.5H7.5V12.5H4.5V9.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 6.5H9.5V9.5H5.5V6.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M2.5 2.5H12.5V12.5H2.5V2.5Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.5 12.5H1.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M7.5 9.5H10.5V12.5H7.5V9.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M9.5 12.5V14.5H11.5V12.5" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M3.5 12.5V14.5H5.5V12.5" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M4.5 9.5H7.5V12.5H4.5V9.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 6.5H9.5V9.5H5.5V6.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M2.5 2.5H12.5V12.5H2.5V2.5Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-reloading{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.5 10.5H14.5V14.5H10.5V10.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M1.5 1.5H5.5V5.5H1.5V1.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M1.5 5.5H5.5V9.5H1.5V5.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 5.5H9.5V9.5H5.5V5.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M13.9998 7L12.4996 8.49999L11 7" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.5 2.5H12.5L12.4999 8" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.5 10.5H14.5V14.5H10.5V10.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M1.5 1.5H5.5V5.5H1.5V1.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M1.5 5.5H5.5V9.5H1.5V5.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 5.5H9.5V9.5H5.5V5.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M13.9998 7L12.4996 8.49999L11 7" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.5 2.5H12.5L12.4999 8" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-customs_clearance_start{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 5.50001C10 8.5 6 8.5 4 5.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M3.5 3.5C5 3.5 6.5 2.5 8 1.5C9.5 2.5 11 3.5 12.5 3.5L12 5.5L4 5.5L3.5 3.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M11 14.5H5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M11.5001 6.5C13.0001 8.5 11.5001 12.5 8.00014 12.5C4.50001 12.5 2.99992 8.5 4.5 6.5" stroke="black"/%3E%3Ccircle cx="8" cy="4" r="1" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12 5.50001C10 8.5 6 8.5 4 5.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M3.5 3.5C5 3.5 6.5 2.5 8 1.5C9.5 2.5 11 3.5 12.5 3.5L12 5.5L4 5.5L3.5 3.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M11 14.5H5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M11.5001 6.5C13.0001 8.5 11.5001 12.5 8.00014 12.5C4.50001 12.5 2.99992 8.5 4.5 6.5" stroke="black"/%3E%3Ccircle cx="8" cy="4" r="1" fill="black"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-border{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.5 8.5V14.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M7.5 1.5V3.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M1.5 3.5H12.5L14.5 6L12.5 8.5H1.5V3.5Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.5 8.5V14.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M7.5 1.5V3.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M1.5 3.5H12.5L14.5 6L12.5 8.5H1.5V3.5Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-customs_clearance_end{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.5 4.5H7.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5.5 3.5L3.5 5.5L2.5 4.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13.5 8.5H7.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5.5 7.5L3.5 9.5L2.5 8.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13.5 12.5H7.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5.5 11.5L3.5 13.5L2.5 12.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.5 4.5H7.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5.5 3.5L3.5 5.5L2.5 4.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13.5 8.5H7.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5.5 7.5L3.5 9.5L2.5 8.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M13.5 12.5H7.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5.5 11.5L3.5 13.5L2.5 12.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-unloading{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.5 7.5V14.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5 3L10.5 6V9.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M1.5 4.5L7.5 7.5L13.5 4.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M1.5 4.5L7.5 1.5L13.5 4.5V11.5L7.5 14.5L1.5 11.5V4.5Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.5 7.5V14.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M5 3L10.5 6V9.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M1.5 4.5L7.5 7.5L13.5 4.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M1.5 4.5L7.5 1.5L13.5 4.5V11.5L7.5 14.5L1.5 11.5V4.5Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-file{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 1.5H9.5L13.5 5.5V14.5H2.5V1.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 8.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M5.5 11.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M9.5 1.5V5.5H13.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 1.5H9.5L13.5 5.5V14.5H2.5V1.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 8.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M5.5 11.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M9.5 1.5V5.5H13.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-container{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.5 4L7.5 2.5L14.5 5.5V10.5L7.5 14.5L1.5 12.5V4Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M4.5 3L4.5 13.5" stroke="black"/%3E%3Cpath d="M3 8.5H6" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M7.5 2.5L7.5 14.5" stroke="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.5 4L7.5 2.5L14.5 5.5V10.5L7.5 14.5L1.5 12.5V4Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M4.5 3L4.5 13.5" stroke="black"/%3E%3Cpath d="M3 8.5H6" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M7.5 2.5L7.5 14.5" stroke="black"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-line{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 1L9.5 6.5L8 8L6.5 6.5L8 1Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M1 8L6.49995 6.5L7.99995 8L6.49995 9.5L1 8Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M15 8L9.49987 6.5L7.99987 8L9.49987 9.5L15 8Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M8 15L9.5 9.5L8 8L6.5 9.5L8 15Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M8.75469 3.56199C10.6664 3.87995 12.1562 5.38752 12.4479 7.30841M7.38018 3.5416C5.40382 3.80947 3.85029 5.34247 3.55176 7.30841M3.55176 8.69158C3.84494 10.6223 5.34855 12.1354 7.27431 12.4428M12.4479 8.69158C12.1482 10.6656 10.5831 12.2031 8.59522 12.4616" stroke="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 1L9.5 6.5L8 8L6.5 6.5L8 1Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M1 8L6.49995 6.5L7.99995 8L6.49995 9.5L1 8Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M15 8L9.49987 6.5L7.99987 8L9.49987 9.5L15 8Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M8 15L9.5 9.5L8 8L6.5 9.5L8 15Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M8.75469 3.56199C10.6664 3.87995 12.1562 5.38752 12.4479 7.30841M7.38018 3.5416C5.40382 3.80947 3.85029 5.34247 3.55176 7.30841M3.55176 8.69158C3.84494 10.6223 5.34855 12.1354 7.27431 12.4428M12.4479 8.69158C12.1482 10.6656 10.5831 12.2031 8.59522 12.4616" stroke="black"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-avia{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.9 1H15V3.1L10.8 7.3L13.6 12.9L12.2 14.3L8 10.1L5.55 12.55L5.2 14.3L4.5 15L3.1 12.9L1 11.5L1.7 10.8L3.45 10.45L5.9 8L1.7 3.8L2.75 2.75L8.7 5.2L12.9 1Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M12.9 1H15V3.1L10.8 7.3L13.6 12.9L12.2 14.3L8 10.1L5.55 12.55L5.2 14.3L4.5 15L3.1 12.9L1 11.5L1.7 10.8L3.45 10.45L5.9 8L1.7 3.8L2.75 2.75L8.7 5.2L12.9 1Z" stroke="black" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-trailer{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="4" cy="12" r="1.5" stroke="black"/%3E%3Ccircle cx="8" cy="12" r="1.5" stroke="black"/%3E%3Cpath d="M9.5 11.5L10.5 10.5H14.5V3.5H1.5V11.5H2.5M5.5 11.5H6.5" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M13.5 13.5V10.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M14.5 13.5H12.5" stroke="black" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="4" cy="12" r="1.5" stroke="black"/%3E%3Ccircle cx="8" cy="12" r="1.5" stroke="black"/%3E%3Cpath d="M9.5 11.5L10.5 10.5H14.5V3.5H1.5V11.5H2.5M5.5 11.5H6.5" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M13.5 13.5V10.5" stroke="black" stroke-linecap="round"/%3E%3Cpath d="M14.5 13.5H12.5" stroke="black" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-weight{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.5 6.5H11.5L13.5 14.5H1.5L3.5 6.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M6.5 9.5H8.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.5 12.5V9.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Ccircle cx="7.5" cy="4.5" r="2" stroke="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.5 6.5H11.5L13.5 14.5H1.5L3.5 6.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M6.5 9.5H8.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.5 12.5V9.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Ccircle cx="7.5" cy="4.5" r="2" stroke="black"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-volume{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.5 5.5H10.5V10.5H5.5V5.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 2.5H2.5V5.5M10.5 2.5H13.5V5.5M2.5 10.5V13.5H5.5M10.5 13.5H13.5V10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.5 5.5H10.5V10.5H5.5V5.5Z" stroke="black" stroke-linejoin="round"/%3E%3Cpath d="M5.5 2.5H2.5V5.5M10.5 2.5H13.5V5.5M2.5 10.5V13.5H5.5M10.5 13.5H13.5V10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-check{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2ZM11.3535 5.64648C11.1583 5.45122 10.8417 5.45122 10.6465 5.64648L7 9.29297L5.35352 7.64648C5.15825 7.45122 4.84175 7.45122 4.64648 7.64648C4.45122 7.84175 4.45122 8.15825 4.64648 8.35352L6.64648 10.3535C6.84175 10.5488 7.15825 10.5488 7.35352 10.3535L11.3535 6.35352C11.5488 6.15825 11.5488 5.84175 11.3535 5.64648Z" fill="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2ZM11.3535 5.64648C11.1583 5.45122 10.8417 5.45122 10.6465 5.64648L7 9.29297L5.35352 7.64648C5.15825 7.45122 4.84175 7.45122 4.64648 7.64648C4.45122 7.84175 4.45122 8.15825 4.64648 8.35352L6.64648 10.3535C6.84175 10.5488 7.15825 10.5488 7.35352 10.3535L11.3535 6.35352C11.5488 6.15825 11.5488 5.84175 11.3535 5.64648Z" fill="black"/%3E%3C/svg%3E%0A');
}

.icon-16.icon-filter{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 2H14L10 8V11L6 14V8L2 2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 2H14L10 8V11L6 14V8L2 2Z" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-view-table{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 6H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M2 2H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M2 10H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M2 14H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 6H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M2 2H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M2 10H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3Cpath d="M2 14H14" stroke="black" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-view-list{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1" y="1" width="14" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="1" y="10" width="14" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1" y="1" width="14" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="1" y="10" width="14" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-view-grid{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1" y="1" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="10" y="1" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="1" y="10" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="10" y="10" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1" y="1" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="10" y="1" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="1" y="10" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3Crect x="10" y="10" width="5" height="5" stroke="black" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-close{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 4L12 12" stroke="black"/%3E%3Cpath d="M4 12L12 4" stroke="black"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 4L12 12" stroke="black"/%3E%3Cpath d="M4 12L12 4" stroke="black"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-arrow-up{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 9L8 6L12 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 9L8 6L12 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-arrow-down{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 7L8 10L12 7" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4 7L8 10L12 7" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.icon-16.icon-messages{
    mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.5 5.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M5.5 8.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 3C2 2.44772 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3V11C14 11.5523 13.5523 12 13 12H6.33333C6.11696 12 5.90643 12.0702 5.73333 12.2L3.6 13.8C2.94076 14.2944 2 13.824 2 13V3Z" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.5 5.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M5.5 8.5H10.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 3C2 2.44772 2.44772 2 3 2H13C13.5523 2 14 2.44772 14 3V11C14 11.5523 13.5523 12 13 12H6.33333C6.11696 12 5.90643 12.0702 5.73333 12.2L3.6 13.8C2.94076 14.2944 2 13.824 2 13V3Z" stroke="black" stroke-width="2"/%3E%3C/svg%3E%0A');
}

.link-back{
    color: #667885;
}
.link-back .icon{
    background-color: #667885;
}


/* Button */
.uk-button{
    color: #0E559E;
}
.uk-button:hover{
    color: #0E559E;
}
.uk-button.icon-link{
    display: inline-grid !important;
    padding-top: 8px;
    padding-bottom: 7px;
    justify-content: center;
}
.uk-button.icon-link .icon{
    background-color: #0E559E;
}
.uk-button-primary .icon{
    background-color: #FFF !important;
}
.uk-button-secondary .icon{
    background-color: #12243A !important;
}
.button-mobile-icon{}
.button-mobile-text{
    display: block;
}
.uk-button-compact{
    padding-left: 0px;
    padding-right: 0px;
}

/* Auth */
.auth-container{
    position: relative;
    display: grid;
    gap: 16px;
    align-content: center;
    width:100vw;
    height: calc(var(--vh, 1vh) * 100);
}
.auth-container:after{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: none;
    width: 100%;
    height: 90%;
    background: rgb(3,64,125);
    background: linear-gradient(0deg, rgba(3,64,125,1) 30%, rgba(3,64,125,0) 100%);
}
.auth-content{
    position: relative;
    z-index: 10;
    display: grid;
    gap: 24px;
    padding: 24px;
    margin: 0 auto;
    width: 340px;
    background-color: #fff;
}
.auth-content-any-form{
    border: 2px solid #FC6111;
}
.auth-logo{
    display: grid;
    justify-content: center;
}
.auth-footer{
    text-align: center;
    color: #667885;
    font-size: 14px;
}
.auth-form{
    display: grid;
    gap: 16px;    
}
.auth-input-desc{
    display: inline-block;
    font-size: 12px;
    color: #9EAEB9;
    padding-top: 4px;
}
.auth-desc{
    font-size: 14px;
    text-wrap: balance;
}
.auth-desc a{
    text-decoration: underline;
}
.auth-desc p{
    padding: 0px;
    margin: 0px;
}
.auth-lang{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.auth-lang button{
    background-color: transparent;
    width: 80px;
    border: 0px solid #ccc;
    cursor: pointer;
    color: #667885;
    text-decoration: underline;
    text-align: left;
    margin:0px 8px;
}
.auth-lang button:first-child{
    text-align: right;
}
.auth-lang button:hover{
    text-decoration: none;
}
.auth-lang button.active{
    /*font-weight: 700;*/
}
.auth-switcher-link{
    padding-top: 8px;
    text-align: center;
}
.auth-switcher-link a{
    text-decoration: underline;
}
.auth-switcher-link a:hover{
    text-decoration: none;
}

/* Header */
header{
    padding: 0px;
}
.header{
    display: grid;
    gap: 16px;
    grid-template-columns: 250px 1fr 250px;
    align-items: center;
    width: 1180px;
    margin: 0 auto;
    padding: 0px;
}
.header-left {
    padding-top: 20px;
}
.header-right {
    padding-top: 20px;
    display: flex;
    justify-content: end;
}
.header-right > div {
    display: grid;
    gap: 8px;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.header-right > div b{
    color: #0E559E;
}
.header-right > div span{
    display: block;
    font-style: italic;
}
.header-menu {
    display: flex;
    justify-content: center;
}
.header-menu > div{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.header-menu > div > ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #054587;
    padding: 4px;
    border-radius: 32px;
    border: 2px solid #fff;
}
.header-menu ul li{
    padding: 4px;
}
.header-menu ul li a{
    display: flex;
    align-items: center;
    padding: 4px 16px;
    border-radius: 24px;
    color: #A3CDF9;
    text-decoration: none;
}
.header-menu ul li a .icon{
    background-color: #A3CDF9;
    margin-right: 8px;
}
.header-menu ul li.active a,
.header-menu ul li a:hover{
    background-color: #0E559E;
    color: #fff;
}
.header-menu ul li.active a .icon,
.header-menu ul li a:hover .icon{
    background-color: #fff;
}
.body-homepage header{
    background-color: #0E559E;
}
.body-homepage .header-left .logo-uk{
    background-image: url("data:image/svg+xml,%3Csvg width='250' height='56' viewBox='0 0 250 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.5 17L53.5 11H9.73696C5.04116 11 1.35518 15.0255 1.7679 19.7031L3.99999 45H16L14.56 39H18.84L21 45H25L26.9101 33.5393L17.4612 20.1534C16.526 18.8286 17.4735 17 19.0951 17H52.5ZM9.99999 20H12L13.44 24H10.96L9.99999 20ZM11.44 26H14.16L15.6 30H12.4L11.44 26ZM16.32 32H12.88L14.08 37H18.12L16.32 32Z' fill='white'/%3E%3Cpath d='M80 11H230.5L229.5 17H116.941L112 45H99L103.941 17H79L80 11Z' fill='white'/%3E%3Cpath d='M178 20H187L185.5 29H193.5L195 20H204L200 44H191L192.5 35H184.5L183 44H174L178 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M165.556 20H150L149 26H161.959C163.551 26 164.762 27.4296 164.5 29H152.583C149.65 29 147.147 31.1205 146.664 34.0136L146.164 37.0136C145.555 40.6708 148.375 44 152.083 44H165.917C168.85 44 171.353 41.8795 171.836 38.9864L173.447 29.3152C174.26 24.439 170.5 20 165.556 20ZM154.791 36.2534C154.912 35.5301 155.537 35 156.271 35H163.5L163.418 35.4932C163.177 36.9398 161.925 38 160.459 38H156.271C155.344 38 154.639 37.1677 154.791 36.2534Z' fill='white'/%3E%3Cpath d='M229 20L228 26H219.236C216.791 26 214.705 27.7671 214.304 30.178L213.776 33.3424C213.37 35.7805 215.25 38 217.722 38H226L225 44H212.444C207.5 44 203.74 39.561 204.553 34.6848L205.607 28.356C206.411 23.5341 210.583 20 215.471 20H229Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.447 29.3152C145.26 24.439 141.5 20 136.556 20H123.388C121.433 20 119.764 21.4136 119.443 23.3424L114.5 53H123.5L125 44H135.223C139.134 44 142.471 41.1727 143.114 37.3152L144.447 29.3152ZM131.111 38H126L127.721 27.6712C127.882 26.7068 128.717 26 129.694 26H131.778C134.25 26 136.13 28.2195 135.724 30.6576L135.057 34.6576C134.736 36.5864 133.067 38 131.111 38Z' fill='white'/%3E%3Cpath d='M68.8 6L68.2 3.5L66.8 6H68.8Z' fill='white'/%3E%3Cpath d='M67.4333 10.9413L67.7557 9.0072C68.7596 9.06421 69.5898 9.4574 70.1713 10.0793C69.2592 10.5672 68.3534 10.8677 67.4333 10.9413Z' fill='white'/%3E%3Cpath d='M66.7327 9.06213L66.4214 10.9298C65.6898 10.8543 64.9265 10.6298 64.1223 10.2201C64.8932 9.62476 65.8 9.21185 66.7327 9.06213Z' fill='white'/%3E%3Cpath d='M63.3419 10.9366C62.7942 11.5338 62.3685 12.2371 62.1285 12.9999H66.0764L66.2568 11.918C65.3044 11.8108 64.3362 11.4922 63.3419 10.9366Z' fill='white'/%3E%3Cpath d='M61.9259 13.9999C61.8547 14.7425 61.9659 15.4286 62.2292 16.0154C63.444 15.395 64.6055 15.0468 65.7463 14.9807L65.9098 13.9999H61.9259Z' fill='white'/%3E%3Cpath d='M62.7739 16.8605C63.3575 17.5172 64.2084 17.934 65.2443 17.9928L65.577 15.9965C64.6964 16.081 63.7715 16.3619 62.7739 16.8605Z' fill='white'/%3E%3Cpath d='M66.2672 17.9379C67.2496 17.7802 68.2034 17.3305 68.9998 16.6832C68.1898 16.279 67.3951 16.0484 66.5925 15.9863L66.2672 17.9379Z' fill='white'/%3E%3Cpath d='M69.7582 15.9515C70.2577 15.3791 70.6463 14.7157 70.8715 13.9999H66.9236L66.7574 14.9966C67.7831 15.0893 68.7749 15.4149 69.7582 15.9515Z' fill='white'/%3E%3Cpath d='M71.0741 12.9999C71.1482 12.226 71.0244 11.5132 70.7365 10.9105C69.6244 11.5192 68.4739 11.9025 67.2646 11.9534L67.0902 12.9999H71.0741Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73 13.5C72.4 17.1 68.9 20 65.4 20C61.8 20 59.4 17.1 60 13.5C60.6 9.90002 64.1 7 67.6 7C71.2 7 73.6 9.90002 73 13.5ZM72 13.5C71.5 16.5 68.6 19 65.5 19C62.5 19 60.4 16.5 61 13.5C61.5 10.5 64.4 8 67.5 8C70.5 8 72.5 10.5 72 13.5Z' fill='white'/%3E%3Cpath d='M64.7 23.5L66.1 21H64.1L64.7 23.5Z' fill='white'/%3E%3Cpath d='M74.2 12.5L76.5 13.5L73.8 14.5L74.2 12.5Z' fill='white'/%3E%3Cpath d='M56.5 13.5L59.2 12.5L58.8 14.5L56.5 13.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.0828 21C34.1497 21 31.6466 23.1205 31.1644 26.0136L28 45H37L38.1667 38H48.3896C52.3003 38 55.6378 35.1727 56.2808 31.3152L56.6415 29.1508C57.3526 24.8841 54.0623 21 49.7368 21H37.0828ZM48.0148 29.911C48.2688 28.3871 47.0937 27 45.5488 27H41.6942C40.7166 27 39.8822 27.7068 39.7215 28.6712L39.1667 32H45.5488C46.7709 32 47.8139 31.1165 48.0148 29.911Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M83.1655 21C77.2994 21 72.2932 25.241 71.3288 31.0272L70.7466 34.5204C69.8323 40.0062 74.0627 45 79.6241 45H87.5287C92.4171 45 96.5891 41.4659 97.3926 36.644L98.4474 30.3152C99.2602 25.439 95.4998 21 90.5563 21H83.1655ZM84.3885 27C82.4332 27 80.7644 28.4136 80.4429 30.3424L79.5822 35.5068C79.2775 37.3354 80.6876 39 82.5414 39H84.6115C86.5668 39 88.2356 37.5864 88.5571 35.6576L89.4178 30.4932C89.7225 28.6646 88.3124 27 86.4586 27H84.3885Z' fill='white'/%3E%3Cpath d='M60.1666 26L57 45H66L69.1666 26H60.1666Z' fill='white'/%3E%3Cpath d='M234.25 11L234 12.5H235.75L235 17H236.5L237.25 12.5H239L239.25 11H234.25Z' fill='white'/%3E%3Cpath d='M243.5 15.5L242 11H240.5L239.5 17H241L241.5 14L242.5 17H244L246 14L245.5 17H247L248 11H246.5L243.5 15.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
.body-homepage .header-left .logo-en{
    background-image: url('data:image/svg+xml,%3Csvg width="250" height="56" viewBox="0 0 250 56" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M54.5 17L55.5 11H11.737C7.04116 11 3.35518 15.0255 3.7679 19.7031L5.99999 45H18L16.56 39H20.84L23 45H27L28.9101 33.5393L19.4612 20.1534C18.526 18.8286 19.4735 17 21.0951 17H54.5ZM12 20H14L15.44 24H12.96L12 20ZM13.44 26H16.16L17.6 30H14.4L13.44 26ZM18.32 32H14.88L16.08 37H20.12L18.32 32Z" fill="white"/%3E%3Cpath d="M82 11H227.5L226.5 17H118.941L114 45H101L105.941 17H81L82 11Z" fill="white"/%3E%3Cpath d="M70.8 6L70.2 3.5L68.8 6H70.8Z" fill="white"/%3E%3Cpath d="M69.4333 10.9413L69.7557 9.0072C70.7596 9.06421 71.5898 9.4574 72.1713 10.0793C71.2592 10.5672 70.3534 10.8677 69.4333 10.9413Z" fill="white"/%3E%3Cpath d="M68.7327 9.06213L68.4214 10.9298C67.6898 10.8543 66.9265 10.6298 66.1223 10.2201C66.8932 9.62476 67.8 9.21185 68.7327 9.06213Z" fill="white"/%3E%3Cpath d="M65.3419 10.9366C64.7942 11.5338 64.3685 12.2371 64.1285 12.9999H68.0764L68.2568 11.918C67.3044 11.8108 66.3362 11.4922 65.3419 10.9366Z" fill="white"/%3E%3Cpath d="M63.9259 13.9999C63.8547 14.7425 63.9659 15.4286 64.2292 16.0154C65.444 15.395 66.6055 15.0468 67.7463 14.9807L67.9098 13.9999H63.9259Z" fill="white"/%3E%3Cpath d="M64.7739 16.8605C65.3575 17.5172 66.2084 17.934 67.2443 17.9928L67.577 15.9965C66.6964 16.081 65.7715 16.3619 64.7739 16.8605Z" fill="white"/%3E%3Cpath d="M68.2672 17.9379C69.2496 17.7802 70.2034 17.3305 70.9998 16.6832C70.1898 16.279 69.3951 16.0484 68.5925 15.9863L68.2672 17.9379Z" fill="white"/%3E%3Cpath d="M71.7582 15.9515C72.2577 15.3791 72.6463 14.7157 72.8715 13.9999H68.9236L68.7574 14.9966C69.7831 15.0893 70.7749 15.4149 71.7582 15.9515Z" fill="white"/%3E%3Cpath d="M73.0741 12.9999C73.1482 12.226 73.0244 11.5132 72.7365 10.9105C71.6244 11.5192 70.4739 11.9025 69.2646 11.9534L69.0902 12.9999H73.0741Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M75 13.5C74.4 17.1 70.9 20 67.4 20C63.8 20 61.4 17.1 62 13.5C62.6 9.90002 66.1 7 69.6 7C73.2 7 75.6 9.90002 75 13.5ZM74 13.5C73.5 16.5 70.6 19 67.5 19C64.5 19 62.4 16.5 63 13.5C63.5 10.5 66.4 8 69.5 8C72.5 8 74.5 10.5 74 13.5Z" fill="white"/%3E%3Cpath d="M66.7 23.5L68.1 21H66.1L66.7 23.5Z" fill="white"/%3E%3Cpath d="M76.2 12.5L78.5 13.5L75.8 14.5L76.2 12.5Z" fill="white"/%3E%3Cpath d="M58.5 13.5L61.2 12.5L60.8 14.5L58.5 13.5Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M85.1655 21C79.2994 21 74.2932 25.241 73.3288 31.0272L72.7466 34.5204C71.8323 40.0062 76.0627 45 81.6241 45H89.5287C94.4171 45 98.5891 41.4659 99.3926 36.644L100.447 30.3152C101.26 25.439 97.4998 21 92.5563 21H85.1655ZM86.3885 27C84.4332 27 82.7644 28.4136 82.4429 30.3424L81.5822 35.5068C81.2775 37.3354 82.6876 39 84.5414 39H86.6115C88.5668 39 90.2356 37.5864 90.5571 35.6576L91.4178 30.4932C91.7225 28.6646 90.3124 27 88.4586 27H86.3885Z" fill="white"/%3E%3Cpath d="M62.1666 26L59 45H68L71.1666 26H62.1666Z" fill="white"/%3E%3Cpath d="M231.25 11L231 12.5H232.75L232 17H233.5L234.25 12.5H236L236.25 11H231.25Z" fill="white"/%3E%3Cpath d="M240.5 15.5L239 11H237.5L236.5 17H238L238.5 14L239.5 17H241L243 14L242.5 17H244L245 11H243.5L240.5 15.5Z" fill="white"/%3E%3Cpath d="M39.0828 21C36.1497 21 33.6466 23.1205 33.1644 26.0136L30 45H39L41.7215 28.6712C41.8822 27.7068 42.7166 27 43.6942 27H47.5488C49.0937 27 50.2688 28.3871 50.0148 29.911C49.8139 31.1165 48.7709 32 47.5488 32H45.5C43.8431 32 42.5 33.3431 42.5 35V35.7791C42.5 36.5884 42.6228 37.3929 42.8642 38.1653L45 45H54L50.1933 38.3383C50.1072 38.1875 50.216 38 50.3896 38V38C54.3003 38 57.6378 35.1727 58.2808 31.3152L58.6415 29.1508C59.3526 24.8841 56.0623 21 51.7368 21H39.0828Z" fill="white"/%3E%3Cpath d="M175.388 20C173.433 20 171.764 21.4136 171.443 23.3424L168 44H177L179.721 27.6712C179.882 26.7068 180.717 26 181.694 26H183.278C185.75 26 187.63 28.2195 187.224 30.6576L185 44H194L196.253 30.4796C197.168 24.9938 192.937 20 187.376 20H175.388Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M144 20H159.556C164.5 20 168.26 24.439 167.447 29.3152L165.836 38.9864C165.353 41.8795 162.85 44 159.917 44H146.083C142.375 44 139.555 40.6708 140.164 37.0136L140.664 34.0136C141.147 31.1205 143.65 29 146.583 29H158.5C158.762 27.4296 157.551 26 155.959 26H143L144 20ZM150.271 35C149.537 35 148.912 35.5301 148.791 36.2534C148.639 37.1677 149.344 38 150.271 38H154.459C155.925 38 157.177 36.9398 157.418 35.4932L157.5 35H150.271Z" fill="white"/%3E%3Cpath d="M140 26L141 20H130.527C125.614 20 121.429 23.5688 120.653 28.4201L118 45H127L128.962 32.7361C129.583 28.855 132.931 26 136.862 26H140Z" fill="white"/%3E%3Cpath d="M206.815 20H226L225 26H210.367C209.827 26 209.671 26.7387 210.165 26.9573L218.958 30.8444C221.827 32.113 223.473 35.1639 222.957 38.2584C222.405 41.5717 219.538 44 216.179 44H197L198 38H212.638C213.178 38 213.334 37.2618 212.84 37.0429L204.034 33.1397C201.17 31.8708 199.529 28.8248 200.044 25.7357C200.596 22.4259 203.459 20 206.815 20Z" fill="white"/%3E%3C/svg%3E%0A');
}
.body-homepage .header-right,
.body-homepage .header-right b{
    color: #fff;
}
.body-homepage .header-right .icon{
    background-color: #fff;
}


/* Footer */
footer{
    text-align: center;
    padding: 24px;
}

/* Main */
.main{
    width: 1180px;
    margin: 0 auto;
    padding: 0px;
    box-sizing: border-box;
}
.main-homepage{
    position: relative;
}
.main-homepage main{
    position: relative;
    z-index: 10;
    background-color: #E9F2F8;
    padding: 24px 24px 0px 24px;
    border-radius: 12px;
}
.main-homepage:before{
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 120px;
    background-color: #0E559E;
}
.main-container{
    display: grid;
    gap: 0px;
    grid-template-columns: 1fr;
}

/* Content Section */
.content-container{
    position: relative;
    z-index: 100;
    order: 1;
    background-color: transparent;
    padding-bottom: 10px;
}
.content-section{
    padding: 24px 0px 24px 0px;
}
.content-grid{
    display: grid;
    gap: 16px;
}
.content-header{
    height: 48px;
    display: grid;
    align-items: center;
    gap: 8px;   
    grid-template-columns: 1fr auto;
}
.content-header-left{
    display: none;
    padding-right: 0px;
}
.content-header-left div{
    padding: 0px;
}
.content-header-left .icon{
    background-color: #667885;
}
.content-header-right{
    font-weight: 700;
}
.content-header h1{
    line-height: 1;
    margin: 0px;
}
.content-header-footer{
    padding: 4px 0px 0px 0px;
    color: #667885;
    font-size: 14px;
}
.content-rows{
    display: grid;
    gap: 16px;
}
.content-box{
    display: grid;
    gap: 16px;
    padding: 24px;
    background-color: #FFF;
}
.content-box-table{
    padding: 12px;
}
.content-box-title{
    font-size: 22px;
    font-weight: bold;
    color: #0E559E;
}
.content-box-title-link{
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
    font-size: 18px;
    font-weight: bold;
    color: #0E559E;
    text-decoration: none;
}
.content-box-title-link .icon{
    background-color: #0E559E;
}
.content-box-title-link:hover{
    color: #0E559E;
    text-decoration: none;
}
.content-box-table-label{
    font-weight: bold;
}
.content-box-buttons{
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr auto;
}
.content-form{
    display: grid;
    gap: 16px;
}

/* Route */
.route{
    display: grid;
    gap: 8px;
    padding: 16px;
    color: #667885;
    background-color: #fff;
    box-sizing: border-box;
}
.route-status{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
    padding: 0px 16px;
    background-color: #D9E2EC;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    text-align: center;
}
.route-header{
    display: grid;
    gap: 8px;
    align-items: center;
    grid-template-columns: 1fr auto;
}
.route-title-grid{
    display: grid;
    gap: 4px;
}
.route-title{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    text-wrap: balance;
    display: flex;
    align-items: center;
}
.route-title span.icon{
    margin-right: 16px;
    background-color: #85A5C6;
}
.route-status-3 .route-title span.icon{
    background-color: #57AA3A;
}
.route-status-2,
.route-status-7{
    background-color: #fff;
}
.route-status-2 .route-title,
.route-status-7 .route-title{
    color: #0E559E;
}
.route-status-2 .route-status,
.route-status-7 .route-status{
    background-color: #0E559E;
    color: #FFF;
}
.route-status-3{
    background-color: #FFF;
    border: 1px solid #9DC58F;
}
.route-status-3 .route-title{
    color: #1F6407;
}
.route-status-3 .route-status{
    background-color: #57AA3A;
    color: #FFF;
}
.route-status-4{
    background-color: #FFF;
    border: 1px solid #FC6111;
}
.route-status-4 .route-title{
    color: #AC2900;
}
.route-status-4 .route-status{
    background-color: #FC6111;
    color: #FFF;
}
.route-directions{
    display: grid;
    gap: 8px;
}
.route-direction-items{
    position: relative;
    display: grid;
    gap: 0px;
    padding-top: 8px;
}
.route-direction-item{
    position: relative;
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding-left: 40px;
    padding-bottom: 12px;
}
.route-direction-item-check-icon{
    position: absolute;
    left: 4px;
    top: 1px;
    display: block;
    width: 16px;
    height: 16px;
}
.route-direction-item-check-icon .icon{
    background-color: #87A7C8;
}
.route-status-3 .route-direction-item-check-icon .icon{
    background-color: #1F6407;
}
.route-direction-item:after{
    content: "";
    position: absolute;
    left: 11px;
    top: 18px;
    bottom: 0px;
    width: 2px;
    background-color: #87A7C8;
}
.route-direction-item-withoutcheck:after{
    top: 0px;
}
.route-direction-item-last:after{
    display: none;
}
.route-direction-item-check-start .route-direction-item-check-icon .icon{
    background-color: #0E559E;
}
.route-status-3 .route-direction-item-check-start .route-direction-item-check-icon .icon{
    background-color: #1F6407;
}
.route-direction-item-check .route-direction-item-check-icon .icon{
    background-color: #0E559E;
}
.route-status-3 .route-direction-item-check .route-direction-item-check-icon .icon{
    background-color: #1F6407;
}
.route-direction-item-check:after{
    background-color: #0E559E;
}
.route-direction-item-way:after{
    background-color: #87A7C8;
}
.route-direction-item-way:before{
    content: "";
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 2px;
    margin-top: -1px;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 8.5H11" stroke="%230E559E" stroke-linecap="round"/%3E%3Ccircle cx="4.5" cy="12.5" r="1.5" stroke="%230E559E"/%3E%3Ccircle cx="11.5" cy="12.5" r="1.5" stroke="%23003A76"/%3E%3Cpath d="M3 12H1.5V3.5H10.5V11.5M6 12H10" stroke="%23003A76" stroke-linejoin="round"/%3E%3Cpath d="M10.5 5H11.9914C12.8843 5 13.6691 5.59198 13.9144 6.4506L14.4999 8.5V12H12.9999" stroke="%230E559E" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.route-status-3 .route-direction-item-way:before{
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 8.5H11" stroke="%231F6407" stroke-linecap="round"/%3E%3Ccircle cx="4.5" cy="12.5" r="1.5" stroke="%231F6407"/%3E%3Ccircle cx="11.5" cy="12.5" r="1.5" stroke="%231F6407"/%3E%3Cpath d="M3 12H1.5V3.5H10.5V11.5M6 12H10" stroke="%231F6407" stroke-linejoin="round"/%3E%3Cpath d="M10.5 5H11.9914C12.8843 5 13.6691 5.59198 13.9144 6.4506L14.4999 8.5V12H12.9999" stroke="%231F6407" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.route-status-3 .route-direction-item:after{
    background-color: #57AA3A;
}
.route-status-3 .route-direction-item-check-icon .icon{
    background-color: #57AA3A;
}
.route-direction-item-content{
    display: grid;
    gap: 0px;
}
.route-direction-item-title{
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #0E559E;
}
.route-direction-item-subtitle{
    color: #0E559E;
}
.route-direction-item-icon{
    display: grid;
    gap: 4px;
    grid-template-columns: auto 1fr;
    align-items: center;
    color: #85A5C6;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}
.route-direction-item-icon .icon{
    background-color: #85A5C6;
}
.route-direction-nav-container{
    display: flex;
    align-items: center;
}
.route-direction-nav-container>div:first-child{
    color: #85A5C6;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 4px;
}
.route-direction-nav{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.route-direction-nav li{
    padding: 4px;
}
.route-direction-nav li a{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 0px;
    width: 20px;
    height: 20px;
    background-color: #C9D6DF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}
.route-direction-nav li.uk-active a,
.route-direction-nav li a:hover{
    background-color: #0E559E;
    color: #FFF;
    text-decoration: none;
}
.route-map{
    display: block;
    height: 400px;
    background-color: #E9F2F8;
}
.route-map .leaflet-control-container .leaflet-routing-container-hide {
    display: none;
}
.route-direction-title{
    color: #0E559E;
    font-size: 16px;
    font-weight: 700;
}
.route-direction-title .icon{
    background-color: #85A5C6;
    opacity: 1;
}
.route-direction-managers{
    padding-top: 8px;
    padding-left: 40px;
    display: grid;
    gap: 8px;
}
.route-direction-managers > div{
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
}
.route-direction-managers-name{
    font-weight: 700;
}
.route-direction-managers a{
    display: block;
}
.route-direction-managers-avatar{
    position: absolute;
    top: -8px;
    left: -44px;
    background-image: url('/assets/images/avatar.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #E9F2F8;
}
.route-direction-managers-avatar div{
    display: block;
    width: 34px;
    height: 34px;
    padding: 0px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.route-direction-count{
    text-align: center;
    color: #667885;
    text-wrap: balance;
}
.routes-grid .route-direction-count{
    text-align: left;
}
.route-messages{
    display: grid;
    gap: 16px;
    padding-bottom: 16px;
}
.route-messages-item{
    display: grid;
    gap: 4px;
    padding-left: 10px;
}
.route-messages-item-external-1{
    margin-left: 30px;
}
.route-messages-item-manager{
    position: relative;
    display: flex;
    padding-left: 32px;
    color: #85A5C6;
}
.route-messages-item-manager div:first-child{
    font-weight: 700;
    padding-right: 12px;
}
.route-messages-item-date{
    font-size: 12px;
}
.route-messages-item-manager-avatar{
    position: absolute;
    top: -8px;
    left: -12px;
    padding: 0px !important;
    background-image: url('/assets/images/avatar.svg');
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #fff;
}
.route-messages-item-manager-avatar div{
    display: block;
    width: 34px;
    height: 34px;
    padding: 0px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.route-messages-item-message{
    font-style: italic;
    padding: 12px;
    background-color: #E9F2F8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.route-messages-item-remove{
    display: flex;
    justify-content: end;
}
.route-messages-item-remove span{
    cursor: pointer;
    display: inline-block;
    padding: 5px 20px 3px 0px;
    line-height: 1;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="2.5" y="4.5" width="10" height="2" stroke="%23667885"/%3E%3Cpath d="M9.5 2.5V4.5H5.5V2.5H9.5Z" stroke="%23667885"/%3E%3Cpath d="M11.5 6.5V13.5H3.5V6.5H11.5Z" stroke="%23667885"/%3E%3Cpath d="M8 8.5V8H7V8.5H8ZM7.5 8.5H7V12H7.5H8V8.5H7.5Z" fill="%23667885"/%3E%3Cpath d="M10 8.5V8H9V8.5H10ZM9.5 8.5H9V12H9.5H10V8.5H9.5Z" fill="%23667885"/%3E%3Cpath d="M6 8.5V8H5V8.5H6ZM5.5 8.5H5V12H5.5H6V8.5H5.5Z" fill="%23667885"/%3E%3C/svg%3E%0A');
    background-position: center right;
    background-repeat: no-repeat;
}
.route-messages-item-first .route-messages-item-message{
    background-color: #E7F8E1;
}
.route-messages-link-more{
    padding-left: 10px;
}
.route-messages-link-more a{
    text-decoration: underline;
}
.route-messages-link-more a:hover{
    text-decoration: none;
}
.route-messages-link-more .icon{
    background-color: #85A5C6;
}
.route-moreinfo{
    padding: 16px 0px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
}
.route-moreinfo-subhead{
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px dashed #C9D6DF;
    color: #0E559E;
    font-size: 14px;
    font-weight: 700;
}
.route-moreinfo-content{
    padding: 2px 0px 0px 20px;
}
.route-chat{
    position: fixed;
    z-index: 1900;
    right: 48px;
    bottom: 24px;
}
.route-chat-button{
    display: block;
    padding: 12px;
    background-color: #0E559E;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.route-chat-button:hover{
    border-color: #fff;
    box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.4);
}
.route-chat-button .icon{
    background-color: #fff;
}
.route-chat-box{
    position: relative;
    width: 400px;
    height: 500px;
    padding: 8px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #0E559E;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.route-chat-close{
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    padding: 6px;
    box-sizing: border-box;
    background-color: #dbe7ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.route-chat-close .icon{
    background-color: #667885;
}
.route-chat-close:hover{
    background-color: #0E559E;
}
.route-chat-close:hover .icon{
    background-color: #fff;
}
.route-chat-grid{
    display: grid;
    height: 100%;
    gap: 8px;
    grid-template-rows: auto 1fr auto;
}
.route-chat-title{
    height: 36px;
    border-bottom: 1px dashed #C9D6DF;
}
.route-chat-title span{
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: #0E559E;
    text-transform: uppercase;
    padding-top: 8px;
}
.route-chat-form form{
    display: grid;
    grid-template-columns: 1fr auto auto;
}
.route-chat-form form input{
    border: none;
    font-size: 14px;
    color: #12243A;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #dbe7ef;
    border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
}
.route-chat-form form input::placeholder{
    color: #667885;
}
.route-chat-form form input.message-attach{
    padding: 0px;
    cursor: pointer;
}
.route-chat-form form button{
    display: block;
    width: 40px;
    height: 36px;
    padding: 6px;
    border: none;
    background-color: #0E559E;
    cursor: pointer;
    border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
}
.route-chat-form form button .icon{
    background-color: #fff;
}
.route-chat-form form button.attach{
    background-color: #dbe7ef;
    border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
}
.route-chat-form form button.attach .icon{
    background-color: #667885;
}
.route-chat-messages{
    position: relative;
    overflow: auto;
    padding: 4px 12px;
}
.route-chat-notify{
    background-color: #0E559E;
    color: #FFF;
    padding: 16px;
    position: absolute;
    z-index: 100;
    top: 52px;
    left: 12px;
    right: 24px;
    border-radius: 4px;
    opacity: 1;
    -webkit-transition:all 0.4s ease-in;
    -moz-transition:all 0.4s ease-in;
    -o-transition:all 0.4s ease-in;
    transition:all 0.4s ease-in;
}
.route-chat-notify-hidden{
    top: 30px;
    opacity: 0;
}
.route-chat-notify-close{
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    background-color: #fff;
}
.route-chat-messages ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.route-chat-messages ul li{
    padding: 12px 0px;
}
.route-chat-messages ul li .route-messages-item{
    padding: 0px;
}
.route-chat-messages ul li .route-messages-item-manager{
    display: block;
}
.route-chat-messages ul li .route-messages-item-manager-avatar{
    top: 50%;
    margin-top: -17px;
}
.route-chat-progressbar{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    background-color: rgba(255, 255, 255, .5);
}
.route-chat-progressbar-text{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #0E559E;
}
.route-chat-progressbar-loader{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
    width: 56px;
    height: 56px;
    border: 5px solid #0E559E;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* Routes */
.routes{
    display: grid;
    gap: 16px;
}
.routes-grid{
    grid-template-columns: repeat(2, 1fr);
}
.routes-item{
    display: grid;
    gap: 8px;
    padding: 16px;
    color: #667885;
    height: 100%;
    box-sizing: border-box;
    align-content: flex-start;
    text-decoration: none;
}
.routes-item:hover{
    color: #667885;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
}
.routes-item-status-2,
.routes-item-status-7{
    background-color: #fff;
}
.routes-item-status-2 .route-title,
.routes-item-status-7 .route-title{
    color: #0E559E;
}
.routes-item-status-2 .route-status,
.routes-item-status-7 .route-status{
    background-color: #0E559E;
    color: #FFF;
}
.routes-item-status-2 .routes-header-title,
.routes-item-status-7 .routes-header-title{
    color: #0E559E;
}

.routes-item-status-3{
    background-color: #E7F8E1;
    border: 1px solid #9DC58F;
}
.routes-item-status-3 .route-title{
    color: #1F6407;
}
.routes-item-status-3 .routes-header-title{
    color: #1F6407;
}
.routes-item-status-3 .route-status{
    background-color: #57AA3A;
    color: #FFF;
}
.routes-item-status-4{
    background-color: #FFF;
    border: 1px solid #FC6111;
}
.routes-item-status-4 .route-title{
    color: #AC2900;
}
.routes-item-status-4 .routes-header-title{
    color: #AC2900;
}
.routes-item-status-4 .route-status{
    background-color: #FC6111;
    color: #FFF;
}
.routes-header{
    display: flex;
    align-items: center;
}
.routes-header-title{
    font-weight: 700;
    font-size: 16px;
}
.routes-header-status{
    margin-left: auto;
}
.routes-truck-name{
    color: #667885;
    display: flex;
    align-items: center;
    justify-content: center;
}
.routes-grid .routes-truck-name{
    justify-content: left;
}
.routes-truck-name span.icon{
    display: none;
    margin-right: 8px;
    background-color: #85A5C6;
}
.routes-grid .routes-truck-name span.icon{
    display: block;
}
.routes-item-status-3 .routes-truck-name span.icon{
    background-color: #1F6407;
}
.routes-direction{
    position: relative;
    display: grid;
    gap: 0px;
}
.routes-direction-header{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -63px;
    margin-top: -12px;
    width: 126px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.routes-grid .routes-direction-header{
    display: none;
}
.routes-direction-header:after{
    content:"";
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    top: 50%;
    height: 8px;
    margin-top: -4px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23667885'/%3E%3C/svg%3E%0A");
}
.routes-direction-header-start,
.routes-direction-header-end{
    display: block;
    position: relative;
    z-index: 10;
    width: 8px;
    height: 8px;
    background-color: #0E559E;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.routes-direction-header-icon{
    background-color: #fff;
    position: relative;
    z-index: 10;
}
.routes-direction-header-icon .icon{
    background-color: #85A5C6;
}
.routes-direction-location{
    display: flex;
    align-items: center;
}
.routes-grid .routes-direction-location{
    flex-direction: column;
    align-items: left;
}
.routes-direction-location-start,
.routes-direction-location-end{
    width: 50%;
    text-align: left;
}
.routes-direction-location-start{
    text-align: right;
    padding-right: 80px;
}
.routes-direction-location-end{
    padding-left: 80px;
}
.routes-direction-location-city{
    color: #0E559E;
}
.routes-direction-location-city span{
    font-weight: 700;
    font-size: 16px;
    padding-right: 4px;
}
.routes-grid .routes-direction-location-start,
.routes-grid .routes-direction-location-end{
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 0px;
}
.routes-grid .routes-direction-location-date{
    margin-left: auto;
}
.routes-item-status-3 .routes-direction-location-city{
    color: #1F6407;
}
.routes-item-status-3 .routes-direction-header-icon{
    background-color: #E7F8E1;
}
.routes-item-status-3 .routes-direction-header-icon .icon,
.routes-item-status-3 .routes-direction-header-start,
.routes-item-status-3 .routes-direction-header-end{
    background-color: #1F6407;
}
.routes-states{
    display: grid;
    gap: 0px;
    grid-template-columns: auto 1fr 1fr 1fr 1fr;
    padding: 8px 0px;
}
.routes-states-item{
    position: relative;
    padding-bottom: 20px;
    display: grid;
    gap: 4px;
    justify-items: end;
}
.routes-grid .routes-states-item{
    padding-bottom: 36px;
}
.routes-states-item:after{
    content: "";
    position: absolute;
    z-index: 1;
    top: 27px;
    right: 18px;
    left: 2px;
    display: block;
    height: 2px;
    background-color: #87A7C8;
}
.routes-states-item .states-item-icon{
    position: relative;
    z-index: 10;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
}
.routes-states-item .states-item-icon .icon{
    background-color: #87A7C8;
}
.routes-states-item .states-item-check{
    position: relative;
    z-index: 10;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
}
.routes-states-item .states-item-check .icon{
    background-color: #87A7C8;
}
.routes-states-item .states-item-date{
    position: absolute;
    bottom: 0px;
    right: -52px;
    background-color: transparent;
    width: 120px;
    text-align: center;
    font-size: 12px;
    color: #667885;
}
.routes-grid .routes-states-item .states-item-date{
    right: -22px;
    background-color: transparent;
    width: 60px;
    font-size: 12px;
}
.routes-states-item:first-child .states-item-date{
    left: 0px;
    right: auto;
    text-align: left;
}
.routes-states-item:last-child .states-item-date{
    right: 0px;
    text-align: right;
}
.routes-states-item-check:after{
    background-color: #0E559E;
}
.routes-states-item-check .states-item-icon .icon,
.routes-states-item-check .states-item-check .icon{
    background-color: #0E559E;
}
.routes-states-item-way:before{
    content: "";
    position: absolute;
    z-index: 20;
    top: 18px;
    left: 50%;
    margin-left: -20px;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 8.5H11" stroke="%230E559E" stroke-linecap="round"/%3E%3Ccircle cx="4.5" cy="12.5" r="1.5" stroke="%230E559E"/%3E%3Ccircle cx="11.5" cy="12.5" r="1.5" stroke="%230E559E"/%3E%3Cpath d="M3 12H1.5V3.5H10.5V11.5M6 12H10" stroke="%23003A76" stroke-linejoin="round"/%3E%3Cpath d="M10.5 5H11.9914C12.8843 5 13.6691 5.59198 13.9144 6.4506L14.4999 8.5V12H12.9999" stroke="%230E559E" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.routes-item-status-3 .routes-states-item-way:before{
    background-color: #E7F8E1;
}
.routes-states-item-way:first-child:before{
    display: none;
}
.routes-item-status-3 .routes-states-item-check:after{
    background-color: #1F6407;
}
.routes-item-status-3 .routes-states-item-check .states-item-icon .icon,
.routes-item-status-3 .routes-states-item-check .states-item-check .icon{
    background-color: #1F6407;
}
.routes-message{
    text-align: center;
    color: #667885;
    text-wrap: balance;
}
.routes-grid .routes-message{
    text-align: left;
}
.routes-message-header{
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 2px;
}
.routes-grid .routes-message-header{
    display: flex;
    justify-content: start;
    margin-bottom: 2px;
}
.routes-message-header span{
    display: block;
    position: relative;
    font-size: .6rem;
    text-transform: uppercase;
    padding: 0px 8px;
    line-height: 1;
    color: #667885;
}
.routes-grid .routes-message-header span{
    padding-left: 0px
}
.routes-message-header span:before{
    content: "";
    position: absolute;
    right: 100%;
    top: 48%;
    display: block;
    width: 1000px;
    height: 0px;
    border-top: 1px dashed #C9D6DF;
}
.routes-message-header span:after{
    content: "";
    position: absolute;
    left: 100%;
    top: 48%;
    display: block;
    width: 1000px;
    height: 0px;
    border-top: 1px dashed #C9D6DF;
}
.routes-message-content{
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 1;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto auto;
    text-align: left;
}
.routes-message-content div.message{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}
.routes-message-content div.date{
    margin-left: auto;
    line-height: 1;
    font-size: 12px;
    padding-top: 2px;
}
.routes-message-content span.notread{
    background-color: #FF7700;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 24px;
    padding: 0px 6px;
    margin-left: 12px;
}
.routes-table{
    font-size: .9rem;
}
.routes-table p{
    padding: 0px;
    margin: 0px;
}
.routes-table th{
    font-size: .6rem;
    text-transform: uppercase;
    line-height: 1;
    color: #667885;
}
.routes-table .route-title{
    font-size: .9rem;
}
.routes-table .route-status{
    font-size: .6rem;
    line-height: 9px;
    height: auto;
    padding: 4px 6px;
}
.routes-table .routes-item-status-1,
.routes-table .routes-item-status-2,
.routes-table .routes-item-status-3,
.routes-table .routes-item-status-4,
.routes-table .routes-item-status-7{
    background-color: transparent;
    border: 0px;
}
.routes-table .routes-item-city{
    line-height: 1.2;
}
.routes-table .routes-item-country{
    line-height: 1.2;
}
.routes-table .routes-item-date{
    font-size: .6rem;
    padding-top: 2px;
}
.routes-table .routes-item-truck{
    font-size: .6rem;
}
.routes-table .routes-item-tr{
    cursor: pointer;
    position: relative;
}
.routes-table .routes-item-tr:hover{
    background-color: #E9F2F8;
}
.routes-table .routes-item-tr .routes-item-tr-link{
    position: absolute;
    z-index: 100;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: transparent;
}
.routes-table .routes-direction-count{
    padding: 2px 0px 0px 0px;
    font-size: .6rem;
    font-weight: 700;
    text-align: left;
}




/*
.route-item{
    display: grid;
    gap: 8px;
    padding: 16px;
    color: #12243A;
    height: 100%;
    box-sizing: border-box;
    align-content: flex-start;
}

.routes-grid .route-item{
    padding: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.route-item:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
}

.routes-grid .route-title{
    font-size: 16px;
}
.route-date{
    font-size: 12px;
    line-height: 1.2;
}
.route-status{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
    padding: 0px 16px;
    background-color: #D9E2EC;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    text-align: center;
}
.routes-grid .route-status{
    font-size: 9px;
    line-height: 22px;
    height: 22px;
    padding: 0px 8px;
}
.route-item-status-2,
.route-item-status-7{
    background-color: #fff;
}
.route-item-status-2 .route-title,
.route-item-status-7 .route-title{
    color: #0E559E;
}
.route-item-status-2 .route-status,
.route-item-status-7 .route-status{
    background-color: #0E559E;
    color: #FFF;
}
.route-item-status-3{
    background-color: #E7F8E1;
    border: 1px solid #9DC58F;
}
.route-item-status-3 .route-title{
    color: #1F6407;
}
.route-item-status-3 .route-status{
    background-color: #57AA3A;
    color: #FFF;
}
.route-item-status-4{
    background-color: #FFF;
    border: 1px solid #FC6111;
}
.route-item-status-4 .route-title{
    color: #AC2900;
}
.route-item-status-4 .route-status{
    background-color: #FC6111;
    color: #FFF;
}
.route-item-last-message{
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    align-items: center;
    align-content: center;
}
.route-item-last-message span.message{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.route-item-last-message span.date{
    margin-left: auto;
    line-height: 1;
    font-size: 12px;
    padding-top: 2px;
}
.route-item-last-message span.notread{
    background-color: #FF7700;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 24px;
    padding: 0px 6px;
    margin-left: 12px;
}
.route-item-last-message-notread:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #cc0000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.route-truck-name{
    text-align: center;
    color: #667885;
    padding-bottom: 0px;
}
.routes-grid .route-truck-name{
    text-align: left;
    padding-bottom: 4px;
    display: flex;
    align-items: center;
}
.route-truck-name span{
    font-weight: bold;
    margin-right: 8px;
}
.route-truck-name span.icon{
    display: none;
}
.routes-grid .route-truck-name span.icon{
    display: block;
    background-color: #85A5C6;
}
.route-item-status-3 .route-truck-name span.icon{
    background-color: #1F6407;
}

.route-direction{
    position: relative;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    padding-left: 40px;
}
.route-direction-bottom{
    padding-top: 8px;
}
.route-direction-grid{
    position: relative;
    display: grid;
    gap: 8px;
}
.route-direction-grid-fd{
    padding-top: 8px;
}
.route-direction-box{
    display: grid;
    gap: 4px;
    padding: 16px;
    background-color: #E9F2F8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.route-direction-box-margin-top{
    margin-top: 8px;
}
.route-direction-address{
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
}
.route-direction-name{
    display: grid;
    gap: 0px;
    font-size: 14px;
    color: #0E559E;
}
.routes-grid .route-direction-name{
    gap: 8px;
    align-items: center;
    grid-template-columns: 1fr auto;
}
.route-item-status-3 .route-direction-name{
    color: #1F6407;
}
.route-direction-name span{
    font-weight: bold;
    font-size: 18px;
}
.routes-grid .route-direction-name span{
    font-size: 14px;
}
.route-direction-name-date{
    color: #667885;
}
.route-direction-label{
    display: block;
    color: #85A5C6;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.route-direction-label-line{
    display: inline-block;
    padding-right: 4px;
}
.route-direction-roadline{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 24px;
}
.routes-grid .route-direction-roadline{
    display: none;
}
.route-direction-roadline-point{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
}
.route-direction-roadline-point.end{
    top: auto;
    bottom: 0%;
}
.route-direction-roadline-point:after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -4px;
    background-color: #0E559E;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.route-item-status-3 .route-direction-roadline-point:after{
    background-color: #1F6407;
}
.route-direction-roadline:before{
    content: "";
    display: block;
    width: 8px;
    position: absolute;
    z-index: 2;
    top: 20px;
    bottom: 20px;
    left: 50%;
    margin-left: -4px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23667885'/%3E%3C/svg%3E%0A");
}
.route-direction-roadline-icon{
    position: relative;
    z-index: 3;
    background-color: #fff;
}
.route-direction-roadline-icon .icon{
    background-color: #85A5C6;
}
.route-item-status-3 .route-direction-roadline-icon{
    background-color: #E7F8E1;
}
.route-item-status-3 .route-direction-roadline-icon .icon{
    background-color: #57AA3A;
}
.route-item-view.route-item-status-3 .route-direction-roadline-icon{
    background-color: #fff;
}

.route-direction-line{
    gap: 150px;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0px;
    align-items: center;
}
.routes-grid .route-direction-line{
    gap: 2px;
    grid-template-columns: 1fr;
    padding-left: 0px;
    align-items: center;
}
.route-direction-line > div:first-child{
    text-align: right;
}
.routes-grid .route-direction-line > div:first-child{
    text-align: left;
}
.route-direction-line .route-direction-roadline{
    left: 50%;
    top: 50%;
    height: 24px;
    width: 140px;
    margin-left: -70px;
    margin-top: -12px;
}
.route-direction-line .route-direction-roadline-point.end{
    right: 0%;
    top: 0%;
    left: auto;
    bottom: auto;
}
.route-direction-line .route-direction-roadline:before{
    width: auto;
    height: 8px;
    left: 20px;
    right: 20px;
    top: 50%;
    bottom: auto;
    margin-left: 0px;
    margin-top: -4px;
}
.route-direction-border-crossing{
    background-color: #57AA3A;
    color: #fff;
    padding: 8px 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.route-item-view{
    background-color: #fff;
}
.route-item-view:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.route-list-message{
    text-align: center;
    color: #667885;
    text-wrap: balance;
}
.routes-grid .route-list-message{
    text-align: left;
}
.route-list-message-headline{
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 2px;
}
.routes-grid .route-list-message-headline{
    display: flex;
    justify-content: start;
    margin-bottom: 2px;
}
.route-list-message-headline span{
    display: block;
    position: relative;
    font-size: .6rem;
    text-transform: uppercase;
    padding: 0px 8px;
    line-height: 1;
    color: #667885;
}
.routes-grid .route-list-message-headline span{
    padding-left: 0px
}
.route-list-message-headline span:before{
    content: "";
    position: absolute;
    right: 100%;
    top: 48%;
    display: block;
    width: 1000px;
    height: 0px;
    border-top: 1px dashed #C9D6DF;
}
.route-list-message-headline span:after{
    content: "";
    position: absolute;
    left: 100%;
    top: 48%;
    display: block;
    width: 1000px;
    height: 0px;
    border-top: 1px dashed #C9D6DF;
}


.route-truck-states{
    display: grid;
    gap: 0px;
    grid-template-columns: auto 1fr 1fr 1fr 1fr;
    padding: 16px 0px 16px 0px;
}
.route-truck-states-item{
    position: relative;
    padding-bottom: 20px;
    display: grid;
    gap: 4px;
    justify-items: end;
}
.routes-grid .route-truck-states{
    padding: 16px 0px 8px 0px;
}
.routes-grid .route-truck-states-item{
    padding-bottom: 36px;
}
.route-truck-states-item:after{
    content: "";
    position: absolute;
    z-index: 1;
    top: 27px;
    right: 18px;
    left: 2px;
    display: block;
    height: 2px;
    background-color: #87A7C8;
}
.route-truck-states-item .states-item-icon{
    position: relative;
    z-index: 10;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
}
.route-truck-states-item .states-item-icon .icon{
    background-color: #87A7C8;
}
.route-truck-states-item .states-item-check{
    position: relative;
    z-index: 10;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
}
.route-truck-states-item .states-item-check .icon{
    background-color: #87A7C8;
}
.route-truck-states-item .states-item-date{
    position: absolute;
    bottom: 0px;
    right: -52px;
    background-color: transparent;
    width: 120px;
    text-align: center;
    font-size: 12px;
    color: #667885;
}
.routes-grid .route-truck-states-item .states-item-date{
    right: -22px;
    background-color: transparent;
    width: 60px;
    font-size: 12px;
}
.route-truck-states-item:first-child .states-item-date{
    left: 0px;
    right: auto;
    text-align: left;
}
.route-truck-states-item:last-child .states-item-date{
    right: 0px;
    text-align: right;
}
.route-truck-states-item-check:after{
    background-color: #0E559E;
}
.route-truck-states-item-check .states-item-icon .icon,
.route-truck-states-item-check .states-item-check .icon{
    background-color: #0E559E;
}
.route-truck-states-item-way:before{
    content: "";
    position: absolute;
    z-index: 20;
    top: 18px;
    left: 50%;
    margin-left: -20px;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 8.5H11" stroke="%230E559E" stroke-linecap="round"/%3E%3Ccircle cx="4.5" cy="12.5" r="1.5" stroke="%230E559E"/%3E%3Ccircle cx="11.5" cy="12.5" r="1.5" stroke="%230E559E"/%3E%3Cpath d="M3 12H1.5V3.5H10.5V11.5M6 12H10" stroke="%23003A76" stroke-linejoin="round"/%3E%3Cpath d="M10.5 5H11.9914C12.8843 5 13.6691 5.59198 13.9144 6.4506L14.4999 8.5V12H12.9999" stroke="%230E559E" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}
.route-item-status-3 .route-truck-states-item-way:before{
    background-color: #E7F8E1;
}
.route-truck-states-item-way:first-child:before{
    display: none;
}
.route-item-status-3 .route-truck-states-item-check:after{
    background-color: #1F6407;
}
.route-item-status-3 .route-truck-states-item-check .states-item-icon .icon,
.route-item-status-3 .route-truck-states-item-check .states-item-check .icon{
    background-color: #1F6407;
}

*/


/* Works on Firefox */
.scrollbar{
  scrollbar-width: thin;
  scrollbar-color: #667885 #dbe7ef;
}

/* Works on Chrome, Edge, and Safari */
.scrollbar::-webkit-scrollbar {
  width: 12px;
}

.scrollbar::-webkit-scrollbar-track {
  background: #dbe7ef;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #667885;
  border-radius: 20px;
  border: 3px solid #dbe7ef;
}


/* Filters */
.filter-container{
    display: grid;
    gap: 16px;    
}
.filter-bar{
    position: relative;
    display: grid;
    gap: 8px;
    align-items: center !important;
    grid-template-columns: 1fr auto;
}
.filter-bar-buttons{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.filter-bar-buttons li{
    padding-right: 8px;
}
.filter-bar-buttons li.filter-bar-right{
    padding-right: 0px;
}
.filter-button{
    color: #667885;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #C9D6DF;
    padding: 0px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    height: 30px;
    box-sizing: border-box;
}
.filter-button .icon{
    background-color: #667885;
}
.filter-button.open,
.filter-button:hover{
    text-decoration: none;
    background-color: #667885;
    border-color: #667885;
    color: #FFF;
}
.filter-button.open .icon,
.filter-button:hover .icon{
    background-color: #FFF;
}
.filter-button-active,
.filter-button-active:hover{
    background-color: #57AA3A;
    border-color: #57AA3A;
}
.filter-button-active .icon{
    background-color: #fff;
}
.filter-button-status{
    color: #667885;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #C9D6DF;
    padding: 0px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    height: 30px;
    box-sizing: border-box; 
}
.filter-button-status-active,
.filter-button-status:hover{
    text-decoration: none;
    background-color: #0E559E;
    border-color: #0E559E;
    color: #FFF;
}

.filter{
    display: none;
    gap: 16px;
    padding: 16px 24px;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #0E559E;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
}
.filter.open{
    display: grid;
}
.filter-header{
    display: grid;
    gap: 8px;
    align-items: center;
    grid-template-columns: 1fr auto;
    font-size: 18px;
    font-weight: bold;
    color: #0E559E;
    padding-bottom: 8px;
    border-bottom: 1px dashed #C9D6DF;
}
.filter-header .icon{
    background-color: #667885;
}
.filter-fotter{
    padding-top: 8px;
    border-top: 0px dashed #C9D6DF;
}
.filter-grid{
    display: grid;
    gap: 8px;
}
.filter-label{
    text-transform: uppercase;
    font-weight: 700;
}
.filter-radio{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.filter-radio li{
    padding: 0px 8px 8px 0px;
}
.filter-radio li input{
    display: none;
}
.filter-radio li label{
    display: block;
    padding: 4px 12px;
    background-color: #E9F2F8;
    border: 1px solid #C9D6DF;
    line-height: 1;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.filter-radio li label:hover,
.filter-radio li input[type="radio"]:checked+label{
    background-color: #0E559E;
    border: 1px solid #0E559E;
    color: #FFF;
}
.filter-input{
    border: 1px solid #c9d6df;
    outline: 0;
    border-radius: 4px;
    padding: 4px 8px;
    height: 32px;
}

.filter-select2{
    width: 100%;
    display: block;
}
.filter-select2 .select2-container{
    display: block;
}
.filter-tags{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.filter-tags li{
    padding: 0px 8px 8px 0px;
}
.filter-tags li a{
    position: relative;
    display: grid;
    gap: 4px;
    align-items: center;
    grid-template-columns: 1fr auto;
    padding: 4px 6px 4px 10px;
    font-size: 12px;
    line-height: 1;
    color: #AC2900;
    text-transform: uppercase;
    background-color: #FFEEE5;
    border: 1px solid #FC6111;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-decoration: none;    
}
.filter-tags li a.pol,
.filter-tags li a.pod{
    padding-left: 26px;
}
.filter-tags li a.pol:before,
.filter-tags li a.pod:before{
    content: "";
    position: absolute;
    left: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.filter-tags li a.pol:before{
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 5.5H7" stroke="%23AC2900" stroke-linecap="round"/%3E%3Cpath d="M5.5 3.5L7.5 5.5L5.5 7.5" stroke="%23AC2900" stroke-linecap="round" stroke-linejoin="round"/%3E%3Crect x="9" y="9" width="4" height="4" fill="%23AC2900"/%3E%3Crect x="4" y="9" width="4" height="4" fill="%23AC2900"/%3E%3Crect x="9" y="4" width="4" height="4" fill="%23AC2900"/%3E%3C/svg%3E%0A');
}
.filter-tags li a.pod:before{
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.5 5.5H14" stroke="%23AC2900" stroke-linecap="round"/%3E%3Cpath d="M12.5 3.5L14.5 5.5L12.5 7.5" stroke="%23AC2900" stroke-linecap="round" stroke-linejoin="round"/%3E%3Crect x="9" y="9" width="4" height="4" fill="%23AC2900"/%3E%3Crect x="4" y="9" width="4" height="4" fill="%23AC2900"/%3E%3Crect x="4" y="4" width="4" height="4" fill="%23AC2900"/%3E%3C/svg%3E%0A');
}
.filter-tags li a.pol:hover:before{
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.5 5.5H7" stroke="white" stroke-linecap="round"/%3E%3Cpath d="M5.5 3.5L7.5 5.5L5.5 7.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Crect x="9" y="9" width="4" height="4" fill="white"/%3E%3Crect x="4" y="9" width="4" height="4" fill="white"/%3E%3Crect x="9" y="4" width="4" height="4" fill="white"/%3E%3C/svg%3E%0A');
}
.filter-tags li a.pod:hover:before{
    background-image: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.5 5.5H14" stroke="white" stroke-linecap="round"/%3E%3Cpath d="M12.5 3.5L14.5 5.5L12.5 7.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3Crect x="9" y="9" width="4" height="4" fill="white"/%3E%3Crect x="4" y="9" width="4" height="4" fill="white"/%3E%3Crect x="4" y="4" width="4" height="4" fill="white"/%3E%3C/svg%3E%0A');
}
.filter-tags li a .icon{
    background-color: #AC2900;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.filter-tags li a:hover{
    color: #FFF;
    background-color: #AC2900;
    border: 1px solid #AC2900;
}
.filter-tags li a:hover .icon{
    background-color: #FFF;
}

/* Main Home */
.home-header{
    padding: 24px 0px;
    background-color: #0E559E;
}
.home-header-stat{
    display: flex;
    justify-content: center;
}
.home-header-stat > a{
    position: relative;
    background-color: #054587;
    padding: 16px 12px;
    margin: 8px;
    border-radius: 12px;
    border: 1px solid #054587;
    color: #A3CDF9;
    display: grid;
    gap: 12px;
    align-items: center;
    width: 160px;
    line-height: 1;
    text-decoration: none;
}
.home-header-stat > a:hover{
    border: 1px solid #2976C5;
    box-shadow: 0px 0px 12px 0px rgb(255, 255, 255, 0.2);
    -webkit-box-shadow: 0px 0px 12px 0px rgb(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 0px 12px 0px rgb(255, 255, 255, 0.2);
}
.home-header-stat > a:before{
    content: "";
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
}
.home-header-stat > a.home-header-stat-inwork:before{
    background-color: #017EFF;
}
.home-header-stat > a.home-header-stat-delivered:before{
    background-color: #44D510;
}
.home-header-stat > a > span{
    font-size: 1.4rem;
    margin-right: 8px;
    color: #fff;
}
.home-title{
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
    align-items: center;
}

/* Pagination */
.pagination-container{
    padding-top: 24px;
}
.pagination{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination li{
    padding: 4px;
}
.pagination li a{
    display: block;
    background-color: #C9D6DF;
    line-height: 1;
    padding: 8px;
    min-width: 14px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.pagination li a.active,
.pagination li a:hover{
    background-color: #0E559E;
    color: #FFF;
    text-decoration: none;
}

.overlay{
    display: none;
    position: fixed;
    z-index: 1100;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgb(0, 0, 0, .5);
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in;
}
.overlay.open{
    display: block;
}

.mobile-menu{
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    padding: 0px 0px 24px 0px;
    background: #FFF;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
}

.preloader{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 2000;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
    transition:all 0.3s ease-in; 
    opacity: 0;
    visibility: hidden;
    background-color: rgb(255, 255, 255, .8);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 230px;
    background-image: url('data:image/svg+xml,%3Csvg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M190 289.451V250.4C172.871 251.771 155.565 256.674 138.049 265.284C151.913 278.445 169.966 287.236 190 289.451Z" fill="%230E559E"/%3E%3Cpath d="M210 289.451C230.035 287.236 248.087 278.445 261.951 265.284C244.435 256.674 227.13 251.771 210 250.4V289.451Z" fill="%230E559E"/%3E%3Cpath d="M275.143 249.552C282.799 237.964 287.848 224.501 289.451 210H210V230.345C231.943 231.857 253.672 238.338 275.143 249.552Z" fill="%230E559E"/%3E%3Cpath d="M289.451 190C287.848 175.499 282.799 162.036 275.143 150.448C253.672 161.662 231.943 168.143 210 169.655V190H289.451Z" fill="%230E559E"/%3E%3Cpath d="M261.951 134.716C248.087 121.555 230.035 112.764 210 110.549V149.6C227.13 148.229 244.435 143.326 261.951 134.716Z" fill="%230E559E"/%3E%3Cpath d="M190 110.549C169.966 112.764 151.913 121.555 138.049 134.716C155.565 143.326 172.871 148.229 190 149.6V110.549Z" fill="%230E559E"/%3E%3Cpath d="M124.857 150.448C117.201 162.036 112.152 175.499 110.549 190H190V169.655C168.057 168.143 146.328 161.662 124.857 150.448Z" fill="%230E559E"/%3E%3Cpath d="M110.549 210C112.152 224.501 117.201 237.964 124.857 249.552C146.328 238.338 168.057 231.857 190 230.345V210H110.549Z" fill="%230E559E"/%3E%3Cpath d="M50 180V220L0 200L50 180Z" fill="%230E559E"/%3E%3Cpath d="M400 200L350 220V180L400 200Z" fill="%230E559E"/%3E%3Cpath d="M220 50H180L200 0L220 50Z" fill="%230E559E"/%3E%3Cpath d="M200 400L180 350H220L200 400Z" fill="%230E559E"/%3E%3C/svg%3E%0A');
    /*opacity: 1;
    visibility: visible;*/
}
.preloader.htmx-request{
    opacity: 1;
    visibility: visible;
}
.preloader .spinner{
    display: block;
    width: 200px;
    height: 200px;
    background-size: contain;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"%3E%3Cdefs%3E%3CradialGradient id="a8" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"%3E%3Cstop offset="0" stop-color="%230E559E"%3E%3C/stop%3E%3Cstop offset=".3" stop-color="%230E559E" stop-opacity=".9"%3E%3C/stop%3E%3Cstop offset=".6" stop-color="%230E559E" stop-opacity=".6"%3E%3C/stop%3E%3Cstop offset=".8" stop-color="%230E559E" stop-opacity=".3"%3E%3C/stop%3E%3Cstop offset="1" stop-color="%230E559E" stop-opacity="0"%3E%3C/stop%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform="scale(-1, 1) translate(-200, 0)"%3E%3Ccircle cx="100" cy="100" r="70" fill="none" stroke="%230E559E" stroke-width="14" stroke-linecap="round" opacity=".2" /%3E%3Ccircle cx="100" cy="100" r="70" fill="none" stroke="url(%23a8)" stroke-width="14" stroke-linecap="round" stroke-dasharray="200 1000" transform-origin="center"%3E%3CanimateTransform attributeName="transform" type="rotate" dur="2" values="360;0" calcMode="spline" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite" /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E');
}
@media only screen and (max-width: 1599px) {
    /* XL */
}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1199px) {
    /* L */
    .main{
        width: 100%;
        padding: 0px 24px;
    }
    .header{
        width: 100%;
        padding: 0px 24px;
        grid-template-columns: 1fr auto;
    }
    .header-menu > div{
        padding: 0px;
    }
    .route-chat{
        right: 48px;
        bottom: 24px;
    }

}

@media only screen and (max-width: 959px) {
    body, .main-homepage, main, html{
        background-color: #fff !important;
    }

    /* M */
    .content-container{
        order: 1;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        padding-bottom: 40px;
    }
    .content-section{
        padding: 24px 0px;
    }
    .content-grid{
        gap: 16px;
    }
    .content-header{
        height: auto;
        grid-template-columns: auto 1fr auto;
    }
    .content-header-left{
        display: block;
    }
    .content-header-left div{
        padding: 4px;
    }
    .content-header-footer{
        display: none;
    }
    .content-header h1{
        font-size: 1.6rem !important;
    }
    .content-box{
        padding: 16px;
        background-color: #E9F2F8;
    }
    .content-box-title{
        font-size: 18px;
    }

    .route{
        padding: 0px;
        border: none;
        background-color: #fff;
    }
    .routes-item-status-2,
    .routes-item-status-7{
        background-color: #E9F2F8;
    }
    .routes-item-status-2 .route-direction-roadline-icon,
    .routes-item-status-7 .route-direction-roadline-icon{
        background-color: #E9F2F8;
    }
    .routes-direction-header-icon{
        background-color: #E9F2F8;
    }
    .routes-states-item-way:before{
        background-color: #E9F2F8;
    }
    .routes-grid .routes-message-content{
        grid-template-columns: 1fr;
        padding-right: 32px;
    }
    .routes-grid .routes-message-content div.date{
        padding-top: 8px;
        margin: 0px;
    }
    .routes-grid .routes-message-content span.notread{
        position: absolute;
        right: 0px;
        top: 50%;
        margin: -9px 0px 0px 0px;
    }
    h1.route-h1{
        font-size: 16px !important;
    }
    h1.route-h1 span{
        padding-top: 4px;
        display: block;
        font-size: 25px !important;
        color: #0E559E;
    }
    .route-header{
        grid-template-columns: 1fr;
        padding-bottom: 8px;
    }
    
}

@media only screen and (max-width: 639px) {

    .filter-bar{
        gap: 8px;
        grid-template-columns: 1fr;
    }
    .filter-bar-buttons li{
        padding: 0px 8px 0px 0px;
    }
    .filter-bar-buttons li.filter-bar-right{
        margin-left: auto;
        padding: 0px;
    }

    /* S */
    h1{
        font-size: 1.6rem !important;
    }
    .home-header-stat{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .home-header-stat > a{
        position: relative;
        background-color: #054587;
        padding: 16px 12px;
        margin: 8px;
        border-radius: 12px;
        color: #A3CDF9;
        display: grid;
        gap: 12px;
        align-items: center;
        width: auto;
        line-height: 1;
    }
    .auth-container{
        align-content: end;
        background-image: url('/assets/images/auth-back-01.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .auth-container:after{
        display: block;
    }
    .auth-content{
        display: grid;
        gap: 24px;
        padding: 20px;
        width: auto;
        background-color: transparent;
        color: #fff;
    }
    .auth-content a,
    .auth-content label{
        color: #fff;
    }
    .auth-desc{
        text-align: center;
    }
    .auth-footer{
        font-size: 12px;
        color: #fff;
    }
    .auth-content .logo{
        background-image: url("data:image/svg+xml,%3Csvg width='250' height='56' viewBox='0 0 250 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.5 17L53.5 11H9.73696C5.04116 11 1.35518 15.0255 1.7679 19.7031L3.99999 45H16L14.56 39H18.84L21 45H25L26.9101 33.5393L17.4612 20.1534C16.526 18.8286 17.4735 17 19.0951 17H52.5ZM9.99999 20H12L13.44 24H10.96L9.99999 20ZM11.44 26H14.16L15.6 30H12.4L11.44 26ZM16.32 32H12.88L14.08 37H18.12L16.32 32Z' fill='white'/%3E%3Cpath d='M80 11H230.5L229.5 17H116.941L112 45H99L103.941 17H79L80 11Z' fill='white'/%3E%3Cpath d='M178 20H187L185.5 29H193.5L195 20H204L200 44H191L192.5 35H184.5L183 44H174L178 20Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M165.556 20H150L149 26H161.959C163.551 26 164.762 27.4296 164.5 29H152.583C149.65 29 147.147 31.1205 146.664 34.0136L146.164 37.0136C145.555 40.6708 148.375 44 152.083 44H165.917C168.85 44 171.353 41.8795 171.836 38.9864L173.447 29.3152C174.26 24.439 170.5 20 165.556 20ZM154.791 36.2534C154.912 35.5301 155.537 35 156.271 35H163.5L163.418 35.4932C163.177 36.9398 161.925 38 160.459 38H156.271C155.344 38 154.639 37.1677 154.791 36.2534Z' fill='white'/%3E%3Cpath d='M229 20L228 26H219.236C216.791 26 214.705 27.7671 214.304 30.178L213.776 33.3424C213.37 35.7805 215.25 38 217.722 38H226L225 44H212.444C207.5 44 203.74 39.561 204.553 34.6848L205.607 28.356C206.411 23.5341 210.583 20 215.471 20H229Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M144.447 29.3152C145.26 24.439 141.5 20 136.556 20H123.388C121.433 20 119.764 21.4136 119.443 23.3424L114.5 53H123.5L125 44H135.223C139.134 44 142.471 41.1727 143.114 37.3152L144.447 29.3152ZM131.111 38H126L127.721 27.6712C127.882 26.7068 128.717 26 129.694 26H131.778C134.25 26 136.13 28.2195 135.724 30.6576L135.057 34.6576C134.736 36.5864 133.067 38 131.111 38Z' fill='white'/%3E%3Cpath d='M68.8 6L68.2 3.5L66.8 6H68.8Z' fill='white'/%3E%3Cpath d='M67.4333 10.9413L67.7557 9.0072C68.7596 9.06421 69.5898 9.4574 70.1713 10.0793C69.2592 10.5672 68.3534 10.8677 67.4333 10.9413Z' fill='white'/%3E%3Cpath d='M66.7327 9.06213L66.4214 10.9298C65.6898 10.8543 64.9265 10.6298 64.1223 10.2201C64.8932 9.62476 65.8 9.21185 66.7327 9.06213Z' fill='white'/%3E%3Cpath d='M63.3419 10.9366C62.7942 11.5338 62.3685 12.2371 62.1285 12.9999H66.0764L66.2568 11.918C65.3044 11.8108 64.3362 11.4922 63.3419 10.9366Z' fill='white'/%3E%3Cpath d='M61.9259 13.9999C61.8547 14.7425 61.9659 15.4286 62.2292 16.0154C63.444 15.395 64.6055 15.0468 65.7463 14.9807L65.9098 13.9999H61.9259Z' fill='white'/%3E%3Cpath d='M62.7739 16.8605C63.3575 17.5172 64.2084 17.934 65.2443 17.9928L65.577 15.9965C64.6964 16.081 63.7715 16.3619 62.7739 16.8605Z' fill='white'/%3E%3Cpath d='M66.2672 17.9379C67.2496 17.7802 68.2034 17.3305 68.9998 16.6832C68.1898 16.279 67.3951 16.0484 66.5925 15.9863L66.2672 17.9379Z' fill='white'/%3E%3Cpath d='M69.7582 15.9515C70.2577 15.3791 70.6463 14.7157 70.8715 13.9999H66.9236L66.7574 14.9966C67.7831 15.0893 68.7749 15.4149 69.7582 15.9515Z' fill='white'/%3E%3Cpath d='M71.0741 12.9999C71.1482 12.226 71.0244 11.5132 70.7365 10.9105C69.6244 11.5192 68.4739 11.9025 67.2646 11.9534L67.0902 12.9999H71.0741Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73 13.5C72.4 17.1 68.9 20 65.4 20C61.8 20 59.4 17.1 60 13.5C60.6 9.90002 64.1 7 67.6 7C71.2 7 73.6 9.90002 73 13.5ZM72 13.5C71.5 16.5 68.6 19 65.5 19C62.5 19 60.4 16.5 61 13.5C61.5 10.5 64.4 8 67.5 8C70.5 8 72.5 10.5 72 13.5Z' fill='white'/%3E%3Cpath d='M64.7 23.5L66.1 21H64.1L64.7 23.5Z' fill='white'/%3E%3Cpath d='M74.2 12.5L76.5 13.5L73.8 14.5L74.2 12.5Z' fill='white'/%3E%3Cpath d='M56.5 13.5L59.2 12.5L58.8 14.5L56.5 13.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.0828 21C34.1497 21 31.6466 23.1205 31.1644 26.0136L28 45H37L38.1667 38H48.3896C52.3003 38 55.6378 35.1727 56.2808 31.3152L56.6415 29.1508C57.3526 24.8841 54.0623 21 49.7368 21H37.0828ZM48.0148 29.911C48.2688 28.3871 47.0937 27 45.5488 27H41.6942C40.7166 27 39.8822 27.7068 39.7215 28.6712L39.1667 32H45.5488C46.7709 32 47.8139 31.1165 48.0148 29.911Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M83.1655 21C77.2994 21 72.2932 25.241 71.3288 31.0272L70.7466 34.5204C69.8323 40.0062 74.0627 45 79.6241 45H87.5287C92.4171 45 96.5891 41.4659 97.3926 36.644L98.4474 30.3152C99.2602 25.439 95.4998 21 90.5563 21H83.1655ZM84.3885 27C82.4332 27 80.7644 28.4136 80.4429 30.3424L79.5822 35.5068C79.2775 37.3354 80.6876 39 82.5414 39H84.6115C86.5668 39 88.2356 37.5864 88.5571 35.6576L89.4178 30.4932C89.7225 28.6646 88.3124 27 86.4586 27H84.3885Z' fill='white'/%3E%3Cpath d='M60.1666 26L57 45H66L69.1666 26H60.1666Z' fill='white'/%3E%3Cpath d='M234.25 11L234 12.5H235.75L235 17H236.5L237.25 12.5H239L239.25 11H234.25Z' fill='white'/%3E%3Cpath d='M243.5 15.5L242 11H240.5L239.5 17H241L241.5 14L242.5 17H244L246 14L245.5 17H247L248 11H246.5L243.5 15.5Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .auth-content .logo-en{
        background-image: url('data:image/svg+xml,%3Csvg width="250" height="56" viewBox="0 0 250 56" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M54.5 17L55.5 11H11.737C7.04116 11 3.35518 15.0255 3.7679 19.7031L5.99999 45H18L16.56 39H20.84L23 45H27L28.9101 33.5393L19.4612 20.1534C18.526 18.8286 19.4735 17 21.0951 17H54.5ZM12 20H14L15.44 24H12.96L12 20ZM13.44 26H16.16L17.6 30H14.4L13.44 26ZM18.32 32H14.88L16.08 37H20.12L18.32 32Z" fill="white"/%3E%3Cpath d="M82 11H227.5L226.5 17H118.941L114 45H101L105.941 17H81L82 11Z" fill="white"/%3E%3Cpath d="M70.8 6L70.2 3.5L68.8 6H70.8Z" fill="white"/%3E%3Cpath d="M69.4333 10.9413L69.7557 9.0072C70.7596 9.06421 71.5898 9.4574 72.1713 10.0793C71.2592 10.5672 70.3534 10.8677 69.4333 10.9413Z" fill="white"/%3E%3Cpath d="M68.7327 9.06213L68.4214 10.9298C67.6898 10.8543 66.9265 10.6298 66.1223 10.2201C66.8932 9.62476 67.8 9.21185 68.7327 9.06213Z" fill="white"/%3E%3Cpath d="M65.3419 10.9366C64.7942 11.5338 64.3685 12.2371 64.1285 12.9999H68.0764L68.2568 11.918C67.3044 11.8108 66.3362 11.4922 65.3419 10.9366Z" fill="white"/%3E%3Cpath d="M63.9259 13.9999C63.8547 14.7425 63.9659 15.4286 64.2292 16.0154C65.444 15.395 66.6055 15.0468 67.7463 14.9807L67.9098 13.9999H63.9259Z" fill="white"/%3E%3Cpath d="M64.7739 16.8605C65.3575 17.5172 66.2084 17.934 67.2443 17.9928L67.577 15.9965C66.6964 16.081 65.7715 16.3619 64.7739 16.8605Z" fill="white"/%3E%3Cpath d="M68.2672 17.9379C69.2496 17.7802 70.2034 17.3305 70.9998 16.6832C70.1898 16.279 69.3951 16.0484 68.5925 15.9863L68.2672 17.9379Z" fill="white"/%3E%3Cpath d="M71.7582 15.9515C72.2577 15.3791 72.6463 14.7157 72.8715 13.9999H68.9236L68.7574 14.9966C69.7831 15.0893 70.7749 15.4149 71.7582 15.9515Z" fill="white"/%3E%3Cpath d="M73.0741 12.9999C73.1482 12.226 73.0244 11.5132 72.7365 10.9105C71.6244 11.5192 70.4739 11.9025 69.2646 11.9534L69.0902 12.9999H73.0741Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M75 13.5C74.4 17.1 70.9 20 67.4 20C63.8 20 61.4 17.1 62 13.5C62.6 9.90002 66.1 7 69.6 7C73.2 7 75.6 9.90002 75 13.5ZM74 13.5C73.5 16.5 70.6 19 67.5 19C64.5 19 62.4 16.5 63 13.5C63.5 10.5 66.4 8 69.5 8C72.5 8 74.5 10.5 74 13.5Z" fill="white"/%3E%3Cpath d="M66.7 23.5L68.1 21H66.1L66.7 23.5Z" fill="white"/%3E%3Cpath d="M76.2 12.5L78.5 13.5L75.8 14.5L76.2 12.5Z" fill="white"/%3E%3Cpath d="M58.5 13.5L61.2 12.5L60.8 14.5L58.5 13.5Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M85.1655 21C79.2994 21 74.2932 25.241 73.3288 31.0272L72.7466 34.5204C71.8323 40.0062 76.0627 45 81.6241 45H89.5287C94.4171 45 98.5891 41.4659 99.3926 36.644L100.447 30.3152C101.26 25.439 97.4998 21 92.5563 21H85.1655ZM86.3885 27C84.4332 27 82.7644 28.4136 82.4429 30.3424L81.5822 35.5068C81.2775 37.3354 82.6876 39 84.5414 39H86.6115C88.5668 39 90.2356 37.5864 90.5571 35.6576L91.4178 30.4932C91.7225 28.6646 90.3124 27 88.4586 27H86.3885Z" fill="white"/%3E%3Cpath d="M62.1666 26L59 45H68L71.1666 26H62.1666Z" fill="white"/%3E%3Cpath d="M231.25 11L231 12.5H232.75L232 17H233.5L234.25 12.5H236L236.25 11H231.25Z" fill="white"/%3E%3Cpath d="M240.5 15.5L239 11H237.5L236.5 17H238L238.5 14L239.5 17H241L243 14L242.5 17H244L245 11H243.5L240.5 15.5Z" fill="white"/%3E%3Cpath d="M39.0828 21C36.1497 21 33.6466 23.1205 33.1644 26.0136L30 45H39L41.7215 28.6712C41.8822 27.7068 42.7166 27 43.6942 27H47.5488C49.0937 27 50.2688 28.3871 50.0148 29.911C49.8139 31.1165 48.7709 32 47.5488 32H45.5C43.8431 32 42.5 33.3431 42.5 35V35.7791C42.5 36.5884 42.6228 37.3929 42.8642 38.1653L45 45H54L50.1933 38.3383C50.1072 38.1875 50.216 38 50.3896 38V38C54.3003 38 57.6378 35.1727 58.2808 31.3152L58.6415 29.1508C59.3526 24.8841 56.0623 21 51.7368 21H39.0828Z" fill="white"/%3E%3Cpath d="M175.388 20C173.433 20 171.764 21.4136 171.443 23.3424L168 44H177L179.721 27.6712C179.882 26.7068 180.717 26 181.694 26H183.278C185.75 26 187.63 28.2195 187.224 30.6576L185 44H194L196.253 30.4796C197.168 24.9938 192.937 20 187.376 20H175.388Z" fill="white"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M144 20H159.556C164.5 20 168.26 24.439 167.447 29.3152L165.836 38.9864C165.353 41.8795 162.85 44 159.917 44H146.083C142.375 44 139.555 40.6708 140.164 37.0136L140.664 34.0136C141.147 31.1205 143.65 29 146.583 29H158.5C158.762 27.4296 157.551 26 155.959 26H143L144 20ZM150.271 35C149.537 35 148.912 35.5301 148.791 36.2534C148.639 37.1677 149.344 38 150.271 38H154.459C155.925 38 157.177 36.9398 157.418 35.4932L157.5 35H150.271Z" fill="white"/%3E%3Cpath d="M140 26L141 20H130.527C125.614 20 121.429 23.5688 120.653 28.4201L118 45H127L128.962 32.7361C129.583 28.855 132.931 26 136.862 26H140Z" fill="white"/%3E%3Cpath d="M206.815 20H226L225 26H210.367C209.827 26 209.671 26.7387 210.165 26.9573L218.958 30.8444C221.827 32.113 223.473 35.1639 222.957 38.2584C222.405 41.5717 219.538 44 216.179 44H197L198 38H212.638C213.178 38 213.334 37.2618 212.84 37.0429L204.034 33.1397C201.17 31.8708 199.529 28.8248 200.044 25.7357C200.596 22.4259 203.459 20 206.815 20Z" fill="white"/%3E%3C/svg%3E%0A');
    }
    .auth-content .alert-message{
        background-color: #D9E2EC;
        color: #12243A;
    }
    .auth-content input{
        border-color: #fff;
        background-color: transparent;
        color: #fff;
    }
    .auth-content input::-webkit-input-placeholder{
       color: #85A5C6 !important;
    }
    .auth-content input:-moz-placeholder{
       color: #85A5C6 !important;
       opacity: 1;
    }
    .auth-content input::-moz-placeholder{
       color: #85A5C6 !important;
       opacity: 1;
    }
    .auth-content input:-ms-input-placeholder{
       color: #85A5C6 !important;
    }
    .auth-content input::-ms-input-placeholder{
       color: #85A5C6 !important;
    }
    .auth-content input::placeholder{
       color: #85A5C6 !important;
    }
    .auth-lang button{
        color: #fff;
    }

    .content-box{
        gap: 8px;
    }
    .content-header h1{
        font-size: 1.4rem !important;
    }


    .routes .route-status{
        font-size: 10px;
        line-height: 22px;
        height: 22px;
        padding: 0px 8px;
    }
    .routes-grid{
        grid-template-columns: 1fr;
    }

    .routes-message-content{
        grid-template-columns: 1fr;
        padding-right: 32px;
    }
    .routes-message-content div.date{
        padding-top: 8px;
        margin: 0px;
    }
    .routes-message-content span.notread{
        position: absolute;
        right: 0px;
        top: 50%;
        margin: -9px 0px 0px 0px;
    }

    .routes-direction-header{
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;
        width: 50%;
    }
    .routes-direction-location{
        align-items: flex-start;
    }
    .routes-direction-location-start,
    .routes-direction-location-end{
        text-align: center;
        padding: 0px;
    }
    .routes-direction-location-city span{
        display: block;
        padding: 0px;
    }
    .routes-states{
        padding: 8px 0px 8px 0px;
    }
    .routes-states-item{
        padding-bottom: 38px;
    }
    .routes-states-item .states-item-date{
        right: -22px;
        background-color: transparent;
        width: 60px;
        font-size: 12px;
    }

    h1.route-h1{
        font-size: 16px !important;
    }
    h1.route-h1 span{
        font-size: 22px !important;
    }
    .filter{
        padding: 16px 16px;
    }
    .route-messages-item{
        padding-left: 0px;
    }
    .route-messages-item-manager{
        display: grid;
        gap: 0px;
        padding-left: 40px;
    }
    .route-messages-item-manager-avatar{
        top: 0px;
        left: -4px;
    }
    .route-messages-link-more{
        padding: 0px;
    }
    .route-direction-nav-container{
        justify-content: center;
    }
    .route-direction-nav{
        padding: 0px;
        justify-content: center;
    }
    .route-direction-nav li:first-child{
        width: 100%;
        text-align: center;
    }
    .route-chat{
        right: 0px;
        bottom: 0px;
    }
    .route-chat .route-chat-button{
        margin: 0px 12px 60px 0px;
    }
    .route-chat-box{
        width: 100%;
        height: calc(var(--vh, 1vh) * 100);
        border: 0px;
        padding: 12px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;        
    }
    .route-moreinfo{
        grid-template-columns: repeat(2, 1fr);
    }
    .logo{
        width: 180px;
        height: 40px;
    }

}

@media only screen and (max-width: 600px) {
    .route-header-lists{
        text-align: center;
        justify-content: center;
        justify-items: center;
        grid-template-columns: auto;
    }
    .routes-grid .route-header-lists{
        text-align: left;
        justify-content: start;
        justify-items: start;
        grid-template-columns: 1fr auto;
    }
    .route-title{
        font-size: 18px;
    }
    .routes-grid .route-title{
        font-size: 16px;
    }
    .route-direction.route-direction-line{
        position: initial
    }
    .route-directions-line{
        padding-top: 30px;
        position: relative;
    }
    .routes-grid .route-directions-line{
        padding-top: 0px;
    }
    .route-direction-line{
        gap: 0px;
        text-align: center;
    }
    .routes-grid .route-direction-line{
        text-align: left;
    }
    .route-direction-line .route-direction-roadline-more{
        display: none;
    }
    .route-direction-line > div:first-child{
        text-align: center;
    }
    .routes-grid .route-direction-line > div:first-child{
        text-align: left;
    }
    .route-direction-line .route-direction-roadline{
        left: 23%;
        right: 23%;
        top: 0%;
        height: 24px;
        width: auto;
        margin-left: 0px;
        margin-top: 0px;
    }
    .route-truck-states-item{
        padding-bottom: 30px;
    }
    .route-truck-states-item .states-item-date{
        font-size: 10px;
    }
    .routes-grid .route-truck-states-item .states-item-date{
        font-size: 10px;
    }    
    .route-item-last-message span.message{
        flex: 1 0 100%;
    }
    .route-item-last-message span.date{
        margin-left: 0px;
    }
    .route-item-last-message span.notread{
        margin-left: auto;
    }
    .route-moreinfo{
        grid-template-columns: 1fr;
    }
    h1.route-h1{
        font-size: 14px !important;
    }
    h1.route-h1 span{
        font-size: 18px !important;
    }
    .header-menu ul li a{
        padding: 4px 8px;
    }
    .header-menu ul li a .icon{
        margin: 0px;
    }
    .header-menu ul li a .text{
        display: none;
    }
    .header-menu ul li.active a .text{
        display: block;
        padding: 0px 8px;
    }

    .preloader{
        background-size: 160px;
    }
    .preloader .spinner{
        width: 140px;
        height: 140px;
    }
}
@media only screen and (max-width: 440px) {
    .filter-button-status{
        font-size: 12px;
        font-weight: 600;
    }

    .filter-button-mibile-s{
        gap: 0px;
    }
    .filter-button-mibile-s .filter-button-text{display: none;}
}

@media only screen and (max-width: 400px) {
    /* XS */
    .logo{
        width: 180px;
        height: 40px;
    }
    .header-right span.icon{
        display: none;
    }
    .home-header-stat > a{
        padding: 8px;
        margin: 4px;
        border-radius: 6px;
        font-size: .8rem;
    }
    .mobile-menu{
        padding: 0px 0px 16px 0px;
    }
    .route-direction-item{
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 360px) {
    .header-right{
         display: none;
    }
}
@media only screen and (max-width: 300px) {
    .home-header-stat{
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
    }
    .home-header-stat > a{
        display: flex;
        align-items: center;
        font-weight: 700;
        padding: 8px;
        margin: 0px;
        border-radius: 6px;
    }
    .home-header-stat > a:before{
        width: 8px;
        height: 24px;
        border-radius: 4px;
    }
    .home-header-stat > a > span{
        font-size: 1.2rem;
        margin: 0px;
    }
    .home-title{
        gap: 0px;
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .header-menu ul li a .icon{
        width: 24px;
        height: 24px;
    }
}