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

._pl-1 {
  --pl-padding: 1px !important;
}

._pl-2 {
  --pl-padding: 2px !important;
}

._pl-3 {
  --pl-padding: 3px !important;
}

._pl-4 {
  --pl-padding: 4px !important;
}

._pl-5 {
  --pl-padding: 5px !important;
}

._pl-6 {
  --pl-padding: 6px !important;
}

._pl-7 {
  --pl-padding: 7px !important;
}

._pl-8 {
  --pl-padding: 8px !important;
}

._pl-9 {
  --pl-padding: 9px !important;
}

._pl-10 {
  --pl-padding: 10px !important;
}

._pl-11 {
  --pl-padding: 11px !important;
}

._pl-12 {
  --pl-padding: 12px !important;
}

._pl-13 {
  --pl-padding: 13px !important;
}

._pl-14 {
  --pl-padding: 14px !important;
}

._pl-15 {
  --pl-padding: 15px !important;
}

._pl-16 {
  --pl-padding: 16px !important;
}

._pl-17 {
  --pl-padding: 17px !important;
}

._pl-18 {
  --pl-padding: 18px !important;
}

._pl-19 {
  --pl-padding: 19px !important;
}

._pl-20 {
  --pl-padding: 20px !important;
}

._pl-21 {
  --pl-padding: 21px !important;
}

._pl-22 {
  --pl-padding: 22px !important;
}

._pl-23 {
  --pl-padding: 23px !important;
}

._pl-24 {
  --pl-padding: 24px !important;
}

._pl-25 {
  --pl-padding: 25px !important;
}

._pl-26 {
  --pl-padding: 26px !important;
}

._pl-27 {
  --pl-padding: 27px !important;
}

._pl-28 {
  --pl-padding: 28px !important;
}

._pl-29 {
  --pl-padding: 29px !important;
}

._pl-30 {
  --pl-padding: 30px !important;
}

._pl-31 {
  --pl-padding: 31px !important;
}

._pl-32 {
  --pl-padding: 32px !important;
}

._pl-33 {
  --pl-padding: 33px !important;
}

._pl-34 {
  --pl-padding: 34px !important;
}

._pl-35 {
  --pl-padding: 35px !important;
}

._pl-36 {
  --pl-padding: 36px !important;
}

._pl-37 {
  --pl-padding: 37px !important;
}

._pl-38 {
  --pl-padding: 38px !important;
}

._pl-39 {
  --pl-padding: 39px !important;
}

._pl-40 {
  --pl-padding: 40px !important;
}

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

._pr-1 {
  --pr-padding: 1px !important;
}

._pr-2 {
  --pr-padding: 2px !important;
}

._pr-3 {
  --pr-padding: 3px !important;
}

._pr-4 {
  --pr-padding: 4px !important;
}

._pr-5 {
  --pr-padding: 5px !important;
}

._pr-6 {
  --pr-padding: 6px !important;
}

._pr-7 {
  --pr-padding: 7px !important;
}

._pr-8 {
  --pr-padding: 8px !important;
}

._pr-9 {
  --pr-padding: 9px !important;
}

._pr-10 {
  --pr-padding: 10px !important;
}

._pr-11 {
  --pr-padding: 11px !important;
}

._pr-12 {
  --pr-padding: 12px !important;
}

._pr-13 {
  --pr-padding: 13px !important;
}

._pr-14 {
  --pr-padding: 14px !important;
}

._pr-15 {
  --pr-padding: 15px !important;
}

._pr-16 {
  --pr-padding: 16px !important;
}

._pr-17 {
  --pr-padding: 17px !important;
}

._pr-18 {
  --pr-padding: 18px !important;
}

._pr-19 {
  --pr-padding: 19px !important;
}

._pr-20 {
  --pr-padding: 20px !important;
}

._pr-21 {
  --pr-padding: 21px !important;
}

._pr-22 {
  --pr-padding: 22px !important;
}

._pr-23 {
  --pr-padding: 23px !important;
}

._pr-24 {
  --pr-padding: 24px !important;
}

._pr-25 {
  --pr-padding: 25px !important;
}

._pr-26 {
  --pr-padding: 26px !important;
}

._pr-27 {
  --pr-padding: 27px !important;
}

._pr-28 {
  --pr-padding: 28px !important;
}

._pr-29 {
  --pr-padding: 29px !important;
}

._pr-30 {
  --pr-padding: 30px !important;
}

._pr-31 {
  --pr-padding: 31px !important;
}

._pr-32 {
  --pr-padding: 32px !important;
}

._pr-33 {
  --pr-padding: 33px !important;
}

._pr-34 {
  --pr-padding: 34px !important;
}

._pr-35 {
  --pr-padding: 35px !important;
}

._pr-36 {
  --pr-padding: 36px !important;
}

._pr-37 {
  --pr-padding: 37px !important;
}

._pr-38 {
  --pr-padding: 38px !important;
}

._pr-39 {
  --pr-padding: 39px !important;
}

._pr-40 {
  --pr-padding: 40px !important;
}

._pt-0 {
  --pt-padding: 0px !important;
}

._pt-1 {
  --pt-padding: 1px !important;
}

._pt-2 {
  --pt-padding: 2px !important;
}

._pt-3 {
  --pt-padding: 3px !important;
}

._pt-4 {
  --pt-padding: 4px !important;
}

._pt-5 {
  --pt-padding: 5px !important;
}

._pt-6 {
  --pt-padding: 6px !important;
}

._pt-7 {
  --pt-padding: 7px !important;
}

._pt-8 {
  --pt-padding: 8px !important;
}

._pt-9 {
  --pt-padding: 9px !important;
}

._pt-10 {
  --pt-padding: 10px !important;
}

._pt-11 {
  --pt-padding: 11px !important;
}

._pt-12 {
  --pt-padding: 12px !important;
}

._pt-13 {
  --pt-padding: 13px !important;
}

._pt-14 {
  --pt-padding: 14px !important;
}

._pt-15 {
  --pt-padding: 15px !important;
}

._pt-16 {
  --pt-padding: 16px !important;
}

._pt-17 {
  --pt-padding: 17px !important;
}

._pt-18 {
  --pt-padding: 18px !important;
}

._pt-19 {
  --pt-padding: 19px !important;
}

._pt-20 {
  --pt-padding: 20px !important;
}

._pt-21 {
  --pt-padding: 21px !important;
}

._pt-22 {
  --pt-padding: 22px !important;
}

._pt-23 {
  --pt-padding: 23px !important;
}

._pt-24 {
  --pt-padding: 24px !important;
}

._pt-25 {
  --pt-padding: 25px !important;
}

._pt-26 {
  --pt-padding: 26px !important;
}

._pt-27 {
  --pt-padding: 27px !important;
}

._pt-28 {
  --pt-padding: 28px !important;
}

._pt-29 {
  --pt-padding: 29px !important;
}

._pt-30 {
  --pt-padding: 30px !important;
}

._pt-31 {
  --pt-padding: 31px !important;
}

._pt-32 {
  --pt-padding: 32px !important;
}

._pt-33 {
  --pt-padding: 33px !important;
}

._pt-34 {
  --pt-padding: 34px !important;
}

._pt-35 {
  --pt-padding: 35px !important;
}

._pt-36 {
  --pt-padding: 36px !important;
}

._pt-37 {
  --pt-padding: 37px !important;
}

._pt-38 {
  --pt-padding: 38px !important;
}

._pt-39 {
  --pt-padding: 39px !important;
}

._pt-40 {
  --pt-padding: 40px !important;
}

._pb-0 {
  --pb-padding: 0px !important;
}

._pb-1 {
  --pb-padding: 1px !important;
}

._pb-2 {
  --pb-padding: 2px !important;
}

._pb-3 {
  --pb-padding: 3px !important;
}

._pb-4 {
  --pb-padding: 4px !important;
}

._pb-5 {
  --pb-padding: 5px !important;
}

._pb-6 {
  --pb-padding: 6px !important;
}

._pb-7 {
  --pb-padding: 7px !important;
}

._pb-8 {
  --pb-padding: 8px !important;
}

._pb-9 {
  --pb-padding: 9px !important;
}

._pb-10 {
  --pb-padding: 10px !important;
}

._pb-11 {
  --pb-padding: 11px !important;
}

._pb-12 {
  --pb-padding: 12px !important;
}

._pb-13 {
  --pb-padding: 13px !important;
}

._pb-14 {
  --pb-padding: 14px !important;
}

._pb-15 {
  --pb-padding: 15px !important;
}

._pb-16 {
  --pb-padding: 16px !important;
}

._pb-17 {
  --pb-padding: 17px !important;
}

._pb-18 {
  --pb-padding: 18px !important;
}

._pb-19 {
  --pb-padding: 19px !important;
}

._pb-20 {
  --pb-padding: 20px !important;
}

._pb-21 {
  --pb-padding: 21px !important;
}

._pb-22 {
  --pb-padding: 22px !important;
}

._pb-23 {
  --pb-padding: 23px !important;
}

._pb-24 {
  --pb-padding: 24px !important;
}

._pb-25 {
  --pb-padding: 25px !important;
}

._pb-26 {
  --pb-padding: 26px !important;
}

._pb-27 {
  --pb-padding: 27px !important;
}

._pb-28 {
  --pb-padding: 28px !important;
}

._pb-29 {
  --pb-padding: 29px !important;
}

._pb-30 {
  --pb-padding: 30px !important;
}

._pb-31 {
  --pb-padding: 31px !important;
}

._pb-32 {
  --pb-padding: 32px !important;
}

._pb-33 {
  --pb-padding: 33px !important;
}

._pb-34 {
  --pb-padding: 34px !important;
}

._pb-35 {
  --pb-padding: 35px !important;
}

._pb-36 {
  --pb-padding: 36px !important;
}

._pb-37 {
  --pb-padding: 37px !important;
}

._pb-38 {
  --pb-padding: 38px !important;
}

._pb-39 {
  --pb-padding: 39px !important;
}

