.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%; }

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%; }

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%; }

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px; }

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px; }

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); }

.noty_progressbar {
  display: none; }

.noty_has_timeout .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10); }

.noty_bar {
  -webkit-backface-visibility: hidden;
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden; }

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out; }

.noty_close_with_click {
  cursor: pointer; }

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all .2s ease-out; }

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0; }

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out; }

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@keyframes noty_modal_in {
  100% {
    opacity: .3; } }

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@keyframes noty_modal_out {
  100% {
    opacity: 0; } }

@-webkit-keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0; } }

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0; } }

@keyframes noty_anim_height {
  100% {
    height: 0; } }

.noty_theme__relax.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__relax.noty_bar .noty_body {
    padding: 10px; }
  .noty_theme__relax.noty_bar .noty_buttons {
    border-top: 1px solid #e7e7e7;
    padding: 5px 10px; }

.noty_theme__relax.noty_type__alert,
.noty_theme__relax.noty_type__notification {
  background-color: #fff;
  border: 1px solid #dedede;
  color: #444; }

.noty_theme__relax.noty_type__warning {
  background-color: #FFEAA8;
  border: 1px solid #FFC237;
  color: #826200; }
  .noty_theme__relax.noty_type__warning .noty_buttons {
    border-color: #dfaa30; }

.noty_theme__relax.noty_type__error {
  background-color: #FF8181;
  border: 1px solid #e25353;
  color: #FFF; }
  .noty_theme__relax.noty_type__error .noty_buttons {
    border-color: darkred; }

.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information {
  background-color: #78C5E7;
  border: 1px solid #3badd6;
  color: #FFF; }
  .noty_theme__relax.noty_type__info .noty_buttons,
  .noty_theme__relax.noty_type__information .noty_buttons {
    border-color: #0B90C4; }

.noty_theme__relax.noty_type__success {
  background-color: #BCF5BC;
  border: 1px solid #7cdd77;
  color: darkgreen; }
  .noty_theme__relax.noty_type__success .noty_buttons {
    border-color: #50C24E; }

.noty_theme__metroui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
  .noty_theme__metroui.noty_bar .noty_progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20); }
  .noty_theme__metroui.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 14px; }
  .noty_theme__metroui.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px; }

.noty_theme__metroui.noty_type__alert,
.noty_theme__metroui.noty_type__notification {
  background-color: #fff;
  color: #1d1d1d; }

.noty_theme__metroui.noty_type__warning {
  background-color: #FA6800;
  color: #fff; }

.noty_theme__metroui.noty_type__error {
  background-color: #CE352C;
  color: #FFF; }

.noty_theme__metroui.noty_type__info,
.noty_theme__metroui.noty_type__information {
  background-color: #1BA1E2;
  color: #FFF; }

.noty_theme__metroui.noty_type__success {
  background-color: #60A917;
  color: #fff; }

.noty_theme__mint.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__mint.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px; }
  .noty_theme__mint.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
  background-color: #fff;
  border-bottom: 1px solid #D1D1D1;
  color: #2F2F2F; }

.noty_theme__mint.noty_type__warning {
  background-color: #FFAE42;
  border-bottom: 1px solid #E89F3C;
  color: #fff; }

.noty_theme__mint.noty_type__error {
  background-color: #DE636F;
  border-bottom: 1px solid #CA5A65;
  color: #fff; }

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
  background-color: #7F7EFF;
  border-bottom: 1px solid #7473E8;
  color: #fff; }

.noty_theme__mint.noty_type__success {
  background-color: #AFC765;
  border-bottom: 1px solid #A0B55C;
  color: #fff; }

.noty_theme__sunset.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative; }
  .noty_theme__sunset.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__sunset.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__sunset.noty_type__alert .noty_progressbar,
  .noty_theme__sunset.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__sunset.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__sunset.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__sunset.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__sunset.noty_type__info .noty_progressbar,
  .noty_theme__sunset.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__sunset.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }

.noty_theme__bootstrap-v3.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_body {
    padding: 15px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent; }
  .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5; }

.noty_theme__bootstrap-v3.noty_type__alert,
.noty_theme__bootstrap-v3.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v3.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v3.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v3.noty_type__info,
.noty_theme__bootstrap-v3.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v3.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: .25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_body {
    padding: .75rem 1.25rem; }
  .noty_theme__bootstrap-v4.noty_bar .noty_buttons {
    padding: 10px; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5;
    background: transparent; }
  .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
    background: transparent;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .75; }

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__notification {
  background-color: #fff;
  color: inherit; }

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border-color: #faebcc; }

.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1; }

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #d9edf7;
  color: #31708f;
  border-color: #bce8f1; }

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #dff0d8;
  color: #3c763d;
  border-color: #d6e9c6; }

.noty_theme__semanticui.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; }
  .noty_theme__semanticui.noty_bar .noty_body {
    padding: 1em 1.5em;
    line-height: 1.4285em; }
  .noty_theme__semanticui.noty_bar .noty_buttons {
    padding: 10px; }

.noty_theme__semanticui.noty_type__alert,
.noty_theme__semanticui.noty_type__notification {
  background-color: #f8f8f9;
  color: rgba(0, 0, 0, 0.87); }

.noty_theme__semanticui.noty_type__warning {
  background-color: #fffaf3;
  color: #573a08;
  box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__error {
  background-color: #fff6f6;
  color: #9f3a38;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__info,
.noty_theme__semanticui.noty_type__information {
  background-color: #f8ffff;
  color: #276f86;
  box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; }

.noty_theme__semanticui.noty_type__success {
  background-color: #fcfff5;
  color: #2c662d;
  box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; }

.noty_theme__nest.noty_bar {
  margin: 0 0 15px 0;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; }
  .noty_theme__nest.noty_bar .noty_body {
    padding: 10px;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px; }

.noty_layout .noty_theme__nest.noty_bar {
  z-index: 5; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(2) {
  position: absolute;
  top: 0;
  margin-top: 4px;
  margin-right: -4px;
  margin-left: 4px;
  z-index: 4;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(3) {
  position: absolute;
  top: 0;
  margin-top: 8px;
  margin-right: -8px;
  margin-left: 8px;
  z-index: 3;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(4) {
  position: absolute;
  top: 0;
  margin-top: 12px;
  margin-right: -12px;
  margin-left: 12px;
  z-index: 2;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(5) {
  position: absolute;
  top: 0;
  margin-top: 16px;
  margin-right: -16px;
  margin-left: 16px;
  z-index: 1;
  width: 100%; }

.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) {
  position: absolute;
  top: 0;
  margin-top: 20px;
  margin-right: -20px;
  margin-left: 20px;
  z-index: -1;
  width: 100%; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) {
  margin-top: 4px;
  margin-left: -4px;
  margin-right: 4px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) {
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 8px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) {
  margin-top: 12px;
  margin-left: -12px;
  margin-right: 12px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) {
  margin-top: 16px;
  margin-left: -16px;
  margin-right: 16px; }

#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),
#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: 20px; }

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
  background-color: #073B4C;
  color: #fff; }
  .noty_theme__nest.noty_type__alert .noty_progressbar,
  .noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff; }

.noty_theme__nest.noty_type__warning {
  background-color: #FFD166;
  color: #fff; }

.noty_theme__nest.noty_type__error {
  background-color: #EF476F;
  color: #fff; }
  .noty_theme__nest.noty_type__error .noty_progressbar {
    opacity: .4; }

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
  background-color: #118AB2;
  color: #fff; }
  .noty_theme__nest.noty_type__info .noty_progressbar,
  .noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6; }

.noty_theme__nest.noty_type__success {
  background-color: #06D6A0;
  color: #fff; }
.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:1fr 99fr 1fr;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px hsla(0deg,0%,0%,.075),0 1px 2px hsla(0deg,0%,0%,.075),1px 2px 4px hsla(0deg,0%,0%,.075),1px 3px 8px hsla(0deg,0%,0%,.075),2px 4px 16px hsla(0deg,0%,0%,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:0}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em 2em 3px}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:0 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:0 0;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:0 0;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .5s;animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .8s;animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-question-mark .8s;animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:0 0;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@-webkit-keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}.vue__time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.vue__time-picker *{-webkit-box-sizing:border-box;box-sizing:border-box}.vue__time-picker input.display-time{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:.3em .5em;font-size:1em}.vue__time-picker input.has-custom-icon{padding-left:1.8em}.vue__time-picker input.display-time.invalid:not(.skip-error-style){border-color:#c03;outline-color:#c03}.vue__time-picker input.display-time.disabled,.vue__time-picker input.display-time:disabled{color:#d2d2d2}.vue__time-picker .controls{position:absolute;top:0;bottom:0;right:0;z-index:3;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;pointer-events:none}.vue__time-picker .controls,.vue__time-picker .controls>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.vue__time-picker .controls>*{cursor:pointer;width:auto;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .35em;color:#d2d2d2;line-height:100%;font-style:normal;pointer-events:auto;-webkit-transition:color .2s,opacity .2s;transition:color .2s,opacity .2s}.vue__time-picker .controls>:hover{color:#797979}.vue__time-picker .controls>:active,.vue__time-picker .controls>:focus{outline:0}.vue__time-picker .controls .char{font-size:1.1em;line-height:100%;-webkit-margin-before:-.15em}.vue__time-picker .custom-icon{z-index:2;position:absolute;left:0;top:0;bottom:0;width:1.8em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.vue__time-picker .controls img,.vue__time-picker .controls svg,.vue__time-picker .custom-icon img,.vue__time-picker .custom-icon svg{display:inline-block;vertical-align:middle;margin:0;border:0;outline:0;max-width:1em;height:auto}.vue__time-picker .time-picker-overlay{z-index:4;position:fixed;top:0;left:0;right:0;bottom:0}.vue__time-picker-dropdown,.vue__time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.15);box-shadow:0 1px 6px rgba(0,0,0,.15);width:10em;height:10em;font-weight:400}.vue__time-picker-dropdown{position:fixed;z-index:100}.vue__time-picker-dropdown.drop-up,.vue__time-picker .dropdown.drop-up{top:auto;bottom:calc(2.2em + 1px)}.vue__time-picker-dropdown .select-list,.vue__time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.vue__time-picker-dropdown .select-list:active,.vue__time-picker-dropdown .select-list:focus,.vue__time-picker .dropdown .select-list:active,.vue__time-picker .dropdown .select-list:focus{outline:0}.vue__time-picker-dropdown ul,.vue__time-picker .dropdown ul{padding:0;margin:0;list-style:none;outline:0;-webkit-box-flex:1;-ms-flex:1 1 0.00001px;flex:1 1 0.00001px;overflow-x:hidden;overflow-y:auto}.vue__time-picker-dropdown ul.apms,.vue__time-picker-dropdown ul.minutes,.vue__time-picker-dropdown ul.seconds,.vue__time-picker .dropdown ul.apms,.vue__time-picker .dropdown ul.minutes,.vue__time-picker .dropdown ul.seconds{border-left:1px solid #fff}.vue__time-picker-dropdown ul li,.vue__time-picker .dropdown ul li{list-style:none;text-align:center;padding:.3em 0;color:#161616}.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):hover,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover{background:rgba(0,0,0,.08);color:#161616;cursor:pointer}.vue__time-picker-dropdown ul li:not([disabled]).active,.vue__time-picker-dropdown ul li:not([disabled]).active:focus,.vue__time-picker-dropdown ul li:not([disabled]).active:hover,.vue__time-picker .dropdown ul li:not([disabled]).active,.vue__time-picker .dropdown ul li:not([disabled]).active:focus,.vue__time-picker .dropdown ul li:not([disabled]).active:hover{background:#41b883;color:#fff}.vue__time-picker-dropdown ul li[disabled],.vue__time-picker-dropdown ul li[disabled]:hover,.vue__time-picker .dropdown ul li[disabled],.vue__time-picker .dropdown ul li[disabled]:hover{background:transparent;opacity:.3;cursor:not-allowed}.vue__time-picker-dropdown .hint,.vue__time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:.8em}@charset "UTF-8";

/*!
 * Bootstrap Grid v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

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

.d-inline {
  display: inline !important;
}

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

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

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

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

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

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

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

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

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

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

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

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

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

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

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

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

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

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

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */

.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */

@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Dropdown Default Transition */

.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */

/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */

.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: rgb(248, 248, 248);
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */

.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */

.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */

.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */

.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */

.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

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

/* List Items */

.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */

.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */

.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

.vs--single.vs--open .vs__selected,
.vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */

/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */

.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search:-ms-input-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */

.vs--unsearchable .vs__search {
  opacity: 1;
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */

.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
          animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */

.vs--loading .vs__spinner {
  opacity: 1;
}

.mx-icon-left:before,
.mx-icon-right:before,
.mx-icon-double-left:before,
.mx-icon-double-right:before,
.mx-icon-double-left:after,
.mx-icon-double-right:after {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-style: solid;
  border-color: currentColor;
  border-width: 2px 0 0 2px;
  border-radius: 1px;
  box-sizing: border-box;
  transform-origin: center;
  transform: rotate(-45deg) scale(0.7);
}

.mx-icon-double-left:after {
  left: -4px;
}

.mx-icon-double-right:before {
  left: 4px;
}

.mx-icon-right:before,
.mx-icon-double-right:before,
.mx-icon-double-right:after {
  transform: rotate(135deg) scale(0.7);
}

.mx-btn {
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 15px;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  color: #555;
  white-space: nowrap;
}

.mx-btn:hover {
  border-color: #1284e7;
  color: #1284e7;
}

.mx-btn-text {
  border: 0;
  padding: 0 4px;
  text-align: left;
  line-height: inherit;
}

.mx-scrollbar {
  height: 100%;
}

.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}

.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.mx-scrollbar-track {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.24s ease-out;
}

.mx-scrollbar-track .mx-scrollbar-thumb {
  position: absolute;
  width: 100%;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color 0.3s;
}

.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}

.mx-zoom-in-down-enter,
.mx-zoom-in-down-enter-from,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  transform: scaleY(0);
}

.mx-datepicker {
  position: relative;
  display: inline-block;
  width: 210px;
}

.mx-datepicker svg {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.mx-datepicker-range {
  width: 320px;
}

.mx-datepicker-inline {
  width: auto;
}

.mx-input-wrapper {
  position: relative;
}

.mx-input-wrapper .mx-icon-clear {
  display: none;
}

.mx-input-wrapper:hover .mx-icon-clear {
  display: block;
}

.mx-input-wrapper:hover .mx-icon-clear + .mx-icon-calendar {
  display: none;
}

.mx-input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 6px 30px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.mx-input:hover,
.mx-input:focus {
  border-color: #409aff;
}

.mx-input:disabled,
.mx-input.disabled {
  color: rgba(60, 60, 60, 0.5);
  background-color: #f3f3f3;
  border-color: #ced4da;
  cursor: not-allowed;
}

.mx-input:focus {
  outline: none;
}

.mx-input::-ms-clear {
  display: none;
}

.mx-icon-calendar,
.mx-icon-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}

.mx-icon-clear {
  cursor: pointer;
}

.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}

.mx-datepicker-main {
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
  color: #555;
  background-color: #fff;
  border: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-datepicker-popup {
  position: absolute;
  margin-top: 1px;
  margin-bottom: 1px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  z-index: 2001;
}

.mx-datepicker-sidebar {
  float: left;
  box-sizing: border-box;
  width: 100px;
  padding: 6px;
  overflow: auto;
}

.mx-datepicker-sidebar + .mx-datepicker-content {
  margin-left: 100px;
  border-left: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mx-btn-shortcut {
  display: block;
  padding: 0 6px;
  line-height: 24px;
}

.mx-range-wrapper {
  display: flex;
}

@media (max-width: 750px) {
  .mx-range-wrapper {
    flex-direction: column;
  }
}

.mx-datepicker-header {
  padding: 6px 8px;
  border-bottom: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-datepicker-footer {
  padding: 6px 8px;
  text-align: right;
  border-top: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-calendar {
  box-sizing: border-box;
  width: 248px;
  padding: 6px 12px;
}

.mx-calendar + .mx-calendar {
  border-left: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-calendar-header,
.mx-time-header {
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  text-align: center;
  overflow: hidden;
}

.mx-btn-icon-left,
.mx-btn-icon-double-left {
  float: left;
}

.mx-btn-icon-right,
.mx-btn-icon-double-right {
  float: right;
}

.mx-calendar-header-label {
  font-size: 14px;
}

.mx-calendar-decade-separator {
  margin: 0 2px;
}

.mx-calendar-decade-separator:after {
  content: "~";
}

.mx-calendar-content {
  position: relative;
  height: 224px;
  box-sizing: border-box;
}

.mx-calendar-content .cell {
  cursor: pointer;
}

.mx-calendar-content .cell:hover {
  color: #555;
  background-color: #f3f9fe;
}

.mx-calendar-content .cell.active {
  color: #fff;
  background-color: #1284e7;
}

.mx-calendar-content .cell.in-range,
.mx-calendar-content .cell.hover-in-range {
  color: #555;
  background-color: #dbedfb;
}

.mx-calendar-content .cell.disabled {
  cursor: not-allowed;
  color: rgba(60, 60, 60, 0.5);
  background-color: #f3f3f3;
}

.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}

.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f3f9fe;
}

.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #dbedfb;
}

.mx-calendar-week-mode .mx-date-row .cell:hover {
  color: inherit;
  background-color: transparent;
}

.mx-calendar-week-mode .mx-date-row .cell.active {
  color: inherit;
  background-color: transparent;
}

.mx-week-number {
  opacity: 0.5;
}

.mx-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
}

.mx-table th {
  padding: 0;
  font-weight: 500;
  vertical-align: middle;
}

.mx-table td {
  padding: 0;
  vertical-align: middle;
}

.mx-table-date td,
.mx-table-date th {
  height: 32px;
  font-size: 12px;
}

.mx-table-date .today {
  color: #2a90e9;
}

.mx-table-date .cell.not-current-month {
  color: #ccc;
  background: none;
}

.mx-time {
  flex: 1;
  width: 224px;
  background: #fff;
}

.mx-time + .mx-time {
  border-left: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-calendar-time {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mx-time-header {
  border-bottom: 1px solid rgba(60, 60, 60, 0.26);
}

.mx-time-content {
  height: 224px;
  box-sizing: border-box;
  overflow: hidden;
}

.mx-time-columns {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mx-time-column {
  flex: 1;
  position: relative;
  border-left: 1px solid rgba(60, 60, 60, 0.26);
  text-align: center;
}

.mx-time-column:first-child {
  border-left: 0;
}

.mx-time-column .mx-time-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mx-time-column .mx-time-list::after {
  content: "";
  display: block;
  height: 192px;
}

.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.mx-time-column .mx-time-item:hover {
  color: #555;
  background-color: #f3f9fe;
}

.mx-time-column .mx-time-item.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-column .mx-time-item.disabled {
  cursor: not-allowed;
  color: rgba(60, 60, 60, 0.5);
  background-color: #f3f3f3;
}

.mx-time-option {
  cursor: pointer;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}

.mx-time-option:hover {
  color: #555;
  background-color: #f3f9fe;
}

.mx-time-option.active {
  color: #1284e7;
  background-color: transparent;
  font-weight: 700;
}

.mx-time-option.disabled {
  cursor: not-allowed;
  color: rgba(60, 60, 60, 0.5);
  background-color: #f3f3f3;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.list-item {
  display: block;
}

.list-enter-active,
.list-leave-active {
  transition: all 1s;
}

.list-enter,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

@font-face {
  font-family: "Tahoma";
  src: url(/fonts/Tahoma.ttf?af804b139c6231aea424986173f56d3e);
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/Roboto-Regular.ttf?f36638c2135b71e5a623dca52b611173);
}

* {
  font-family: "Roboto";
}

html {
  overflow: hidden;
}

body {
  background-color: #333333;
  padding: 8px;
  margin: 0;
}

.red {
  color: #FF0000 !important;
}

.pink {
  color: #ED6B95 !important;
}

.green-grey {
  color: #63C09F !important;
}

.yellow {
  color: rgba(255, 165, 0, 0.5490196078) !important;
}

.purple {
  color: purple !important;
}

.green {
  color: #669900 !important;
}

.mobile-logout {
  display: none !important;
}

*::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb {
  background-color: #333333;
  border-radius: 25px;
}

#app {
  background-color: #333333;
  height: calc(100vh - 16px);
  overflow: hidden;
}

.flex {
  display: flex;
}

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

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

.flex-align-center.transplantation {
  width: 100%;
}

.flex-align-center.transplantation .transplantation-wrapper {
  width: inherit;
}

.flex-justify-center {
  justify-content: center;
}

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

.flex-justify-space {
  justify-content: space-between;
}

.content-space-between {
  justify-content: space-between;
}

.bottom-block-per-page {
  margin-bottom: 40px;
  align-items: center;
  height: 55px;
}

.overflow-hidden {
  overflow: hidden;
}

.position-relative {
  position: relative;
}

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

button.base {
  padding: 16px 24px;
  background: #F8D4DA;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: none;
  font-size: 16px;
  color: #413C69;
  cursor: pointer;
  outline: none;
  transition: all 0.3s;
}

button.base.login {
  width: 160px;
}

input.base {
  border: 1px solid #ECEBF6;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  transition: all 0.3s;
  outline: none;
}

input.base .password {
  padding-right: 60px;
}

.no-data {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  background: transparent;
  flex-direction: column;
}

.no-data .image-no-data {
  width: 36px;
  height: 32px;
}

.no-data .message {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #65707F;
}

.alert {
  padding: 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  color: #ffffff;
  align-items: center;
  display: flex;
}

.alert .icon-wrapper {
  margin-right: 16px;
}

.alert .icon-wrapper .icon {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  position: relative;
}

.alert.alert-danger {
  background: #ED6B95;
}

.alert.alert-danger .icon {
  background: #FFE4EB url("/images/alert-danger.svg");
}

.alert.alert-info {
  background: #00C1FF;
}

.alert.alert-info .icon {
  background: #D7F5FF url("/images/alert-info.svg");
}

.alert.alert-success {
  background: #63C09F;
}

.alert.alert-success .icon {
  background: #D7F5FF url("/images/alert-tick.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: inherit;
}

.loader-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
}

.loader-wrapper.driver {
  background-color: rgba(255, 255, 255, 0.5);
}

.lds-spinner {
  color: #333333;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
          animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #333333;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.main-title {
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  color: #0B091A;
}

.crumbs-wrapper .crumb .last {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #0B091A;
}

.crumbs-wrapper .crumb a {
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #65707F;
  transition: all 0.3s;
  margin-right: 5px;
}

.crumbs-wrapper .crumb a:hover {
  color: #0B091A;
}

.crumbs-wrapper .crumb .sep {
  color: #65707F;
  margin-right: 7px;
  top: -2px;
  position: relative;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #0B091A;
  overflow: auto;
  white-space: pre;
  margin: 1em 0;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 4px;
  padding: 10px;
  letter-spacing: 1px;
  font-weight: bold;
}

.btn-regular-secondary {
  transition: all 0.3s;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.btn-regular-secondary:hover {
  box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05);
}

.search-wrapper {
  position: relative;
  width: 100%;
}

.search-wrapper img {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 8px;
}

.search-wrapper img.clear-search {
  left: unset;
  right: 10px;
}

.search-wrapper input {
  color: #65707F;
  font-size: 16px;
  border: 1px solid #ECEBF6;
  border-radius: 4px;
  outline: none;
  height: 40px;
  padding-left: 45px;
  width: 100%;
}

input[type=checkbox]:not(.style4):checked {
  position: absolute;
  left: -9999px;
}

input[type=checkbox]:not(.style4):not(:checked) {
  position: absolute;
  left: -9999px;
}

input[type=checkbox]:checked + label,
input[type=checkbox]:not(:checked) + label {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  line-height: 20px;
  cursor: pointer;
}

input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(204, 204, 204, 0.6);
  background-color: rgba(204, 204, 204, 0.6);
  border-radius: 2px;
  transition: all 0.3s;
}

input[type=checkbox]:checked + label:before {
  background-color: #FFCCCC;
  border-color: #FFCCCC;
}

input[type=checkbox]:checked + label:after,
input[type=checkbox]:not(:checked) + label:after {
  content: "";
  position: absolute;
  transition: all 0.3s ease;
}

.table-wrapper.route-stations-mob input[type=checkbox]:checked + label:after,
.table-wrapper.route-stations-mob input[type=checkbox]:not(:checked) + label:after {
  left: 3px;
  top: 8px;
}

.list-columns-configurator-wrapper input[type=checkbox]:checked + label:after,
.list-columns-configurator-wrapper input[type=checkbox]:not(:checked) + label:after {
  left: 2px;
  top: 7px;
}

input[type=checkbox]:checked + label:after,
input[type=checkbox]:not(:checked) + label:after {
  left: 2px;
  top: 7px;
  width: 11px;
  height: 6px;
  background-image: url("/images/icons/checkbox-tick.svg");
  background-repeat: no-repeat;
}

input[type=checkbox]:disabled + label:before {
  background-color: #D5D3E4;
  border-color: #D5D3E4;
}

input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
}

input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.copyright {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
}

.marT-40 {
  margin-top: 40px;
}

.list-per-page {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #645F8A;
}

.list-per-page select {
  margin-left: 25px;
  border: 0px;
  background: transparent;
}

.list-per-page select:focus {
  outline: 0;
}

.v-select.vs--single.vs--searchable {
  border-radius: 4px;
}

.v-select.vs--single.vs--searchable .vs__selected-options {
  flex-wrap: nowrap;
  width: 90%;
}

.v-select.vs--single.vs--searchable .vs__selected-options input {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.v-select .vs__dropdown-toggle {
  height: 40px;
}

.v-select .vs__selected {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 3px 0.25em;
  color: #65707F;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 3px;
}

.v-select .vs__dropdown-menu {
  background: #fff;
  border: none;
  color: #65707F;
}

.v-select .vs__open-indicator {
  fill: #65707F;
}

.vs__dropdown-toggle {
  border-radius: 4px;
  padding: 0;
}

table {
  border: none;
}

.header-column .title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  cursor: pointer;
}

.header-column .title .sort-block {
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  justify-content: space-between;
  opacity: 0.5;
  height: 14px;
}

.header-column .title .sort-block img {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  opacity: 0.3;
}

.header-column.active .title {
  color: #0B091A;
}

.header-column.active .title .sort-block {
  opacity: 1;
}

.placing-center {
  text-align: center !important;
  width: 100% !important;
  justify-content: center;
}

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

.action-center-td {
  justify-content: flex-end;
}

.wrapper-checkbox {
  display: block;
  position: relative;
  height: 16px;
}

.wrapper-checkbox input[type=checkbox]:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.wrapper-checkbox input[type=checkbox] {
  -webkit-appearance: none;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  outline: none;
}

.wrapper-checkbox .style4 {
  height: 16px;
  width: 26px;
  background-color: #ECEBF6;
  border-radius: 50px;
  transition: 0.3s;
}

.wrapper-checkbox .style4:before {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #65707F;
  border-radius: 50%;
  left: 2px;
  top: 2px;
  transition: 0.3s;
}

.wrapper-checkbox .style4:checked {
  background-color: #F8D4DA;
}

.wrapper-checkbox .style4:checked:before {
  background-color: #65707F;
  left: 12px;
}

.auth-layout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 112px;
  background: #ffffff;
  border-radius: 25px;
  height: 98vh;
}

.auth-layout .logo img {
  width: 160px;
}

.auth-layout .center-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auth-layout .center-row img {
  width: 570px;
}

.auth-layout .auth-wrapper .block-text .title {
  font-style: normal;
  font-weight: bold;
  font-size: 42px;
  line-height: 44px;
  color: #0B091A;
  margin-bottom: 16px;
  max-width: 384px;
}

.auth-layout .auth-wrapper .block-text .sub-title {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
  margin-bottom: 16px;
  width: 384px;
}

.auth-layout .auth-wrapper .login-form {
  padding-top: 24px;
  position: relative;
  max-width: 384px;
}

.auth-layout .auth-wrapper .login-form input {
  width: 100%;
}

.auth-layout .auth-wrapper .login-form .block-receive-email {
  padding: 16px;
  width: 384px;
  background: #00C1FF;
  border-radius: 4px;
}

.auth-layout .auth-wrapper .login-form .block-receive-email .img {
  width: 24px;
  height: 24px;
  background: #D7F5FF;
  mix-blend-mode: normal;
  border-radius: 4px;
  margin-bottom: 16px;
}

.auth-layout .auth-wrapper .login-form .block-receive-email .img img {
  width: 24px;
  height: 24px;
}

.auth-layout .auth-wrapper .login-form .block-receive-email .block-background {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.auth-layout .auth-wrapper .login-form .stay-logged-in-forgot-password-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.auth-layout .auth-wrapper .login-form .stay-logged-in-forgot-password-wrapper .stay-logged-in-wrapper label {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #0B091A;
}

.auth-layout .auth-wrapper .login-form .stay-logged-in-forgot-password-wrapper .forgot-password-link-wrapper {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #65707F;
  cursor: pointer;
}

.compression-size .layout-header {
  height: auto !important;
}

.compression-size .list-view-manager {
  justify-content: inherit;
  grid-row-gap: 10px;
}

.compression-size .active-filters-wrapper {
  height: auto;
}

.compression-size .base-layout-content {
  padding: 0 20px !important;
}

.compression-size .base-layout-content .dashboard-wrapper-mob .title {
  margin: 3px 0px;
  font-size: 20px;
  width: 60%;
}

.compression-size .base-layout-content .main-title {
  margin: 3px 0px;
  font-size: 20px;
}

.compression-size .base-layout-content .crumbs-wrapper .crumb .last {
  font-size: 12px;
}

.compression-size .base-layout-content .crumbs-wrapper .crumb a {
  font-size: 12px;
}

.compression-size .base-layout-content .date-slider-wrapper {
  margin: 4px 0;
}

.compression-size .base-layout-content .table-wrapper table tbody {
  height: 70vh;
}

.compression-size .base-layout-content .table-wrapper table tbody tr td {
  padding: 1px 2px;
}

.compression-size .base-layout-content .table-wrapper table thead tr th {
  padding: 1px 2px;
}

.compression-size .base-layout-content .top-heading-stack-buttons .crud-button .date-slider-wrapper .btn {
  font-size: 14px;
}

.compression-size .base-layout-content .top-heading-stack-buttons .crud-button .date-slider-wrapper .date-slide {
  font-size: 14px;
}

.base-layout {
  display: flex;
}

.base-layout .logo-mobile {
  display: none;
}

.base-layout .sidebar {
  max-width: 100px;
  background-color: #333333;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: calc(100vh - 16px);
  border-right: 8px solid #333333;
  z-index: 99;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.base-layout .sidebar .close-menu {
  display: none;
}

.base-layout .sidebar .bottom {
  padding-top: 15px;
}

.base-layout .sidebar .logo-sidebar img {
  max-width: 100px;
  margin-bottom: 10px;
}

.base-layout .sidebar .sidebar-button {
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
}

.base-layout .sidebar .sidebar-button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.base-layout .sidebar .sidebar-button .icon img {
  width: 24px;
}

.base-layout .sidebar .sidebar-button .icon img.logo {
  width: 90px;
}

.base-layout .sidebar .sidebar-button .title {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #65707F;
}

.base-layout .sidebar .sidebar-link {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  opacity: 0.7;
  transition: all 0.3s;
  text-decoration: none;
  margin-bottom: 16px;
}

.base-layout .sidebar .sidebar-link .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.base-layout .sidebar .sidebar-link .icon img {
  width: 24px;
}

.base-layout .sidebar .sidebar-link .title {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}

.base-layout .sidebar .sidebar-link.always-show {
  opacity: 1;
}

.base-layout .sidebar .sidebar-link.router-link-active {
  opacity: 1;
}

.base-layout .sidebar .sidebar-link.router-link-active .title {
  color: #fff;
}

.base-layout .sidebar .sidebar-link.logo {
  margin-bottom: 36px;
}

.base-layout .sidebar .sidebar-link:hover {
  opacity: 1;
}

.base-layout .sidebar .sidebar-link:hover .title {
  color: #ffffff;
}

.base-layout .sidebar .logo img {
  width: 100%;
}

.base-layout .base-layout-content-wrapper {
  width: 100%;
  background: #333333;
}

.base-layout .base-layout-content-wrapper .base-layout-content {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 25px;
  background: #ffffff;
  width: 100%;
  padding: 0 26px;
  height: calc(100vh - 16px);
}

.base-layout .menu-mobile {
  display: none;
}

.list-view-manager {
  display: grid;
  grid-row-gap: 12px;
  height: 100%;
  grid-template-rows: auto 1fr;
}

.list-view-manager .top {
  display: grid;
  grid-row-gap: 12px;
}

.list-view-manager .table {
  display: grid;
  align-content: space-between;
}

.list-view-manager.route-list .table-wrapper tbody {
  height: calc(100vh - 415px);
}

.list-view-manager .list-pagination {
  height: 40px;
  display: flex;
}

.list-view-manager .list-pagination .pagination-button {
  cursor: pointer;
  color: #65707F;
  height: 40px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-view-manager .list-pagination .pagination-button.current {
  font-weight: bold;
  cursor: default;
  color: #0B091A;
}

.list-view-manager .list-pagination .pagination-button.first:after {
  margin-left: 30px;
  content: "...";
}

.list-view-manager .list-pagination .pagination-button.last:before {
  margin-right: 30px;
  content: "...";
}

.list-view-manager .list-pagination .prev,
.list-view-manager .list-pagination .next {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #65707F;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  cursor: pointer;
}

.list-view-manager .list-pagination .prev.disabled,
.list-view-manager .list-pagination .next.disabled {
  background: #65707F;
  cursor: default;
}

.list-view-manager .list-pagination .prev.disabled img,
.list-view-manager .list-pagination .next.disabled img {
  opacity: 0.5;
}

.list-view-manager .list-pagination .prev {
  margin-right: 30px;
}

.list-view-manager .list-pagination .next {
  margin-left: 30px;
}

.list-view-manager .list-pagination .prev img {
  transform: rotate(180deg);
}

.list-view-manager .top-stack-buttons {
  display: flex;
}

.list-view-manager .top-stack-buttons button {
  margin-left: 15px;
}

.list-view-manager .list-columns-configurator-wrapper {
  position: absolute;
  top: 25px;
  right: 0;
}

.list-view-manager .list-columns-configurator-wrapper button {
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
  outline: none;
}

.list-view-manager .list-columns-configurator-wrapper button img {
  width: 25px;
  height: 25px;
}

.list-view-manager .list-columns-configurator-wrapper .config-wrapper {
  position: absolute;
  right: 30px;
  top: 30px;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 26px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 1;
}

.list-view-manager .list-columns-configurator-wrapper .config-wrapper .title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #65707F;
  margin-bottom: 16px;
}

.list-view-manager .list-columns-configurator-wrapper .config-wrapper .elements-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.active-filters-wrapper {
  height: 24px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.active-filters-wrapper .active-filter {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: rgba(101, 18, 18, 0.1019607843);
  margin-right: 8px;
  padding: 2px 32px 2px 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #413C69;
}

.active-filters-wrapper .active-filter img {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.entity-view-manager {
  transition: all 0.5s;
  height: 80%;
  width: 90%;
  padding: 8px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  overflow: hidden;
}

.entity-view-manager.small {
  height: 54%;
  min-height: 390px;
  width: 35%;
  max-width: 350px;
}

.entity-view-manager.trip-info-preview {
  height: 95%;
  width: 98%;
}

.entity-view-manager.popup-size-40-30 {
  height: 40%;
  width: 30%;
}

.entity-view-manager.popup-size-50 {
  height: 50%;
  width: 50%;
}

.entity-view-manager.popup-size-60 {
  height: 60%;
  width: 60%;
}

.entity-view-manager.popup-size-70 {
  height: 70%;
  width: 70%;
}

.entity-view-manager.popup-size-80 {
  height: 80%;
  width: 80%;
}

.entity-view-manager.popup-size-90 {
  height: 90%;
  width: 90%;
}

.entity-view-manager.popup-size-100 {
  height: 99%;
  width: 98%;
}

.fields-manager {
  padding-top: 15px;
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  flex-direction: column;
  overflow-y: auto;
}

.fields-manager .row {
  height: inherit;
  align-content: flex-start;
}

.fields-manager .row .field-wrapper.col-md-13 {
  height: inherit;
  overflow: hidden;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.fields-manager .row .field-wrapper.col-md-13 .main-block-activities-wrapper {
  height: inherit;
  overflow: hidden;
}

.field-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.field-wrapper label {
  display: block;
  text-transform: lowercase;
  color: #65707F;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.field-wrapper input,
.field-wrapper textarea {
  transition: all 0.3s;
  max-width: 100%;
}

.field-wrapper .field-icon {
  position: absolute;
  z-index: 2;
  top: 42px;
  right: 25px;
  cursor: pointer;
}

.field-wrapper .field-icon img {
  width: 24px;
  height: 24px;
}

.field-wrapper.has-errors input,
.field-wrapper.has-errors textarea {
  border-color: #ED6B95;
}

.field-wrapper .field-label {
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.field-wrapper .text-area-field {
  box-sizing: border-box;
  padding: 0 14px;
  width: 100%;
  color: #65707F;
  font-size: 16px;
  border: 1px solid #ECEBF6;
  border-radius: 4px;
  outline: none;
}

.field-wrapper .text-field {
  box-sizing: border-box;
  padding: 0 14px;
  width: 100%;
  color: #65707F;
  font-size: 16px;
  border: 1px solid #ECEBF6;
  border-radius: 4px;
  outline: none;
  height: 40px;
}

.field-wrapper .field-error {
  font-size: 12px;
  color: #ED6B95;
}

.places-table-wrapper .input-wrapper input {
  padding: 0 2px;
  width: 60px;
}

.checkbox-wrapper {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.checkbox-wrapper input[type=checkbox] {
  cursor: pointer;
  margin: 0;
}

.checkbox-wrapper label {
  margin: 0;
  height: 20px;
  padding-left: 16px !important;
}

.checkbox-wrapper input[type=checkbox]:checked + label:after,
.checkbox-wrapper input[type=checkbox]:not(:checked) + label:after {
  left: 2px;
  top: 7px;
}

.files-field-wrapper label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
}

.files-field-wrapper label img {
  margin-right: 10px;
}

.files-field-wrapper .files-input {
  visibility: hidden;
}

.files-field-wrapper .image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}

.files-field-wrapper .image-preview.gallery {
  display: flex;
  justify-content: space-around;
}

.files-field-wrapper .image-preview img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 10px;
}

.files-field-wrapper .image-preview .gallery-preview {
  position: relative;
}

.files-field-wrapper .image-preview .gallery-preview .buttons {
  display: flex;
  position: absolute;
  top: 0;
  justify-content: space-between;
  width: 100%;
}

.files-field-wrapper .image-preview .gallery-preview .buttons button {
  width: 25px;
  height: 25px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}

.files-field-wrapper .image-preview .gallery-preview .buttons button.delete {
  background: #ED6B95;
}

.files-field-wrapper .image-preview .gallery-preview .buttons button img {
  height: inherit;
  margin-bottom: 0;
}

.image-field-wrapper input {
  display: none;
}

.image-field-wrapper label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
}

.image-field-wrapper label img {
  margin-right: 10px;
}

.image-field-wrapper .image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-field-wrapper .image-preview.gallery {
  display: flex;
  justify-content: space-around;
}

.image-field-wrapper .image-preview img {
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 10px;
}

.image-field-wrapper .image-preview .gallery-preview {
  position: relative;
}

.image-field-wrapper .image-preview .gallery-preview .buttons {
  display: flex;
  position: absolute;
  top: 0;
  justify-content: space-between;
  width: 100%;
}

.image-field-wrapper .image-preview .gallery-preview .buttons button {
  width: 25px;
  height: 25px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}

.image-field-wrapper .image-preview .gallery-preview .buttons button.delete {
  background: #ED6B95;
}

.image-field-wrapper .image-preview .gallery-preview .buttons button.preview {
  background: #F8D4DA;
}

.image-field-wrapper .image-preview .gallery-preview .buttons button img {
  height: inherit;
  margin-bottom: 0;
}

.related-models-table-field-wrapper table {
  width: 100%;
}

.related-models-table-field-wrapper .field-wrapper {
  margin-bottom: 0;
}

.change-password-popup-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.change-password-popup-wrapper .show-hide-password {
  position: absolute;
  right: 16px;
  width: 18px;
  cursor: pointer;
}

.bus-places-field-wrapper .configurator-wrapper table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.bus-places-field-wrapper .configurator-wrapper table thead tr {
  background-color: #ffffff !important;
}

.bus-places-field-wrapper .configurator-wrapper table .draggable-handle {
  cursor: pointer;
}

.bus-places-field-wrapper .configurator-wrapper table .draggable-handle img {
  width: 25px;
}

.bus-places-field-wrapper .configurator-wrapper table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.bus-places-field-wrapper .configurator-wrapper table th,
.bus-places-field-wrapper .configurator-wrapper table td {
  padding: 2px;
  border: 1px solid #f7f7f7;
  max-width: 150px;
  color: #65707F;
  font-size: 12px;
}

.instructions-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.instructions-wrapper .place-types-wrapper {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.instructions-wrapper .instructions {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.instructions-wrapper .instructions pre {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0;
}

.instructions-wrapper .description {
  margin-right: 26px;
  font-size: 12px;
  color: #65707F;
  text-transform: uppercase;
}

.places-map-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 4px;
}

.places-map-wrapper .title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.places-map-wrapper .floor-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.places-map-wrapper .floor-tabs .tab-control {
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 4px;
  margin: 0 5px;
}

.places-map-wrapper .floor-tabs .tab-control.active {
  cursor: default;
  color: #ffffff;
  background-color: #65707F;
}

.places-map-wrapper .floor-wrapper {
  border: 1px solid #e6e0e0;
  border-radius: 4px;
  position: relative;
  display: grid;
  grid-gap: 10px;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto;
  padding: 20px 10px 10px;
  max-height: 300px;
}

.places-map-wrapper .place-wrapper {
  cursor: pointer;
  width: 35px;
  height: 35px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.places-map-wrapper .place-wrapper img {
  width: 25px;
  height: auto;
}

.places-map-wrapper .place-wrapper .tickets-count {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #EDB96B;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 12px;
}

.places-map-wrapper .place-wrapper .tickets-count-quota {
  position: absolute;
  top: -8px;
  left: -8px;
  background: red;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 12px;
}

.places-map-wrapper .place-wrapper.active-place {
  background: #63C09F;
}

.places-map-wrapper .place-wrapper.active-place .place-number {
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
}

.places-map-wrapper .place-wrapper.disabled-place {
  background: #ED6B95;
}

.places-map-wrapper .place-wrapper.ordered-place {
  background: #965800;
}

.places-map-wrapper .place-wrapper.booked-place {
  background: #EDB96B;
}

.places-map-wrapper .place-wrapper.closed {
  background: red;
}

.places-map-wrapper .place-wrapper.pass {
  background: rgba(0, 0, 0, 0.1);
}

.places-map-wrapper .place-wrapper.on-replacing {
  box-shadow: 0px 0px 20px 0px rgb(231, 166, 26);
}

.places-map-wrapper .place-wrapper .text-field {
  width: 100%;
  padding: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border: 2px solid #63C09F;
  transition: all 0.3s;
}

.places-map-wrapper .place-wrapper .text-field.has-error {
  border-color: #ED6B95;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}

.route-stations-field-wrapper .text-field {
  box-sizing: border-box;
  padding: 0 14px;
  width: 100%;
  color: #65707F;
  font-size: 12px;
  border: 1px solid #ECEBF6;
  border-radius: 4px;
  outline: none;
  height: 30px;
}

.route-stations-field-wrapper .transplantation-bus-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100% !important;
  padding: 0 !important;
}

.route-stations-field-wrapper .transplantation-bus-wrapper .transplantation-bus-select-wrapper {
  margin-bottom: 16px;
}

.route-stations-field-wrapper .transplantation-bus-wrapper .transplantation-bus-select-wrapper .title {
  font-weight: bold;
}

.route-stations-field-wrapper .transplantation-bus-wrapper .transplantation-bus-select-wrapper .v-select .vs__dropdown-toggle {
  min-width: 300px;
}

.route-stations-field-wrapper .table-wrapper table tbody tr:hover {
  background: #ffffff;
}

.route-stations-field-wrapper .table-wrapper table tbody tr.disabled:hover {
  background: #e7e6e6;
}

.route-stations-field-wrapper .table-wrapper table tbody tr td {
  font-size: 12px;
}

.route-stations-field-wrapper .station-wrapper {
  transition: all 0.3s;
}

.route-stations-field-wrapper .station-wrapper label {
  margin-bottom: 18px;
}

.route-stations-field-wrapper .station-wrapper .centered {
  text-align: center;
}

.route-stations-field-wrapper .station-wrapper.disabled {
  background: #e7e6e6;
}

.route-stations-field-wrapper .station-wrapper .vue__time-picker {
  width: 100%;
}

.route-stations-field-wrapper .station-wrapper .vue__time-picker input.display-time {
  text-align: center;
  box-sizing: border-box;
  padding: 0 14px;
  width: 140px;
  color: #65707F;
  font-size: 16px;
  border: 1px solid #ECEBF6;
  border-radius: 4px;
  outline: none;
  height: 40px;
  max-width: 100px;
  width: 50px !important;
  font-size: 12px !important;
  height: 30px !important;
  padding: 0 2px;
}

.route-stations-field-wrapper .station-wrapper .text-field {
  max-width: 100px;
  width: 50px !important;
  font-size: 12px !important;
  height: 30px !important;
  padding: 0 6px;
}

.route-stations-field-wrapper .station-wrapper .draggable-handle img {
  width: 16px;
  cursor: pointer;
}

.route-type-field-wrapper .days-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.route-type-field-wrapper .days-wrapper .day {
  font-size: 12px;
  margin-right: 10px;
}

.places-table-wrapper {
  max-height: 42vh;
  overflow-y: auto;
  overflow-x: auto;
}

.places-table-wrapper .heading {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 100%;
  color: #0B091A;
  z-index: 12;
}

.places-table-wrapper tr:nth-of-type(odd) {
  background: rgba(65, 60, 105, 0.1490196078);
}

.places-table-wrapper tr:nth-of-type(2n) {
  background: rgba(65, 60, 105, 0.3294117647);
}

.places-table-wrapper th {
  background: #ffffff;
  min-width: 100px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.places-table-wrapper table {
  width: 100%;
  position: relative;
  border-collapse: collapse;
}

.places-table-wrapper table {
  padding: 5px;
  border-collapse: collapse;
}

.places-table-wrapper table th {
  padding: 5px;
  border-bottom: 1px solid #ECEBF6;
}

.places-table-wrapper table td {
  padding: 10px;
}

.places-table-wrapper .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.places-table-wrapper .input-wrapper input {
  max-width: 100px;
}

.places-table-wrapper input {
  width: 50px !important;
  font-size: 12px !important;
  height: 30px !important;
}

.user-routes-field-wrapper .checkbox-select-all {
  padding-left: 20px;
}

.user-routes-field-wrapper table {
  width: 100%;
}

.user-routes-field-wrapper table th,
.user-routes-field-wrapper td {
  height: 50px;
}

.user-routes-field-wrapper td {
  height: 25px !important;
}

.user-routes-field-wrapper .checkbox {
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-routes-field-wrapper .checkbox label {
  height: 20px;
  margin-bottom: 0;
  padding-left: 16px !important;
}

.user-routes-field-wrapper .title {
  padding: 0 16px;
  text-align: left;
}

.permissions-group-wrapper {
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 16px;
  margin-bottom: 16px;
}

.permissions-group-wrapper .field-wrapper label {
  text-transform: none;
}

.permissions-group-wrapper .title {
  font-weight: bold !important;
  margin-right: 15px;
}

.main-filling-schedule table {
  width: 100% !important;
}

.main-filling-schedule .amount-place {
  width: 100% !important;
  opacity: 0.7 !important;
}

.change-bus-select-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.change-bus-select-wrapper .v-select.vs--single.vs--searchable .vs__selected-options {
  min-width: 200px;
}

.change-bus-current-step-description {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 16px;
}

.change-bus-current-step-description span {
  font-weight: bold;
  font-size: 16px;
}

.change-bus-description-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.change-bus-description-wrapper label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 16px;
}

.change-bus-description-wrapper textarea {
  outline: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
}

.outside-system-routes-field-wrapper .table-wrapper tbody {
  height: auto;
}

.outside-system-routes-field-wrapper .table-wrapper table thead tr th:first-child {
  width: auto;
}

.outside-system-routes-field-wrapper .table-wrapper table tbody tr td:first-child {
  width: auto;
}

.monthly-trip-widget-filter {
  align-items: center;
  display: grid;
  grid-template-columns: 0.4fr 1fr 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;
  grid-column-gap: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin-bottom: 20px;
  align-items: center;
  padding: 15px;
  margin-right: 25px;
  font-size: 12px;
}

.monthly-trip-widget-filter .field-wrapper {
  margin-bottom: 0;
}

.monthly-trip-widget-filter .vs__dropdown-toggle {
  height: 30px !important;
}

.monthly-trip-widget-filter .vs__dropdown-toggle input {
  font-size: 12px !important;
}

.monthly-trip-widget-filter .vs__open-indicator,
.monthly-trip-widget-filter .vs__clear {
  transform: scale(0.7) !important;
}

.monthly-trip-widget-filter .button-refresh {
  height: 30px;
  font-size: 11px;
  text-transform: uppercase;
}

.chart-wrapper {
  display: grid;
  grid-template-columns: minmax(500px, 1fr) minmax(350px, 0.6fr);
  grid-column-gap: 10px;
  margin-right: 25px;
}

.border-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}

.border-wrapper hr {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 0px;
}

.content-wrapper-widget {
  padding: 10px;
}

@media only screen and (max-width: 991px) {
  .monthly-trip-widget-filter {
    grid-template-columns: 1fr;
    margin-right: 0;
    grid-row-gap: 10px;
  }

  .chart-wrapper {
    margin-right: 0;
    grid-template-columns: 1fr;
  }

  .chart-wrapper #barbymonthes-chart {
    width: 100% !important;
  }

  .chart-wrapper {
    margin-right: 0;
  }

  .dashboard-wrapper-list-wrapper .short-trip-list-wrapper {
    margin-right: 0 !important;
  }

  #pie-chart {
    width: 350px !important;
    height: 300px !important;
  }

  .content-wrapper-widget {
    padding: 0px;
  }
}

.list-filters-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  transition: all 0.5s;
  background: #333333;
  z-index: 100;
  width: 496px;
  height: 100%;
  padding: 32px 40px 32px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #ffffff;
}

.list-filters-wrapper .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.list-filters-wrapper .header .title {
  font-size: 28px;
  color: #ffffff;
  font-weight: bold;
}

.list-filters-wrapper .header .close-button {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
}

.list-filters-wrapper .content {
  height: 100%;
}

.list-filters-wrapper .footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.list-filters-wrapper .footer .apply {
  height: 40px;
  background: #65707F;
  border: none;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 16px;
  display: flex;
  color: #ffffff;
  padding: 0 24px;
  align-items: center;
  outline: none;
  cursor: pointer;
  margin-right: 16px;
}

.list-filters-wrapper .footer .apply:disabled {
  color: rgba(255, 255, 255, 0.52);
}

.list-filters-wrapper .footer .reset {
  height: 40px;
  background: transparent;
  border: none;
  color: #ffffff;
  outline: none;
  letter-spacing: 1px;
  padding: 0 24px;
  align-items: center;
  cursor: pointer;
}

.list-filters-wrapper .footer .reset:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.list-filters-wrapper .right-border-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 8px solid #333333;
  border-right: none;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.list-filters-wrapper .right-border-wrapper .top {
  position: absolute;
  top: -8px;
  width: 15px;
}

.list-filters-wrapper .right-border-wrapper .bottom {
  position: absolute;
  bottom: -8px;
  width: 15px;
}

.list-filters-wrapper .right-border-wrapper .right-border-content {
  background: #ffffff;
  height: 100%;
  width: 8px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.list-filters-wrapper .filter-wrapper {
  margin-bottom: 15px;
}

.list-filters-wrapper .filter-wrapper .filter-label {
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}

.list-filters-wrapper .filter-wrapper input {
  background-color: #ffffff;
}

.list-filters-wrapper .filter-wrapper .v-select {
  background-color: #ffffff;
}

.last .change-status-column-wrapper .dropdown {
  right: 110%;
  top: unset;
  bottom: 0;
}

.complaint_on_ticket textarea {
  height: 150px;
  padding: 5px 15px !important;
}

.change-status-column-wrapper {
  position: relative;
}

.change-status-column-wrapper .current-value {
  cursor: pointer;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.change-status-column-wrapper .current-value.status-column {
  position: relative;
  padding-left: 15px;
  display: flex;
  align-items: center;
}

.change-status-column-wrapper .current-value.status-column:after {
  content: url("/images/uikit/down.svg");
  height: 24px;
}

.change-status-column-wrapper .current-value.status-column:before {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 50%;
}

.change-status-column-wrapper .current-value.success:before {
  background: #63C09F;
}

.change-status-column-wrapper .current-value.warning:before {
  background: #EDB96B;
}

.change-status-column-wrapper .current-value.error:before {
  background: #00c1ff;
}

.change-status-column-wrapper .current-value.complaint_on_ticket:before {
  background: #ffdd00;
}

.change-status-column-wrapper .current-value.cancelled:before {
  background: #ED6B95;
}

.change-status-column-wrapper .current-value.unknown:before {
  background: #000000;
}

.change-status-column-wrapper .current-value.annulled:before {
  background: purple;
}

.change-status-column-wrapper .current-value.disabled {
  cursor: not-allowed;
}

.change-status-column-wrapper .current-value.disabled:before {
  opacity: 0.5;
}

.change-status-column-wrapper .dropdown {
  position: absolute;
  right: 110%;
  top: 0px;
  padding: 8px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  z-index: 3;
}

.change-status-column-wrapper .dropdown .item {
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  background: #ffffff;
  position: relative;
  padding-left: 18px;
}

.change-status-column-wrapper .dropdown .item.active {
  background: #333333;
  color: #ffffff;
  cursor: default;
}

.change-status-column-wrapper .dropdown .item:before {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 50%;
  margin-left: 3px;
}

.change-status-column-wrapper .dropdown .item.success:before {
  background: #63C09F;
}

.change-status-column-wrapper .dropdown .item.warning:before {
  background: #EDB96B;
}

.change-status-column-wrapper .dropdown .item.error:before {
  background: #00c1ff;
}

.change-status-column-wrapper .dropdown .item.complaint_on_ticket:before {
  background: #ffdd00;
}

.change-status-column-wrapper .dropdown .item.cancelled:before {
  background: #ED6B95;
}

.change-status-column-wrapper .dropdown .item.unknown:before {
  background: #000000;
}

.change-status-column-wrapper .dropdown .item.annulled:before {
  background: purple;
}

.change-status-column-wrapper .dropdown .item.disabled {
  cursor: not-allowed;
}

.change-status-column-wrapper .dropdown .item.disabled:before {
  opacity: 0.5;
}

.additional-actions-column-wrapper {
  position: relative;
}

.additional-actions-column-wrapper .open-dropdown {
  cursor: pointer;
  padding: 5px;
  box-shadow: 0 100px 80px rgba(0, 0, 0, 0.07), 0 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  text-align: center;
}

.additional-actions-column-wrapper .dropdown {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  right: 110%;
  top: 0;
  padding: 8px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  z-index: 3;
}

.additional-actions-column-wrapper .dropdown .item {
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  background: #ffffff;
}

.additional-actions-column-wrapper .dropdown .item.active {
  background: #65707F !important;
  color: #000000 !important;
  cursor: default;
}

.additional-actions-column-wrapper .dropdown .item:hover {
  background: #333333;
  color: #ffffff;
}

.additional-actions-column-wrapper .action-button {
  cursor: pointer;
  padding: 5px 16px 5px 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.additional-actions-column-wrapper .action-button:last-child {
  margin-bottom: 0;
}

.additional-actions-column-wrapper .action-button .icon {
  display: flex;
}

.additional-actions-column-wrapper .action-button .icon img {
  height: 24px;
  width: 24px;
}

.additional-actions-column-wrapper .action-button .title {
  margin-left: 16px;
  color: #0B091A;
}

.change-lang-column-wrapper {
  position: relative;
  width: 70px;
  margin-bottom: 15px;
}

.change-lang-column-wrapper .sidebar-button .icon img {
  border-radius: 50%;
}

.change-lang-column-wrapper .current-value {
  cursor: pointer;
  padding: 5px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
}

.change-lang-column-wrapper .dropdown {
  position: absolute;
  left: 20px;
  bottom: 110%;
  padding: 8px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  z-index: 3;
}

.change-lang-column-wrapper .dropdown .item {
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  background: #ffffff;
  display: flex;
  align-items: center;
}

.change-lang-column-wrapper .dropdown .item img {
  width: 22px;
  height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
  margin-right: 15px;
}

.change-lang-column-wrapper .dropdown .item.active {
  background: #65707F !important;
  color: #000000 !important;
  cursor: default;
}

.change-lang-column-wrapper .dropdown .item:hover {
  background: #333333;
  color: #ffffff;
}

.reorder-column-wrapper img {
  cursor: pointer;
}

.link-column {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #65707F;
  border-bottom: 1px solid #65707F;
  text-decoration: none;
}

.layout-header {
  position: relative;
}

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

.center-flex {
  justify-content: center !important;
}

.bold {
  font-weight: 900;
}

.crud-button {
  display: flex;
}

.crud-button button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.crud-button button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.crud-button button.create {
  background: #65707F;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  padding: 0 20px 0 10px;
  display: flex;
  align-items: center;
  height: 40px;
}

.crud-button button.create img {
  margin-right: 5px;
}

.crud-button button.create .title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.crud-button button.create.blue-bg {
  background: #00C1FF;
  color: #ffffff;
}

.crud-button button.entry-button {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.crud-button button.entry-button.toggle-active.active {
  background: #63C09F;
}

.crud-button button.entry-button.toggle-active.inactive {
  background: #ED6B95;
}

.crud-button button.entry-button.toggle-active img {
  height: 16px;
}

.cursor-pointer {
  cursor: pointer;
}

.generate-trips {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00C1FF;
}

.crud-button .generate-trips {
  width: 25px;
  height: 25px;
}

.crud-button .generate-trips span {
  display: none;
}

.footer-left-buttons .generate-trips {
  height: 40px;
  width: auto;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}

.footer-left-buttons .generate-trips img {
  margin-right: 16px;
}

.download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.crud-button .download-button {
  width: 25px;
  height: 25px;
}

.crud-button .download-button img {
  width: 25px;
  height: 25px;
}

.crud-button .download-button span {
  display: none;
}

.footer-left-buttons .download-button {
  height: 40px;
  width: auto;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}

.footer-left-buttons .download-button img {
  margin-right: 16px;
}

.footer-left-buttons .download-button span {
  display: block;
}

.download-excel-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.crud-button .download-excel-button {
  width: 25px;
  height: 25px;
}

.crud-button .download-excel-button span {
  display: none;
}

.crud-button .download-excel-button img {
  width: 20px;
  height: 20px;
}

.print-ticket-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.print-ticket-button img {
  width: 18px;
}

.crud-button .print-ticket-button {
  width: 25px;
  height: 25px;
}

.crud-button .print-ticket-button span {
  display: none;
}

.sent-ticket-to-email-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.crud-button .sent-ticket-to-email-button {
  width: 25px;
  height: 25px;
}

.crud-button .sent-ticket-to-email-button span {
  display: none;
}

.footer-left-buttons .sent-ticket-to-email-button {
  height: 40px;
  width: auto;
  padding: 0 20px;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}

.footer-left-buttons .sent-ticket-to-email-button img {
  margin-right: 16px;
}

.footer-left-buttons .sent-ticket-to-email-button span {
  display: block;
}

.btn-danger {
  background: #ED6B95 !important;
}

.btn-confirm {
  background: #00C1FF !important;
}

.btn-cancel {
  background: #FFFFFF !important;
}

.entity-header {
  background: #333333;
  border-radius: 4px;
  color: #ffffff;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.entity-header .title {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
}

.entity-header .buttons {
  display: flex;
  align-items: center;
}

.entity-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}

.entity-footer .buttons {
  display: flex;
  align-items: center;
}

.entity-content-wrapper {
  height: 100%;
  overflow: hidden;
  margin: 8px 0;
  display: flex;
  flex-direction: column;
}

.entity-content-wrapper .entity-content {
  padding: 0 16px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.entity-content-wrapper .entity-content .driver .places-map-wrapper .instructions-wrapper {
  display: none;
}

.entity-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  top: 0;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.active:before,
.active.status-color:before {
  background-color: #63C09F;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.cancelled:before,
.cancelled.status-color:before {
  background-color: #ED6B95;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.finished:before,
.finished.status-color:before {
  background-color: #00C1FF;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.in_road:before,
.in_road.status-color:before {
  background-color: #EDB96B;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.in_unlegular:before,
.in_unlegular.status-color:before {
  background-color: #000000;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.success:before,
.success.status-color:before {
  background: #63C09F;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.warning:before,
.warning.status-color:before {
  background: #EDB96B;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.error:before,
.error.status-color:before {
  background: #00c1ff;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.complaint_on_ticket:before,
.complaint_on_ticket.status-color:before {
  background: #ffdd00;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.unknown:before,
.unknown.status-color:before {
  background: #000000;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.disabled,
.disabled.status-color {
  cursor: not-allowed;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.disabled:before,
.disabled.status-color:before {
  opacity: 0.5;
}

.pad-l-15 {
  padding-left: 15px !important;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status {
  border-left: 1px solid #63C09F;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .cancelled.color-status {
  border-left: 1px solid #ED6B95;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .finished.color-status {
  border-left: 1px solid #00C1FF;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .in_road.color-status {
  border-left: 1px solid #EDB96B;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .success.color-status {
  border-left: 1px solid #63C09F;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .warning.color-status {
  border-left: 1px solid #EDB96B;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .error.color-status {
  border-left: 1px solid #00c1ff;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .complaint_on_ticket.color-status {
  border-left: 1px solid #ffdd00;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .unknown.color-status {
  border-left: 1px solid #000000;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .disabled.color-status {
  cursor: not-allowed;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .disabled.color-status:before {
  opacity: 0.5;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .active {
  background-color: #63C09F;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .cancelled {
  background-color: #ED6B95;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .finished {
  background-color: #00C1FF;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .in_road {
  background-color: #EDB96B;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .success {
  background-color: #63C09F;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .warning {
  background-color: #EDB96B;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .error {
  background-color: #00c1ff;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .complaint_on_ticket {
  background-color: #ffdd00;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .unknown {
  background-color: #000000;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check .default {
  background-color: #999999;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .disabled.check {
  cursor: not-allowed;
}

.status-color {
  color: #000;
  border-radius: 4px;
  padding-left: 15px;
  position: relative;
  display: block;
}

.status-color:before {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 50%;
}

.btn {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 20px !important;
  border: none;
  outline: none;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  color: #000000;
}

.btn.purple-bg {
  background: #F8D4DA;
}

.btn.blue-bg {
  background: #00C1FF;
  color: #ffffff;
}

.btn.white-bg {
  background: #ffffff;
}

.btn.grey-bg {
  background: #65707F;
  color: #ffffff;
}

.btn.red-bg {
  background: rgb(237, 107, 149);
  color: #ffffff;
}

.btn.yellow-bg {
  background: #edb96b;
  color: #ffffff;
}

.btn.done {
  padding-right: 44px !important;
}

.btn.done::after {
  content: " ";
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-image: url("/images/tickW.svg");
}

.btn.done.blue-bg:after {
  background-image: url("/images/icons/tick-white.svg");
}

.btn.disabled {
  cursor: unset;
}

.btn.disabled.arrow-after:after {
  opacity: 0.4;
}

.btn.change-password {
  padding: 0 20px 0 44px !important;
  color: #ffffff;
}

.btn.change-password::after {
  content: " ";
  display: block;
  position: absolute;
  top: 14px;
  left: 14px;
  width: 16px;
  height: 16px;
  background-image: url("/images/icons/key-solid.svg");
}

.btn.arrow-after:after {
  margin-left: 10px;
  content: url("/images/uikit/arrow_right.svg");
}

.btn.arrow-before:before {
  margin-right: 10px;
  content: url("/images/uikit/arrow_left.svg");
}

.tabs-wrapper {
  display: flex;
}

.tabs-wrapper .tab {
  margin-right: 5px;
  cursor: pointer;
  transition: all 0.3s;
  border-bottom: 2px solid #ffffff;
  padding: 8px 16px;
}

.tabs-wrapper .tab.active {
  cursor: default;
  border-bottom: 2px solid #333333;
}

.tabs-wrapper .tab:hover {
  border-bottom: 2px solid #333333;
}

.content-wrapper {
  display: flex;
  height: 100%;
}

.language-controls-wrapper {
  padding-top: 18px;
  height: 100%;
  margin-right: 26px;
}

.language-controls-wrapper .language-control {
  transition: all 0.3s;
  padding: 15px;
  font-size: 14px;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ddd;
  border-top: none;
  position: relative;
}

.language-controls-wrapper .language-control .flag img {
  width: 44px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}

.language-controls-wrapper .language-control:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 1px solid #ddd;
}

.language-controls-wrapper .language-control:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.language-controls-wrapper .language-control.active {
  background: #F8D4DA;
  cursor: default;
  border-left-color: #F8D4DA;
  border-right-color: #F8D4DA;
}

.language-controls-wrapper .language-control.active:after {
  transition: all 0.3s;
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #F8D4DA;
}

span.language-code {
  color: #333333;
  display: block;
  width: 28px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
}

.table-wrapper {
  box-sizing: initial;
}

.table-wrapper.short-trip-list table thead tr {
  border-bottom: 0px solid #ECEBF6;
}

.table-wrapper.short-trip-list table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #65707F;
}

.table-wrapper.short-trip-list table thead tr th:first-child {
  width: 3%;
}

.table-wrapper.short-trip-list table thead tr th.name {
  width: 23%;
}

.table-wrapper.short-trip-list table thead tr th.bus_name {
  width: 20%;
}

.table-wrapper.short-trip-list table thead tr th.passengers {
  width: 14%;
}

.table-wrapper.short-trip-list table thead tr th.sum {
  width: 16%;
}

.table-wrapper.short-trip-list table thead tr th.status {
  width: 17%;
}

.table-wrapper.short-trip-list table thead tr th:last-child {
  width: 7%;
}

.table-wrapper.short-trip-list table tbody {
  grid-row-gap: 5px;
}

.table-wrapper.short-trip-list table tbody .td-row {
  margin: 3px 0;
  height: 50px;
  border: 0.25px solid rgba(153, 153, 153, 0.2705882353);
  border-radius: 6px;
}

.table-wrapper.short-trip-list table tbody .td-row:nth-child(odd) {
  background-color: #EDEDEF;
}

.table-wrapper.short-trip-list table tbody .td-row:hover {
  background: rgba(255, 0, 0, 0.1019607843);
}

.table-wrapper.short-trip-list table tbody .td-row:hover.no-hover {
  background: #ffffff;
}

.table-wrapper.short-trip-list table tbody .td-row tr {
  height: inherit;
  position: relative;
}

.table-wrapper.short-trip-list table tbody .td-row tr:hover {
  background: none;
}

.table-wrapper.short-trip-list table tbody .td-row tr td {
  height: inherit;
  font-size: 12px;
  padding: 0px 10px;
  vertical-align: middle;
}

.table-wrapper.short-trip-list table tbody .td-row tr td:first-child:before {
  content: "";
  position: absolute;
  border-radius: 6px 0 0 6px;
  width: 5px;
  height: 100%;
  left: 0;
  top: 0px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
  width: 50px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td:last-child {
  width: 60px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.passengers {
  width: 140px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.sum-sales .backtrip {
  font-size: 10px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip {
  font-size: 12px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip.statistic-passengers {
  font-style: normal;
  font-weight: 300;
  font-size: 8px;
  line-height: 9px;
  display: flex;
  justify-content: space-between;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip.top {
  border-bottom: 0.25px solid #999999;
  padding-bottom: 3.5px;
  margin-bottom: 3.5px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip.bottom {
  border-top: 0.25px solid #999999;
  padding-top: 3.5px;
  margin-top: 3.5px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip button img {
  width: 9px;
  height: 7px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip button .doc-small {
  width: 10px;
  height: 10px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .backtrip button .doc-large {
  width: 16px;
  height: 16px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .date-price {
  display: flex;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .main_trip {
  font-weight: 400;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .main_trip.statistic-passengers {
  font-style: normal;
  font-weight: 500;
  font-size: 10.3218px;
  line-height: 12px;
  display: flex;
  justify-content: space-between;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .crud-button {
  grid-column-gap: 10px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .data-price {
  color: #666666;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .data-price .name-route {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .color-status {
  padding-left: 10px;
}

.table-wrapper.short-trip-list table tbody .td-row tr td .color-status .departuretime {
  font-size: 10px;
  font-weight: bold;
}

.table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
  width: 3%;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.name {
  width: 23%;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.bus {
  width: 20%;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.passengers {
  width: 14%;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.sum {
  width: 16%;
}

.table-wrapper.short-trip-list table tbody .td-row tr td.status {
  width: 17%;
}

.table-wrapper.short-trip-list table tbody .td-row tr td:last-child {
  width: 7%;
}

.table-wrapper table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
}

.table-wrapper table thead {
  display: table;
  table-layout: fixed;
}

.table-wrapper table thead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ECEBF6;
}

.table-wrapper table thead tr th {
  text-align: left;
  padding: 5px 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #65707F;
}

.table-wrapper table thead tr th:first-child {
  width: 50px;
}

.table-wrapper table tfoot {
  display: table;
  table-layout: fixed;
}

.table-wrapper table tfoot tr {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ECEBF6;
}

.table-wrapper table tfoot tr td {
  text-align: left;
  padding: 5px 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #65707F;
}

.table-wrapper table tfoot tr td:first-child {
  width: 50px;
}

.table-wrapper table tbody {
  display: block;
  height: calc(100vh - 400px);
  overflow: auto;
  width: 100%;
}

.table-wrapper table tbody tr {
  transition: all 0.3s;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.table-wrapper table tbody tr.hover {
  background: rgba(255, 0, 0, 0.1019607843);
}

.table-wrapper table tbody tr:hover {
  background: rgba(255, 0, 0, 0.1019607843);
}

.table-wrapper table tbody tr:hover.no-hover {
  background: #ffffff;
}

.table-wrapper table tbody tr td {
  text-align: left;
  padding: 5px 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #0B091A;
}

.table-wrapper table tbody tr td:first-child {
  width: 50px;
}

.table-wrapper table tbody tr td .entry-buttons-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.table-wrapper table tbody tr td .entry-buttons-wrapper .lock-routes {
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-wrapper table tbody tr td .entry-buttons-wrapper .crud-button {
  margin-right: 10px;
}

.table-wrapper table tbody tr td .entry-buttons-wrapper .crud-button:last-child {
  margin-right: 0;
}

.table-wrapper table tbody tr.last td .dropdown {
  top: unset;
  bottom: 0;
  right: 110%;
}

.table-wrapper.channel-sale table tbody {
  display: block;
  height: auto;
  overflow: auto;
  width: 100%;
}

.table-wrapper.channel-sale table tbody td .booking {
  border: 1px solid #000;
  padding: 3px;
}

.table-wrapper.channel-sale table tfoot td .booking {
  border: 1px solid #000;
  padding: 3px;
}

.table-wrapper.sales td {
  width: 100px;
}

.table-wrapper.sales td:first-of-type {
  width: 100px;
}

.grid-table {
  display: grid;
  grid-gap: 16px;
  max-height: 40vh;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 50px;
}

.grid-table.quota {
  max-height: initial;
  height: auto;
}

.grid-table .table-heading {
  font-size: 8px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

.grid-table .table-heading:first-child {
  text-align: left;
}

.grid-table .field.field-wrapper .v-select.vs--single.vs--searchable {
  width: 100%;
}

.grid-table .table-footer .crud-button .create {
  padding-top: 3px;
  padding-bottom: 3px;
}

.grid-table .table-footer .crud-button .create .title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}

.grid-table .field {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-table .field label {
  margin-bottom: 18px;
  padding-left: 16px !important;
}

.grid-table .field-wrapper {
  margin-bottom: 0;
}

.grid-table .field-wrapper.select-place .v-select {
  width: 100%;
}

.grid-table .field-wrapper.select-place .v-select .vs__dropdown-toggle {
  width: 100%;
  min-height: 40px;
  height: unset;
}

.grid-table .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 24px;
}

.list-filters-button-wrapper {
  margin-right: 15px;
}

.list-filters-button-wrapper .crud-button button {
  width: 40px;
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-filters-button-wrapper .crud-button button.active {
  background: #F8D4DA;
}

.date-slider-wrapper {
  width: 100%;
  margin: 16px 0;
  display: grid;
  grid-template-columns: 30px 1fr 30px 170px;
  grid-gap: 8px;
  margin: 5px 0;
}

.date-slider-wrapper .carousel-control {
  display: flex;
  justify-content: flex-start;
}

.date-slider-wrapper .carousel-control:first-child {
  justify-content: flex-end;
}

.date-slider-wrapper .carousel-control img {
  width: 6.32px;
  cursor: pointer;
  height: 10.2px;
  top: 5px;
  position: relative;
}

.date-slider-wrapper .date-slide {
  position: relative;
  border: 2px solid #ecebf6;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 11px;
  padding: 5px 12px;
  cursor: pointer;
  margin: 0 8px;
}

.date-slider-wrapper .date-slide.active {
  border-color: #65707F;
  background: #65707F;
  color: #ffffff;
}

.date-slider-wrapper .date-slide.today:after {
  content: " ";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 10px;
  height: 10px;
  background: rgb(99, 192, 159);
  border-radius: 50%;
}

.date-slider-wrapper .btn {
  height: 26px;
}

.top-heading-stack-buttons .crud-button {
  width: 100%;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper {
  width: 100%;
  margin: 16px 0;
  display: grid;
  grid-template-columns: 30px 1fr 30px 170px;
  grid-gap: 8px;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .carousel-control {
  display: flex;
  justify-content: flex-start;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .carousel-control:first-child {
  justify-content: flex-end;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .carousel-control img {
  width: 6.32px;
  cursor: pointer;
  height: 10.2px;
  top: 5px;
  position: relative;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .date-slide {
  position: relative;
  border: 2px solid #ecebf6;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 11px;
  padding: 5px 12px;
  cursor: pointer;
  margin: 0 8px;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .date-slide.active {
  border-color: #65707F;
  background: #65707F;
  color: #ffffff;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .date-slide.today:after {
  content: " ";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 10px;
  height: 10px;
  background: rgb(99, 192, 159);
  border-radius: 50%;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .btn {
  height: 26px;
}

.top-heading-stack-buttons .crud-button .date-slider-wrapper .carousel-control img {
  top: 3px;
  width: 10px;
  height: 20px;
}

.apply-driver {
  top: -5px;
  position: relative;
}

.tickets-reassign-manager .table-wrapper table tbody {
  height: 50vh;
}

.grid-center {
  display: grid;
  align-items: center;
  justify-content: center;
}

.block-add-ticket.driver {
  grid-template-columns: 1fr 150px;
}

.block-add-ticket.driver .block-from-to {
  width: 100%;
  display: flex;
}

.block-add-ticket.driver .block-from-to .v-select {
  width: 50%;
  margin: 0 15px;
}

.phone-operator {
  display: flex;
  justify-content: center;
}

.phone-operator a {
  color: #000000 !important;
  text-decoration: none;
}

.phone-operator img {
  width: 21px !important;
  height: 21px !important;
  margin-right: 5px !important;
}

.block-add-user {
  grid-template-columns: 1fr 150px;
}

.driver .select-driver-wrapper {
  width: 50%;
}

.driver .select-driver-wrapper label {
  margin: 0 15px;
}

.driver .select-driver-wrapper .v-select {
  margin: 0 15px;
}

.trip-management .trip-info {
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.trip-management .trip-management-table {
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 25px;
}

.trip-management .trip-management-table .heading {
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
}

.trip-management .trip-stations-grid-columns {
  display: grid;
  grid-template-columns: 50px 20% 10% 10% 15% 10% 20% 1fr;
}

.trip-management .station-wrapper .station {
  margin-top: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
}

.trip-management .station-wrapper .station .manager-check {
  display: flex;
  align-items: center;
  justify-content: center;
}

.trip-management .station-wrapper .station .manager-check img {
  width: 20px;
  cursor: pointer;
}

.trip-management .station-wrapper .station .arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}

.trip-management .station-wrapper .station .arrow img {
  width: 20px;
  height: 20px;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s;
}

.trip-management .station-wrapper .station .arrow.opened img {
  transform: rotate(-90deg);
}

.trip-management .station-wrapper .station-tickets-wrapper {
  transition: all 0.3s;
}

.trip-management .station-wrapper .station-tickets-wrapper .change-status-column-wrapper .dropdown {
  flex-direction: column;
}

.trip-management .station-wrapper .station-tickets-wrapper .change-status-column-wrapper .dropdown .item {
  width: 100%;
}

.trip-management .station-wrapper .station-tickets-wrapper .change-status-column-wrapper .dropdown .item.active {
  color: #fff;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .heading {
  padding-top: 6px;
  margin-top: 15px;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns {
  display: grid;
  grid-template-columns: 3% 15% 15% 7% 15% 20% 15% 10%;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(65, 60, 105, 0.031372549);
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns div.check {
  justify-content: center;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .ticket {
  height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .ticket label {
  height: 24px;
  padding-left: 18px;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .add-ticket-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 6px;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .add-ticket-wrapper .list-title {
  font-weight: bold;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .add-ticket-wrapper .left-position-buttons {
  display: flex;
  grid-column-gap: 10px;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .add-ticket-wrapper .change-bus-button {
  cursor: pointer;
}

.trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .add-ticket-wrapper .change-bus-button img {
  width: 20px;
  height: 20px;
}

.tickets-table {
  width: 100%;
}

.tickets-table thead tr th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.tickets-table tr th,
.tickets-table tr td {
  padding: 10px;
  text-align: center;
}

.tickets-table tr th .ticket-status,
.tickets-table tr td .ticket-status {
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
}

.store-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.store-button-wrapper.with-actions .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.store-button-wrapper .open-dropdown-btn {
  height: 40px;
  width: 40px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  outline: none;
  background: #65707F;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.store-button-wrapper .dropdown-wrapper {
  position: absolute;
  bottom: 110%;
  right: 0;
  padding: 8px;
  box-shadow: 0px 0 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  background-color: #ffffff;
  border-radius: 4px;
  z-index: 3;
}

.store-button-wrapper .dropdown-wrapper .action {
  padding: 8px 16px;
  border-radius: 4px;
  transition: all 0.3s;
  margin-bottom: 8px;
}

.store-button-wrapper .dropdown-wrapper .action:last-child {
  margin-bottom: 0;
}

.store-button-wrapper .dropdown-wrapper .action:hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.store-button-wrapper .dropdown-wrapper .action.current {
  background: #65707F;
  cursor: default;
  color: #ffffff;
}

.reassign-tickets-before-close-sales-modal-wrapper .table-wrapper {
  box-sizing: border-box;
}

.reassign-tickets-before-close-sales-modal-wrapper tbody {
  height: auto !important;
  display: inherit !important;
}

.reassign-tickets-before-close-sales-modal-wrapper tbody.opened {
  border: 2px solid #333333;
  border-radius: 4px;
}

.reassign-tickets-before-close-sales-modal-wrapper .arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.reassign-tickets-before-close-sales-modal-wrapper .arrow.opened img {
  transform: rotate(-90deg);
}

.reassign-tickets-before-close-sales-modal-wrapper .arrow img {
  cursor: pointer;
  width: 20px;
  height: 20px;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s;
}

.reassign-tickets-before-close-sales-modal-wrapper .title-tickets {
  font-size: 16px;
  font-weight: bold;
}

.reassign-tickets-before-close-sales-modal-wrapper tr.ticket-row-wrapper td .change-status-column-wrapper .dropdown {
  right: 110%;
  top: -145px;
}

.panels-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 26px;
}

.panels-wrapper .panels {
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 26px;
  padding: 10px 15px 60px;
}

.panels-wrapper .panels .panel-card {
  display: block;
  padding: 25px 0;
  border-radius: 4px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  text-decoration: none;
}

.panels-wrapper .panels .panel-card:hover {
  box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05);
}

.panels-wrapper .panels .panel-card .icon {
  text-align: center;
  margin-bottom: 10px;
}

.panels-wrapper .panels .panel-card .icon img {
  height: 50px;
}

.panels-wrapper .panels .panel-card .title {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #413C69;
  letter-spacing: 1px;
}

.short-trip-list-wrapper .default {
  text-align: center;
  width: 25px;
}

.short-trip-list-wrapper .red {
  color: #FF0000;
}

.short-trip-list-wrapper .yellow {
  color: rgba(255, 165, 0, 0.5490196078);
}

.short-trip-list-wrapper .green {
  color: #669900;
}

.short-trip-list-wrapper .bus {
  color: #000000;
}

.short-trip-list-wrapper .VueCarousel-inner {
  grid-column-gap: 16px;
}

.short-trip-list-wrapper .VueCarousel-inner .VueCarousel-slide:first-child .date-slide {
  margin-left: 0;
}

.short-trip-list-wrapper .VueCarousel-inner .VueCarousel-slide:last-child .date-slide {
  margin-right: 0;
}

.short-trip-list-wrapper .header-short-trip-list {
  display: grid;
  grid-template-columns: 1fr 350px;
}

.short-trip-list-wrapper .header-short-trip-list .allShowDropdown {
  display: none;
}

.short-trip-list-wrapper .header-short-trip-list .allShowDropdown button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.short-trip-list-wrapper .header-short-trip-list .mobile-today {
  height: 25px !important;
  margin-bottom: 10px;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper {
  grid-template-columns: 30px auto 30px 1fr;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide {
  font-size: 11px;
  position: relative;
  border: 2px solid #EDEDEF;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  padding: 0;
  cursor: pointer;
  margin: 0;
  height: 22px;
  width: 76px;
  background: #EDEDEF;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide.b-red::after {
  background-color: rgba(255, 0, 0, 0.6196078431);
  content: " ";
  position: absolute;
  left: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide.b-yellow::after {
  background-color: rgba(255, 165, 0, 0.5490196078);
  content: " ";
  position: absolute;
  left: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide.b-green::after {
  background-color: rgba(0, 128, 0, 0.568627451);
  content: " ";
  position: absolute;
  left: 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide.active {
  border-color: #63c19f;
  background: #63c19f;
  color: #ffffff;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide.today:after {
  content: " ";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 10px;
  height: 10px;
  background: rgb(99, 192, 159);
  border-radius: 50%;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-price {
  text-align: center;
  font-weight: 300;
  font-size: 9px;
  line-height: 11px;
  color: #000000;
  margin: 4px 0;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-price.exclamation {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #FF0037;
  margin: 0;
}

.short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 22.2px;
  font-size: 12px;
  padding: 0 11px !important;
  text-transform: uppercase;
}

.short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper {
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper .field-wrapper {
  margin-bottom: 0px;
  position: relative;
}

.short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper .field-wrapper label {
  margin-bottom: 0;
  padding-left: 16px;
}

.short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper .field-wrapper label:before {
  left: 0;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  transition: all 0.3s;
}

.short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper .field-wrapper label:after {
  left: 0.5px;
  top: 9px;
  width: 11px;
  height: 5px;
}

.short-trip-list-wrapper.tablet .top-dashboard-tablet-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 20px 40px 10px;
}

.short-trip-list-wrapper .top-dashboard-desktop-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 15px 25px;
}

.price-exclamation {
  width: 4px;
  padding-right: 3px;
}

.block-price-from-to {
  display: flex;
  justify-content: center;
  margin: 25px 0;
  flex-direction: column;
}

.block-price-from-to .price {
  font-weight: 900;
  font-size: 22px;
  margin-left: 5px;
}

.trips-widget-wrapper {
  height: 75vh;
}

.trips-widget-wrapper .table-wrapper {
  height: 100%;
}

.trips-widget-wrapper .table-wrapper table {
  height: 100%;
}

.trips-widget-wrapper .table-wrapper table tbody {
  height: 90%;
}

.today-sales-orders-widget-wrapper {
  box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05);
  width: 100%;
  border-radius: 4px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}

.today-sales-orders-widget-wrapper .icon {
  width: 20%;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.today-sales-orders-widget-wrapper .icon img {
  width: 30px;
}

.today-sales-orders-widget-wrapper .wrapper {
  padding: 8px 8px 8px 16px;
  width: 100%;
}

.today-sales-orders-widget-wrapper .wrapper .calendar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
}

.today-sales-orders-widget-wrapper .wrapper .calendar .mx-datepicker {
  width: 110px;
}

.today-sales-orders-widget-wrapper .wrapper .calendar .mx-datepicker .mx-input {
  height: 22px;
  cursor: pointer;
  border: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: bold;
  padding-left: 38px;
  padding-right: 10px;
  padding-top: 8px;
}

.today-sales-orders-widget-wrapper .wrapper .calendar .mx-datepicker i {
  right: unset;
  left: 10px;
  cursor: pointer;
}

.today-sales-orders-widget-wrapper .title-wrapper {
  margin-bottom: 16px;
}

.today-sales-orders-widget-wrapper .title-wrapper .title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 4px;
}

.today-sales-orders-widget-wrapper .sales-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 8px 2px 36px;
  font-size: 12px;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}

.today-sales-orders-widget-wrapper .sales-row:hover {
  background: rgba(255, 0, 0, 0.1019607843);
}

.today-sales-orders-widget-wrapper .sales-row .sales-value {
  font-weight: bold;
}

.today-sales-orders-widget-wrapper .sales-row:last-child {
  margin-bottom: 0;
}

.today-sales-orders-widget-wrapper .sales-row span.currency {
  font-size: 12px;
}

.today-sales-orders-widget-wrapper .sales-row:before {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 12px;
  top: 4px;
  border-radius: 50%;
}

.today-sales-orders-widget-wrapper .sales-row.red:before {
  background: #ED6B95;
}

.today-sales-orders-widget-wrapper .sales-row.green:before {
  background: #63C09F;
}

.today-sales-orders-widget-wrapper .sales-row.blue:before {
  background: #00C1FF;
}

.today-sales-orders-widget-wrapper .sales-row.yellow:before {
  background: #EDD06B;
}

.booking-manager-wrapper {
  margin-top: 16px;
}

.booking-manager-wrapper .booking-form-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-manager-wrapper .booking-form-wrapper button.change-destinations {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  cursor: pointer;
  margin-right: 20px;
}

.booking-manager-wrapper .booking-form-wrapper button.change-destinations img {
  width: 20px;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper {
  width: 200px;
  margin-right: 20px;
  position: relative;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper.has-errors .vs__dropdown-toggle {
  transition: all 0.3s;
  border-color: #ED6B95;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper .error-message {
  position: absolute;
  top: 100%;
  height: 20px;
  text-transform: uppercase;
  font-size: 12px;
  left: 0;
  color: #ED6B95;
  font-weight: bold;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper .mx-datepicker {
  width: 100%;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper .mx-datepicker .mx-input-wrapper .mx-input {
  height: 40px;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper .vs__dropdown-toggle {
  height: 40px !important;
}

.booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper input {
  height: 30px;
}

.mx-datepicker {
  width: 100%;
}

.mx-datepicker .mx-input-wrapper .mx-input {
  height: 40px;
}

.book-places-form-wrapper .ticket-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 24px;
  margin-bottom: 24px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.book-places-form-wrapper .ticket-wrapper .place-number {
  font-weight: bold;
  color: #333333;
}

.book-places-form-wrapper .ticket-wrapper .one-person label {
  color: #333333;
  font-weight: bold;
}

.book-places-form-wrapper .ticket-wrapper .luggage .v-select {
  width: 68px;
}

.book-places-form-wrapper .ticket-wrapper.disabled::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}

.main-block-trip-info .sidebar-trip-info {
  width: 200px;
  position: absolute;
  top: 70px;
  float: left;
}

.main-block-trip-info .sidebar-trip-info a {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  color: #65707F;
  text-decoration: none;
  cursor: pointer;
}

.main-block-trip-info .block-trip-info {
  width: calc(100% - 200px);
  float: right;
}

.main-block-trip-info .block-trip-info > div {
  padding: 15px;
  border: 1px solid #d7d6e0;
  border-radius: 4px;
  margin: 25px 0;
  width: 100%;
  overflow: auto;
}

.main-block-trip-info .block-trip-info .main-block-capacity {
  margin: 25px 0;
}

.main-block-trip-info .block-trip-info .main-block-capacity .header {
  border-bottom: 1px solid orange;
  margin-bottom: 50px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-trip-info .main-block-capacity .passenger {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
  border-bottom: 1px solid #ECEBF6;
  margin-bottom: 85px;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity {
  position: relative;
  display: grid;
  grid-gap: 10px;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto;
  padding: 20px 10px 10px;
  max-height: 300px;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity {
  display: flex;
  margin-left: 75px;
  align-items: flex-end;
  height: 150px;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity.management-capasity .text {
  opacity: 1 !important;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity.management-capasity .block-capacity {
  background-color: rgb(65, 60, 105) !important;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity.management-capasity .red {
  color: #FF0000;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity.management-capasity .yellow {
  color: rgba(255, 165, 0, 0.5490196078);
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity.management-capasity .green {
  color: #669900;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity .block-capacity {
  background-color: orange;
  width: 150px;
  margin-right: 10px;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity .block-capacity .text {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
  flex-direction: column;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity .block-capacity:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-block-capacity .block-capacity:hover .text {
  opacity: 1;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-name-capacity {
  display: flex;
}

.main-block-trip-info .block-trip-info .main-block-capacity .list-capacity .list-name-capacity .name-capacity {
  font-style: normal;
  text-decoration: none;
  width: 160px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-trip-info .main-block-sales {
  display: flex;
  flex-direction: column;
}

.main-block-trip-info .block-trip-info .main-block-sales .date-picker {
  display: block;
  margin-bottom: 25px;
}

.main-block-trip-info .block-trip-info .main-block-sales .date-picker .mx-datepicker {
  width: auto;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content .main-block-td {
  width: 120px;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content .main-block-td div {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
  text-decoration: none;
  padding: 5px 10px;
  border-bottom: 1px solid #d7d6e0;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content .list-date {
  width: 100px;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content .list-date .date {
  font-weight: bold;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content .list-date div {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
  padding: 5px 10px;
  border-bottom: 1px solid #d7d6e0;
}

.main-block-trip-info .block-trip-info .main-block-sales .block-content .list-date.today div {
  color: green;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table {
  border-collapse: collapse;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table thead tr th.empty {
  border: 0;
  position: relative;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table thead tr th.empty .station-title {
  position: absolute;
  transform: rotate(-90deg);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table thead tr th.empty .place-title {
  position: absolute;
  bottom: 0;
  left: 30px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td {
  position: relative;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td span:not(.amount-place) {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place {
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 150px;
  height: 90%;
  top: 2px;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.red {
  background-color: red;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.green {
  background-color: green;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.yellow {
  background-color: yellow;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.cornsilk {
  background-color: cornsilk;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.blue {
  background-color: blue;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.pink {
  background-color: lightpink;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.skyblue {
  background-color: skyblue;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td .amount-place.gainsboro {
  background-color: gainsboro;
}

.main-block-trip-info .block-trip-info .main-filling-schedule table tbody tr td:first-of-type {
  width: 100px;
  height: 40px;
  text-align: center;
}

.main-block-trip-info .block-trip-info .main-filling-schedule .header-column-filling-schedule {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: -webkit-center;
}

.main-block-trip-info .block-trip-info .main-filling-schedule .header-column-filling-schedule .vertical {
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  text-align: right;
  padding: 10px 5px;
  transform: rotate(-180deg);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-trip-info h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 19px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .block-channel-sales .header-column {
  padding: 10px 10px;
}

.main-block-trip-info .block-channel-sales .block-channel-sales-tbody td {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
  padding: 10px 10px;
}

.main-block-trip-info .trip-info-places-table-wrapper .places-table-wrapper th {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .trip-info-places-table-wrapper .places-table-wrapper td {
  padding: 1px 1px;
}

.main-block-trip-info .trip-info-places-table-wrapper .places-table-wrapper td.left {
  white-space: nowrap;
  /* Запрещаем перенос строк */
  overflow: hidden;
  /* Обрезаем все, что не помещается в область */
  padding: 5px;
  /* Поля вокруг текста */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
  width: 100px;
  display: block;
}

.main-block-trip-info .trip-info-places-table-wrapper .places-table-wrapper td .input-wrapper {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  color: #fff;
}

.main-block-trip-info .trip-info-places-table-wrapper .places-table-wrapper .input-wrapper {
  color: #fff;
}

.main-block-trip-info .places-map-wrapper .title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .places-map-wrapper .title .places-map-wrapper .title {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #65707F;
}

.main-block-trip-info .places-map-wrapper .title .places-map-wrapper .floor-tabs .tab-control {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #65707F;
}

.list-activities {
  margin-bottom: 25px;
  border-bottom: 1px dashed #000;
  padding-bottom: 5px;
}

.list-activities .isArray {
  margin-left: 25px;
}

.list-activities .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.list-activities .activities-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list-activities .activities-wrapper img {
  cursor: pointer;
}

.list-activities .main-block-activities {
  display: none;
  height: 0;
  transition: all 0.3s;
}

.list-activities .main-block-activities.is-active {
  display: block;
  height: 100%;
  transition: all 0.7s;
}

.block-activities-wrapper {
  overflow: auto;
  height: 85%;
}

.list-pagination-wrapper {
  padding-top: 15px;
}

.trip-report-wrapper .fs-12 {
  font-size: 12px;
}

.trip-report-wrapper .fs-10 {
  font-size: 10px;
}

.trip-report-wrapper .report-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
}

.trip-report-wrapper .report-info .title {
  font-weight: bold;
}

.trip-report-wrapper .report-info .value {
  width: 50%;
}

.trip-report-wrapper .report-info.drivers {
  align-items: flex-start;
}

.trip-report-wrapper .report-info.drivers .value {
  display: flex;
  flex-direction: column;
}

.trip-report-wrapper table,
.trip-report-wrapper th,
.trip-report-wrapper td {
  border: 1px solid rgba(128, 128, 128, 0.3607843137);
}

.trip-report-wrapper .trip-report-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 36px;
}

.trip-report-wrapper .trip-report-table td,
.trip-report-wrapper .trip-report-table th {
  padding: 5px;
}

.trip-report-wrapper .trip-report-table thead th {
  background: rgba(0, 0, 0, 0.1);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
}

.trip-report-wrapper .stations-totals-wrapper .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
}

.trip-report-wrapper .stations-totals-wrapper .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #0B091A;
}

.trip-report-wrapper .stations-totals-wrapper .info .info-value {
  padding-right: 72px;
}

@media print {
  .sidebar {
    display: none !important;
  }

  .entity-content-wrapper .entity-content {
    height: auto;
    overflow: visible;
  }

  .print-block-wrapper {
    background-color: white;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
  }
}

/* Tooltip container */

.tooltip {
  position: relative;
}

/* Tooltip text */

.tooltip .tooltiptext {
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #000000;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 12;
  left: 105%;
  top: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}

.tooltip .tooltiptext {
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #000000;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 12;
  top: 0;
  left: 105%;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}

.tooltip .tooltiptext.top {
  top: -75%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltip .tooltiptext.bottom {
  top: 105%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltip .tooltiptext.left {
  left: -75px;
}

.tooltip .tooltiptext.more-left {
  left: -120px;
}

/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {
  display: block;
}

.system-notifications-manager {
  position: fixed;
  right: 8px;
  bottom: 8px;
  max-height: 100vh;
  overflow: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 12;
}

.system-notifications-manager .notification-wrapper {
  margin: 0 8px 8px 8px;
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

.system-notifications-manager .notification-wrapper .close-image {
  position: absolute;
  right: 4px;
  top: 4px;
}

.system-notifications-manager .notification-wrapper .title {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #fff;
}

.system-notifications-manager .notification-wrapper .content {
  font-size: 14px;
  color: #ffffff;
  padding: 0.75rem;
}

.system-notifications-manager .notification-wrapper .content p {
  padding: 0;
  margin: 0;
}

.system-notifications-manager .notification-wrapper .content p a {
  color: #ffffff;
  font-weight: bold;
}

.system-notifications-manager .notification-wrapper.percent-50 {
  background: #63C09F;
}

.system-notifications-manager .notification-wrapper.percent-50 .title {
  background: rgba(40, 167, 69, 0.9) !important;
}

.system-notifications-manager .notification-wrapper.percent-80 {
  background: rgba(255, 193, 7, 0.9) !important;
}

.system-notifications-manager .notification-wrapper.percent-80 .title {
  background: rgba(255, 193, 7, 0.85) !important;
}

.system-notifications-manager .notification-wrapper.percent-100 {
  background: rgba(220, 53, 69, 0.9);
}

.system-notifications-manager .notification-wrapper.percent-100 .title {
  background: rgba(220, 53, 69, 0.85) !important;
}

.system-notifications-manager .notification-wrapper.back_trip_workload {
  background: #ED6B95;
}

.report-form-wrapper {
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
}

.report-form-wrapper .datepicker-wrapper {
  max-width: 400px;
}

.report-form-wrapper .v-select {
  min-width: 250px;
}

@media only screen and (max-width: 1200px) {
  .report-form-wrapper .flex {
    flex-direction: column;
    grid-row-gap: 10px;
  }

  .report-form-wrapper .flex .ml-4 {
    margin-left: 0;
  }

  .report-form-wrapper .flex > div {
    margin-bottom: 15px;
    margin-left: 0 !important;
  }

  .report-form-wrapper .flex button {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 1144px) {
  .short-trip-list-wrapper .header-short-trip-list {
    display: flex;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1120px) {
  .table-wrapper.short-trip-list table thead tr th {
    padding: 0px 2px;
  }

  .table-wrapper.short-trip-list table thead tr th:first-child {
    padding: 0 10px;
    width: 3%;
  }

  .table-wrapper.short-trip-list table thead tr th.name {
    width: 23%;
  }

  .table-wrapper.short-trip-list table thead tr th.bus {
    width: 20%;
  }

  .table-wrapper.short-trip-list table thead tr th.passengers {
    width: 14%;
  }

  .table-wrapper.short-trip-list table thead tr th.sum {
    width: 16%;
  }

  .table-wrapper.short-trip-list table thead tr th.status {
    width: 15%;
  }

  .table-wrapper.short-trip-list table thead tr th:last-child {
    width: 9%;
  }

  .table-wrapper.short-trip-list table tbody .td-row {
    height: auto;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td {
    padding: 0px 2px;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
    padding: 0 10px;
    width: 3%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.name {
    width: 23%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.bus {
    width: 20%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.passengers {
    width: 14%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.sum {
    width: 16%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.status {
    width: 15%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td:last-child {
    width: 9%;
  }
}

@media only screen and (max-width: 991px) {
  .driver .select-driver-wrapper {
    width: 100%;
  }

  .driver .select-driver-wrapper label {
    margin: 0 15px;
  }

  .driver .select-driver-wrapper .v-select {
    margin: 0 15px;
  }

  .driver .places-map-wrapper .title {
    font-size: 22px;
  }

  .block-add-ticket {
    flex-direction: column;
  }

  .block-add-ticket.driver .block-from-to {
    width: 100%;
    flex-direction: column;
  }

  .block-add-ticket.driver .block-from-to .v-select {
    width: auto;
    margin: 5px 15px;
  }

  .block-add-ticket.driver .block-from-to .v-select .vs__dropdown-toggle {
    font-size: 24px;
    height: 50px;
  }

  .block-add-ticket.driver .block-from-to .v-select .vs__search {
    font-size: 24px;
  }

  .block-add-ticket.driver .block-from-to .v-select ul li {
    font-size: 24px;
  }

  .block-add-user.driver .v-select {
    width: auto;
    margin: 5px 15px;
  }

  .block-add-user.driver .v-select .vs__dropdown-toggle {
    font-size: 24px;
    height: 50px;
  }

  .block-add-user.driver .v-select .vs__search {
    font-size: 24px;
  }

  .block-add-user.driver .v-select ul li {
    font-size: 24px;
  }

  .rotate-bus {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .rotate-bus .floor-wrapper {
    transform: rotate(90deg);
    max-width: unset;
    max-height: unset;
    overflow: unset;
  }

  .rotate-bus .place-wrapper {
    transform: rotate(-90deg);
  }

  .instructions-wrapper .place-types-wrapper {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 50px 1fr;
  }

  .base-layout-content .booking-manager-wrapper .booking-form-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }

  .base-layout-content .booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .station-title {
    display: none;
  }

  .place-title {
    display: none;
  }

  .entity-content-wrapper .entity-content {
    overflow-x: auto;
  }

  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(1),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(7),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(8),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(9),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(11) {
    display: none;
  }

  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(1),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(7),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(8),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(9),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(11) {
    display: none;
  }

  .table-wrapper.short-trip-list table thead tr th:first-child {
    width: 7%;
  }

  .table-wrapper.short-trip-list table thead tr th.name {
    width: 23%;
  }

  .table-wrapper.short-trip-list table thead tr th.bus {
    width: 20%;
  }

  .table-wrapper.short-trip-list table thead tr th.passengers {
    width: 14%;
  }

  .table-wrapper.short-trip-list table thead tr th.sum {
    width: 13%;
  }

  .table-wrapper.short-trip-list table thead tr th.status {
    width: 14%;
  }

  .table-wrapper.short-trip-list table thead tr th:last-child {
    width: 9%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
    width: 7%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.name {
    width: 23%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.bus {
    width: 20%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.passengers {
    width: 14%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.sum {
    width: 13%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td.status {
    width: 14%;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td:last-child {
    width: 9%;
  }

  .table-wrapper.short-trip-list table tbody tr td:first-child {
    display: table-cell;
  }

  .table-wrapper.short-trip-list table tbody tr td:last-child {
    display: table-cell;
  }

  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(1),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(4),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(5),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(6),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(7),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(8),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(9),
  .table-wrapper.block-trip-info-table table thead tr .header-column:nth-of-type(11) {
    display: table-cell !important;
  }

  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(1),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(4),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(5),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(6),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(7),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(8),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(9),
  .table-wrapper.block-trip-info-table table tbody tr td:nth-of-type(11) {
    display: table-cell !important;
  }

  .table-wrapper.route-stations-mob {
    overflow-y: auto;
    overflow-x: auto;
  }

  .table-wrapper.route-stations-mob table {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
  }

  .table-wrapper.route-stations-mob table thead th {
    background: #ffffff;
    min-width: 100px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .table-wrapper.route-stations-mob table thead th.mobile-station-title {
    width: 150px;
  }

  .table-wrapper.route-stations-mob table thead th.mobile-active {
    width: 100px;
  }

  .table-wrapper.route-stations-mob table tbody td.mobile-station-title {
    width: 150px;
  }

  .table-wrapper.route-stations-mob table tbody td.mobile-active {
    width: 100px;
  }

  .table-wrapper.block-trip-info-table {
    overflow-y: auto;
    overflow-x: auto;
  }

  .table-wrapper.block-trip-info-table table {
    table-layout: auto;
    border-collapse: collapse;
    width: 200%;
    font-size: 16px;
  }

  .table-wrapper.block-trip-info-table table thead th {
    background: #ffffff;
    min-width: 100px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }

  .table-wrapper.block-trip-info-table table thead th.mobile-station-title {
    width: 150px;
  }

  .table-wrapper.block-trip-info-table table thead th.mobile-active {
    width: 100px;
  }

  .table-wrapper.block-trip-info-table table tbody td.mobile-station-title {
    width: 150px;
  }

  .table-wrapper.block-trip-info-table table tbody td.mobile-active {
    width: 100px;
  }

  .base-layout .top-heading-stack-buttons .crud-button .date-slider-wrapper {
    width: 100%;
    margin: 16px 0;
    display: flex;
    flex-direction: column;
  }

  .base-layout .top-heading-stack-buttons .crud-button .date-slider-wrapper .carousel-control {
    display: none;
  }

  .base-layout .top-heading-stack-buttons .crud-button .date-slider-wrapper .date-slide {
    font-size: 14px;
    width: auto;
  }

  .base-layout .main-block-trip-info {
    display: flex;
    flex-direction: column;
  }

  .base-layout .main-block-trip-info .sidebar-trip-info {
    width: auto;
    position: relative;
    top: 0;
    float: left;
  }

  .base-layout .main-block-trip-info .block-trip-info {
    width: 100%;
    float: right;
  }

  .base-layout .last-td-active {
    display: table-cell !important;
  }

  .base-layout .dashboard-wrapper th.action-center {
    display: none;
  }

  .base-layout .dashboard-wrapper .last-td {
    display: none !important;
  }

  .base-layout .last-td {
    display: table-cell !important;
    width: 40px !important;
    position: relative;
  }

  .base-layout .last-td .three-dots:before {
    content: "...";
    display: flex;
    justify-content: center;
  }

  .base-layout .last-td .entry-buttons-wrapper {
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    right: 100%;
    top: 0;
    padding: 8px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 3;
    display: none;
  }

  .base-layout .last-td .entry-buttons-wrapper.active {
    display: block !important;
  }

  .base-layout .action-center {
    width: 40px !important;
  }

  .base-layout .list-view-manager.route-list .table-wrapper table thead tr .header-column:nth-of-type(11) {
    width: 100px;
    display: table-cell !important;
  }

  .base-layout .list-view-manager.route-list .table-wrapper table tbody tr td:nth-of-type(11) {
    width: 100px;
    display: table-cell !important;
  }

  .instructions {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 132px 1fr;
  }

  .instructions .description {
    font-size: 11px;
  }

  .table-wrapper table tbody tr td {
    word-break: break-word;
  }

  .content-wrapper {
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .mobile-logout {
    display: flex !important;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.active {
    border-left: 3px solid #63C09F;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.cancelled {
    border-left: 3px solid #ED6B95;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.finished {
    border-left: 3px solid #00C1FF;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.in_road {
    border-left: 3px solid #EDB96B;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.success {
    border-left: 3px solid #63C09F;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.warning {
    border-left: 3px solid #EDB96B;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.error {
    border-left: 3px solid #00c1ff;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.complaint_on_ticket {
    border-left: 1px solid #ffdd00;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .active.color-status.unknown {
    border-left: 1px solid #000000;
  }

  .additional-actions-column-wrapper .action-button .title {
    display: none;
  }

  .base-layout {
    display: flex;
  }

  .base-layout .layout-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: 15px;
    background: #C4C4C4;
    border-radius: 6px;
    margin-top: 10px;
    padding: 0 38px 0 20px;
  }

  .base-layout .layout-header .dashboard--mob {
    display: flex;
    align-items: center;
  }

  .base-layout .layout-header .dashboard--mob img {
    margin-right: 15px;
  }

  .table-wrapper table tbody {
    height: 60vh !important;
  }

  .trip-management .trip-stations-grid-columns {
    grid-template-columns: 30px 25% 25% 20% 25% 10% 20% 1fr;
  }

  .trip-management .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns {
    display: grid;
    grid-template-columns: 10% 15% 20% 15% 25% 55% 40% 10%;
    background: transparent;
    border-bottom: 0px;
  }

  .trip-management .trip-management-table {
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    padding: 0px;
  }

  .entity-content-wrapper .entity-content {
    padding: 0 5px;
  }

  .grid-table {
    display: grid;
    grid-gap: 7px;
  }

  .popup-size-80,
  .popup-size-50,
  .popup-size-60,
  .popup-size-70,
  .popup-size-90 {
    width: 100% !important;
    height: 100% !important;
  }

  .entity-view-manager {
    height: 100%;
    width: 100%;
  }

  .elements-wrapper {
    grid-template-columns: 1fr 1fr !important;
  }

  .configurator-wrapper .block-button-flex {
    flex-direction: column;
  }

  .configurator-wrapper .block-button-flex .btn.done {
    margin-right: 0 !important;
  }

  .configurator-wrapper .block-button-flex .crud-button {
    margin-right: 0 !important;
  }

  .configurator-wrapper .block-button-flex .crud-button button {
    width: 100%;
    margin-bottom: 10px;
    justify-content: center;
  }

  .short-trip-list-wrapper .list-passanger {
    display: flex;
  }

  .short-trip-list-wrapper .list-passanger .list {
    display: flex;
    flex-direction: column;
  }

  .short-trip-list-wrapper .list-passanger .list span {
    border-right: 0px solid rgba(204, 204, 204, 0.5098039216);
  }

  .short-trip-list-wrapper .header-short-trip-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    margin-bottom: 17.7px;
  }

  .short-trip-list-wrapper .header-short-trip-list .allShowDropdown {
    display: flex;
    justify-content: center;
  }

  .short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper {
    width: 100%;
    margin: 16px 0;
    display: flex;
    justify-content: center;
  }

  .short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide {
    font-size: 12px;
  }

  .short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-price {
    font-size: 12px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row {
    height: auto;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active {
    height: auto;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td .block-wrapper {
    grid-row-gap: 18px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td .closeItem {
    display: none;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td .openItem {
    display: flex;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td.name .backtrip {
    display: block;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td.passengers .backtrip {
    display: block;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td.passengers .backtrip button img {
    width: 21.84px;
    height: 17.18px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td.bus .list-sum {
    display: block;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td .list-sum .backtrip {
    display: block;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td:first-child {
    height: 103px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td .backtrip.statistic-passengers {
    display: flex;
    font-weight: 900;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row.active tr td .crud-button button img {
    width: 24.61px;
    height: 19.18px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td {
    padding: 7px 10px 9px;
    font-size: 16px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td .block-wrapper {
    display: flex;
    flex-direction: column;
    grid-row-gap: 14px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td .closeItem {
    display: block;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td .openItem {
    display: none;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.name {
    width: 40%;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.name .backtrip {
    display: none;
    font-size: 14px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.passengers .backtrip {
    display: none;
    font-size: 12px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.passengers button img {
    width: 21.84px;
    height: 17.18px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.bus {
    width: 25%;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.bus .list-sum {
    font-size: 14px;
    display: none;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td .list-sum .backtrip {
    font-size: 10px;
    display: none;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
    height: 73px;
    width: 10%;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td:last-child {
    width: 25%;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td .backtrip.statistic-passengers {
    display: none;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td .main_trip.statistic-passengers {
    font-size: 12px;
  }

  .logo-mobile {
    display: flex !important;
    width: 100%;
  }

  .logo-mobile img {
    width: 100%;
    height: 51px;
  }

  .widgets-wrapper .dashboard-wrapper-mob {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: 15px;
    background: #C4C4C4;
    border-radius: 6px;
    margin-top: 10px;
    padding: 0 38px 0 20px;
    height: 81px;
  }

  .widgets-wrapper .dashboard-wrapper-mob .dashboard--mob {
    display: flex;
    align-items: center;
  }

  .widgets-wrapper .dashboard-wrapper-mob img {
    width: 100px;
    margin-right: 15px;
  }

  .widgets-wrapper .dashboard-wrapper-mob .menu-mobile img {
    width: 20px;
  }

  .widgets-wrapper .dashboard-wrapper-mob .title {
    font-size: 16px;
    text-align: center;
  }

  .layout-header {
    align-items: center;
    justify-content: space-between;
  }

  .layout-header .main-title {
    font-size: 16px;
    width: 33%;
    text-align: center;
  }

  .layout-header .menu-mobile {
    padding-top: 0px !important;
  }

  .layout-header .menu-mobile img {
    width: 20px;
  }

  .table-wrapper.short-trip-list thead {
    display: none;
  }

  .table-wrapper.short-trip-list tbody tr td {
    display: table-cell !important;
  }

  .table-wrapper.short-trip-list.mobile tbody tr td {
    display: table-cell !important;
    padding: 5px 1px;
    font-size: 12px;
  }

  .table-wrapper.short-trip-list.mobile tbody tr td .data-name {
    display: none;
  }

  .table-wrapper.short-trip-list.mobile tbody tr td .list-sum {
    display: flex;
    flex-direction: column;
  }

  .table-wrapper.short-trip-list.mobile tbody tr td .status-color {
    padding-left: 0px;
  }

  .table-wrapper.short-trip-list.mobile tbody tr td .status-color:before {
    left: 13px;
    top: -10px;
  }

  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(1),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(4),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(5),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(6),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(7),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(8),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(9),
  .table-wrapper:not(.route-stations-mob) table thead tr .header-column:nth-of-type(11) {
    display: none;
  }

  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(1),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(4),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(5),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(6),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(7),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(8),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(9),
  .table-wrapper:not(.route-stations-mob) table tbody tr td:nth-of-type(11) {
    display: none;
  }

  .auth-layout {
    padding: 40px 15px;
    align-items: center;
  }

  .auth-layout .auth-wrapper .block-text .title {
    font-size: 32px;
    margin: 0 auto;
  }

  .auth-layout .auth-wrapper .login-form {
    margin: 0 auto;
  }

  .auth-layout .auth-wrapper .login-form .stay-logged-in-forgot-password-wrapper {
    flex-direction: column-reverse;
  }

  .auth-layout .auth-wrapper .login-form .stay-logged-in-forgot-password-wrapper .forgot-password-link-wrapper {
    text-align: left;
    margin-bottom: 15px;
  }

  .auth-layout img.bus {
    display: none;
  }

  .auth-layout .center-row {
    width: 100%;
  }

  .auth-layout .center-row > div {
    width: inherit;
  }

  .btn {
    font-size: 13px;
  }

  .layout-header {
    display: flex;
  }

  .layout-header .menu-mobile {
    width: 22px;
    margin-right: 10px;
    padding-top: 23px;
  }

  .dashboard-wrapper-mob {
    height: 60px;
  }

  .layout-header {
    height: 60px;
  }

  .list-columns-configurator-wrapper {
    display: none;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content {
    padding: 0 6px !important;
  }

  .desktop-slesh {
    display: none;
  }

  .base-layout .active-filters-wrapper {
    display: none;
  }

  .base-layout .list-filters-wrapper {
    width: 100%;
    overflow-y: auto;
    padding: 10px 5px 10px 5px;
  }

  .base-layout .list-filters-wrapper .right-border-wrapper {
    display: none;
  }

  .base-layout .list-filters-wrapper .content .flex {
    flex-direction: column;
  }

  .base-layout .top-heading-stack-buttons .crud-button .date-slider-wrapper .VueCarousel-inner {
    flex-basis: 33.3% !important;
  }

  .base-layout .last-td {
    display: table-cell !important;
    width: 40px !important;
    position: relative;
  }

  .base-layout .last-td .entry-buttons-wrapper {
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    right: 100%;
    top: 0;
    padding: 8px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 3;
  }

  .base-layout .crumbs-wrapper {
    display: none;
  }

  .base-layout .action-center {
    width: 40px !important;
  }

  .base-layout .layout-header {
    width: 100%;
    height: 81px;
  }

  .base-layout .report-form-wrapper .flex {
    flex-direction: column;
  }

  .base-layout .report-form-wrapper .flex > div {
    margin-bottom: 15px;
    margin-left: 0 !important;
  }

  .base-layout .report-form-wrapper .flex button {
    margin-left: 0 !important;
  }

  .base-layout .panels-wrapper .panels {
    grid-template-columns: 1fr 1fr;
    margin-top: 5px;
  }

  .base-layout .panels-wrapper .panels .panel-card .title {
    max-width: 90%;
    margin: 0 auto;
  }

  .base-layout .sidebar {
    max-width: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    transition: all 0.5s;
    left: -100%;
    opacity: 0;
    height: 100%;
    padding-bottom: 16px;
    border-right: 0;
  }

  .base-layout .sidebar.active {
    left: 0;
    opacity: 1;
  }

  .base-layout .sidebar .close-menu {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
  }

  .base-layout .sidebar .sidebar-link.logo {
    margin-top: 30px;
  }

  .base-layout .sidebar .top .block-item-menu {
    display: grid;
    grid-template-columns: minmax(30%, 183px) minmax(30%, 183px) minmax(30%, 183px);
    grid-template-rows: minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0 16px;
  }

  .base-layout .sidebar .bottom {
    padding-top: 15px;
    display: none;
  }

  .base-layout .sidebar .logo-sidebar {
    display: flex;
    justify-content: center;
  }

  .base-layout .sidebar .logo-sidebar img {
    max-width: 220px;
    margin: 23px 0 32px;
  }

  .base-layout .sidebar .logo-sidebar .close-menu {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0;
  }

  .base-layout .sidebar .sidebar-button {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    opacity: 0.7;
    transition: all 0.3s;
    text-decoration: none;
    background: #191717;
    border-radius: 10px;
    padding: 38px 0;
  }

  .base-layout .sidebar .sidebar-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
  }

  .base-layout .sidebar .sidebar-button .icon img {
    width: 100%;
  }

  .base-layout .sidebar .sidebar-button .title {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 21px;
    line-height: 26px;
    color: #FFFFFF;
  }

  .base-layout .sidebar .sidebar-link {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    opacity: 0.7;
    transition: all 0.3s;
    text-decoration: none;
    background: #191717;
    border-radius: 10px;
    padding: 38px 0;
    margin-bottom: 0;
  }

  .base-layout .sidebar .sidebar-link .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
  }

  .base-layout .sidebar .sidebar-link .icon img {
    width: 100%;
  }

  .base-layout .sidebar .sidebar-link .title {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 21px;
    line-height: 26px;
    color: #FFFFFF;
  }

  .base-layout .sidebar .sidebar-link.always-show {
    opacity: 1;
  }

  .base-layout .sidebar .sidebar-link.router-link-active {
    opacity: 1;
  }

  .base-layout .sidebar .sidebar-link.router-link-active .title {
    color: #fff;
  }

  .base-layout .sidebar .sidebar-link.logo {
    margin-bottom: 36px;
  }

  .base-layout .sidebar .sidebar-link:hover {
    opacity: 1;
  }

  .base-layout .sidebar .sidebar-link:hover .title {
    color: #ffffff;
  }

  .base-layout .sidebar .logo img {
    width: 60%;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .list-view-manager .list-columns-configurator-wrapper .config-wrapper .elements-wrapper {
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .list-view-manager .top-stack-buttons .crud-button .create {
    padding: 0px 5px 0 10px;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .list-view-manager .top-stack-buttons .crud-button .create .title {
    display: none;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .booking-manager-wrapper .booking-form-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    margin-bottom: 15px;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .booking-manager-wrapper .booking-form-wrapper .booking-field-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .book-places-form-wrapper .ticket-wrapper {
    flex-direction: column;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .book-places-form-wrapper .ticket-wrapper .field-wrapper {
    margin-right: 0 !important;
    width: 100%;
  }

  .base-layout .base-layout-content-wrapper .base-layout-content .book-places-form-wrapper .ticket-wrapper .field-wrapper.luggage .v-select {
    width: 100%;
  }

  .base-layout .entity-view-manager.small {
    width: 100%;
  }

  .base-layout .menu-mobile {
    display: flex;
    justify-content: flex-end;
    width: 20%;
  }

  .base-layout .entity-content-wrapper .tabs-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .base-layout .entity-footer .footer-left-buttons .crud-button .change-password {
    padding: 0 22px !important;
  }

  .base-layout .entity-footer .footer-left-buttons .crud-button .change-password span {
    display: none;
  }

  .base-layout .entity-footer .footer-left-buttons .generate-trips {
    padding: 0 10px;
  }

  .base-layout .entity-footer .footer-left-buttons .generate-trips img {
    margin-right: 0px;
  }

  .base-layout .entity-footer .footer-left-buttons .generate-trips .title-generate-trips {
    display: none;
  }

  .base-layout .entity-footer .buttons .store-button-wrapper.with-actions .btn.done {
    padding: 0 5px 0 15px !important;
  }

  .base-layout .entity-footer .buttons .store-button-wrapper.with-actions .btn.done:after {
    display: none;
  }

  .base-layout .list-view-manager {
    grid-row-gap: 5px;
    justify-content: inherit;
  }

  .base-layout .list-view-manager .list-pagination .next {
    margin-left: 5px;
  }

  .base-layout .list-view-manager .list-pagination .prev {
    margin-right: 5px;
  }

  .base-layout .list-view-manager .list-pagination .pagination-button {
    padding: 0 10px;
  }

  .base-layout .list-view-manager .list-pagination .pagination-button .last:before {
    margin-right: 5px;
  }

  .base-layout .list-view-manager.route-list .table-wrapper table thead tr .header-column:nth-of-type(11) {
    width: 60px;
  }

  .base-layout .list-view-manager.route-list .table-wrapper table tbody tr td:nth-of-type(11) {
    width: 60px;
  }

  .base-layout .list-per-page {
    display: none;
  }

  .today-sales-orders-widget-wrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 605px) {
  .base-layout .sidebar .sidebar-link {
    padding: 5vw 0;
  }

  .base-layout .sidebar .sidebar-link .title {
    font-size: 3.2vw;
  }

  .base-layout .sidebar .sidebar-link .icon img {
    width: 12vw;
  }

  .base-layout .sidebar .sidebar-button {
    padding: 5vw 0;
  }

  .base-layout .sidebar .sidebar-button .title {
    font-size: 3.2vw;
  }

  .base-layout .sidebar .sidebar-button .icon img {
    width: 12vw;
  }
}

@media only screen and (max-width: 560px) {
  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td {
    font-size: 11px;
    padding: 2px 5px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.passengers .backtrip {
    display: none;
    font-size: 10px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.name .backtrip {
    display: none;
    font-size: 12px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.name {
    width: 22%;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.bus {
    width: 25%;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
    width: 10%;
    padding-left: 8px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td:last-child {
    width: 43%;
  }

  .date-slider-wrapper .date-slide {
    width: 70px;
    background: #EDEDEF;
  }

  .date-slider-wrapper .VueCarousel-inner {
    grid-column-gap: 5px;
  }

  .unregular {
    height: auto !important;
  }

  .unregular td {
    font-size: 9px !important;
    width: auto !important;
  }

  .unregular td:first-child {
    padding-left: 15px !important;
  }
}

@media only screen and (max-width: 420px) {
  .base-layout .sidebar .top .block-item-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 0px 10px;
  }

  .station-title {
    display: none;
  }

  .place-title {
    display: none;
  }

  .short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide {
    width: 72px;
    font-size: 10px;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .color-status {
    padding-left: 2px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.name .backtrip {
    display: none;
    font-size: 10px;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td.passengers .backtrip {
    font-size: 10px;
  }

  .table-wrapper.short-trip-list table tbody .td-row tr td .main_trip.statistic-passengers {
    font-size: 9.3218px;
    font-weight: 900;
  }

  .short-trip-list-wrapper .table-wrapper.short-trip-list table tbody .td-row tr td:first-child {
    font-size: 9px;
  }
}

@media only screen and (max-width: 375px) {
  .short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide {
    width: 64px;
    font-size: 10px;
  }

  .short-trip-list-wrapper .header-short-trip-list .checkbox-short-trip-list-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 6px;
  }
}

@media only screen and (max-width: 348px) {
  .short-trip-list-wrapper .header-short-trip-list .date-slider-wrapper .date-slide {
    width: 55px;
    font-size: 10px;
  }
}

@font-face {
  font-family: HindSiliguri;
  src: url(/fonts/HindSiliguri-Regular.ttf?a8d8f1d83c427fcc7a34593e92ecd093);
}

@font-face {
  font-family: HindSiliguriBold;
  src: url(/fonts/HindSiliguri-Bold.ttf?1b35dc941818905dd4bf5c1ab017b13a);
}

.width-100 {
  width: 100%;
}

.width-50 {
  width: 50px;
}

.dashboard-wrapper {
  height: 100%;
  overflow: hidden;
}

.dashboard-wrapper .trip-management-wrapper .trip-stations-grid-columns {
  grid-template-columns: 81px 31% 24% 24% 1fr;
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 25px;
  display: grid;
}

.dashboard-wrapper .trip-management-wrapper .trip-stations-grid-columns.heading div {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  color: #65707F;
}

.dashboard-wrapper .trip-management-wrapper .trip-stations-grid-columns div {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}

.dashboard-wrapper .trip-management {
  position: relative;
}

.dashboard-wrapper .trip-management.dashboard {
  height: 78vh;
  overflow: auto;
}

.dashboard-wrapper .trip-management.dashboard .trip-stations-grid-columns {
  grid-template-columns: 30px 35% 12% 13% 13% 13% 5% 1fr;
}

.dashboard-wrapper .trip-management.dashboard .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns {
  grid-template-columns: 3% 15% 15% 7% 15% 20% 15% 10%;
}

.dashboard-wrapper .trip-management.dashboard .change-status-column-wrapper .current-value.status-column:after {
  display: none;
}

.dashboard-wrapper .trip-management.dashboard.tablet {
  padding: 0 18px;
  height: calc(100vh - 300px);
  overflow: auto;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper {
  margin: 3px 0;
  border: 0.25px solid rgba(153, 153, 153, 0.2705882353);
  border-radius: 6px;
  padding-bottom: 0;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper:nth-child(odd) {
  background-color: #EDEDEF;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .trip-stations-grid-columns {
  grid-template-columns: 59px 30% 21% 21% 50px 1fr;
  min-height: 73px;
  align-items: center;
  line-height: 100%;
  border: 0;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .trip-stations-grid-columns .crud-button button.create {
  padding: 0 10px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .trip-stations-grid-columns .crud-button button.create img {
  margin-right: 0;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .trip-stations-grid-columns .time {
  text-align: center;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .trip-stations-grid-columns .arrival_time {
  text-align: center;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .trip-stations-grid-columns .arrow {
  transform: rotate(180deg);
  justify-content: unset;
  margin-right: 15px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .crud-button {
  margin-right: 24px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .no-data {
  margin-bottom: 25px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table {
  padding-bottom: 25px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .heading {
  padding-top: 0;
  margin-top: 0;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns {
  grid-template-columns: 15% 32% 21% 32%;
  align-items: start;
  margin-bottom: 19px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket {
  height: auto;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check label {
  padding-left: 0;
  width: 30px;
  height: 29.41px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  color: #FFFFFF;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check label:before {
  content: unset;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .check label:after {
  content: unset;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket div {
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .name-phone {
  flex-direction: column;
  justify-content: unset;
  align-items: start;
  grid-row-gap: 10px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .name-phone div a {
  color: #000000 !important;
  text-decoration: none;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.ticket .name-phone div img {
  margin-right: 5px;
}

.dashboard-wrapper .trip-management.dashboard.tablet .station-wrapper .station-tickets-wrapper .station-tickets-table .station-tickets-columns.heading div {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #FF0000;
  justify-content: unset;
}

.dashboard-wrapper .trip-management.dashboard.tablet .heading.trip-stations-grid-columns {
  grid-template-columns: 59px 35% 24% 24% 1fr;
  border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  color: #65707F;
  padding-bottom: 25px;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper {
  height: 91vh;
  overflow: auto;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .entity-header {
  border-radius: 4px 4px 0 0;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  margin-bottom: 25px;
  margin-right: 25px;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper .tbody-short-trip-list {
  height: 100%;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper .top-dashboard-desktop-wrapper div {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper .top-dashboard-desktop-wrapper img {
  height: 35px;
  width: 35px;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper.tablet .heading.trip-stations-grid-columns .time {
  text-align: center;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper.tablet .heading.trip-stations-grid-columns .arrival_time {
  text-align: center;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper.tablet .top-dashboard-tablet-wrapper {
  display: grid;
  margin: 20px 20px 10px;
  grid-template-columns: 45% 20% 20% 1fr 1fr;
  align-items: center;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper.tablet .top-dashboard-tablet-wrapper div {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper.tablet .top-dashboard-tablet-wrapper img {
  height: 35px;
  width: 35px;
}

.dashboard-wrapper .dashboard-wrapper-list-wrapper .short-trip-list-wrapper.tablet .top-dashboard-tablet-wrapper .reload-driver {
  margin-left: 15px;
}

.dashboard-wrapper-mob {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
  grid-column-gap: 15px;
}

.dashboard-wrapper-mob .title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  color: #0B091A;
}

.dashboard-wrapper-mob .user-block {
  display: flex;
  align-items: center;
}

.dashboard-wrapper-mob .user-block img {
  width: 36px;
  height: 36px;
  margin-right: 11px;
}

.no-padding {
  padding: 0;
}

.flex-space-between {
  justify-content: space-between;
}

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