.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.mx-datepicker{width:100%!important}.mx-datepicker .form-control.is-valid,.was-validated .mx-datepicker .form-control:valid{background-position:right 30px center!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.perpage-label{min-width:150px}.dropdown button{border-color:#ced4da;color:#495057}.company-role .rules{display:flex;flex-wrap:wrap;gap:10px}.company-role .rules .btn{opacity:1!important}.created-at{width:140px}.cancel-trip-timepicker .b-time{min-width:200px}.roles-form ul{list-style-type:none;margin:0;padding:0}.roles-form .v-input--checkbox{vertical-align:top}.roles-form .v-input--selection-controls{margin:0;padding:0}.roles-form .v-input--selection-controls .v-input__slot{margin:0}.roles-form .group li{margin-top:16px}.roles-form .rule{margin-left:32px}td.error-message{max-width:300px;font-size:1rem;word-wrap:break-word}body{padding-top:50px}.sidebar{position:fixed;top:51px;bottom:0;left:0;z-index:1000;padding:20px;overflow-x:hidden;overflow-y:auto;border-right:1px solid #eee}