._pb-40 {
  --pb-padding: 40px !important;
}

._px-0 {
  --px-padding: 0px !important;
}

._px-1 {
  --px-padding: 1px !important;
}

._px-2 {
  --px-padding: 2px !important;
}

._px-3 {
  --px-padding: 3px !important;
}

._px-4 {
  --px-padding: 4px !important;
}

._px-5 {
  --px-padding: 5px !important;
}

._px-6 {
  --px-padding: 6px !important;
}

._px-7 {
  --px-padding: 7px !important;
}

._px-8 {
  --px-padding: 8px !important;
}

._px-9 {
  --px-padding: 9px !important;
}

._px-10 {
  --px-padding: 10px !important;
}

._px-11 {
  --px-padding: 11px !important;
}

._px-12 {
  --px-padding: 12px !important;
}

._px-13 {
  --px-padding: 13px !important;
}

._px-14 {
  --px-padding: 14px !important;
}

._px-15 {
  --px-padding: 15px !important;
}

._px-16 {
  --px-padding: 16px !important;
}

._px-17 {
  --px-padding: 17px !important;
}

._px-18 {
  --px-padding: 18px !important;
}

._px-19 {
  --px-padding: 19px !important;
}

._px-20 {
  --px-padding: 20px !important;
}

._px-21 {
  --px-padding: 21px !important;
}

._px-22 {
  --px-padding: 22px !important;
}

._px-23 {
  --px-padding: 23px !important;
}

._px-24 {
  --px-padding: 24px !important;
}

._px-25 {
  --px-padding: 25px !important;
}

._px-26 {
  --px-padding: 26px !important;
}

._px-27 {
  --px-padding: 27px !important;
}

._px-28 {
  --px-padding: 28px !important;
}

._px-29 {
  --px-padding: 29px !important;
}

._px-30 {
  --px-padding: 30px !important;
}

._px-31 {
  --px-padding: 31px !important;
}

._px-32 {
  --px-padding: 32px !important;
}

._px-33 {
  --px-padding: 33px !important;
}

._px-34 {
  --px-padding: 34px !important;
}

._px-35 {
  --px-padding: 35px !important;
}

._px-36 {
  --px-padding: 36px !important;
}

._px-37 {
  --px-padding: 37px !important;
}

._px-38 {
  --px-padding: 38px !important;
}

._px-39 {
  --px-padding: 39px !important;
}

._px-40 {
  --px-padding: 40px !important;
}

._py-0 {
  --py-padding: 0px !important;
}

._py-1 {
  --py-padding: 1px !important;
}

._py-2 {
  --py-padding: 2px !important;
}

._py-3 {
  --py-padding: 3px !important;
}

._py-4 {
  --py-padding: 4px !important;
}

._py-5 {
  --py-padding: 5px !important;
}

._py-6 {
  --py-padding: 6px !important;
}

._py-7 {
  --py-padding: 7px !important;
}

._py-8 {
  --py-padding: 8px !important;
}

._py-9 {
  --py-padding: 9px !important;
}

._py-10 {
  --py-padding: 10px !important;
}

._py-11 {
  --py-padding: 11px !important;
}

._py-12 {
  --py-padding: 12px !important;
}

._py-13 {
  --py-padding: 13px !important;
}

._py-14 {
  --py-padding: 14px !important;
}

._py-15 {
  --py-padding: 15px !important;
}

._py-16 {
  --py-padding: 16px !important;
}

._py-17 {
  --py-padding: 17px !important;
}

._py-18 {
  --py-padding: 18px !important;
}

._py-19 {
  --py-padding: 19px !important;
}

._py-20 {
  --py-padding: 20px !important;
}

._py-21 {
  --py-padding: 21px !important;
}

._py-22 {
  --py-padding: 22px !important;
}

._py-23 {
  --py-padding: 23px !important;
}

._py-24 {
  --py-padding: 24px !important;
}

._py-25 {
  --py-padding: 25px !important;
}

._py-26 {
  --py-padding: 26px !important;
}

._py-27 {
  --py-padding: 27px !important;
}

._py-28 {
  --py-padding: 28px !important;
}

._py-29 {
  --py-padding: 29px !important;
}

._py-30 {
  --py-padding: 30px !important;
}

._py-31 {
  --py-padding: 31px !important;
}

._py-32 {
  --py-padding: 32px !important;
}

._py-33 {
  --py-padding: 33px !important;
}

._py-34 {
  --py-padding: 34px !important;
}

._py-35 {
  --py-padding: 35px !important;
}

._py-36 {
  --py-padding: 36px !important;
}

._py-37 {
  --py-padding: 37px !important;
}

._py-38 {
  --py-padding: 38px !important;
}

._py-39 {
  --py-padding: 39px !important;
}

._py-40 {
  --py-padding: 40px !important;
}

._ml-0 {
  --ml-margin: 0px !important;
}

._ml-1 {
  --ml-margin: 1px !important;
}

._ml-2 {
  --ml-margin: 2px !important;
}

._ml-3 {
  --ml-margin: 3px !important;
}

._ml-4 {
  --ml-margin: 4px !important;
}

._ml-5 {
  --ml-margin: 5px !important;
}

._ml-6 {
  --ml-margin: 6px !important;
}

._ml-7 {
  --ml-margin: 7px !important;
}

._ml-8 {
  --ml-margin: 8px !important;
}

._ml-9 {
  --ml-margin: 9px !important;
}

._ml-10 {
  --ml-margin: 10px !important;
}

._ml-11 {
  --ml-margin: 11px !important;
}

._ml-12 {
  --ml-margin: 12px !important;
}

._ml-13 {
  --ml-margin: 13px !important;
}

._ml-14 {
  --ml-margin: 14px !important;
}

._ml-15 {
  --ml-margin: 15px !important;
}

._ml-16 {
  --ml-margin: 16px !important;
}

._ml-17 {
  --ml-margin: 17px !important;
}

._ml-18 {
  --ml-margin: 18px !important;
}

._ml-19 {
  --ml-margin: 19px !important;
}

._ml-20 {
  --ml-margin: 20px !important;
}

._ml-21 {
  --ml-margin: 21px !important;
}

._ml-22 {
  --ml-margin: 22px !important;
}

._ml-23 {
  --ml-margin: 23px !important;
}

._ml-24 {
  --ml-margin: 24px !important;
}

._ml-25 {
  --ml-margin: 25px !important;
}

._ml-26 {
  --ml-margin: 26px !important;
}

._ml-27 {
  --ml-margin: 27px !important;
}

._ml-28 {
  --ml-margin: 28px !important;
}

._ml-29 {
  --ml-margin: 29px !important;
}

._ml-30 {
  --ml-margin: 30px !important;
}

._ml-31 {
  --ml-margin: 31px !important;
}

._ml-32 {
  --ml-margin: 32px !important;
}

._ml-33 {
  --ml-margin: 33px !important;
}

._ml-34 {
  --ml-margin: 34px !important;
}

._ml-35 {
  --ml-margin: 35px !important;
}

._ml-36 {
  --ml-margin: 36px !important;
}

._ml-37 {
  --ml-margin: 37px !important;
}

._ml-38 {
  --ml-margin: 38px !important;
}

._ml-39 {
  --ml-margin: 39px !important;
}

._ml-40 {
  --ml-margin: 40px !important;
}

._mr-0 {
  --mr-margin: 0px !important;
}

._mr-1 {
  --mr-margin: 1px !important;
}

._mr-2 {
  --mr-margin: 2px !important;
}

._mr-3 {
  --mr-margin: 3px !important;
}

._mr-4 {
  --mr-margin: 4px !important;
}

._mr-5 {
  --mr-margin: 5px !important;
}

._mr-6 {
  --mr-margin: 6px !important;
}

._mr-7 {
  --mr-margin: 7px !important;
}

._mr-8 {
  --mr-margin: 8px !important;
}

._mr-9 {
  --mr-margin: 9px !important;
}

._mr-10 {
  --mr-margin: 10px !important;
}

._mr-11 {
  --mr-margin: 11px !important;
}

._mr-12 {
  --mr-margin: 12px !important;
}

._mr-13 {
  --mr-margin: 13px !important;
}

._mr-14 {
  --mr-margin: 14px !important;
}

._mr-15 {
  --mr-margin: 15px !important;
}

._mr-16 {
  --mr-margin: 16px !important;
}

._mr-17 {
  --mr-margin: 17px !important;
}

._mr-18 {
  --mr-margin: 18px !important;
}

._mr-19 {
  --mr-margin: 19px !important;
}

._mr-20 {
  --mr-margin: 20px !important;
}

._mr-21 {
  --mr-margin: 21px !important;
}

._mr-22 {
  --mr-margin: 22px !important;
}

._mr-23 {
  --mr-margin: 23px !important;
}

._mr-24 {
  --mr-margin: 24px !important;
}

._mr-25 {
  --mr-margin: 25px !important;
}

._mr-26 {
  --mr-margin: 26px !important;
}

._mr-27 {
  --mr-margin: 27px !important;
}

._mr-28 {
  --mr-margin: 28px !important;
}

._mr-29 {
  --mr-margin: 29px !important;
}

._mr-30 {
  --mr-margin: 30px !important;
}

._mr-31 {
  --mr-margin: 31px !important;
}

._mr-32 {
  --mr-margin: 32px !important;
}

._mr-33 {
  --mr-margin: 33px !important;
}

._mr-34 {
  --mr-margin: 34px !important;
}

._mr-35 {
  --mr-margin: 35px !important;
}

._mr-36 {
  --mr-margin: 36px !important;
}

._mr-37 {
  --mr-margin: 37px !important;
}

._mr-38 {
  --mr-margin: 38px !important;
}

._mr-39 {
  --mr-margin: 39px !important;
}

._mr-40 {
  --mr-margin: 40px !important;
}

._mt-0 {
  --mt-margin: 0px !important;
}

._mt-1 {
  --mt-margin: 1px !important;
}

._mt-2 {
  --mt-margin: 2px !important;
}

