/* purgecss start ignore */

.language-selection-item{
  display:grid;
  grid-template-columns:20px auto;
  align-items:center;
  justify-content:center
}

.language-selection-item.active{
  background:#f3f4f6
}

.language-selection-item:hover{
  background:#f3f4f6
}

.language-selection-item .language-element{
  padding-left:10px;
  text-transform:uppercase
}

/* purgecss end ignore */

/* purgecss start ignore */

.language-selector-container{
  justify-self:flex-start
}

.language-selector-container .transparent{
  background-color:transparent
}

.language-selector-container .white{
  color:white
}

.language-selector-container .dropdown-menu{
  min-width:4rem
}

.language-selector-container .flag-icon{
  transform:scale(1, 1)
}

.language-selector-container .dropdown-content{
  padding:0;
  min-width:94px;
  overflow:hidden
}

.language-selector-container .language-selection-button{
  display:grid;
  grid-template-columns:20px 1fr;
  align-items:center;
  justify-content:center;
  min-width:94px;
  border:none
}

.language-selector-container .language-selection-button p{
  padding-left:10px;
  text-transform:uppercase
}

.language-selector-container .language-selection-button .flag-element{
  display:flex
}

/* purgecss end ignore */

/* purgecss start ignore */

.sidebar-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start
}

.sidebar-logo-icon{
  max-width:calc(96px - 1rem);
  min-width:calc(96px - 1rem);
  aspect-ratio:1/1;
  padding:1rem;
  margin-left:0.5rem
}

@media screen and (max-width: 769px){
  .sidebar-logo-icon{
    padding:1.5rem
  }
}

.sidebar-logo-text{
  min-width:100px;
  max-width:100px
}

@media screen and (max-width: 769px){
  .sidebar-logo-text{
    display:none
  }
}

/* purgecss end ignore */

/*purgecss start ignore
 */

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

.swiper-container{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}

.swiper-container-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-container-multirow-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-container-pointer-events{
  touch-action:pan-y
}

.swiper-container-pointer-events.swiper-container-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto
}

.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-container-3d{
  perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:y mandatory
}

/*purgecss end ignore
 */
/* purgecss start ignore */

.title.is-1{
  font-weight:800;
  font-size:3rem
}

@media screen and (max-width: 769px){
  .title.is-1{
    font-size:2rem
  }
}

.title.is-5{
  font-weight:600;
  color:#111827;
  font-size:1.5rem
}