._mt-3 {
  --mt-margin: 3px !important;
}

._mt-4 {
  --mt-margin: 4px !important;
}

._mt-5 {
  --mt-margin: 5px !important;
}

._mt-6 {
  --mt-margin: 6px !important;
}

._mt-7 {
  --mt-margin: 7px !important;
}

._mt-8 {
  --mt-margin: 8px !important;
}

._mt-9 {
  --mt-margin: 9px !important;
}

._mt-10 {
  --mt-margin: 10px !important;
}

._mt-11 {
  --mt-margin: 11px !important;
}

._mt-12 {
  --mt-margin: 12px !important;
}

._mt-13 {
  --mt-margin: 13px !important;
}

._mt-14 {
  --mt-margin: 14px !important;
}

._mt-15 {
  --mt-margin: 15px !important;
}

._mt-16 {
  --mt-margin: 16px !important;
}

._mt-17 {
  --mt-margin: 17px !important;
}

._mt-18 {
  --mt-margin: 18px !important;
}

._mt-19 {
  --mt-margin: 19px !important;
}

._mt-20 {
  --mt-margin: 20px !important;
}

._mt-21 {
  --mt-margin: 21px !important;
}

._mt-22 {
  --mt-margin: 22px !important;
}

._mt-23 {
  --mt-margin: 23px !important;
}

._mt-24 {
  --mt-margin: 24px !important;
}

._mt-25 {
  --mt-margin: 25px !important;
}

._mt-26 {
  --mt-margin: 26px !important;
}

._mt-27 {
  --mt-margin: 27px !important;
}

._mt-28 {
  --mt-margin: 28px !important;
}

._mt-29 {
  --mt-margin: 29px !important;
}

._mt-30 {
  --mt-margin: 30px !important;
}

._mt-31 {
  --mt-margin: 31px !important;
}

._mt-32 {
  --mt-margin: 32px !important;
}

._mt-33 {
  --mt-margin: 33px !important;
}

._mt-34 {
  --mt-margin: 34px !important;
}

._mt-35 {
  --mt-margin: 35px !important;
}

._mt-36 {
  --mt-margin: 36px !important;
}

._mt-37 {
  --mt-margin: 37px !important;
}

._mt-38 {
  --mt-margin: 38px !important;
}

._mt-39 {
  --mt-margin: 39px !important;
}

._mt-40 {
  --mt-margin: 40px !important;
}

._mb-0 {
  --mb-margin: 0px !important;
}

._mb-1 {
  --mb-margin: 1px !important;
}

._mb-2 {
  --mb-margin: 2px !important;
}

._mb-3 {
  --mb-margin: 3px !important;
}

._mb-4 {
  --mb-margin: 4px !important;
}

._mb-5 {
  --mb-margin: 5px !important;
}

._mb-6 {
  --mb-margin: 6px !important;
}

._mb-7 {
  --mb-margin: 7px !important;
}

._mb-8 {
  --mb-margin: 8px !important;
}

._mb-9 {
  --mb-margin: 9px !important;
}

._mb-10 {
  --mb-margin: 10px !important;
}

._mb-11 {
  --mb-margin: 11px !important;
}

._mb-12 {
  --mb-margin: 12px !important;
}

._mb-13 {
  --mb-margin: 13px !important;
}

._mb-14 {
  --mb-margin: 14px !important;
}

._mb-15 {
  --mb-margin: 15px !important;
}

._mb-16 {
  --mb-margin: 16px !important;
}

._mb-17 {
  --mb-margin: 17px !important;
}

._mb-18 {
  --mb-margin: 18px !important;
}

._mb-19 {
  --mb-margin: 19px !important;
}

._mb-20 {
  --mb-margin: 20px !important;
}

._mb-21 {
  --mb-margin: 21px !important;
}

._mb-22 {
  --mb-margin: 22px !important;
}

._mb-23 {
  --mb-margin: 23px !important;
}

._mb-24 {
  --mb-margin: 24px !important;
}

._mb-25 {
  --mb-margin: 25px !important;
}

._mb-26 {
  --mb-margin: 26px !important;
}

._mb-27 {
  --mb-margin: 27px !important;
}

._mb-28 {
  --mb-margin: 28px !important;
}

._mb-29 {
  --mb-margin: 29px !important;
}

._mb-30 {
  --mb-margin: 30px !important;
}

._mb-31 {
  --mb-margin: 31px !important;
}

._mb-32 {
  --mb-margin: 32px !important;
}

._mb-33 {
  --mb-margin: 33px !important;
}

._mb-34 {
  --mb-margin: 34px !important;
}

._mb-35 {
  --mb-margin: 35px !important;
}

._mb-36 {
  --mb-margin: 36px !important;
}

._mb-37 {
  --mb-margin: 37px !important;
}

._mb-38 {
  --mb-margin: 38px !important;
}

._mb-39 {
  --mb-margin: 39px !important;
}

._mb-40 {
  --mb-margin: 40px !important;
}

._mx-0 {
  --mx-margin: 0px !important;
}

._mx-1 {
  --mx-margin: 1px !important;
}

._mx-2 {
  --mx-margin: 2px !important;
}

._mx-3 {
  --mx-margin: 3px !important;
}

._mx-4 {
  --mx-margin: 4px !important;
}

._mx-5 {
  --mx-margin: 5px !important;
}

._mx-6 {
  --mx-margin: 6px !important;
}

._mx-7 {
  --mx-margin: 7px !important;
}

._mx-8 {
  --mx-margin: 8px !important;
}

._mx-9 {
  --mx-margin: 9px !important;
}

._mx-10 {
  --mx-margin: 10px !important;
}

._mx-11 {
  --mx-margin: 11px !important;
}

._mx-12 {
  --mx-margin: 12px !important;
}

._mx-13 {
  --mx-margin: 13px !important;
}

._mx-14 {
  --mx-margin: 14px !important;
}

._mx-15 {
  --mx-margin: 15px !important;
}

._mx-16 {
  --mx-margin: 16px !important;
}

._mx-17 {
  --mx-margin: 17px !important;
}

._mx-18 {
  --mx-margin: 18px !important;
}

._mx-19 {
  --mx-margin: 19px !important;
}

._mx-20 {
  --mx-margin: 20px !important;
}

._mx-21 {
  --mx-margin: 21px !important;
}

._mx-22 {
  --mx-margin: 22px !important;
}

._mx-23 {
  --mx-margin: 23px !important;
}

._mx-24 {
  --mx-margin: 24px !important;
}

._mx-25 {
  --mx-margin: 25px !important;
}

._mx-26 {
  --mx-margin: 26px !important;
}

._mx-27 {
  --mx-margin: 27px !important;
}

._mx-28 {
  --mx-margin: 28px !important;
}

._mx-29 {
  --mx-margin: 29px !important;
}

._mx-30 {
  --mx-margin: 30px !important;
}

._mx-31 {
  --mx-margin: 31px !important;
}

._mx-32 {
  --mx-margin: 32px !important;
}

._mx-33 {
  --mx-margin: 33px !important;
}

._mx-34 {
  --mx-margin: 34px !important;
}

._mx-35 {
  --mx-margin: 35px !important;
}

._mx-36 {
  --mx-margin: 36px !important;
}

._mx-37 {
  --mx-margin: 37px !important;
}

._mx-38 {
  --mx-margin: 38px !important;
}

._mx-39 {
  --mx-margin: 39px !important;
}

._mx-40 {
  --mx-margin: 40px !important;
}

._my-0 {
  --my-margin: 0px !important;
}

._my-1 {
  --my-margin: 1px !important;
}

._my-2 {
  --my-margin: 2px !important;
}

._my-3 {
  --my-margin: 3px !important;
}

._my-4 {
  --my-margin: 4px !important;
}

._my-5 {
  --my-margin: 5px !important;
}

._my-6 {
  --my-margin: 6px !important;
}

._my-7 {
  --my-margin: 7px !important;
}

._my-8 {
  --my-margin: 8px !important;
}

._my-9 {
  --my-margin: 9px !important;
}

._my-10 {
  --my-margin: 10px !important;
}

._my-11 {
  --my-margin: 11px !important;
}

._my-12 {
  --my-margin: 12px !important;
}

._my-13 {
  --my-margin: 13px !important;
}

._my-14 {
  --my-margin: 14px !important;
}

._my-15 {
  --my-margin: 15px !important;
}

._my-16 {
  --my-margin: 16px !important;
}

._my-17 {
  --my-margin: 17px !important;
}

._my-18 {
  --my-margin: 18px !important;
}

._my-19 {
  --my-margin: 19px !important;
}

._my-20 {
  --my-margin: 20px !important;
}

._my-21 {
  --my-margin: 21px !important;
}

._my-22 {
  --my-margin: 22px !important;
}

._my-23 {
  --my-margin: 23px !important;
}

._my-24 {
  --my-margin: 24px !important;
}

._my-25 {
  --my-margin: 25px !important;
}

._my-26 {
  --my-margin: 26px !important;
}

._my-27 {
  --my-margin: 27px !important;
}

._my-28 {
  --my-margin: 28px !important;
}

._my-29 {
  --my-margin: 29px !important;
}

._my-30 {
  --my-margin: 30px !important;
}

._my-31 {
  --my-margin: 31px !important;
}

._my-32 {
  --my-margin: 32px !important;
}

._my-33 {
  --my-margin: 33px !important;
}

._my-34 {
  --my-margin: 34px !important;
}

._my-35 {
  --my-margin: 35px !important;
}

._my-36 {
  --my-margin: 36px !important;
}

._my-37 {
  --my-margin: 37px !important;
}

._my-38 {
  --my-margin: 38px !important;
}

._my-39 {
  --my-margin: 39px !important;
}

._my-40 {
  --my-margin: 40px !important;
}

._g-0 {
  --g: 0px !important;
}

._g-1 {
  --g: 1px !important;
}

._g-2 {
  --g: 2px !important;
}

._g-3 {
  --g: 3px !important;
}

._g-4 {
  --g: 4px !important;
}

._g-5 {
  --g: 5px !important;
}

._g-6 {
  --g: 6px !important;
}

._g-7 {
  --g: 7px !important;
}

._g-8 {
  --g: 8px !important;
}

._g-9 {
  --g: 9px !important;
}

._g-10 {
  --g: 10px !important;
}

._g-11 {
  --g: 11px !important;
}

._g-12 {
  --g: 12px !important;
}

._g-13 {
  --g: 13px !important;
}

._g-14 {
  --g: 14px !important;
}

._g-15 {
  --g: 15px !important;
}

._g-16 {
  --g: 16px !important;
}

._g-17 {
  --g: 17px !important;
}

._g-18 {
  --g: 18px !important;
}

._g-19 {
  --g: 19px !important;
}

._g-20 {
  --g: 20px !important;
}

._g-21 {
  --g: 21px !important;
}

._g-22 {
  --g: 22px !important;
}

._g-23 {
  --g: 23px !important;
}

._g-24 {
  --g: 24px !important;
}

._g-25 {
  --g: 25px !important;
}

._g-26 {
  --g: 26px !important;
}

._g-27 {
  --g: 27px !important;
}

._g-28 {
  --g: 28px !important;
}

._g-29 {
  --g: 29px !important;
}

._g-30 {
  --g: 30px !important;
}

._g-31 {
  --g: 31px !important;
}

._g-32 {
  --g: 32px !important;
}

._g-33 {
  --g: 33px !important;
}

._g-34 {
  --g: 34px !important;
}

._g-35 {
  --g: 35px !important;
}

._g-36 {
  --g: 36px !important;
}

._g-37 {
  --g: 37px !important;
}

._g-38 {
  --g: 38px !important;
}

._g-39 {
  --g: 39px !important;
}

._g-40 {
  --g: 40px !important;
}

._h-0 {
  --h: 0px !important;
}

._h-1 {
  --h: 1px !important;
}

._h-2 {
  --h: 2px !important;
}

._h-3 {
  --h: 3px !important;
}

._h-4 {
  --h: 4px !important;
}

._h-5 {
  --h: 5px !important;
}

._h-6 {
  --h: 6px !important;
}

._h-7 {
  --h: 7px !important;
}

._h-8 {
  --h: 8px !important;
}

._h-9 {
  --h: 9px !important;
}

._h-10 {
  --h: 10px !important;
}

._h-11 {
  --h: 11px !important;
}

._h-12 {
  --h: 12px !important;
}

._h-13 {
  --h: 13px !important;
}

._h-14 {
  --h: 14px !important;
}

._h-15 {
  --h: 15px !important;
}

._h-16 {
  --h: 16px !important;
}

._h-17 {
  --h: 17px !important;
}

._h-18 {
  --h: 18px !important;
}

._h-19 {
  --h: 19px !important;
}

._h-20 {
  --h: 20px !important;
}

._h-21 {
  --h: 21px !important;
}

._h-22 {
  --h: 22px !important;
}

._h-23 {
  --h: 23px !important;
}

._h-24 {
  --h: 24px !important;
}

._h-25 {
  --h: 25px !important;
}

._h-26 {
  --h: 26px !important;
}

._h-27 {
  --h: 27px !important;
}

._h-28 {
  --h: 28px !important;
}

._h-29 {
  --h: 29px !important;
}

._h-30 {
  --h: 30px !important;
}

._h-31 {
  --h: 31px !important;
}

._h-32 {
  --h: 32px !important;
}

._h-33 {
  --h: 33px !important;
}

._h-34 {
  --h: 34px !important;
}

._h-35 {
  --h: 35px !important;
}

._h-36 {
  --h: 36px !important;
}

._h-37 {
  --h: 37px !important;
}

._h-38 {
  --h: 38px !important;
}

._h-39 {
  --h: 39px !important;
}

._h-40 {
  --h: 40px !important;
}

[class*="_pl-"] {
  padding-left: var(--pl-padding,0) !important;
}

[class*="_pr-"] {
  padding-right: var(--pr-padding,0) !important;
}

[class*="_pt-"] {
  padding-top: var(--pt-padding,0) !important;
}

[class*="_pb-"] {
  padding-bottom: var(--pb-padding,0) !important;
}

[class*="_px-"] {
  padding-left: var(--px-padding,0) !important;
  padding-right: var(--px-padding,0) !important;
}

[class*="_py-"] {
  padding-top: var(--py-padding,0) !important;
  padding-bottom: var(--py-padding,0) !important;
}

[class*="_ml-"] {
  margin-left: var(--ml-margin,0) !important;
}

[class*="_mr-"] {
  margin-right: var(--mr-margin,0) !important;
}

[class*="_mt-"] {
  margin-top: var(--mt-margin,0) !important;
}

[class*="_mb-"] {
  margin-bottom: var(--mb-margin,0) !important;
}

[class*="_mx-"] {
  margin-left: var(--mx-margin,0) !important;
  margin-right: var(--mx-margin,0) !important;
}

[class*="_my-"] {
  margin-top: var(--my-margin,0) !important;
  margin-bottom: var(--my-margin,0) !important;
}

[class*="_g-"] {
  gap: var(--g,0) !important;
}

[class*="_h-"] {
  height: var(--h,0) !important;
}

.m3 {
  margin: 3rem 0;
}

.fs-xs {
  font-size: 0.75rem;
}

.fs-sm {
  font-size: .9rem;
}

.fs-md {
  font-size: 1.2rem;
}

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

.mb-7 {
  margin-bottom: 7px;
}

#panel {
  background: #f6f9ff !important;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: -webkit-fill-available;
}

#content {
  padding: 1.5rem 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

footer {
  background-color: #f6f9ff;
  color: #707070;
  font-size: .9rem;
  line-height: 1.2;
}

.trip-infos {
  position: relative;
  margin: 1em 0em 1em 0em;
  padding: 5.5px 15px 0em 15px;
  background: #ffffff;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 0.125rem 0.25rem 2px rgb(0 0 0 / 8%);
  box-shadow: 0 0.125rem 0.25rem 2px rgb(0 0 0 / 8%);
}

.trip-infos .trip-displayName {
  font-size: 11px;
  color: #585858;
}

.trip-infos .trip-bustype {
  font-size: 15px;
}

.trip-infos .trip-starttime,
.trip-infos .trip-endtime {
  font-weight: 700;
  color: #3e3e52;
  font-size: 15px;
}

.trip-infos .trip-fare-lebel {
  font-size: 14px;
}

.trip-infos .trip-fare {
  font-weight: 700;
  font-size: 24px;
}

.trip-infos .trip-fare-originalD {
  font-weight: 700;
  font-size: 18px;
}

.trip-infos .trip-fare-original {
  font-size: 12px;
}

.trip-infos .trip-fare-info .fas {
  font-weight: 900;
}

.trip-infos .trip-duration {
  font-size: 13px;
  color: #585858;
}

.trip-infos .trip-seatsavail,
.trip-infos .trip-seatsavail-info {
  font-size: 14px;
  color: #58585d;
}

.trip-infos .trip-seatsavail-info,
.trip-infos .singleseats {
  font-size: 12px;
  color: #58585d;
}

.trip-infos .small,
.trip-infos small {
  font-size: 9px;
}

.trip-infos .trip-via {
  font-size: 12px;
  color: #3e3e52;
}

.trip-infos .trip-reststop {
  font-size: 12px;
}

.trip-offer-ribbon {
  position: absolute;
  right: -12px;
  padding: 0px 5px 0px 25px;
  border-radius: 3px;
  color: #fff;
  font-size: 11px;
  white-space: nowrap;
  border-top-right-radius: 0;
  background: linear-gradient(44deg, rgba(255, 255, 255, 1) 15%, rgba(220, 53, 69, 1) 15%);
}

.trip-offer-ribbon::after {
  content: '';
  position: absolute;
  border-bottom: 8px solid #b71c1c;
  border-right: 6px solid transparent;
  right: 0px;
  top: -8px;
  z-index: -1;
}

.strike-red {
  display: inline-block;
  position: relative;
  color: #dc3545;
  text-decoration: none;
}

.trip-infos .trip-fare-original::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 54%;
  transform: translateY(-50%);
  border-bottom: 1px solid #dc3545;
}

.trip-offer-ribbon .fas {
  color: #fff;
}

.trip-tabs {
  font-size: 11px;
  padding: 0.5rem 0;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
  border-top: 1px solid #ddd;
  flex-wrap: nowrap;
  overflow: auto;
}

.trip-tabs::before,
.trip-tabs::after {
  content: '';
  margin: auto;
}

.trip-tabs .col-auto {
  padding-right: 10px;
  padding-left: 10px;
}

.trip-tabs .col-auto:not(:last-child) {
  border-right: 1px solid #aaaaaa;
  appearance: none;
  -webkit-appearance: none;
}

.trip-tabs-content {
  font-size: 12px;
}

.trip-tabs-content:not(:empty) {
  padding: .5rem 0;
}

[data-tabcontent="AMENITIES"] img {
  width: 16px;
  min-width: 16px;
  margin-right: .5rem;
}

[data-tabcontent="STATIONPOINTS"] {
  max-height: 250px;
  overflow: auto;
}

.sp-amenities .ezeeicon-amenities {
  font-size: 11px;
}

.sp-amenities .badge-light {
  background-color: #eeeeee;
}

.input-group-text {
  background-color: #fff !important;
}

.form-control {
  font-size: 1.05em;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.form-control:focus {
  -webkit-backface-visibility: hidden;
  outline: none;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#selected-seat-footer {
  position: fixed;
  background: #fff;
  width: 100%;
  bottom: 0;
  -webkit-box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, .075);
  box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, .075);
  z-index: 1051;
  left: 0;
}

#selected-seat-footer .selected-seats-info {
  padding-top: .65rem;
  padding-bottom: .65rem;
}

.input-group-text,
.input-group-append .btn {
  font-size: inherit;
}

#pass-alert .alert {
  margin-bottom: 0;
}