@media screen and (max-width: 769px){
  .title.is-5{
    font-size:1rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.landing-page{
  scroll-behavior:smooth !important;
  overflow-y:auto;
  width:100vw;
  height:100vh;
  background-color:#fff
}

.landing-page div{
  font-family:'Open sans', sans-serif;
  color:#24292e
}

.landing-page .button{
  font-size:15px;
  padding:15px;
  font-weight:700;
  border:none;
  height:auto
}

.landing-page .black-button{
  background-color:#000;
  color:#fff;
  width:100%
}

.landing-page .orange-button{
  background-color:#f8c44f;
  color:#fff
}

.landing-page .white-button{
  color:#000;
  width:100%
}

.landing-page .logistics{
  background-color:#ffc019;
  color:#000
}

.landing-page .logistics div{
  color:#000
}

.landing-page .shippers{
  background-color:#0033ff;
  color:#fff
}

.landing-page .shippers div{
  color:#fff
}

.landing-page .moving{
  background-color:#00e65c;
  color:#000
}

.landing-page .moving div{
  color:#000
}

.landing-page .navbar,.landing-page .navbar-brand{
  min-height:0
}

@media screen and (min-width: 769px){
  .landing-page .button-container{
    display:flex;
    flex-direction:row-reverse
  }

  .landing-page .button-container .button{
    width:auto;
    min-width:25%
  }
}

.landing-page .logo-bg{
  background-image:url("/static/img/logo_big.png");
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:center bottom;
  width:256px;
  height:95px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-end;
  padding-bottom:15px
}

.landing-page .child-max-510 div,.landing-page .child-max-510>a{
  max-width:510px;
  margin-left:auto;
  margin-right:auto
}

@media screen and (min-width: 769px){
  .landing-page .child-max-510 div{
    max-width:none
  }
}

.landing-page .navbar{
  background-color:transparent;
  display:flex;
  flex-direction:row
}

.landing-page .navbar .navbar-brand{
  align-items:center
}

.landing-page .navbar .language-selector{
  margin:0px 10px;
  outline:none;
  border:2px solid #000;
  border-radius:4px;
  margin:0px 10px
}

.landing-page .navbar .navbar-right{
  padding-right:10px;
  display:inline-block;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  margin-left:auto
}

.landing-page .navbar .navbar-end{
  align-items:center
}

.landing-page .header.is-active .navbar{
  flex-wrap:wrap
}

.landing-page .header.is-active .navbar .navbar-menu{
  order:3;
  width:100vw
}

.landing-page .header.is-active .navbar .navbar-menu .navbar-end{
  background:#fff
}

.landing-page .header.is-active .navbar .navbar-menu .navbar-end span{
  display:block;
  padding:10px 30px
}

@media screen and (min-width: 1024px){
  .landing-page .header.is-active{
    position:initial
  }

  .landing-page .header.is-active .navbar{
    flex-wrap:nowrap
  }

  .landing-page .header.is-active .navbar .navbar-menu{
    order:unset;
    width:auto
  }

  .landing-page .header.is-active .navbar .navbar-menu.is-active .navbar-end span{
    padding:0.25rem
  }
}

.landing-page .banner .content{
  display:flex;
  flex-basis:auto;
  align-items:center;
  justify-content:space-between;
  padding:5% 10% 0% 17%
}

.landing-page .banner .content .motto{
  display:flex;
  flex-direction:column;
  height:50%;
  align-items:flex-start;
  justify-content:space-evenly
}

.landing-page .banner .content .motto .title{
  background-color:#f8c44f;
  color:#000;
  font-size:3.5vw;
  font-weight:bold;
  border-radius:5px
}

.landing-page .banner .content .yLogo{
  width:18%;
  height:auto
}

.landing-page .carousel{
  padding:16px 0px;
  height:100%
}

.landing-page .carousel .swiper-slide{
  display:flex;
  align-items:center;
  justify-content:center
}

.landing-page .carousel img{
  width:auto;
  height:45px;
  filter:grayscale(100%)
}

.landing-page .carousel img:hover,.landing-page .carousel img.active{
  filter:none
}

@media screen and (min-width: 769px){
  .landing-page .carousel .swiper-slide{
    width:20%;
    min-width:300px
  }
}

.landing-page .cards-section{
  justify-content:space-between;
  margin:0 auto
}

@media screen and (min-width: 769px){
  .landing-page .cards-section{
    padding:0px 20px
  }
}

.landing-page .cards-section .card-container{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  font-weight:bold;
  text-align:center;
  padding-top:20px;
  padding-bottom:0px
}

.landing-page .cards-section .card-container .logo-bg{
  height:65px;
  width:190px;
  background-position:center top;
  background-size:100% auto;
  padding:0
}

.landing-page .cards-section .card-container .arrow-down,.landing-page .cards-section .card-container .card-content{
  display:none
}

.landing-page .cards-section .card-container .card-title{
  font-size:35px
}

@media screen and (min-width: 769px){
  .landing-page .cards-section .card-container{
    margin:20px 0px;
    max-width:380px;
    border-radius:8px;
    border:2px solid transparent
  }

  .landing-page .cards-section .card-container:hover{
    border:2px solid #f8c44f
  }

  .landing-page .cards-section .card-container.logistics{
    background-color:transparent
  }

  .landing-page .cards-section .card-container.shippers{
    background-color:transparent
  }

  .landing-page .cards-section .card-container.shippers div{
    color:#000
  }

  .landing-page .cards-section .card-container.moving{
    background-color:transparent
  }

  .landing-page .cards-section .card-container .card-title{
    width:100%;
    font-size:26px;
    margin:0 auto;
    padding:15px 10px
  }

  .landing-page .cards-section .card-container .card-title.shippers{
    color:#fff
  }

  .landing-page .cards-section .card-container .card-content{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    max-width:250px;
    font-size:25px
  }

  .landing-page .cards-section .card-container .logo-bg{
    display:none
  }

  .landing-page .cards-section .card-container .arrow-down{
    display:block
  }
}

.landing-page .subscriptions{
  display:none
}

@media screen and (min-width: 769px){
  .landing-page .subscriptions{
    display:block
  }

  .landing-page .subscriptions .title{
    font-size:30px;
    margin-top:60px;
    font-weight:800
  }

  .landing-page .subscriptions .price{
    font-size:20px;
    margin:10px 0 50px;
    font-weight:500
  }

  .landing-page .subscriptions .cards-wrapper{
    align-items:stretch;
    justify-content:space-between
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column{
    margin:0;
    padding:0;
    margin-left:1%;
    margin-right:1%;
    display:flex;
    flex-direction:column
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column .wrapper{
    flex-grow:2;
    border:2px solid #f8c44f;
    border-radius:5px;
    padding:20px 20px 30px 20px;
    text-align:center;
    display:flex;
    flex-direction:column
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column .wrapper .title{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:600;
    min-height:70px;
    margin:0 0 10px 0
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column .wrapper .content{
    font-size:16px;
    font-weight:400;
    flex-grow:2
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column .wrapper .price{
    font-size:15px;
    font-weight:800;
    margin:0
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column .wrapper .orange-button{
    color:#000
  }

  .landing-page .subscriptions .cards-wrapper .subscription-card.column .second-price{
    font-size:16px;
    font-weight:400
  }
}

.landing-page .description-section{
  padding:50px 0 40px;
  background-color:#231f20
}

.landing-page .description-section .title{
  font-size:30px;
  font-weight:600
}

.landing-page .description-section .swiper-container{
  z-index:0
}

.landing-page .description-section .swiper-container .swiper-slide{
  width:44% !important;
  border-radius:5px;
  min-height:160px;
  padding:10px 1% 20px;
  display:flex;
  flex-direction:column;
  align-items:center
}

@media screen and (min-width: 769px){
  .landing-page .description-section .title{
    padding:20px
  }

  .landing-page .description-section .description{
    padding:20px
  }

  .landing-page .description-section .swiper-container .swiper-slide{
    width:16% !important;
    max-width:200px !important
  }
}

.landing-page .shippers-section{
  background-color:#ebebeb
}

.landing-page .anchor-section{
  padding:50px 0px
}

.landing-page .anchor-section .subtitle{
  font-size:22px;
  font-weight:600
}

.landing-page .anchor-section .paragraphs-container{
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  flex-wrap:wrap
}

.landing-page .anchor-section .paragraph{
  border:2px solid #f8c44f;
  padding:0 20px;
  border-radius:5px;
  margin:10px;
  font-size:15.2px;
  font-weight:400;
  min-height:120px;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}

.landing-page .anchor-section .logo-bg{
  display:none
}

@media screen and (min-width: 769px){
  .landing-page .anchor-section{
    padding-top:38px
  }

  .landing-page .anchor-section .title-logo{
    display:flex;
    justify-content:space-between;
    align-items:flex-start
  }

  .landing-page .anchor-section .logo-bg{
    display:flex;
    width:111px;
    height:50px;
    margin-left:0;
    margin-right:0;
    font-size:16px;
    background-position:top left;
    padding:0 10px 0 0;
    font-weight:600;
    font-size:15px
  }

  .landing-page .anchor-section .title{
    width:auto;
    font-size:23px;
    margin:0px;
    padding:0 21px
  }

  .landing-page .anchor-section .subtitle{
    padding:20px 0px;
    margin-bottom:33px
  }

  .landing-page .anchor-section .paragraph{
    max-width:30%;
    font-size:16px
  }
}

.landing-page .newsletter{
  padding:50px 0px
}

.landing-page .newsletter .left-column .title{
  font-size:30px;
  font-weight:600
}

.landing-page .newsletter .left-column .subtitle{
  padding-top:20px;
  font-size:18px;
  font-weight:500
}

.landing-page .newsletter .right-column input{
  background-color:transparent;
  outline:none;
  border:1px solid black;
  border-radius:5px;
  color:#2a2a2a;
  margin:0
}

.landing-page .newsletter .right-column .fa-icon{
  color:#f8c44f
}

.landing-page .newsletter .right-column .subscribe{
  color:#000;
  font-size:16px;
  font-weight:500
}

.landing-page .footer{
  padding:20px 0px 0px 0px;
  background-color:#000
}

.landing-page .footer .spacer{
  height:170px;
  min-height:170px;
  max-height:170px
}

.landing-page .footer .logo{
  padding:10px
}

.landing-page .footer .logo img{
  width:166px;
  height:48px
}

.landing-page .footer *{
  color:#fff
}

.landing-page .footer .social{
  text-align:center
}

.landing-page .footer .social img{
  height:23px;
  width:auto;
  margin:0 10px
}

.landing-page .footer .copyright{
  margin-top:20px;
  text-align:center;
  font-size:11px;
  font-weight:500
}

.landing-page .footer .copyright a{
  display:inline;
  font-size:11px;
  font-weight:500;
  padding:0
}

.landing-page .footer a{
  font-size:16px;
  font-weight:700;
  padding:7px 0px;
  display:block
}

.landing-page .footer .item-title{
  font-size:25px;
  font-weight:700;
  margin:10px 0px
}

.landing-page .footer .parteners{
  padding:10px;
  margin-top:-20px;
  margin-bottom:30px
}

.landing-page .footer .parteners span{
  height:23px;
  display:inline-block;
  background-position:center;
  background-repeat:no-repeat
}

.landing-page .footer .parteners span.tech-img{
  width:100px;
  background-image:url("/static/img/techTrans1.png");
  background-size:auto 23px
}

.landing-page .footer .parteners span.iveco-img{
  width:68px;
  background-image:url("/static/img/iveco2.png");
  background-size:auto 66px
}

.landing-page .footer .parteners span.aqua-img{
  width:58px;
  background-image:url("/static/img/aqua3.png");
  background-size:auto 13px
}

.landing-page .footer .parteners span.asta-img{
  width:45px;
  background-image:url("/static/img/asta4.png");
  background-size:auto 45px
}

@media screen and (min-width: 769px){
  .landing-page .footer{
    padding-top:45px;
    padding-bottom:20px
  }

  .landing-page .footer .spacer{
    display:none
  }

  .landing-page .footer .item-title{
    font-size:19px;
    font-weight:600
  }

  .landing-page .footer .parteners-logos{
    display:flex;
    align-items:center
  }

  .landing-page .footer .copyright,.landing-page .footer a,.landing-page .footer .item a{
    font-weight:400;
    font-size:14px
  }

  .landing-page .footer .social{
    text-align:left;
    margin-top:25px
  }
}

.landing-page .test-yload{
  z-index:999;
  box-shadow:rgba(0,0,0,0.2) 0px 8px 10px -5px,rgba(0,0,0,0.14) 0px 16px 24px 2px,rgba(0,0,0,0.12) 0px 6px 30px 5px;
  background-color:#fff;
  position:fixed;
  width:100%;
  bottom:0
}

.landing-page .test-yload .title{
  position:relative;
  font-size:20px;
  font-stretch:100%;
  font-weight:700;
  margin-bottom:10px;
  background-color:#ececec;
  padding:15px 10px 30px 10px;
  border-radius:10px;
  width:100%
}

.landing-page .test-yload .title .yload-subscriptions{
  position:absolute;
  top:0;
  left:0;
  padding:40px 10px 6px;
  background:transparent;
  border:none;
  font-size:14px;
  font-weight:500;
  width:97%;
  outline:none
}

.landing-page .test-yload .black-button{
  margin-top:0px
}

@media screen and (min-width: 769px){
  .landing-page .test-yload{
    position:initial;
    max-width:500px;
    margin:50px auto
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.ticket-list-item{
  border-radius:7px;
  font-size:1.125rem;
  color:black !important
}

.ticket-list-item .width-fit-content{
  width:-moz-fit-content !important;
  width:fit-content !important
}

.ticket-list-item .overflow-hidden{
  overflow:hidden
}

.ticket-list-item .is-two-fifths-widescreen{
  width:auto !important;
  min-width:40%
}

.ticket-list-item .load-content{
  min-width:30% !important
}

.ticket-list-item .is-not-specified{
  font-size:0.9em;
  color:#58595ba0
}

.ticket-list-item .ticket-assign-truck{
  transform:translateX(-20em)
}

@media screen and (max-width: 768px){
  .ticket-list-item .ticket-assign-truck{
    transform:unset;
    right:1%;
    width:98%;
    max-width:98%
  }
}

.ticket-list-item .media{
  margin-bottom:0 !important;
  border-radius:10px;
  border:2px solid transparent
}

.ticket-list-item .media.active-media{
  background-color:#f3f4f6;
  border-color:#ffc019
}

.ticket-list-item .button{
  border-width:1px
}

.ticket-list-item .button-unpublish{
  border-color:red;
  color:red;
  margin-right:1em
}

.ticket-list-item .button-unpublish:hover{
  border-color:red;
  color:red
}

.ticket-list-item .button-publish{
  border-color:green;
  color:green;
  margin-right:1em
}

.ticket-list-item .button-publish:hover{
  border-color:green;
  color:green
}

.ticket-list-item .divider{
  min-width:1px;
  max-width:1px;
  height:100%;
  background-color:#4b5563
}

@media screen and (max-width: 769px){
  .ticket-list-item .divider{
    height:20px
  }
}

.ticket-list-item .details-container{
  width:150px
}

@media screen and (max-width: 769px){
  .ticket-list-item .details-container{
    display:flex
  }
}

@media screen and (min-width: 769px){
  .ticket-list-item .details-container>div{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
  }
}

.ticket-list-item-car{
  width:initial !important;
  text-align:center
}

.ticket-list-item-car h4{
  font-weight:bolder !important;
  font-size:1em !important
}

.ticket-list-item-car button{
  font-size:0.8rem !important;
  max-width:105px
}

.ticket-list-item .columns{
  margin-bottom:0 !important;
  margin-top:0 !important
}

.ticket-list-item a,.ticket-list-item a:hover{
  color:#0a0a0a
}

.ticket-list-item .button-show-map{
  background:#2562ff;
  text-transform:uppercase;
  color:white
}

.ticket-list-item .arrow-container{
  display:flex;
  justify-content:center;
  width:100% !important;
  align-self:center;
  cursor:pointer;
  padding:0
}

.ticket-list-item .arrow-container>figure{
  transform:rotate(90deg)
}

.ticket-list-item .arrow-container img{
  transition:transform 300ms ease
}

.ticket-list-item .text-gray{
  color:#9d9c9d
}

.ticket-list-item .load-details-text{
  margin:12px 0;
  font-weight:bold
}

.ticket-list-item .ticket-expanded-load-contact-container{
  max-width:33%
}

.ticket-list-item .location-detailed:first-child{
  margin-bottom:1em
}

.ticket-list-item .location-detailed-title{
  display:flex;
  align-items:center;
  margin-bottom:0.5em
}

.ticket-list-item .location-detailed-title figure.image{
  margin-right:5px;
  margin-left:0;
  margin-bottom:0
}

.ticket-list-item.is-expanded .arrow-container img{
  transform:rotate(-180deg)
}

.ticket-list-item .ticket-budget>div{
  position:relative;
  font-size:1em
}

.ticket-list-item .ticket-budget>span{
  position:relative
}

.ticket-list-item .location-text{
  font-size:1.125em
}

.ticket-list-item .ticket-footer{
  margin-top:1rem;
  display:flex;
  flex-wrap:wrap
}

.ticket-list-item .ticket-footer .level-right{
  width:auto;
  flex-wrap:wrap;
  margin-left:auto;
  justify-content:unset;
  max-width:100%
}

.ticket-list-item .ticket-footer .level-right>div{
  margin-top:5px;
  margin-bottom:5px
}

@media screen and (max-width: 768px){
  .ticket-list-item .ticket-footer .level-right{
    width:100%
  }
}

.ticket-list-item .ticket-footer .status-buttons{
  display:flex;
  justify-content:center;
  margin-right:1rem;
  font-weight:400;
  width:auto;
  max-width:100%;
  flex-wrap:wrap
}

.ticket-list-item .ticket-footer .status-buttons .button-content{
  display:flex;
  flex-direction:column;
  align-items:center
}

@media screen and (max-width: 768px){
  .ticket-list-item .ticket-footer .status-buttons{
    margin-right:0
  }

  .ticket-list-item .ticket-footer .status-buttons .button{
    margin-top:3px;
    margin-bottom:3px
  }
}

.ticket-list-item .modal-title{
  margin-bottom:0 !important
}

.ticket-list-item .modal-card-foot{
  justify-content:flex-end
}

.ticket-list-item .modal-card-head{
  border-bottom:none
}

.ticket-list-item .card-content{
  padding-top:0
}

.location-arrow-container{
  display:flex;
  justify-content:center
}

/* purgecss end ignore */

/* purgecss start ignore */

@media screen and (max-width: 900px){
  .cookie-dialog{
    display:none
  }
}

/* purgecss end ignore */