.searchbar .input-group-text,
.searchbar .form-control,
.searchbar .form-control:focus {
  border: unset !important;
}

.searchbar [type="button"] {
  appearance: none;
  -webkit-appearance: none;
}

.search-input {
  border-left: 0;
  border-right: 0;
}

.search-input:invalid+.input-group-append>.input-group-text {
  color: #ffffff;
  pointer-events: none;
}

.search-input:-webkit-autofill,
.search-input:-webkit-autofill:hover,
.search-input:-webkit-autofill:focus,
.search-input:-webkit-autofill:active {
  -webkit-transition: background-color 0s ease-in-out 5000s;
  transition: background-color 0s ease-in-out 5000s;
}

.popover {
  max-width: 95vw;
  font-size: 12px;
}

.popover-body {
  max-height: 400px;
  overflow: auto;
}

.discounts-list {
  display: flex;
  overflow: auto;
}

.discount-card {
  display: inline-block;
  padding: 1rem;
  margin: 1.5rem 0.5rem;
  border-radius: 1rem;
  background-color: #6c757d;
  min-width: 250px;
}

.discount-card:nth-child(odd) {
  background: linear-gradient(#1ECBF4, #194DC3);
}

.discount-card:nth-child(even) {
  background: linear-gradient(#EF427C, #B41C8B);
}

.discount-code {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: bolder;
  letter-spacing: 2px;
  text-shadow: 0px 1px, 1px 0px, 1px 1px;
}

.discount-info {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.8);
}

.discount-till {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 1.7rem;
  display: inline-block;
}

.discount-apply {
  float: right;
  color: #ffff;
  margin-top: 1.5rem;
  font-weight: bold;
}

footer .rights {
  font-size: 0.75rem;
}

footer .powered {
  font-size: 0.65rem;
}

.app-banner {
  background-color: #f8f7f7;
}

.home-content {
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}

.form-control-icon {
  padding: 1rem 1.25rem 1rem 2.5rem;
  height: calc(1.5em + 1.5rem + 2px);
}

.form-control-icon+.placholder-icon {
  font-size: 1.1rem;
  color: #949494;
  position: absolute;
  top: 15px;
  left: 15px;
}

#pass-fare-details {
  color: #495057;
}

#pass-fare-details .ticket-fare-tr {
  font-size: 15px;
  color: #212529;
}

#pass-fare-details .total-fare-tr {
  font-size: 16px;
  color: #212529;
  border-top: 2px solid #C2C9CE;
}

#pass-fare-details .total-fare-tr td {
  padding-top: 1rem;
}

#station-list-modal .station-list-label {
  background: #eee;
  padding: .45rem 1rem;
  font-size: 11px;
  font-weight: bold;
}

.trip-filter-toggle label * {
  pointer-events: none;
}

.trip-filter-toggle .btn:hover {
  color: inherit;
  background-color: transparent;
  background-image: none;
  border-color: inherit;
}

.trip-filter-collapse,
.trip-filter-collapse:hover {
  text-decoration: none;
}

.trip-filter-collapse .badge-count {
  line-height: 1.1;
  margin-right: .3rem;
  vertical-align: text-top;
}

.trip-filter-collapse i {
  line-height: 1.5;
  -webkit-transition: -webkit-transform .35s ease;
  transition: transform .35s ease, -webkit-transform .35s ease;
  -o-transition: transform .35s ease;
}

.trip-filter-collapse[aria-expanded="true"] i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.filter-cb-list {
  max-height: 200px;
  overflow-y: auto;
}

#trip-filter-modal .modal-body {
  margin-bottom: 8rem;
}

#trip-filter-modal .modal-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
}

.search-datenav-btn {
  width: 85px;
  box-shadow: 0 0.2rem 0.5rem 1px rgb(0 0 0 / 8%);
  border: 3px solid #ddd;
}

.bar-upcomming,
.bar-completed,
.bar-cancelled {
  text-align: center;
  font-size: 12px;
  padding: 4px;
  color: #fff;
}

.bar-upcomming {
  background: #f71f1f;
}

.bar-completed {
  background: #001E53;
}

.bar-cancelled {
  background: #f71f1f;
}

.banner-slide {
  border-radius: .75rem !important;
  overflow: hidden;
  margin-right: 1rem;
}

.banner-slider .slick-track {
  margin-left: 0;
  margin-right: 0;
}

.float-pane {
  position: fixed;
  bottom: 25px;
  right: 10px;
  z-index: 100;
}

.wa-float-icon>img {
  width: 78px;
}

.phone-float-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
}

.phone-float-icon .fas {
  font-size: 28px;
}

.app-page-logo {
  text-align: center;
  border: 1px solid #fff;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border-radius: 20%;
  height: 250px;
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}

.app-page-logo img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 200px;
}

.amenities a:hover {
  text-decoration: none;
}

.ezeeicon-amenities {
  font-size: 16px;
  color: #000;
  padding-left: 5px;
  vertical-align: bottom;
}

.ezeeicon-amenities[data-amenities="AMEF1QG68"]:before {
  content: "\e973";
}

.ezeeicon-amenities[data-amenities="AMEE55J8"]:before {
  content: "\e92e";
}

.ezeeicon-amenities[data-amenities="AMEE55B6"]:before {
  content: "\e9c8";
}

.ezeeicon-amenities[data-amenities="AMEF18G67"]:before {
  content: "\e976";
}

.ezeeicon-amenities[data-amenities="AMEE55B5"]:before {
  content: "\e976";
}

.ezeeicon-amenities[data-amenities="AMEK7AC36522"]:before {
  content: "\e979";
}

.ezeeicon-amenities[data-amenities="AMEG74D55512"]:before {
  content: "\e97c";
}

.ezeeicon-amenities[data-amenities="AMEHBDIE517"]:before {
  content: "\e92c";
}

.ezeeicon-amenities[data-amenities="AMEE55B7"]:before {
  content: "\e9d2";
}

.ezeeicon-amenities[data-amenities="AMEF18G66"]:before {
  content: "\e925";
}

.ezeeicon-amenities[data-amenities="AMEHBDIE518"]:before {
  content: "\e911";
}

.ezeeicon-amenities[data-amenities="AMEK58I53519"]:before {
  content: "\e988";
}

.ezeeicon-amenities[data-amenities="AMEH5PGC514"]:before {
  content: "\e975";
}

.ezeeicon-amenities[data-amenities="AMEF6QMJA74"]:before {
  content: "\e98e";
}

.ezeeicon-amenities[data-amenities="AMEF18G65"]:before {
  content: "\e990";
}

.ezeeicon-amenities[data-amenities="AMEI7K8V521"]:before {
  content: "\e927";
}

.ezeeicon-amenities[data-amenities="AMEHB4I5516"]:before {
  content: "\e994";
}

.ezeeicon-amenities[data-amenities="AMEHB4I4515"]:before {
  content: "\e996";
}

.ezeeicon-amenities[data-amenities="AMEG82E50513"]:before {
  content: "\e99b";
}

.ezeeicon-amenities[data-amenities="AMEI7K8U519"]:before {
  content: "\e971";
}

.ezeeicon-amenities[data-amenities="AMEI7K8U520"]:before {
  content: "\e98a";
}

.ezeeicon-amenities[data-amenities="AMEF2GIA69"]:before {
  content: "\e97f";
}

.ezeeicon-amenities[data-amenities="AMEL4OA551"]:before {
  content: "\e99c";
}

.ezeeicon-amenities[data-amenities="WTLONGE"]:before {
  content: "\e91c";
}

.ezeeicon-amenities[data-amenities="ACWTLONGE"]:before {
  content: "\e910";
}

.ezeeicon-amenities[data-amenities="WASHRM"]:before {
  content: "\e98e";
}

.ezeeicon-amenities[data-amenities="MTRCONNT"]:before {
  content: "\e922";
}

.ezeeicon-amenities[data-amenities="CCTVSRVLCE"]:before {
  content: "\e97c";
}

.ezeeicon-amenities[data-amenities="TVENTMT"]:before {
  content: "\e975";
}

.ezeeicon-amenities[data-amenities="AMENBAC584"]:before {
  content: "\e9f4";
}

.ezeeicon-amenities[data-amenities="AMEN9MJA2"]:before {
  content: "\e9bc";
}

.ezeeicon-amenities[data-amenities="AMENBAD15"]:before {
  content: "\e9d0";
}

.ezeeicon-amenities[data-amenities="AMENBAC553"]:before {
  content: "\e9ca";
}

.ezeeicon-amenities[data-amenities="AMENBAD26"]:before {
  content: "\e9d4";
}

.ezeeicon-amenities[data-amenities="AMEO7QG51"]:before {
  content: "\e9fe";
}

.ezeeicon-amenities[data-amenities="AMEP3IF411"]:before {
  content: "\e9dc";
}

.ezeeicon-amenities[data-amenities="AMEP45FV1"]:before {
  content: "\ea00";
}

.p-0 {
  padding: 0;
}

.searchpage {
  overflow: hidden;
}

.sharing {
  background-color: #f4f4f4;
  border-radius: 50%;
  padding: 3px;
  margin-left: 5px;
}

.mini-busmap-layers .busmap-legend {
  font-size: 11px;
}

.mini-busmap-layers .busmap-overflow {
  position: relative;
  overflow: auto;
}

.mini-busmap-layers {
  border: .5px solid #797979;
  padding: 2px;
  border-radius: 5px;
}

.mini-busmap-layers .vertical-text {
  writing-mode: vertical-lr;
  white-space: nowrap;
  font-size: 10px;
  margin-bottom: 0;
  rotate: 180deg;
  color: #797979;
  margin: 1.5px 3px;
}

.trip-fare .onwardTag {
  font-size: 11px;
  position: relative;
  top: -5px;
  font-weight: 500;
  color: #585858;
}

.seatTag {
  position: relative;
  top: -3px;
}

.mini-busmap-layers .mini-upper-layer,
.mini-busmap-layers .mini-lower-layer {
  width: max-content;
  border-radius: 4px;
}

.mini-busmap-layers .mini-lower-layer {
  margin-top: 1.5px;
}

.mini-busmap-layers .driver-icon::before {
  content: '';
  display: inline-block;
  background: url(../images/icons/steering.png) no-repeat center top;
  background-size: 15px 15px;
  height: 25px;
  width: 20px;
}

.mini-busmap-layers .seat-select-visibilitys {
  border: .5px solid #cecece;
}

#minibusmap .busmap-overflow {
  overflow: hidden;
  margin-bottom: 0;
}

#minibusmap .seat-booked-ladies {
  border: 1px solid #ff4598;
  background-color: #ff89be;
}

#minibusmap .seat-booked-gents {
  border: 1px solid #067ea3;
  background-color: #02c9de;
}

.mini-busmap-layers .seat-lay-details {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-bottom: 5px;
  border-radius: 2px;
  vertical-align: text-top;
}

.mini-busmap-layers .seat-lay-searchs,
.mini-busmap-layers .sleeper-lay-searchs,
.mini-busmap-layers .restroom-sleeper-filer {
  float: left;
  position: relative;
  font-size: 11px;
  cursor: pointer;
  margin: .5px;
  border-radius: 1px;
}

.mini-busmap-layers .seat-lay-searchs {
  width: 6.6px;
  height: 6.6px;
  line-height: 19px;
}

.mini-busmap-layers .sleeper-lay-searchs {
  width: 15px;
  height: 7px;
  line-height: 19px;
}

.mini-busmap-layers .vertical-seat {
  margin-top: -6px;
  margin-bottom: 0px;
  height: 15px;
  width: 7px;
  line-height: 18px;
  writing-mode: vertical-lr;
}

.mini-busmap-layers .restroom-sleeper-filer {
  width: 15px;
  height: 8px;
}

.mini-busmap-layers .restroom-lay {
  position: absolute;
  width: 100%;
  height: 46px;
  background-size: contain;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  z-index: 1;
}

.mini-upper-layer-seats {
  border-bottom: 1px dashed #868886;
}

.minibusfilter {
  filter: blur(1px);
}

.mini-busmap-layers .seat-booked-gents {
  border: .5px solid #017099;
  background-color: #88D1F2;
}

.mini-busmap-layers .seat-booked-ladies {
  border: .5px solid #FF89BE;
  background-color: #FFCFE3;
}

.mini-busmap-layers .seat-booked-blocked {
  border: .5px solid #B88A4C;
  background-color: #EED4AF;
}

.sort-filters {
  border-radius: 4px;
  padding: 0 2px;
  display: inline-block;
}

#trip-list-header {
  margin: 10px 5px;
  overflow: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}

.sort-btns {
  border-radius: 7px;
  border: #797979 1px solid;
  background: #fff;
  color: #000;
}

.sort-btns:focus {
  background: #c9e8fa !important;
  border: #c9e8fa 1px solid !important;
  outline: none !important;
}

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

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

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

.boardingpoint-count,
.droppingpoint-count {
  height: 19px;
  width: 19px;
  border-radius: 50%;
  display: inline-block;
  background: #2d579f;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 1px;
  cursor: pointer;
}

.mr_2 {
  margin-right: 2px;
}

.pLR-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.journeyTime {
  background: #f6f6f6;
  color: #585858;
  border-radius: 30px 30px;
  padding: 4px 4px;
  font-size: 12px;
}

.datesoftrip {
  color: #585858;
}

.hr-bg {
  color: #ffa630;
}

.in-journey {
  color: #0078d7;
}

.comp {
  color: #64b92a;
}

#bus-status {
  border-radius: 4px;
  padding: 0 4px;
  margin: 2px 0;
  font-size: 13px;
  display: inline-block;
}

.vehicle-number {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #8ec3e2;
  border-radius: 4px;
  padding: 2px 6px;
  margin-top: 2px;
  font-size: 12px;
  color: #1496e0;
  font-weight: 500;
}

.vehicle-number img {
  width: 16px;
  height: 16px;
}

.searchPageCalendar {
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  width: 100%;
  background: none;
  color: transparent;
  cursor: pointer;
}

.editableCalendar {
  position: relative;
  display: inline-block;
}

.mlr-7 {
  margin: 0 7px;
}

.img-clr-orange {
  filter: invert(52%) sepia(81%) saturate(602%) hue-rotate(-8deg) brightness(102%) contrast(101%);
}

.img-clr-blue {
  filter: invert(38%) sepia(94%) saturate(3760%) hue-rotate(174deg) brightness(92%) contrast(103%);
}

.img-clr-green {
  filter: invert(64%) sepia(35%) saturate(540%) hue-rotate(45deg) brightness(97%) contrast(90%);
}

.image-moves {
  margin: 3px;
  width: 20px;
}

.fn {
  font-weight: normal !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.mh {
  min-height: 111px;
}

.m-t-5 {
  margin-top: 5px !important;
}

#minibusmap {
  scrollbar-color: transparent transparent;
}

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

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

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

.img-p {
  padding: 0 5px 5px 0;
  filter: invert(1);
}

.trip-offer {
  background: url(../images/common/discount-card.svg) no-repeat center center;
  background-size: contain;
  padding: 9px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

.advertisement {
  width: 100%;
  background: linear-gradient(120deg, rgba(179, 254, 250, 1) 48%, rgba(255, 255, 255, 1) 90%);
  padding: 5px;
  border-radius: 0.3rem;
  font-size: 10px;
}

.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.dialog-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  border-radius: 8px;
}

.dialog-box button {
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.dialog-box button:hover {
  background-color: #007bff;
  color: white;
}

.dialog-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}

.upcoming-content,
.completed-content,
.cancelled-content {
  margin: .5rem 0;
}

.p-1r {
  padding: 1rem;
}

.p-t_5r {
  padding-top: .5rem;
}

.fr {
  float: right !important;
}

.bold {
  font-weight: bold !important;
}

.sp-time {
  font-weight: bold;
}

.sp-time span {
  font-weight: 500;
}

.mTB-3 {
  margin: 3px 0;
}

.mTB-5 {
  margin: 5px 0;
}

.crumbs-card {
  font-size: 12px;
}

.crumbs-heading {
  font-size: 14px !important;
}

.search-head {
  font-size: 14px;
  margin: 0;
}

.toproutes-conatiner {
  position: relative;
  padding: 1rem;
  color: #000;
  border-radius: 16px;
  margin: 7px;
  font-size: 12px;
}

.toproutes-conatiner .toproutes-heading {
  padding: .5rem 0;
  font-weight: bold;
}

.toproutes-conatiner .toproutes-card {
  padding-left: 0;
  text-decoration: none;
  line-height: 2;
  cursor: pointer;
}

.toproutes-conatiner .routes-symbol {
  display: inline-block;
  margin-right: .5rem;
}

.toproutes-conatiner .toproutes-card:not(:last-child) {
  margin-bottom: 1px;
}

.minH-240 {
  min-height: 260px;
}

.bottom-sheet {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s linear;
}

.bottom-sheet.show {
  opacity: 1;
  pointer-events: auto;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.2;
  z-index: -1;
}

.bottom-sheet .content {
  height: 50vh;
  max-height: 100vh;
  width: 100%;
  max-width: 1150px;
  background: #fff;
  padding: 25px 0 85px;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
  position: relative;
  transform: translateY(100%);
  transition: 0.3s ease;
}

.bottom-sheet.show .content {
  transform: translateY(0%);
}

.bottom-sheet.dragging .content {
  transition: none;
}

.bottom-sheet.fullscreen .content {
  border-radius: 0;
}

.bottom-sheet .content .header {
  display: flex;
  justify-content: center;
}

.bottom-sheet .content .header .drag-icon {
  padding: 15px;
  margin-top: -15px;
  cursor: grab;
  user-select: none;
}

.bottom-sheet .content .header .drag-icon span {
  height: 4px;
  width: 40px;
  background: #000;
  display: block;
  border-radius: 50px;
}

.bottom-sheet .content .body {
  position: relative;
  height: 100%;
  padding: 15px 0 40px;
  overflow-y: auto;
}

.bottom-sheet .content .body::-webkit-scrollbar {
  width: 0;
}

.bottom-sheet .content .body h2 {
  font-size: 1.8rem;
}

.bottom-sheet .content .body p {
  font-size: 1.06rem;
  margin-top: 20px;
}

.z-0 {
  z-index: 0;
}

.bus-profile {
  width: 50px;
  height: 50px;
  background-size: 100% 100%;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}

#top-route-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#top-route-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  gap: 20px;
  color: #007bff;
  width: 48%;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: background 0.2s, color 0.2s;
}

#top-route-links a .route-icon img {
  filter: invert(38%) sepia(99%) saturate(749%) hue-rotate(191deg) brightness(97%) contrast(101%);
  transition: filter 0.2s;
}

#top-route-links a:hover {
  background: var(--theme-primary-color);
  color: #fff;
}

#top-route-links a:hover .route-icon img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(100%);
}

.slide-header-1 {
  padding: 0;
  background: #fafaf9;
}

.slide-header-1 .login-btn-1 {
  color: #333;
  text-decoration: none;
}

.slide-header-1 .close-menu {
  color: white;
  font-size: 24px;
  cursor: pointer;
  text-decoration: none;
}

.slide-header-1 .user-greet {
  padding: 15px 0;
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.slide-header-1 .user-greet .col-4 {
  display: flex;
  justify-content: center;
}

.slide-header-1 .user-greet img {
  width: 65px;
  height: 65px;
  object-fit: cover;
}

.slide-header-1 .user-greet .h5 {
  color: #333;
  margin-bottom: 5px;
}

.slide-header-1 .user-greet .h6 {
  color: #666;
  margin-bottom: 3px;
  font-weight: normal;
}

.slide-header-1 .user-greet .small {
  color: #999;
  font-size: 0.85rem;
}

.slide-header-1 #menu-list {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  background-color: #fff;
}

.slide-header-1 #menu-list a {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  background: #fff;
  gap: 7px;
  border-bottom: 1px solid #f1f1f4;
}

.slide-header-1 .wallet-inner {
  display: flex;
  margin: -8px 15px 0px 15px;
  align-items: center;
  padding: 8px 16px;
  background: #fff;
  border-radius: 12px;
  gap: 10px;
}

.slide-header-1 .wallet-icon {
  background: #eef2ff;
  width: 43.25px;
  height: 43.25px;
  text-align: center;
  padding: 10px;
  border-radius: 10.81px;
}

.slide-header-1 .wallet-link {
  margin-left: auto;
}

.slide-header-1 .wallet-amount .small {
  color: #757b88;
  font-size: 10px !important;
}

.slide-header-1 .menu-card {
  padding: 15px;
  background: #fff;
  margin: 15px;
  border-radius: 12px;
  border: 1px solid rgba(241, 241, 244, 1);
}

.slide-header-1 .menu-card-1 {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  text-align: center;
  border-bottom: 1px solid #f1f1f4;
  padding-bottom: 10px;
}

.slide-header-1 .menu-card-1 a {
  width: 53px;
  height: 80px;
  text-decoration: none;
  color: #000;
}

.slide-header-1 .menu-card-1 .menu-card-1-icon {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
  padding: 8px 4px;
  border-radius: 12px;
  border-bottom: 1px solid rgba(241, 241, 244, 1);
  margin-bottom: 5px;
}

.slide-header-1 #menu-list i.fas.fa-chevron-right {
  margin-left: auto;
  color: #999;
}

.slide-header-1 #menu-list .fas {
  width: 24px;
  text-align: center;
  margin-right: 15px;
  color: #7b1fa2;
}

.slide-header-1 #menu-list li.section-header {
  padding: 8px;
  background-color: #fafaf9;
  font-weight: 500;
  color: #000;
  border: none;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.slide-header-1 #menu-list li.section-header + li:not(.section-header) {
  margin-top: 5px;
}

.slide-header-1 .logo-section {
  padding: 60px 20px;
  text-align: center;
  background-color: #fafaf9;
  margin-top: auto;
}

.slide-header-1 .logo-section img {
  max-width: 150px;
  height: auto;
}

.slide-header-1 .guest-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #fff;
  margin: 15px;
  border-radius: 12px;
  border: 1px solid rgba(241, 241, 244, 1);
}

.slide-header-1 .user-bg {
  background: url('../images/slideout/user-bg-slider-1.svg') no-repeat 0 0/100% 100% !important;
}

.slide-header-1 .guest-header .guest-name {
  font-weight: bold;
  font-size: 14px;
}

.slide-header-1 .user-inner {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 5px;
}

.slide-header-1 .user-info {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 7px;
}

.slide-header-1 #menu-list li:hover a {
  box-shadow: none;
  transition: 1s ease;
}

.slide-header-1 #menu-list li a {
  transition: .3s ease;
}

.slide-header-1 #menu-list li:hover :where(i, a) {
  transition: .5s ease;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: none;
}

.slide-header-1 #menu-list li:last-child a {
  border: none;
}

.slide-header-2 {
  padding: 0;
  background: #fafaf9;
}

.slide-header-2 .login-btn-2 {
  color: #fff;
  text-decoration: none;
}

.slide-header-2 .close-menu {
  color: white;
  font-size: 24px;
  cursor: pointer;
  text-decoration: none;
}

.slide-header-2 .user-greet {
  padding: 15px 0;
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.slide-header-2 .user-greet .col-4 {
  display: flex;
  justify-content: center;
}

.slide-header-2 .user-greet img {
  width: 65px;
  height: 65px;
  object-fit: cover;
}

.slide-header-2 .user-greet .h5 {
  color: #333;
  margin-bottom: 5px;
}

.slide-header-2 .user-greet .h6 {
  color: #666;
  margin-bottom: 3px;
  font-weight: normal;
}

.slide-header-2 .user-greet .small {
  color: #999;
  font-size: 0.85rem;
}

.slide-header-2 #menu-list {
  list-style: none;
  padding: 15px;
  margin: 0;
  background-color: #fafaf9;
}

.slide-header-2 #menu-list a {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  background: rgba(255, 255, 255, 1);
  border-radius: 24px;
  gap: 7px;
  margin-bottom: 7px;
}

.slide-header-2 .wallet-inner {
  display: flex;
  margin: -8px 15px 0px 15px;
  align-items: center;
  padding: 8px 16px;
  background: #fff;
  border-radius: 12px;
  gap: 10px;
}

.slide-header-2 .wallet-icon {
  background: #eef2ff;
  width: 43.25px;
  height: 43.25px;
  text-align: center;
  padding: 10px;
  border-radius: 10.81px;
}

.slide-header-2 .wallet-link {
  margin-left: auto;
}

.slide-header-2 .wallet-amount .small {
  color: #757b88;
  font-size: 10px !important;
}

.slide-header-2 #menu-list i.fas.fa-chevron-right {
  margin-left: auto;
  color: #999;
}

.slide-header-2 #menu-list .fas {
  width: 24px;
  text-align: center;
  margin-right: 15px;
  color: #7b1fa2;
}

.slide-header-2 #menu-list li.section-header {
  padding: 8px;
  background-color: #fafaf9;
  font-weight: 500;
  color: #000;
  border: none;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.slide-header-2 #menu-list li.section-header + li:not(.section-header) {
  margin-top: 5px;
}

.slide-header-2 .logo-section {
  padding: 25px 20px;
  text-align: center;
  background-color: #fafaf9;
  margin-top: auto;
}

.slide-header-2 .logo-section img {
  max-width: 150px;
  height: auto;
}

.slide-header-2 .guest-header {
  background: linear-gradient(90deg, #211158 0%, #4725BE 100%);
  color: white;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

.slide-header-2 .guest-header .guest-name {
  font-weight: bold;
  font-size: 14px;
}

.slide-header-2 .guest-header .guest-icon {
  background: #5c489e;
  border: 1px solid #8273b6;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.slide-header-2 .user-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.slide-header-2 .user-inner {
  display: flex;
  align-items: center;
  gap: 7px;
}

.slide-header-2 .user-info {
  text-align: center;
  font-size: 12px;
}

.slide-header-2 #menu-list li:hover a {
  box-shadow: none;
  transition: 1s ease;
}

.slide-header-2 #menu-list li a {
  transition: .3s ease;
}

.slide-header-2 #menu-list li:hover :where(i, a) {
  transition: .5s ease;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: none;
}

.slide-header-3 {
  padding: 0;
  background: #fafaf9;
}

.slide-header-3 .login-btn-3 {
  color: #fff;
  text-decoration: none;
}

.slide-header-3 .close-menu {
  color: white;
  font-size: 24px;
  cursor: pointer;
  text-decoration: none;
}

.slide-header-3 .user-greet {
  padding: 15px 0;
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.slide-header-3 .user-greet .col-4 {
  display: flex;
  justify-content: center;
}

.slide-header-3 .user-greet img {
  width: 65px;
  height: 65px;
  object-fit: cover;
}

.slide-header-3 .user-greet .h5 {
  color: #333;
  margin-bottom: 5px;
}

.slide-header-3 .user-greet .h6 {
  color: #666;
  margin-bottom: 3px;
  font-weight: normal;
}

.slide-header-3 .user-greet .small {
  color: #999;
  font-size: 0.85rem;
}

.slide-header-3 .menu-card {
  list-style: none;
  padding: 15px;
  margin: 0;
  background-color: #fafaf9;
}

.slide-header-3 .menu-card-1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.slide-header-3 .menu-card-1 a {
	width: 130px;
	height: 89px;
	margin: 10px 0;
	color: #000;
	font-size: 12px;
	background: #fff;
	text-align: center;
	/* place-content: center; */
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	text-decoration: none;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}

.slide-header-3 #menu-list a {
  display: flex;
  align-items: center;
  padding: 12px 8px;
  text-decoration: none;
  font-size: 12px;
  background: #fff;
  border-radius: 12px;
  gap: 7px;
  margin: 0 15px 15px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}

.slide-header-3 .wallet-inner {
  display: flex;
  margin: -8px 15px 0px 15px;
  align-items: center;
  padding: 8px 16px;
  background: #fff;
  border-radius: 12px;
  gap: 10px;
}

.slide-header-3 .wallet-icon {
  background: #eef2ff;
  width: 43.25px;
  height: 43.25px;
  text-align: center;
  padding: 10px;
  border-radius: 10.81px;
}

.slide-header-3 .wallet-link {
  margin-left: auto;
}

.slide-header-3 .wallet-amount .small {
  color: #757b88;
  font-size: 10px !important;
}

.slide-header-3 #menu-list i.fas.fa-chevron-right {
  margin-left: auto;
  color: #999;
}

.slide-header-3 #menu-list .fas {
  width: 24px;
  text-align: center;
  margin-right: 15px;
  color: #7b1fa2;
}

.slide-header-3 #menu-list li.section-header {
  padding: 8px;
  background-color: #fafaf9;
  font-weight: 500;
  border: none;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.slide-header-3 #menu-list li.section-header + li:not(.section-header) {
  margin-top: 5px;
}

.slide-header-3 .logo-section {
  padding: 25px 20px;
  text-align: center;
  background-color: #fafaf9;
  margin-top: auto;
}

@media (max-width: 480px) {
    .slide-header-3 .user-greet img {
        width: 55px;
        height: 55px;
    }
}

.slide-header-3 .guest-header {
  background: linear-gradient(90deg, #211158 0%, #4725BE 100%);
  color: white;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

.slide-header-3 .guest-header .guest-name {
  font-weight: bold;
  font-size: 14px;
}

.slide-header-3 .guest-header .guest-icon {
  background: #5c489e;
  border: 1px solid #8273b6;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.slide-header-3 .user-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.slide-header-3 .user-inner {
  display: flex;
  align-items: center;
  gap: 7px;
}

.slide-header-3 .user-info {
  text-align: center;
  font-size: 12px;
}

.slide-header-3 #menu-list li:hover a {
  box-shadow: none;
  transition: 1s ease;
}

.slide-header-3 #menu-list li a {
  transition: .3s ease;
}

.slide-header-3 #menu-list li:hover :where(i, a) {
  transition: .5s ease;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: none;
}

.slide-header-3 #menu-list {
  padding: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  list-style: none;
}

.slide-header-3 .logout-link a {
  color: #e84a49;
  text-decoration: none;
}

body {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  min-height: 100vh;
}

html,
body {
  height: -webkit-fill-available;
  min-height: -webkit-fill-available;
}

h1 {
  font-size: 18px;
  font-weight: bold;
}

#menu-list {
  min-height: calc(100vh - 270px);
  padding: 0;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  list-style: none;
}

#menu-list li:hover a {
  box-shadow: inset 250px 0px 60px var(--theme-primary-color);
  transition: 1s ease;
}

#menu-list li a {
  transition: .3s ease;
}

#menu-list li:hover :where(i, a) {
  transition: .5s ease;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 2px 2px 3px #777;
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
  padding: 0 10px;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: #f5f5f5;
  min-height: 100vh;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

#menu #user-greet {
  padding: 1rem 0 .70rem 0;
}

#menu-list>li {
  position: relative;
}

#menu-list>li>i {
  position: absolute;
  top: 16px;
  right: 8px;
  font-size: 10px;
}

#menu-list>li:hover {
  background: #f8f9fa;
}

#menu-list>li>a {
  display: block;
  color: #212529;
  text-decoration: none;
  padding: .50rem 1.2rem;
  font-size: 12px;
  background-color: #F5F5F5;
  border-radius: 3px;
  margin-bottom: 5px;
}

#menu-list>li>a>i {
  margin-right: 20px;
}

#menu-list>li>a.ticket>i::before {
  content: "\f207";
}

#menu-list>li>a.print>i::before {
  content: "\f02f";
}

#menu-list>li>a.reschedule>i::before {
  content: "\f783";
}

#menu-list>li>a.tracking>i::before {
  content: "\f124";
}

#menu-list>li>a.cancel>i::before {
  content: "\f057";
}

#menu-list>li>a.refund>i::before {
  content: "\f53c";
}

#menu-list>li>a.boarding>i::before {
  content: "\f5eb";
}

#menu-list>li>a.contact>i::before {
  content: "\f879";
}

#menu-list>li>a.terms>i::before {
  content: "\f0c5";
}

#menu-list>li>a.privacy>i::before {
  content: "\f3ed";
}

#menu-list>li>a.feedback>i::before {
  content: "\f27a";
}

#menu-list>li>a.login>i::before {
  content: "\f2f6";
}

#menu-list>li>a.agent>i::before {
  content: "\f007";
}

#menu-list>li>a.dashboard>i::before {
  content: "\f0db";
}

#menu-list>li>a.logout>i::before {
  content: "\f2f5";
}

.text-uppercase-isvalid:valid {
  text-transform: uppercase;
}

.text-line-through {
  text-decoration: line-through;
}

.main-logo {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 150px;
}

.search-panel-city {
  margin: 1.2em 0em 1.2em 0em;
  padding: 2em 1em 1em 1em;
  background: #ffffff;
}

#search-form {
  position: relative;
  padding: 1rem 0;
}

#search-form :required {
  background-color: #ffffff;
}

#search-swap-icon {
  position: absolute;
  z-index: 99;
  right: 25px;
  margin: -26px 0 0;
  padding: 10px;
  width: 48px;
  height: 48px;
}

p.justify {
  text-align: justify;
}

.modal-fullscreen {
  padding: 0 !important;
  margin: 0 !important;
  width: 100vw;
}

.modal-fullscreen .modal-dialog {
  padding: 0 !important;
  margin: 0 !important;
  max-height: 100vh;
  max-width: 100vw;
  height: 100%;
}

.modal-fullscreen .modal-content {
  border: none;
  border-radius: unset;
  max-height: 100vh;
}

.modal-fullscreen .modal-body {
  overscroll-behavior-y: contain;
  padding-bottom: 150px !important;
}

.modal-fullscreen .navbar.shadow-sm {
  z-index: 3;
}

.active[data-type="asc"]>i::before {
  content: "\f077";
}

.active[data-type="desc"]>i::before {
  content: "\f078";
}

#search-form .form-group label {
  margin-bottom: 0;
  margin-left: 0.7rem;
  font-size: 0.75rem;
  color: #a0a9bb;
}

#search-form .form-group {
  position: relative;
  padding: .375rem .75rem .375rem 2rem;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  border-radius: 4px;
  margin-bottom: 0.5rem;
  color: #212529;
}

#search-form .calander .form-group {
  padding: .375rem .75rem;
}

#search-form .select-icon-1 {
  position: absolute;
  left: 15px;
  top: 15px;
}

#search-form .select-icon-2 {
  position: absolute;
  left: 18px;
  top: 15px;
}

#search-form .form-control::-webkit-input-placeholder {
  color: #212529;
}

#search-form .form-control::-moz-placeholder {
  color: #212529;
}

#search-form .form-control:-ms-input-placeholder {
  color: #212529;
}

#search-form .form-control::-ms-input-placeholder {
  color: #212529;
}

#search-form .form-control::placeholder {
  color: #212529;
}

#search-form .form-control {
  border: none;
  color: #000;
  font-weight: bolder;
}

#search-form .calander button {
  margin-bottom: 0.5rem;
}

#search-form #search-onward-date {
  padding-top: 0;
  height: calc(1.5em + 2px);
}

#search-btn {
  padding: 0.5rem .75rem;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
}

[data-date="0"] {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mini-busmap-layers .emergency-exit-filer {
  width: 20px;
  height: 7px;
  margin: 0;
}

.mini-busmap-layers .emergency-lay {
  position: absolute;
  width: 100%;
  height: 46px;
  background-size: contain;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  z-index: 1;
}

.sleeper-lay-searchs .emergengcy-LEFT-filer {
  position: absolute;
  border: 1px red solid;
  width: 15px;
  left: 1px;
  bottom: -4px;
}

.sleeper-lay-searchs .emergengcy-RIGHT-filer {
  position: absolute;
  border: 1px red solid;
  width: 15px;
  left: 1px;
  top: -4px;
}

.sleeper-lay-searchs.vertical-seat .emergengcy-RIGHT-filer {
  top: 6px;
  rotate: 90deg;
}

.sleeper-lay-searchs .emergengcy-BACKWARD-filer {
  position: absolute;
  border: 1px red solid;
  width: 7px;
  top: 3px;
  rotate: 90deg;
  left: 15px;
}

.sleeper-lay-searchs .emergengcy-FORWARD-filer {
  position: absolute;
  border: 1px red solid;
  width: 7px;
  top: 3px;
  rotate: -90deg;
  right: 12px;
}

.seat-lay-searchs .emergengcy-LEFT-filer {
  position: absolute;
  border: 1px red solid;
  width: 6.6px;
  left: 1px;
  bottom: -5px;
}

.seat-lay-searchs .emergengcy-RIGHT-filer {
  position: absolute;
  border: 1px red solid;
  width: 6.6px;
  left: 1px;
  top: -5px;
}

.seat-lay-searchs .emergengcy-BACKWARD-filer {
  position: absolute;
  border: 1px red solid;
  width: 6.6px;
  top: 1px;
  rotate: 90deg;
  left: 5px;
}

.seat-lay-searchs .emergengcy-FORWARD-filer {
  position: absolute;
  border: 1px red solid;
  width: 6.6px;
  top: 1px;
  rotate: -90deg;
  right: 5px;
}

#maps-redirect-overlay {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  margin-top: 10rem;
}

.captcha-image {
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 50px;
}

@media only screen and (max-width: 500px) {
  .dialog-box {
    height: auto;
    width: 362px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  .boardingpoint-count,
  	.droppingpoint-count {
    height: 14px;
    width: 14px;
    font-size: 9px;
    padding: 1px;
  }
  
  .journeyTime {
    padding: 3px 3px;
    font-size: 9px;
  }
  
  .trip-infos .trip-starttime,
  	.trip-infos .trip-endtime {
    font-size: 12px;
  }
  
  #bus-status,
  	.trip-offer,
  	.fare-div {
    font-size: 10px;
  }
  
  .datesoftrip {
    font-size: 11px;
  }
  
  .sort-btns {
    font-size: 12px !important;
  }
  
  #trip-list-header {
    padding: 0;
  }
  
  .fs {
    font-size: 1rem;
  }
  
  .fs-14 {
    font-size: 14px !important;
  }
  
  .dialog-box {
    height: auto;
    width: 362px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .slide-header-1 .user-greet img {
    width: 55px;
    height: 55px;
  }
}

@media (max-width: 480px) {
  .slide-header-2 .user-greet img {
    width: 55px;
    height: 55px;
  }
}

@media (max-width: 480px) {
  .slide-header-3 .user-greet img {
    width: 55px;
    height: 55px;
  }
}

@media only screen and (max-width: 500px) {
  .dialog-box {
    height: auto;
    width: 362px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  .boardingpoint-count,
  	.droppingpoint-count {
    height: 14px;
    width: 14px;
    font-size: 9px;
    padding: 1px;
  }
  
  .journeyTime {
    padding: 3px 3px;
    font-size: 9px;
  }
  
  .trip-infos .trip-starttime,
  	.trip-infos .trip-endtime {
    font-size: 12px;
  }
  
  #bus-status,
  	.trip-offer,
  	.fare-div {
    font-size: 10px;
  }
  
  .datesoftrip {
    font-size: 11px;
  }
  
  .sort-btns {
    font-size: 12px !important;
  }
  
  #trip-list-header {
    padding: 0;
  }
  
  .fs {
    font-size: 1rem;
  }
  
  .fs-14 {
    font-size: 14px !important;
  }
  
  .dialog-box {
    height: auto;
    width: 362px;
    font-size: 12px;
  }
}