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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-41 {
  margin-top: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

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

.mr-41 {
  margin-right: 41px !important;
}

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

.mt-42 {
  margin-top: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

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

.mr-42 {
  margin-right: 42px !important;
}

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

.mt-43 {
  margin-top: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

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

.mr-43 {
  margin-right: 43px !important;
}

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

.mt-44 {
  margin-top: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

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

.mr-44 {
  margin-right: 44px !important;
}

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

.mt-45 {
  margin-top: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

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

.mr-45 {
  margin-right: 45px !important;
}

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

.mt-46 {
  margin-top: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

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

.mr-46 {
  margin-right: 46px !important;
}

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

.mt-47 {
  margin-top: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

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

.mr-47 {
  margin-right: 47px !important;
}

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

.mt-48 {
  margin-top: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

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

.mr-48 {
  margin-right: 48px !important;
}

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

.mt-49 {
  margin-top: 49px !important;
}

.pt-49 {
  padding-top: 49px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.pb-49 {
  padding-bottom: 49px !important;
}

.ml-49 {
  margin-left: 49px !important;
}

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

.mr-49 {
  margin-right: 49px !important;
}

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

.mt-50 {
  margin-top: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

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

.mr-50 {
  margin-right: 50px !important;
}

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

.mt-51 {
  margin-top: 51px !important;
}

.pt-51 {
  padding-top: 51px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.pb-51 {
  padding-bottom: 51px !important;
}

.ml-51 {
  margin-left: 51px !important;
}

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

.mr-51 {
  margin-right: 51px !important;
}

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

.mt-52 {
  margin-top: 52px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

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

.mr-52 {
  margin-right: 52px !important;
}

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

.mt-53 {
  margin-top: 53px !important;
}

.pt-53 {
  padding-top: 53px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.pb-53 {
  padding-bottom: 53px !important;
}

.ml-53 {
  margin-left: 53px !important;
}

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

.mr-53 {
  margin-right: 53px !important;
}

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

.mt-54 {
  margin-top: 54px !important;
}

.pt-54 {
  padding-top: 54px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.pb-54 {
  padding-bottom: 54px !important;
}

.ml-54 {
  margin-left: 54px !important;
}

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

.mr-54 {
  margin-right: 54px !important;
}

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

.mt-55 {
  margin-top: 55px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

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

.mr-55 {
  margin-right: 55px !important;
}

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

.mt-56 {
  margin-top: 56px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

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

.mr-56 {
  margin-right: 56px !important;
}

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

.mt-57 {
  margin-top: 57px !important;
}

.pt-57 {
  padding-top: 57px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.pb-57 {
  padding-bottom: 57px !important;
}

.ml-57 {
  margin-left: 57px !important;
}

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

.mr-57 {
  margin-right: 57px !important;
}

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

.mt-58 {
  margin-top: 58px !important;
}

.pt-58 {
  padding-top: 58px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.pb-58 {
  padding-bottom: 58px !important;
}

.ml-58 {
  margin-left: 58px !important;
}

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

.mr-58 {
  margin-right: 58px !important;
}

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

.mt-59 {
  margin-top: 59px !important;
}

.pt-59 {
  padding-top: 59px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.pb-59 {
  padding-bottom: 59px !important;
}

.ml-59 {
  margin-left: 59px !important;
}

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

.mr-59 {
  margin-right: 59px !important;
}

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

.mt-60 {
  margin-top: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

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

.mr-60 {
  margin-right: 60px !important;
}

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

.mt-61 {
  margin-top: 61px !important;
}

.pt-61 {
  padding-top: 61px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

.pb-61 {
  padding-bottom: 61px !important;
}

.ml-61 {
  margin-left: 61px !important;
}

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

.mr-61 {
  margin-right: 61px !important;
}

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

.mt-62 {
  margin-top: 62px !important;
}

.pt-62 {
  padding-top: 62px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.pb-62 {
  padding-bottom: 62px !important;
}

.ml-62 {
  margin-left: 62px !important;
}

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

.mr-62 {
  margin-right: 62px !important;
}

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

.mt-63 {
  margin-top: 63px !important;
}

.pt-63 {
  padding-top: 63px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

.pb-63 {
  padding-bottom: 63px !important;
}

.ml-63 {
  margin-left: 63px !important;
}

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

.mr-63 {
  margin-right: 63px !important;
}

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

.mt-64 {
  margin-top: 64px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

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

.mr-64 {
  margin-right: 64px !important;
}

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

.mt-65 {
  margin-top: 65px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

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

.mr-65 {
  margin-right: 65px !important;
}

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

.mt-66 {
  margin-top: 66px !important;
}

.pt-66 {
  padding-top: 66px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.pb-66 {
  padding-bottom: 66px !important;
}

.ml-66 {
  margin-left: 66px !important;
}

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

.mr-66 {
  margin-right: 66px !important;
}

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

.mt-67 {
  margin-top: 67px !important;
}

.pt-67 {
  padding-top: 67px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.pb-67 {
  padding-bottom: 67px !important;
}

.ml-67 {
  margin-left: 67px !important;
}

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

.mr-67 {
  margin-right: 67px !important;
}

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

.mt-68 {
  margin-top: 68px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

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

.mr-68 {
  margin-right: 68px !important;
}

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

.mt-69 {
  margin-top: 69px !important;
}

.pt-69 {
  padding-top: 69px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

.pb-69 {
  padding-bottom: 69px !important;
}

.ml-69 {
  margin-left: 69px !important;
}

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

.mr-69 {
  margin-right: 69px !important;
}

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

.mt-70 {
  margin-top: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

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

.mr-70 {
  margin-right: 70px !important;
}

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

.mt-71 {
  margin-top: 71px !important;
}

.pt-71 {
  padding-top: 71px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

.pb-71 {
  padding-bottom: 71px !important;
}

.ml-71 {
  margin-left: 71px !important;
}

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

.mr-71 {
  margin-right: 71px !important;
}

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

.mt-72 {
  margin-top: 72px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

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

.mr-72 {
  margin-right: 72px !important;
}

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

.mt-73 {
  margin-top: 73px !important;
}

.pt-73 {
  padding-top: 73px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.pb-73 {
  padding-bottom: 73px !important;
}

.ml-73 {
  margin-left: 73px !important;
}

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

.mr-73 {
  margin-right: 73px !important;
}

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

.mt-74 {
  margin-top: 74px !important;
}

.pt-74 {
  padding-top: 74px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.pb-74 {
  padding-bottom: 74px !important;
}

.ml-74 {
  margin-left: 74px !important;
}

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

.mr-74 {
  margin-right: 74px !important;
}

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

.mt-75 {
  margin-top: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

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

.mr-75 {
  margin-right: 75px !important;
}

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

.mt-76 {
  margin-top: 76px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

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

.mr-76 {
  margin-right: 76px !important;
}

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

.mt-77 {
  margin-top: 77px !important;
}

.pt-77 {
  padding-top: 77px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.pb-77 {
  padding-bottom: 77px !important;
}

.ml-77 {
  margin-left: 77px !important;
}

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

.mr-77 {
  margin-right: 77px !important;
}

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

.mt-78 {
  margin-top: 78px !important;
}

.pt-78 {
  padding-top: 78px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.pb-78 {
  padding-bottom: 78px !important;
}

.ml-78 {
  margin-left: 78px !important;
}

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

.mr-78 {
  margin-right: 78px !important;
}

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

.mt-79 {
  margin-top: 79px !important;
}

.pt-79 {
  padding-top: 79px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

.pb-79 {
  padding-bottom: 79px !important;
}

.ml-79 {
  margin-left: 79px !important;
}

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

.mr-79 {
  margin-right: 79px !important;
}

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

.mt-80 {
  margin-top: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

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

.mr-80 {
  margin-right: 80px !important;
}

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

.mt-81 {
  margin-top: 81px !important;
}

.pt-81 {
  padding-top: 81px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

.pb-81 {
  padding-bottom: 81px !important;
}

.ml-81 {
  margin-left: 81px !important;
}

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

.mr-81 {
  margin-right: 81px !important;
}

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

.mt-82 {
  margin-top: 82px !important;
}

.pt-82 {
  padding-top: 82px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.pb-82 {
  padding-bottom: 82px !important;
}

.ml-82 {
  margin-left: 82px !important;
}

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

.mr-82 {
  margin-right: 82px !important;
}

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

.mt-83 {
  margin-top: 83px !important;
}

.pt-83 {
  padding-top: 83px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.pb-83 {
  padding-bottom: 83px !important;
}

.ml-83 {
  margin-left: 83px !important;
}

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

.mr-83 {
  margin-right: 83px !important;
}

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

.mt-84 {
  margin-top: 84px !important;
}

.pt-84 {
  padding-top: 84px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.pb-84 {
  padding-bottom: 84px !important;
}

.ml-84 {
  margin-left: 84px !important;
}

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

.mr-84 {
  margin-right: 84px !important;
}

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

.mt-85 {
  margin-top: 85px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

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

.mr-85 {
  margin-right: 85px !important;
}

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

.mt-86 {
  margin-top: 86px !important;
}

.pt-86 {
  padding-top: 86px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.pb-86 {
  padding-bottom: 86px !important;
}

.ml-86 {
  margin-left: 86px !important;
}

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

.mr-86 {
  margin-right: 86px !important;
}

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

.mt-87 {
  margin-top: 87px !important;
}

.pt-87 {
  padding-top: 87px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.pb-87 {
  padding-bottom: 87px !important;
}

.ml-87 {
  margin-left: 87px !important;
}

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

.mr-87 {
  margin-right: 87px !important;
}

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

.mt-88 {
  margin-top: 88px !important;
}

.pt-88 {
  padding-top: 88px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.pb-88 {
  padding-bottom: 88px !important;
}

.ml-88 {
  margin-left: 88px !important;
}

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

.mr-88 {
  margin-right: 88px !important;
}

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

.mt-89 {
  margin-top: 89px !important;
}

.pt-89 {
  padding-top: 89px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.pb-89 {
  padding-bottom: 89px !important;
}

.ml-89 {
  margin-left: 89px !important;
}

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

.mr-89 {
  margin-right: 89px !important;
}

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

.mt-90 {
  margin-top: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

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

.mr-90 {
  margin-right: 90px !important;
}

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

.mt-91 {
  margin-top: 91px !important;
}

.pt-91 {
  padding-top: 91px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.pb-91 {
  padding-bottom: 91px !important;
}

.ml-91 {
  margin-left: 91px !important;
}

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

.mr-91 {
  margin-right: 91px !important;
}

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

.mt-92 {
  margin-top: 92px !important;
}

.pt-92 {
  padding-top: 92px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.pb-92 {
  padding-bottom: 92px !important;
}

.ml-92 {
  margin-left: 92px !important;
}

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

.mr-92 {
  margin-right: 92px !important;
}

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

.mt-93 {
  margin-top: 93px !important;
}

.pt-93 {
  padding-top: 93px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.pb-93 {
  padding-bottom: 93px !important;
}

.ml-93 {
  margin-left: 93px !important;
}

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

.mr-93 {
  margin-right: 93px !important;
}

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

.mt-94 {
  margin-top: 94px !important;
}

.pt-94 {
  padding-top: 94px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.pb-94 {
  padding-bottom: 94px !important;
}

.ml-94 {
  margin-left: 94px !important;
}

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

.mr-94 {
  margin-right: 94px !important;
}

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

.mt-95 {
  margin-top: 95px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

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

.mr-95 {
  margin-right: 95px !important;
}

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

.mt-96 {
  margin-top: 96px !important;
}

.pt-96 {
  padding-top: 96px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.pb-96 {
  padding-bottom: 96px !important;
}

.ml-96 {
  margin-left: 96px !important;
}

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

.mr-96 {
  margin-right: 96px !important;
}

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

.mt-97 {
  margin-top: 97px !important;
}

.pt-97 {
  padding-top: 97px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.pb-97 {
  padding-bottom: 97px !important;
}

.ml-97 {
  margin-left: 97px !important;
}

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

.mr-97 {
  margin-right: 97px !important;
}

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

.mt-98 {
  margin-top: 98px !important;
}

.pt-98 {
  padding-top: 98px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.pb-98 {
  padding-bottom: 98px !important;
}

.ml-98 {
  margin-left: 98px !important;
}

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

.mr-98 {
  margin-right: 98px !important;
}

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

.mt-99 {
  margin-top: 99px !important;
}

.pt-99 {
  padding-top: 99px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.pb-99 {
  padding-bottom: 99px !important;
}

.ml-99 {
  margin-left: 99px !important;
}

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

.mr-99 {
  margin-right: 99px !important;
}

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

.mt-100 {
  margin-top: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

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

.mr-100 {
  margin-right: 100px !important;
}

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

/* Clearfix MIXIN
============================================= */
/* Border MIXIN
============================================= */
/* GRADIENT MIXIN
============================================= */
/* BORDER RADIUS MIXIN
============================================= */
/* PLACEHOLDER MIXIN
 ============================================= */
/*text colors*/
.theme-text-color {
  color: #000 !important;
}

.theme-text-color2 {
  color: #222222 !important;
}

.theme-text-color-3 {
  color: #212121 !important;
}

.red-text-color {
  color: #dd200c !important;
}

.red-text-color2 {
  color: #fa4616 !important;
}

.theme-bg-color {
  color: #000 !important;
}

.theme-dark-blue {
  color: #0066cc !important;
}

.theme-color {
  color: #5f1ebe !important;
}

/*text colors*/
.font-w-normal {
  font-weight: normal !important;
}

.rotate-90 {
  transform: rotate(90deg) !important;
}

.rotate-120 {
  transform: rotate(120deg) !important;
}

.rotate-180 {
  transform: rotate(180deg) !important;
}

.rotate-240 {
  transform: rotate(240deg) !important;
}

.rotate-300 {
  transform: rotate(300deg) !important;
}

.rotate-360 {
  transform: rotate(360deg) !important;
}

/*colors*/
.grey-text-color {
  color: #e0e0e0 !important;
}

.icon-color-grey {
  color: #e0e0e0 !important;
}

.icon-color-black {
  color: #000000 !important;
}

.icon-color-white {
  color: #ffffff !important;
}

.icon-color-theme {
  color: #5f1ebe !important;
}

.icon-color-yellow {
  color: #f0c911 !important;
}

.icon-color-blue {
  color: #5291ff !important;
}

.icon-color-red {
  color: #dd200c !important;
}

.icon-color-green {
  color: #45ad92 !important;
}

.icon-bgcolor-grey {
  background: #e0e0e0 !important;
}

.icon-bgcolor-black {
  background: #000000 !important;
}

.icon-bgcolor-white {
  background: #ffffff !important;
}

.icon-bgcolor-theme {
  background: #5f1ebe !important;
}

.icon-bgcolor-yellow {
  background: #f0c911 !important;
}

.icon-bgcolor-blue {
  background: #5291ff !important;
}

.icon-bgcolor-red {
  background: #dd200c !important;
}

.icon-bgcolor-green {
  background: #45ad92 !important;
}

/* font-size */
.font-10 {
  font-size: 1rem !important;
}

.font-12 {
  font-size: 1.2rem !important;
}

.font-14 {
  font-size: 1.4rem !important;
}

.font-16 {
  font-size: 1.6rem !important;
}

.font-18 {
  font-size: 1.8rem !important;
}

.font-20 {
  font-size: 2rem !important;
}

.font-22 {
  font-size: 2.2rem !important;
}

.font-24 {
  font-size: 2.4rem !important;
}

.font-26 {
  font-size: 2.6rem !important;
}

.font-28 {
  font-size: 2.8rem !important;
}

.font-30 {
  font-size: 3rem !important;
}

.font-32 {
  font-size: 3.2rem !important;
}

.font-34 {
  font-size: 3.4rem !important;
}

.font-36 {
  font-size: 3.6rem !important;
}

.font-38 {
  font-size: 3.8rem !important;
}

.font-40 {
  font-size: 4rem !important;
}

.font-42 {
  font-size: 4.2rem !important;
}

.font-80 {
  font-size: 8rem !important;
}

/* font-size */
/* font-family */
.font-300 {
  font-family: "HCLTech Roobert Light", Arial !important;
}

.font-400 {
  font-family: "HCLTech Roobert Regular", Arial !important;
}

.font-500 {
  font-family: "HCLTech Roobert Medium", Arial !important;
}

.font-600 {
  font-family: "HCLTech Roobert SemiBold", Arial !important;
}

.font-700 {
  font-family: "HCLTech Roobert Bold", Arial !important;
}

/* font-family */
/*font lineheight*/
.lineheight-normal {
  line-height: normal;
}

.lineheight-1 {
  line-height: 10px !important;
}

.lineheight-16 {
  line-height: 16px !important;
}

.lineheight-18 {
  line-height: 18px !important;
}

.lineheight-20 {
  line-height: 20px !important;
}

.lineheight-22 {
  line-height: 22px !important;
}

.lineheight-24 {
  line-height: 24px !important;
}

.lineheight-26 {
  line-height: 26px !important;
}

.lineheight-28 {
  line-height: 28px !important;
}

.lineheight-30 {
  line-height: 30px !important;
}

.lineheight-32 {
  line-height: 32px !important;
}

.lineheight-34 {
  line-height: 34px !important;
}

.lineheight-36 {
  line-height: 36px !important;
}

.lineheight-38 {
  line-height: 38px !important;
}

.lineheight-40 {
  line-height: 40px !important;
}

.lineheight-42 {
  line-height: 42px !important;
}

.lineheight-75 {
  line-height: 75px !important;
}

/*font lineheight*/
/*width*/
.w-100 {
  width: 100% !important;
}

.w-95 {
  width: 95% !important;
}

.w-90 {
  width: 90% !important;
}

.w-85 {
  width: 85% !important;
}

.w-80 {
  width: 80% !important;
}

.w-75 {
  width: 75% !important;
}

.w-70 {
  width: 70% !important;
}

.w-65 {
  width: 65% !important;
}

.w-60 {
  width: 60% !important;
}

.w-55 {
  width: 55% !important;
}

.w-50 {
  width: 50% !important;
}

.w-45 {
  width: 45% !important;
}

.w-40 {
  width: 40% !important;
}

.w-35 {
  width: 35% !important;
}

.w-33 {
  width: 33.33% !important;
}

.w-30 {
  width: 30% !important;
}

.w-25 {
  width: 25% !important;
}

.w-20 {
  width: 20% !important;
}

.w-15 {
  width: 15% !important;
}

.w-10 {
  width: 10% !important;
}

.h-100 {
  min-height: 100% !important;
}

.h-100vh {
  min-height: 100vh !important;
}

.min-h-100 {
  min-height: 100% !important;
}

.min-h-100vh {
  min-height: 100vh !important;
}

.min-h-100 {
  min-height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-100 {
  min-height: 100% !important;
}

.max-h-auto {
  max-height: auto !important;
}

.max-h-100vh {
  max-height: 100vh !important;
}

.max-h-100 {
  max-height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-100 {
  min-height: 100% !important;
}

.min-h-auto {
  min-height: auto !important;
}

.w-auto {
  width: auto !important;
}

.max-w-auto {
  max-width: auto !important;
}

.max-w-100 {
  max-width: 100% !important;
}

.h-auto {
  height: auto !important;
}

ul.list-style-none {
  list-style: none !important;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  text-align: left;
}

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

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

.py-1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-2 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-3 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-5 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.py-6 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

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

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

.px-2 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-4 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

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

.px-6 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

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

.my-1 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-2 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-3 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-4 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-5 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.my-6 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ds-pt-auto {
  padding-top: auto !important;
}

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

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

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

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

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

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

.ds-pb-auto {
  padding-bottom: auto !important;
}

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

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

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

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

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

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

.ds-pl-auto {
  padding-left: auto !important;
}

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

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

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

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

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

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

.ds-pr-auto {
  padding-right: auto !important;
}

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

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

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

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

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

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

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

.mx-1 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mx-2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-3 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mx-4 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-5 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mx-6 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

/*border-radius*/
.border-radius-2 {
  border-radius: 2px !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.border-radius-12 {
  border-radius: 12px !important;
}

.border-radius-14 {
  border-radius: 14px !important;
}

.border-radius-15 {
  border-radius: 15px !important;
}

.border-radius-16 {
  border-radius: 16px !important;
}

.border-radius-18 {
  border-radius: 18px !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

.border-radius-24 {
  border-radius: 24px !important;
}

.border-radius-26 {
  border-radius: 26px !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

.border-radius-50 {
  border-radius: 50% !important;
}

.border-radius-100 {
  border-radius: 100% !important;
}

/* custom class */
.border-grey {
  border: 1px solid #e0e0e0 !important;
}

.nounderline:hover {
  text-decoration: none;
}

.cursor-default {
  cursor: default;
}

.cursor-na {
  cursor: not-allowed !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer:focus {
  box-shadow: none;
  outline: none;
}

.hover-color-none:hover {
  color: inherit;
}

.hover-none:hover {
  text-decoration: none;
  cursor: default;
}

.transparent-bg {
  background: transparent !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

/*flex*/
.flex-0 {
  flex: 0 !important;
}

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

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

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

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

/*flex*/
/*icon color*/
.icon-color-gray {
  color: #e0e0e0 !important;
}

.text-grey-700 {
  color: #6c7882 !important;
}

.text-grey-500 {
  color: #919eaf !important;
}

/*icon color*/
/*text align*/
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

/*text align*/
.link-16 {
  font-family: "HCLTech Roobert Bold", Arial;
  font-size: 1.6rem;
  color: #5f1ebe;
  font-weight: normal;
  line-height: 24px;
}

.link-hover:hover {
  color: #e0e0e0;
}

/* box-shadow  */
.box-shadow-small {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.box-shadow-medium {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}

.box-shadow-large {
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);
}

/* box-shadow  */
/*border*/
.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid !important;
}

.border-right {
  border-right: 1px solid !important;
}

.border-bottom {
  border-bottom: 1px solid !important;
}

.border-left {
  border-left: 1px solid !important;
}

.border-color-default {
  border-color: #e0e0e0 !important;
}

.border-color-lightgrey {
  border-color: #eee !important;
}

/*border*/
.active-theme-color {
  color: #000 !important;
}

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

.w-24 {
  width: 24px !important;
}

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

.w-32 {
  width: 32px !important;
}

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

.w-40px {
  width: 40px !important;
}

.cursor-pinter {
  cursor: pointer !important;
}

.white-box-outline {
  border: 1px solid #000 !important;
}

.ds-heading-1 {
  font-size: 40px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 56px;
}

.ds-heading-2 {
  font-size: 32px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 48px;
}

.ds-heading-3 {
  font-size: 28px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 40px;
}

.ds-heading-4 {
  font-size: 24px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 32px;
}

.ds-heading-5 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 26px;
}

.ds-heading-6 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 22px;
}

.ds-semiBold-heading-1 {
  font-size: 40px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 56px;
}

.ds-semiBold-heading-2 {
  font-size: 32px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 48px;
}

.ds-semiBold-heading-3 {
  font-size: 28px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 40px;
}

.ds-semiBold-heading-4 {
  font-size: 24px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 32px;
}

.ds-semiBold-heading-5 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 26px;
}

.ds-semiBold-heading-6 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 22px;
}

.ds-regHeading-1 {
  font-size: 40px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 56px;
}

.ds-regHeading-2 {
  font-size: 32px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 48px;
}

.ds-regHeading-3 {
  font-size: 28px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 40px;
}

.ds-regHeading-4 {
  font-size: 24px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 32px;
}

.ds-regHeading-5 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 26px;
}

.ds-regHeading-6 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 22px;
}

.ds-light-Heading-1 {
  font-size: 40px !important;
  font-family: "HCLTech Roobert Light", Arial !important;
  line-height: 56px;
}

.ds-light-Heading-2 {
  font-size: 32px !important;
  font-family: "HCLTech Roobert Light", Arial !important;
  line-height: 48px;
}

.ds-light-Heading-3 {
  font-size: 28px !important;
  font-family: "HCLTech Roobert Light", Arial !important;
  line-height: 40px;
}

.ds-light-Heading-4 {
  font-size: 24px !important;
  font-family: "HCLTech Roobert Light", Arial !important;
  line-height: 32px;
}

.ds-light-Heading-5 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert Light", Arial !important;
  line-height: 26px;
}

.ds-light-Heading-6 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert Light", Arial !important;
  line-height: 22px;
}

.ds-boldPara-1 {
  font-size: 20px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 30px;
}

.ds-boldPara-2 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 26px;
}

.ds-boldPara-3 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 24px;
}

.ds-boldPara-4 {
  font-size: 14px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 20px;
}

.ds-boldPara-5 {
  font-size: 12px !important;
  font-family: "HCLTech Roobert Bold", Arial !important;
  line-height: 18px;
}

.ds-semiboldPara-1 {
  font-size: 20px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 30px;
}

.ds-semiboldPara-2 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 26px;
}

.ds-semiboldPara-3 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 24px;
}

.ds-semiboldPara-4 {
  font-size: 14px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 20px;
}

.ds-semiboldPara-5 {
  font-size: 12px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
  line-height: 18px;
}

.ds-mediumPara-1 {
  font-size: 20px !important;
  font-family: "HCLTech Roobert Medium", Arial !important;
  line-height: 30px;
}

.ds-mediumPara-2 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert Medium", Arial !important;
  line-height: 26px;
}

.ds-mediumPara-3 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert Medium", Arial !important;
  line-height: 24px;
}

.ds-mediumPara-4 {
  font-size: 14px !important;
  font-family: "HCLTech Roobert Medium", Arial !important;
  line-height: 20px;
}

.ds-mediumPara-5 {
  font-size: 12px !important;
  font-family: "HCLTech Roobert Medium", Arial !important;
  line-height: 18px;
}

.ds-regularPara-1 {
  font-size: 20px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 30px;
}

.ds-regularPara-2 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 26px;
}

.ds-regularPara-3 {
  font-size: 16px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 24px;
}

.ds-regularPara-4 {
  font-size: 14px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 20px;
}

.ds-regularPara-5 {
  font-size: 12px !important;
  font-family: "HCLTech Roobert Regular", Arial !important;
  line-height: 18px;
}

.ds-arial-heading-1 {
  font-size: 40px !important;
  font-family: Arial !important;
  line-height: 56px;
}

.ds-arial-heading-2 {
  font-size: 32px !important;
  font-family: Arial !important;
  line-height: 48px;
}

.ds-arial-heading-3 {
  font-size: 28px !important;
  font-family: Arial !important;
  line-height: 40px;
}

.ds-arial-heading-4 {
  font-size: 24px !important;
  font-family: Arial !important;
  line-height: 32px;
}

.ds-arial-heading-5 {
  font-size: 18px !important;
  font-family: Arial !important;
  line-height: 26px;
}

.ds-arial-heading-6 {
  font-size: 16px !important;
  font-family: Arial !important;
  line-height: 22px;
}

.ds-arial-body-1 {
  font-size: 16px !important;
  font-family: Arial !important;
  line-height: 20px;
}

.ds-arial-body-2 {
  font-size: 14px !important;
  font-family: Arial !important;
  line-height: 18px;
}

.ds-purple-900 {
  background-color: #411482 !important;
}

.ds-purple-800 {
  background-color: #4c189e !important;
}

.ds-purple-700 {
  background-color: #5f1ebe !important;
}

.ds-purple-600 {
  background-color: #6b35d3 !important;
}

.ds-purple-500 {
  background-color: #7647dd !important;
}

.ds-purple-400 {
  background-color: #8258e8 !important;
}

.ds-purple-300 {
  background-color: #8c69f0 !important;
}

.ds-purple-200 {
  background-color: #a98ef4 !important;
}

.ds-purple-100 {
  background-color: #c5b4f7 !important;
}

.ds-purple-000 {
  background-color: #e2d9fb !important;
}

.ds-blue-900 {
  background-color: #0049b2 !important;
}

.ds-blue-800 {
  background-color: #0f5fdc !important;
}

.ds-blue-700 {
  background-color: #2874f0 !important;
}

.ds-blue-600 {
  background-color: #3282fa !important;
}

.ds-blue-500 {
  background-color: #3c91ff !important;
}

.ds-blue-400 {
  background-color: #4b9ef9 !important;
}

.ds-blue-300 {
  background-color: #6eb8f9 !important;
}

.ds-blue-200 {
  background-color: #8cc8fa !important;
}

.ds-blue-100 {
  background-color: #b4dbfc !important;
}

.ds-blue-000 {
  background-color: #d7ecfd !important;
}

.ds-teal-900 {
  background-color: #006059 !important;
}

.ds-teal-800 {
  background-color: #007873 !important;
}

.ds-teal-700 {
  background-color: #198e88 !important;
}

.ds-teal-600 {
  background-color: #2ba096 !important;
}

.ds-teal-500 {
  background-color: #33afa0 !important;
}

.ds-teal-400 {
  background-color: #4bc3af !important;
}

.ds-teal-300 {
  background-color: #6fcfbf !important;
}

.ds-teal-200 {
  background-color: #8adbcf !important;
}

.ds-teal-100 {
  background-color: #a5e6dc !important;
}

.ds-teal-000 {
  background-color: #d2f2ed !important;
}

.ds-green-900 {
  background-color: #077251 !important;
}

.ds-green-800 {
  background-color: #0a875d !important;
}

.ds-green-700 {
  background-color: #0fa069 !important;
}

.ds-green-600 {
  background-color: #2db26c !important;
}

.ds-green-500 {
  background-color: #49c173 !important;
}

.ds-green-400 {
  background-color: #62d16b !important;
}

.ds-green-300 {
  background-color: #82dc73 !important;
}

.ds-green-200 {
  background-color: #a1e596 !important;
}

.ds-green-100 {
  background-color: #beebb4 !important;
}

.ds-green-000 {
  background-color: #def5d9 !important;
}

.ds-yellow-900 {
  background-color: #ad6f0b !important;
}

.ds-yellow-800 {
  background-color: #c8870a !important;
}

.ds-yellow-700 {
  background-color: #d8991d !important;
}

.ds-yellow-600 {
  background-color: #e2ab30 !important;
}

.ds-yellow-500 {
  background-color: #f2bb33 !important;
}

.ds-yellow-400 {
  background-color: #ffcd41 !important;
}

.ds-yellow-300 {
  background-color: #ffd970 !important;
}

.ds-yellow-200 {
  background-color: #ffe18d !important;
}

.ds-yellow-100 {
  background-color: #ffecc7 !important;
}

.ds-yellow-000 {
  background-color: #fff2d9 !important;
}

.ds-coral-900 {
  background-color: #aa1f51 !important;
}

.ds-coral-800 {
  background-color: #c3325f !important;
}

.ds-coral-700 {
  background-color: #d64770 !important;
}

.ds-coral-600 {
  background-color: #ed5a88 !important;
}

.ds-coral-500 {
  background-color: #f7668f !important;
}

.ds-coral-400 {
  background-color: #ff789b !important;
}

.ds-coral-300 {
  background-color: #ff94b5 !important;
}

.ds-coral-200 {
  background-color: #ffaecb !important;
}

.ds-coral-100 {
  background-color: #ffbed7 !important;
}

.ds-coral-000 {
  background-color: #ffdeeb !important;
}

.ds-bronze-900 {
  background-color: #896056 !important;
}

.ds-bronze-800 {
  background-color: #936e64 !important;
}

.ds-bronze-700 {
  background-color: #9e7c75 !important;
}

.ds-bronze-600 {
  background-color: #a88a83 !important;
}

.ds-bronze-500 {
  background-color: #b79d9a !important;
}

.ds-bronze-400 {
  background-color: #c6aaa1 !important;
}

.ds-bronze-300 {
  background-color: #d7beb4 !important;
}

.ds-bronze-200 {
  background-color: #e0cdc6 !important;
}

.ds-bronze-100 {
  background-color: #eadcd6 !important;
}

.ds-bronze-000 {
  background-color: #faf0e6 !important;
}

.ds-neutral-800 {
  background-color: #14142b !important;
}

.ds-neutral-700 {
  background-color: #262338 !important;
}

.ds-neutral-600 {
  background-color: #4e4b66 !important;
}

.ds-neutral-500 {
  background-color: #6e7191 !important;
}

.ds-neutral-400 {
  background-color: #a0a3bd !important;
}

.ds-neutral-300 {
  background-color: #d9dbe9 !important;
}

.ds-neutral-200 {
  background-color: #eff0f7 !important;
}

.ds-neutral-100 {
  background-color: #f7f7fc !important;
}

.ds-neutral-000 {
  background-color: #fcfcfc !important;
}

.ds-grey-1200 {
  background-color: #1d2123 !important;
}

.ds-grey-1000 {
  background-color: #333a3d !important;
}

.ds-grey-900 {
  background-color: #475156 !important;
}

.ds-grey-800 {
  background-color: #5b666d !important;
}

.ds-grey-700 {
  background-color: #6c7882 !important;
}

.ds-grey-600 {
  background-color: #8291a0 !important;
}

.ds-grey-500 {
  background-color: #919eaf !important;
}

.ds-grey-400 {
  background-color: #a5afbe !important;
}

.ds-grey-300 {
  background-color: #b9c3d0 !important;
}

.ds-grey-200 {
  background-color: #c8d2dd !important;
}

.ds-grey-100 {
  background-color: #d5dce5 !important;
}

.ds-grey-000 {
  background-color: #e6ebf5 !important;
}

.ds-black-900 {
  background-color: #000000 !important;
}

.ds-white-900 {
  background-color: #ffffff !important;
}

.ds-RAG-red {
  background-color: #eb1c24 !important;
}

.ds-RAG-amber {
  background-color: #c8870a !important;
}

.ds-RAG-green {
  background-color: #0a875d !important;
}

.ds-text-purple-900 {
  color: #411482 !important;
}

.ds-text-purple-800 {
  color: #4c189e !important;
}

.ds-text-purple-700 {
  color: #5f1ebe !important;
}

.ds-text-purple-600 {
  color: #6b35d3 !important;
}

.ds-text-purple-500 {
  color: #7647dd !important;
}

.ds-text-purple-400 {
  color: #8258e8 !important;
}

.ds-text-purple-300 {
  color: #8c69f0 !important;
}

.ds-text-purple-200 {
  color: #a98ef4 !important;
}

.ds-text-purple-100 {
  color: #c5b4f7 !important;
}

.ds-text-purple-000 {
  color: #e2d9fb !important;
}

.ds-text-blue-900 {
  color: #0049b2 !important;
}

.ds-text-blue-800 {
  color: #0f5fdc !important;
}

.ds-text-blue-700 {
  color: #2874f0 !important;
}

.ds-text-blue-600 {
  color: #3282fa !important;
}

.ds-text-blue-500 {
  color: #3c91ff !important;
}

.ds-text-blue-400 {
  color: #4b9ef9 !important;
}

.ds-text-blue-300 {
  color: #6eb8f9 !important;
}

.ds-text-blue-200 {
  color: #8cc8fa !important;
}

.ds-text-blue-100 {
  color: #b4dbfc !important;
}

.ds-text-blue-000 {
  color: #d7ecfd !important;
}

.ds-text-teal-900 {
  color: #006059 !important;
}

.ds-text-teal-800 {
  color: #007873 !important;
}

.ds-text-teal-700 {
  color: #198e88 !important;
}

.ds-text-teal-600 {
  color: #2ba096 !important;
}

.ds-text-teal-500 {
  color: #33afa0 !important;
}

.ds-text-teal-400 {
  color: #4bc3af !important;
}

.ds-text-teal-300 {
  color: #6fcfbf !important;
}

.ds-text-teal-200 {
  color: #8adbcf !important;
}

.ds-text-teal-100 {
  color: #a5e6dc !important;
}

.ds-text-teal-000 {
  color: #d2f2ed !important;
}

.ds-text-green-900 {
  color: #077251 !important;
}

.ds-text-green-800 {
  color: #0a875d !important;
}

.ds-text-green-700 {
  color: #0fa069 !important;
}

.ds-text-green-600 {
  color: #2db26c !important;
}

.ds-text-green-500 {
  color: #49c173 !important;
}

.ds-text-green-400 {
  color: #62d16b !important;
}

.ds-text-green-300 {
  color: #82dc73 !important;
}

.ds-text-green-200 {
  color: #a1e596 !important;
}

.ds-text-green-100 {
  color: #beebb4 !important;
}

.ds-text-green-000 {
  color: #def5d9 !important;
}

.ds-text-yellow-900 {
  color: #ad6f0b !important;
}

.ds-text-yellow-800 {
  color: #c8870a !important;
}

.ds-text-yellow-700 {
  color: #d8991d !important;
}

.ds-text-yellow-600 {
  color: #e2ab30 !important;
}

.ds-text-yellow-500 {
  color: #f2bb33 !important;
}

.ds-text-yellow-400 {
  color: #ffcd41 !important;
}

.ds-text-yellow-300 {
  color: #ffd970 !important;
}

.ds-text-yellow-200 {
  color: #ffe18d !important;
}

.ds-text-yellow-100 {
  color: #ffecc7 !important;
}

.ds-text-yellow-000 {
  color: #fff2d9 !important;
}

.ds-text-coral-900 {
  color: #aa1f51 !important;
}

.ds-text-coral-800 {
  color: #c3325f !important;
}

.ds-text-coral-700 {
  color: #d64770 !important;
}

.ds-text-coral-600 {
  color: #ed5a88 !important;
}

.ds-text-coral-500 {
  color: #f7668f !important;
}

.ds-text-coral-400 {
  color: #ff789b !important;
}

.ds-text-coral-300 {
  color: #ff94b5 !important;
}

.ds-text-coral-200 {
  color: #ffaecb !important;
}

.ds-text-coral-100 {
  color: #ffbed7 !important;
}

.ds-text-coral-000 {
  color: #ffdeeb !important;
}

.ds-text-bronze-900 {
  color: #896056 !important;
}

.ds-text-bronze-800 {
  color: #936e64 !important;
}

.ds-text-bronze-700 {
  color: #9e7c75 !important;
}

.ds-text-bronze-600 {
  color: #a88a83 !important;
}

.ds-text-bronze-500 {
  color: #b79d9a !important;
}

.ds-text-bronze-400 {
  color: #c6aaa1 !important;
}

.ds-text-bronze-300 {
  color: #d7beb4 !important;
}

.ds-text-bronze-200 {
  color: #e0cdc6 !important;
}

.ds-text-bronze-100 {
  color: #eadcd6 !important;
}

.ds-text-bronze-000 {
  color: #faf0e6 !important;
}

.ds-text-neutral-800 {
  color: #14142b !important;
}

.ds-text-neutral-700 {
  color: #262338 !important;
}

.ds-text-neutral-600 {
  color: #4e4b66 !important;
}

.ds-text-neutral-500 {
  color: #6e7191 !important;
}

.ds-text-neutral-400 {
  color: #a0a3bd !important;
}

.ds-text-neutral-300 {
  color: #d9dbe9 !important;
}

.ds-text-neutral-200 {
  color: #eff0f7 !important;
}

.ds-text-neutral-100 {
  color: #f7f7fc !important;
}

.ds-text-neutral-000 {
  color: #e6ebf5 !important;
}

.ds-text-grey-1200 {
  color: #1d2123 !important;
}

.ds-text-grey-1000 {
  color: #333a3d !important;
}

.ds-text-grey-900 {
  color: #475156 !important;
}

.ds-text-grey-800 {
  color: #5b666d !important;
}

.ds-text-grey-700 {
  color: #6c7882 !important;
}

.ds-text-grey-600 {
  color: #8291a0 !important;
}

.ds-text-grey-500 {
  color: #919eaf !important;
}

.ds-text-grey-400 {
  color: #a5afbe !important;
}

.ds-text-grey-300 {
  color: #b9c3d0 !important;
}

.ds-text-grey-200 {
  color: #c8d2dd !important;
}

.ds-text-grey-100 {
  color: #d5dce5 !important;
}

.ds-text-grey-000 {
  color: #e6ebf5 !important;
}

.ds-text-black-900 {
  color: #000000 !important;
}

.ds-text-white-900 {
  color: #ffffff !important;
}

.ds-text-RAG-red {
  color: #eb1c24 !important;
}

.ds-text-RAG-amber {
  color: #c8870a !important;
}

.ds-text-RAG-green {
  color: #0a875d !important;
}

.progress-bar {
  color: #fff !important;
  font-family: "HCLTech Roobert Medium", Arial !important;
}

.disabled {
  pointer-events: auto !important;
  cursor: not-allowed !important;
}

/***************
  Fonts
***************/
@font-face {
  font-family: "HCLTech Roobert Medium";
  src: url("../fonts/hcltechroobert-medium-webfont.woff2") format("woff2"),
    url("../fonts/hcltechroobert-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HCLTech Roobert Light";
  src: url("../fonts/hcltechroobert-light-webfont.woff2") format("woff2"),
    url("../fonts/hcltechroobert-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HCLTech Roobert Bold";
  src: url("../fonts/hcltechroobert-bold-webfont.woff2") format("woff2"),
    url("../fonts/hcltechroobert-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HCLTech Roobert Heavy";
  src: url("../fonts/hcltechroobert-heavy-webfont.woff2") format("woff2"),
    url("../fonts/hcltechroobert-heavy-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HCLTech Roobert Regular";
  src: url("../fonts/hcltechroobert-regular-webfont.woff2") format("woff2"),
    url("../fonts/hcltechroobert-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HCLTech Roobert SemiBold";
  src: url("../fonts/hcltechroobert-semibold-webfont.woff2") format("woff2"),
    url("../fonts/hcltechroobert-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/***************
  Fonts icomoon icons
***************/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?evoia3");
  src: url("../fonts/icomoon.eot?evoia3#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?evoia3") format("truetype"),
    url("../../docs/5.2/assets/fonts/icomoon.woff?evoia3") format("woff"),
    url("../../docs/5.2/assets/fonts/icomoon.svg?evoia3#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  --ds-black: #000000;
  --ds-white: #ffffff;
  /*color RAG*/
  --ds-RAG-red: #aa1f51;
  --ds-RAG-amber: #c8870a;
  --ds-RAG-green: #0a875d;
  /*color purple*/
  --ds-purple-900: #411482;
  --ds-purple-800: #4c189e;
  --ds-purple-700: #5f1ebe;
  --ds-purple-600: #6b35d3;
  --ds-purple-500: #7647dd;
  --ds-purple-400: #8258e8;
  --ds-purple-300: #8c69f0;
  --ds-purple-200: #a98ef4;
  --ds-purple-100: #c5b4f7;
  --ds-purple-000: #e2d9fb;
  /*color blue*/
  --ds-blue-900: #0049b2;
  --ds-blue-800: #0f5fdc;
  --ds-blue-700: #2874f0;
  --ds-blue-600: #3282fa;
  --ds-blue-500: #3c91ff;
  --ds-blue-400: #4b9ef9;
  --ds-blue-300: #6eb8f9;
  --ds-blue-200: #8cc8fa;
  --ds-blue-100: #b4dbfc;
  --ds-blue-000: #d7ecfd;
  /*color teal*/
  --ds-teal-900: #006059;
  --ds-teal-800: #007873;
  --ds-teal-700: #198e88;
  --ds-teal-600: #2ba096;
  --ds-teal-500: #33afa0;
  --ds-teal-400: #4bc3af;
  --ds-teal-300: #6fcfbf;
  --ds-teal-200: #8adbcf;
  --ds-teal-100: #a5e6dc;
  --ds-teal-000: #d2f2ed;
  /*color green*/
  --ds-green-900: #077251;
  --ds-green-800: #0a875d;
  --ds-green-700: #0fa069;
  --ds-green-600: #2db26c;
  --ds-green-500: #49c173;
  --ds-green-400: #62d16b;
  --ds-green-300: #82dc73;
  --ds-green-200: #a1e596;
  --ds-green-100: #beebb4;
  --ds-green-000: #def5d9;
  /*color yellow*/
  --ds-yellow-900: #ad6f0b;
  --ds-yellow-800: #c8870a;
  --ds-yellow-700: #d8991d;
  --ds-yellow-600: #e2ab30;
  --ds-yellow-500: #f2bb33;
  --ds-yellow-400: #ffcd41;
  --ds-yellow-300: #ffd970;
  --ds-yellow-200: #ffe18d;
  --ds-yellow-100: #ffecc7;
  --ds-yellow-000: #fff2d9;
  /*color coral*/
  --ds-coral-900: #aa1f51;
  --ds-coral-800: #c3325f;
  --ds-coral-700: #d64770;
  --ds-coral-600: #ed5a88;
  --ds-coral-500: #f7668f;
  --ds-coral-400: #ff789b;
  --ds-coral-300: #ff94b5;
  --ds-coral-200: #ffaecb;
  --ds-coral-100: #ffbed7;
  --ds-coral-000: #ffdeeb;
  /*color bronze*/
  --ds-bronze-900: #896056;
  --ds-bronze-800: #936e64;
  --ds-bronze-700: #9e7c75;
  --ds-bronze-600: #a88a83;
  --ds-bronze-500: #b79d9a;
  --ds-bronze-400: #c6aaa1;
  --ds-bronze-300: #d7beb4;
  --ds-bronze-200: #e0cdc6;
  --ds-bronze-100: #eadcd6;
  --ds-bronze-000: #faf0e6;
  /*color grey*/
  --ds-grey-1200: #1d2123;
  --ds-grey-1000: #333a3d;
  --ds-grey-900: #475156;
  --ds-grey-800: #5b666d;
  --ds-grey-700: #6c7882;
  --ds-grey-600: #8291a0;
  --ds-grey-500: #919eaf;
  --ds-grey-400: #a5afbe;
  --ds-grey-300: #b9c3d0;
  --ds-grey-200: #c8d2dd;
  --ds-grey-100: #d5dce5;
  --ds-grey-000: #e6ebf5;
  /*color neutral*/
  --ds-neutral-800: #14142b;
  --ds-neutral-700: #262338;
  --ds-neutral-600: #4e4b66;
  --ds-neutral-500: #6e7191;
  --ds-neutral-400: #a0a3bd;
  --ds-neutral-300: #d9dbe9;
  --ds-neutral-200: #eff0f7;
  --ds-neutral-100: #f7f7fc;
  --ds-neutral-000: #fcfcfc;
  --ds-font-5: 5px;
  --ds-font-6: 6px;
  --ds-font-7: 7px;
  --ds-font-8: 8px;
  --ds-font-9: 9px;
  --ds-font-10: 10px;
  --ds-font-11: 11px;
  --ds-font-12: 12px;
  --ds-font-13: 13px;
  --ds-font-14: 14px;
  --ds-font-15: 15px;
  --ds-font-16: 16px;
  --ds-font-17: 17px;
  --ds-font-18: 18px;
  --ds-font-19: 19px;
  --ds-font-20: 20px;
  --ds-font-21: 21px;
  --ds-font-22: 22px;
  --ds-font-23: 23px;
  --ds-font-24: 24px;
  --ds-font-25: 25px;
  --ds-font-26: 26px;
  --ds-font-27: 27px;
  --ds-font-28: 28px;
  --ds-font-29: 29px;
  --ds-font-30: 30px;
  --ds-font-32: 32px;
  --ds-font-34: 34px;
  --ds-font-36: 36px;
  --ds-font-38: 38px;
  --ds-font-40: 40px;
  --ds-font-42: 42px;
  --ds-font-44: 44px;
  --ds-font-46: 46px;
  --ds-font-48: 48px;
  --ds-font-50: 50px;
  --ds-font-54: 54px;
  --ds-font-60: 60px;
  --ds-font-65: 65px;
  --ds-font-70: 70px;
  --ds-font-300: "HCLTech Roobert Light", Arial;
  --ds-font-400: "HCLTech Roobert Regular", Arial;
  --ds-font-500: "HCLTech Roobert Medium", Arial;
  --ds-font-600: "HCLTech Roobert SemiBold", Arial;
  --ds-font-700: "HCLTech Roobert Bold", Arial;
  --ds-font-light: "HCLTech Roobert Light", Arial;
  --ds-font-regular: "HCLTech Roobert Regular", Arial;
  --ds-font-medium: "HCLTech Roobert Medium", Arial;
  --ds-font-semibold: "HCLTech Roobert SemiBold", Arial;
  --ds-font-bold: "HCLTech Roobert Bold", Arial;
  --ds-font-xs: var(--ds-font-10);
  --ds-font-sm: var(--ds-font-14);
  --ds-font-md: var(--ds-font-16);
  --ds-font-lg: var(--ds-font-18);
  --ds-font-xl: var(--ds-font-20);
  --ds-font-xxl: var(--ds-font-24);
  --ds-font-xxxl: var(--ds-font-26);
  --ds-font-xxxxl: var(--ds-font-28);
  --ds-font-xxxxxl: var(--ds-font-30);
  --ds-primary-color: var(--ds-purple-700);
  --ds-primary-blue: var(--ds-blue-700);
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Arrowleft:before {
  content: "\e900";
}

.icon-Arrowleftfill:before {
  content: "\e901";
}

.icon-Arrowright:before {
  content: "\e902";
}

.icon-Arrowrightfill:before {
  content: "\e903";
}

.icon-Add:before {
  content: "\e904";
}

.icon-Addfill:before {
  content: "\e905";
}

.icon-Approve:before {
  content: "\e906";
}

.icon-Approvefill:before {
  content: "\e907";
}

.icon-Archive:before {
  content: "\e908";
}

.icon-Archivefill:before {
  content: "\e909";
}

.icon-ArrowBottom:before {
  content: "\e90a";
}

.icon-Arrowbottom2:before {
  content: "\e90b";
}

.icon-Arrowbottom2fill:before {
  content: "\e90c";
}

.icon-ArrowBottomfill:before {
  content: "\e90d";
}

.icon-Arrowleft2:before {
  content: "\e90e";
}

.icon-Arrowright2:before {
  content: "\e90f";
}

.icon-Arrowright2fill:before {
  content: "\e910";
}

.icon-Arrowtop2:before {
  content: "\e911";
}

.icon-Arrowtop2fill:before {
  content: "\e912";
}

.icon-ArrowUp:before {
  content: "\e913";
}

.icon-ArrowUpfill:before {
  content: "\e914";
}

.icon-Arrwoleft2fill:before {
  content: "\e915";
}

.icon-AutoSave:before {
  content: "\e916";
}

.icon-AutoSavefill:before {
  content: "\e917";
}

.icon-Average:before {
  content: "\e918";
}

.icon-Averagefill:before {
  content: "\e919";
}

.icon-Belowaverage:before {
  content: "\e91a";
}

.icon-belowaveragefill:before {
  content: "\e91b";
}

.icon-Calendar:before {
  content: "\e91c";
}

.icon-Calendarfill:before {
  content: "\e91d";
}

.icon-Cancel:before {
  content: "\e91e";
}

.icon-Cancelfill:before {
  content: "\e91f";
}

.icon-Checklist:before {
  content: "\e920";
}

.icon-Checklistfill:before {
  content: "\e921";
}

.icon-Clone:before {
  content: "\e922";
}

.icon-Clonefill:before {
  content: "\e923";
}

.icon-Collapse:before {
  content: "\e924";
}

.icon-uniE925:before {
  content: "\e925";
}

.icon-uniE926:before {
  content: "\e926";
}

.icon-Collapseaccordianfill:before {
  content: "\e927";
}

.icon-Collapsefill:before {
  content: "\e928";
}

.icon-Continue:before {
  content: "\e929";
}

.icon-Continuefill:before {
  content: "\e92a";
}

.icon-Copy:before {
  content: "\e92b";
}

.icon-Copyfill:before {
  content: "\e92c";
}

.icon-uniE92D:before {
  content: "\e92d";
}

.icon-uniE92E:before {
  content: "\e92e";
}

.icon-uniE92F:before {
  content: "\e92f";
}

.icon-uniE930:before {
  content: "\e930";
}

.icon-uniE931:before {
  content: "\e931";
}

.icon-uniE932:before {
  content: "\e932";
}

.icon-uniE933:before {
  content: "\e933";
}

.icon-Download:before {
  content: "\e934";
}

.icon-Downloadfill:before {
  content: "\e935";
}

.icon-Edit:before {
  content: "\e936";
}

.icon-Editfill:before {
  content: "\e937";
}

.icon-Email:before {
  content: "\e938";
}

.icon-Excelfill:before {
  content: "\e93a";
}

.icon-Excellent:before {
  content: "\e93b";
}

.icon-Excellentfill:before {
  content: "\e93c";
}

.icon-Expand:before {
  content: "\e93d";
}

.icon-Expandaccordianfill:before {
  content: "\e93e";
}

.icon-uniE93F:before {
  content: "\e93f";
}

.icon-uniE940:before {
  content: "\e940";
}

.icon-Expandfill:before {
  content: "\e941";
}

.icon-Exportexcel:before {
  content: "\e942";
}

.icon-Exportexcelfill:before {
  content: "\e943";
}

.icon-Exportfill:before {
  content: "\e944";
}

.icon-Exportmail:before {
  content: "\e945";
}

.icon-Exportmailfill:before {
  content: "\e946";
}

.icon-ExportPDF:before {
  content: "\e947";
}

.icon-ExportPDFfill:before {
  content: "\e948";
}

.icon-Extend:before {
  content: "\e949";
}

.icon-Extendfill:before {
  content: "\e94a";
}

.icon-FAQ:before {
  content: "\e94b";
}

.icon-FAQfill:before {
  content: "\e94c";
}

.icon-Feedback:before {
  content: "\e94d";
}

.icon-Feedbackfill:before {
  content: "\e94e";
}

.icon-Filter:before {
  content: "\e94f";
}

.icon-Graph:before {
  content: "\e950";
}

.icon-Graphfill:before {
  content: "\e951";
}

.icon-Grid:before {
  content: "\e952";
}

.icon-Gridfill:before {
  content: "\e953";
}

.icon-History:before {
  content: "\e954";
}

.icon-Historyfill:before {
  content: "\e955";
}

.icon-Home:before {
  content: "\e956";
}

.icon-Homefill:before {
  content: "\e957";
}

.icon-Import:before {
  content: "\e958";
}

.icon-Importfill:before {
  content: "\e959";
}

.icon-Info:before {
  content: "\e95a";
}

.icon-Infofill:before {
  content: "\e95b";
}

.icon-List:before {
  content: "\e95c";
}

.icon-Listfill:before {
  content: "\e95d";
}

.icon-Location:before {
  content: "\e95e";
}

.icon-Locationfill:before {
  content: "\e95f";
}

.icon-Lock:before {
  content: "\e960";
}

.icon-Lockfill:before {
  content: "\e961";
}

.icon-Minus:before {
  content: "\e962";
}

.icon-Minusfill:before {
  content: "\e963";
}

.icon-Mobile:before {
  content: "\e964";
}

.icon-Mobilefill:before {
  content: "\e965";
}

.icon-Morehorizontal:before {
  content: "\e966";
}

.icon-Morehorizontalfill:before {
  content: "\e967";
}

.icon-Morevertical:before {
  content: "\e968";
}

.icon-Moreverticalfill:before {
  content: "\e969";
}

.icon-Next:before {
  content: "\e96a";
}

.icon-Nextfill:before {
  content: "\e96b";
}

.icon-Nice:before {
  content: "\e96c";
}

.icon-uniE96D:before {
  content: "\e96d";
}

.icon-uniE96E:before {
  content: "\e96e";
}

.icon-uniE96F:before {
  content: "\e96f";
}

.icon-uniE970:before {
  content: "\e970";
}

.icon-uniE971:before {
  content: "\e971";
}

.icon-Notification:before {
  content: "\e972";
}

.icon-Notificationfill:before {
  content: "\e973";
}

.icon-uniE974:before {
  content: "\e974";
}

.icon-uniE975:before {
  content: "\e975";
}

.icon-uniE976:before {
  content: "\e976";
}

.icon-uniE977:before {
  content: "\e977";
}

.icon-uniE978:before {
  content: "\e978";
}

.icon-uniE979:before {
  content: "\e979";
}

.icon-Optionsfill:before {
  content: "\e97a";
}

.icon-uniE97B:before {
  content: "\e97b";
}

.icon-uniE97C:before {
  content: "\e97c";
}

.icon-uniE97D:before {
  content: "\e97d";
}

.icon-uniE97E:before {
  content: "\e97e";
}

.icon-Pastefill:before {
  content: "\e97f";
}

.icon-Phone:before {
  content: "\e980";
}

.icon-Phonefill:before {
  content: "\e981";
}

.icon-Plus:before {
  content: "\e982";
}

.icon-Plusfill:before {
  content: "\e983";
}

.icon-Poor:before {
  content: "\e984";
}

.icon-Poorfill:before {
  content: "\e985";
}

.icon-Preview:before {
  content: "\e986";
}

.icon-uniE987:before {
  content: "\e987";
}

.icon-uniE988:before {
  content: "\e988";
}

.icon-uniE989:before {
  content: "\e989";
}

.icon-uniE98A:before {
  content: "\e98a";
}

.icon-Previousfill:before {
  content: "\e98b";
}

.icon-Process:before {
  content: "\e98c";
}

.icon-Processfill:before {
  content: "\e98d";
}

.icon-Profile:before {
  content: "\e98e";
}

.icon-Profilefill:before {
  content: "\e98f";
}

.icon-QuickLink:before {
  content: "\e990";
}

.icon-Quicklinkfill:before {
  content: "\e991";
}

.icon-Referback:before {
  content: "\e992";
}

.icon-uniE993:before {
  content: "\e993";
}

.icon-uniE994:before {
  content: "\e994";
}

.icon-Refresh:before {
  content: "\e995";
}

.icon-Refreshfill:before {
  content: "\e996";
}

.icon-Reject:before {
  content: "\e997";
}

.icon-Rejectfill:before {
  content: "\e998";
}

.icon-Remarks:before {
  content: "\e999";
}

.icon-Remarksfill:before {
  content: "\e99a";
}

.icon-Reply:before {
  content: "\e99b";
}

.icon-Replyfill:before {
  content: "\e99c";
}

.icon-Revoke:before {
  content: "\e99d";
}

.icon-Revokefill:before {
  content: "\e99e";
}

.icon-Save:before {
  content: "\e99f";
}

.icon-Savefill:before {
  content: "\e9a0";
}

.icon-Search:before {
  content: "\e9a1";
}

.icon-Searchfill:before {
  content: "\e9a2";
}

.icon-Searchoption:before {
  content: "\e9a3";
}

.icon-searchoptionfill:before {
  content: "\e9a4";
}

.icon-Setting:before {
  content: "\e9a5";
}

.icon-Settingfill:before {
  content: "\e9a6";
}

.icon-Share:before {
  content: "\e9a7";
}

.icon-Sharefill:before {
  content: "\e9a8";
}

.icon-Showall:before {
  content: "\e9a9";
}

.icon-Showallfill:before {
  content: "\e9aa";
}

.icon-Sort:before {
  content: "\e9ab";
}

.icon-Sortfill:before {
  content: "\e9ac";
}

.icon-Star:before {
  content: "\e9ad";
}

.icon-Starfill:before {
  content: "\e9ae";
}

.icon-Starrating:before {
  content: "\e9af";
}

.icon-Starratingfill:before {
  content: "\e9b0";
}

.icon-Table:before {
  content: "\e9b1";
}

.icon-Tablefill:before {
  content: "\e9b2";
}

.icon-Tick:before {
  content: "\e9b3";
}

.icon-Tickfill:before {
  content: "\e9b4";
}

.icon-Time:before {
  content: "\e9b5";
}

.icon-Timefill:before {
  content: "\e9b6";
}

.icon-Transfer:before {
  content: "\e9b7";
}

.icon-Transferfill:before {
  content: "\e9b8";
}

.icon-Unlock:before {
  content: "\e9b9";
}

.icon-Unlockfill:before {
  content: "\e9ba";
}

.icon-Update:before {
  content: "\e9bb";
}

.icon-Updatefill:before {
  content: "\e9bc";
}

.icon-Upload:before {
  content: "\e9bd";
}

.icon-Uploadfill:before {
  content: "\e9be";
}

.icon-User:before {
  content: "\e9bf";
}

.icon-Userfill:before {
  content: "\e9c0";
}

.icon-Userguide:before {
  content: "\e9c1";
}

.icon-Userguidefill:before {
  content: "\e9c2";
}

.icon-View:before {
  content: "\e9c3";
}

.icon-Viewfill:before {
  content: "\e9c4";
}

.icon-Zoomin:before {
  content: "\e9c5";
}

.icon-Zoominfill:before {
  content: "\e9c6";
}

.icon-Zoomout:before {
  content: "\e9c7";
}

.icon-Zoonoutfill:before {
  content: "\e9c8";
}

.icon-approval:before {
  content: "\e9c9";
}

.icon-bell:before {
  content: "\e9ca";
}

.icon-claim:before {
  content: "\e9cb";
}

.icon-feedback:before {
  content: "\e9cc";
}

.icon-fevMenu:before {
  content: "\e9cd";
}

.icon-hcl:before {
  content: "\e9ce";
}

.icon-hclToday:before {
  content: "\e9cf";
}

.icon-iBridge:before {
  content: "\e9d0";
}

.icon-iTime:before {
  content: "\e9d1";
}

.icon-lms:before {
  content: "\e9d2";
}

.icon-logout:before {
  content: "\e9d3";
}

.icon-menu:before {
  content: "\e9d4";
}

.icon-smartSurvay:before {
  content: "\e9d5";
}

.icon-ssd:before {
  content: "\e9d6";
}

.icon-transportal:before {
  content: "\e9d7";
}

.icon-travel:before {
  content: "\e9d8";
}

.icon-close:before {
  content: "\e9d9";
}

.icon-edit:before {
  content: "\e9da";
}

.icon-filter:before {
  content: "\e9db";
}

.icon-info:before {
  content: "\e9dc";
}

.icon-camera:before {
  content: "\e9dd";
}

.icon-download_file:before {
  content: "\e9de";
}

.icon-Table_Action_B:before {
  content: "\e9df";
}

.icon-warning:before {
  content: "\e9e0";
}

.icon-edit2:before {
  content: "\e9e1";
}

.icon-outline-average:before {
  content: "\e939";
}

.icon-outline-belowaverage:before {
  content: "\e9e2";
}

.icon-outline-excellent:before {
  content: "\e9e3";
}

.icon-outline-faq:before {
  content: "\e9e4";
}

.icon-outline-feedback:before {
  content: "\e9e5";
}

.icon-outline-filter:before {
  content: "\e9e6";
}

.icon-outline-graph:before {
  content: "\e9e7";
}

.icon-outline-home:before {
  content: "\e9e8";
}

.icon-outline-import:before {
  content: "\e9e9";
}

.icon-outline-listview:before {
  content: "\e9ea";
}

.icon-outline-location:before {
  content: "\e9eb";
}

.icon-outline-lock:before {
  content: "\e9ec";
}

.icon-outline-minus:before {
  content: "\e9ed";
}

.icon-outline-n-collapse:before {
  content: "\e9ee";
}

.icon-outline-n-expand:before {
  content: "\e9ef";
}

.icon-outline-next:before {
  content: "\e9f0";
}

.icon-outline-nice:before {
  content: "\e9f1";
}

.icon-outline-notification:before {
  content: "\e9f2";
}

.icon-outline-options:before {
  content: "\e9f3";
}

.icon-outline-paste:before {
  content: "\e9f4";
}

.icon-outline-phone:before {
  content: "\e9f5";
}

.icon-outline-plus:before {
  content: "\e9f6";
}

.icon-outline-poor:before {
  content: "\e9f7";
}

.icon-outline-preview:before {
  content: "\e9f8";
}

.icon-outline-previous:before {
  content: "\e9f9";
}

.icon-outline-process:before {
  content: "\e9fa";
}

.icon-outline-profile:before {
  content: "\e9fb";
}

.icon-outline-quicklinks:before {
  content: "\e9fc";
}

.icon-outline-referback:before {
  content: "\e9fd";
}

.icon-outline-refresh:before {
  content: "\e9fe";
}

.icon-outline-reject:before {
  content: "\e9ff";
}

.icon-outline-remarks:before {
  content: "\ea00";
}

.icon-outline-reply:before {
  content: "\ea01";
}

.icon-outline-revoke:before {
  content: "\ea02";
}

.icon-outline-save:before {
  content: "\ea03";
}

.icon-outline-search:before {
  content: "\ea04";
}

.icon-outline-searchoptions:before {
  content: "\ea05";
}

.icon-outline-setting:before {
  content: "\ea06";
}

.icon-outline-share:before {
  content: "\ea07";
}

.icon-outline-showall:before {
  content: "\ea08";
}

.icon-outline-sort:before {
  content: "\ea09";
}

.icon-outline-star:before {
  content: "\ea0a";
}

.icon-outline-startsrating:before {
  content: "\ea0b";
}

.icon-outline-table:before {
  content: "\ea0c";
}

.icon-outline-three-dot-h:before {
  content: "\ea0d";
}

.icon-outline-three-dot-v:before {
  content: "\ea0e";
}

.icon-outline-tick:before {
  content: "\ea0f";
}

.icon-outline-timeclock:before {
  content: "\ea10";
}

.icon-outline-transfer:before {
  content: "\ea11";
}

.icon-outline-unlock:before {
  content: "\ea12";
}

.icon-outline-update:before {
  content: "\ea13";
}

.icon-outline-upload:before {
  content: "\ea14";
}

.icon-outline-user:before {
  content: "\ea15";
}

.icon-outline-userguide:before {
  content: "\ea16";
}

.icon-outline-view:before {
  content: "\ea17";
}

.icon-outline-zoomin:before {
  content: "\ea18";
}

.icon-outline-zoomout:before {
  content: "\ea19";
}

.icon-outlline-info:before {
  content: "\ea1a";
}

.icon-outline-add:before {
  content: "\ea1b";
}

.icon-outline-approve:before {
  content: "\ea1c";
}

.icon-outline-archive:before {
  content: "\ea1d";
}

.icon-outline-arrow-bottom:before {
  content: "\ea1e";
}

.icon-outline-arrow-left:before {
  content: "\ea1f";
}

.icon-outline-arrow-nav-bottom:before {
  content: "\ea20";
}

.icon-outline-arrow-nav-left:before {
  content: "\ea21";
}

.icon-outline-arrow-nav-right:before {
  content: "\ea22";
}

.icon-outline-arrow-nav-top:before {
  content: "\ea23";
}

.icon-outline-arrow-right:before {
  content: "\ea24";
}

.icon-outline-arrow-top:before {
  content: "\ea25";
}

.icon-outline-attachment:before {
  content: "\ea26";
}

.icon-outline-auto-save:before {
  content: "\ea27";
}

.icon-outline-calendar:before {
  content: "\ea28";
}

.icon-outline-cancel:before {
  content: "\ea29";
}

.icon-outline-check-list:before {
  content: "\ea2a";
}

.icon-outline-clone:before {
  content: "\ea2b";
}

.icon-outline-collapse:before {
  content: "\ea2c";
}

.icon-outline-continue:before {
  content: "\ea2d";
}

.icon-outline-copy:before {
  content: "\ea2e";
}

.icon-outline-delete:before {
  content: "\ea2f";
}

.icon-outline-download:before {
  content: "\ea30";
}

.icon-outline-edit:before {
  content: "\ea31";
}

.icon-outline-emailbox:before {
  content: "\ea32";
}

.icon-outline-expand:before {
  content: "\ea33";
}

.icon-outline-export-to-excel:before {
  content: "\ea34";
}

.icon-outline-export-to-mail:before {
  content: "\ea35";
}

.icon-outline-export-to-PDF:before {
  content: "\ea36";
}

.icon-outline-export:before {
  content: "\ea37";
}

.icon-outline-extend:before {
  content: "\ea38";
}

/***************
Buttons
***************/
.ds_primary {
  background-color: #5196f7;
  border-radius: 5px;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  padding: 8px 16px;
  font-size: 16px;
}

.ds_secondary {
  background-color: transparent;
  border-radius: 5px;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  padding: 8px 16px;
  color: #777777;
  border: 1px solid #777777;
  font-size: 16px;
}

.ds-btn-primary {
  background-color: #5f1ebe;
  border-color: #5f1ebe;
  border-radius: 5px;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  padding: 9px 24px;
  line-height: normal;
  margin-top: 0;
}
.ds-btn-primary:hover,
.ds-btn-primary:active,
.ds-btn-primary:focus {
  background-color: #7647dd;
  border-color: #7647dd;
}
.ds-btn-primary.ds-btn-x-small {
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 12px;
}
.ds-btn-primary.ds-btn-small {
  font-size: 14px;
  padding: 8px 24px;
}
.ds-btn-primary:disabled,
.ds-btn-primary.disabled {
  background-color: #a98ef4;
  border-color: #a98ef4;
}
.ds-btn-primary.ds-btn-large {
  font-size: 20px;
  padding: 8px 24px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.ds-btn-primary-outline {
  border-color: #5f1ebe;
  border-radius: 5px;
  margin-top: 16px;
  font-size: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  color: #5f1ebe;
  padding: 9px 24px;
  line-height: normal;
  margin-top: 0;
  background-color: #fff;
}
.ds-btn-primary-outline:hover,
.ds-btn-primary-outline:active,
.ds-btn-primary-outline:focus {
  background-color: #7647dd;
  border-color: #7647dd;
  color: #fff;
}
.ds-btn-primary-outline.ds-btn-x-small {
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 12px;
}
.ds-btn-primary-outline.ds-btn-small {
  font-size: 14px;
  padding: 8px 24px;
}
.ds-btn-primary-outline:disabled,
.ds-btn-primary-outline.disabled {
  color: #a98ef4;
  border-color: #a98ef4;
  opacity: 1;
  background: #fff;
}
.ds-btn-primary-outline.ds-btn-large {
  font-size: 20px;
  padding: 8px 24px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.ds-btn-secondary-outline {
  border-color: #6c7882;
  border-radius: 5px;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  color: #000000;
  padding: 9px 24px;
  line-height: normal;
  margin-top: 0;
  font-size: 16px;
}
.ds-btn-secondary-outline:hover,
.ds-btn-secondary-outline:active,
.ds-btn-secondary-outline:focus {
  background-color: #777;
  border-color: #777;
  color: #fff;
}
.ds-btn-secondary-outline.ds-btn-x-small {
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 12px;
}
.ds-btn-secondary-outline.ds-btn-small {
  font-size: 14px;
  padding: 8px 24px;
}
.ds-btn-secondary-outline:disabled,
.ds-btn-secondary-outline.disabled {
  color: #a7afbd;
  border-color: #a7afbd;
  opacity: 1;
}
.ds-btn-secondary-outline.ds-btn-large {
  font-size: 20px;
  padding: 8px 24px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.ds-btn-tertiary-outline {
  border-color: #000;
  border-radius: 5px;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  color: #000000;
  padding: 9px 24px;
  line-height: normal;
  margin-top: 0;
  font-size: 16px;
  background-color: #fff;
}
.ds-btn-tertiary-outline:hover,
.ds-btn-tertiary-outline:active,
.ds-btn-tertiary-outline:focus {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.ds-btn-tertiary-outline.ds-btn-x-small {
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 12px;
}
.ds-btn-tertiary-outline.ds-btn-small {
  font-size: 14px;
  padding: 8px 24px;
}
.ds-btn-tertiary-outline:disabled,
.ds-btn-tertiary-outline.disabled {
  color: #a5afbe;
  border-color: #a5afbe;
  opacity: 1;
  background-color: #fff;
}
.ds-btn-tertiary-outline.ds-btn-large {
  font-size: 20px;
  padding: 8px 24px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.ds-btn-reverse-outline {
  border-color: #fff;
  border-radius: 5px;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
  color: #000000;
  padding: 9px 24px;
  line-height: normal;
  margin-top: 0;
  font-size: 16px;
  background: #fff;
}
.ds-btn-reverse-outline:hover,
.ds-btn-reverse-outline:active,
.ds-btn-reverse-outline:focus {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.ds-btn-reverse-outline.ds-btn-x-small {
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 12px;
}
.ds-btn-reverse-outline.ds-btn-small {
  font-size: 14px;
  padding: 8px 24px;
}
.ds-btn-reverse-outline:disabled,
.ds-btn-reverse-outline.disabled {
  color: #a5afbe;
  border-color: #a5afbe;
  opacity: 1;
  background: #fff;
}
.ds-btn-reverse-outline.ds-btn-large {
  font-size: 20px;
  padding: 8px 24px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.ds-btn-link {
  color: #5f1ebe;
  font-family: "HCLTech Roobert SemiBold", Arial;
  font-size: 16px;
  text-decoration: none;
}
.ds-btn-link:hover {
  color: #411482;
}
.ds-btn-link:disabled,
.ds-btn-link.disabled {
  color: #c5b4f7;
  opacity: 1;
}
.ds-btn-link.ds-btn-x-small {
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 12px;
}
.ds-btn-link.ds-btn-small {
  font-size: 14px;
}
.ds-btn-link.ds-btn-large {
  font-size: 20px;
}

.ds-btn-secondary {
  background-color: #6c7882;
}

.ds-btn-success {
  background-color: #077251;
}

.ds-btn-danger {
  background-color: #aa1f51;
}

.ds-btn-warning {
  background-color: #ad6f0b;
}

.ds-btn-info {
  background-color: #198e88;
}

.ds-btn-light {
  background-color: #f8f8f8;
}

.ds-btn-dark {
  background-color: #222222;
}

.ds-btn-outline-secondary {
  border-color: #6c7882;
}
.ds-btn-outline-secondary:hover {
  background-color: #6c7882;
}

.ds-btn-outline-success {
  border-color: #077251;
}
.ds-btn-outline-success:hover {
  background: #077251;
}

.ds-btn-outline-danger {
  border-color: #aa1f51;
}
.ds-btn-outline-danger:hover {
  background: #aa1f51;
}

.ds-btn-outline-warning {
  border-color: #ad6f0b;
}
.ds-btn-outline-warning:hover {
  border-color: #ad6f0b;
}

.ds-btn-outline-info {
  border-color: #198e88;
}
.ds-btn-outline-info:hover {
  background: #198e88;
}

.ds-btn-outline-light {
  border-color: #f8f8f8;
}
.ds-btn-outline-light:hover {
  background: #f8f8f8;
}

.ds-btn-outline-dark {
  border-color: #222222;
}
.ds-btn-outline-dark:hover {
  border-color: #222222;
}

.ds-btn-dark {
  background-color: #000000;
  color: #ffffff;
}
.ds-btn-dark:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

.btn-ripple {
  position: relative;
  overflow: hidden;
  transition: background 400ms;
}

span.ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  background-color: rgba(255, 255, 255, 0.7);
}

@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

.carousel-indicators [data-bs-target] {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

.arrow-button {
  transition: all 0.3s ease 0s;
  background: transparent;
  border: 0;
  font-size: 16px;
  font-family: "HCLTech Roobert SemiBold";
}

.arrow-button .bb-icon-arrow.rarrow {
  color: #5f1ebe;
  font-size: 1rem;
  transition: all 0.3s ease 0s;
}

.arrow-button:hover .bb-icon-arrow.rarrow {
  margin-left: 10px;
}

.arrow-button {
  display: flex;
  align-items: center;
  min-height: 40px;
}

.arrow-button span {
  display: none;
  color: #5f1ebe;
}

.arrow-button:hover span {
  display: block;
}

.arrow-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.arrow-btn {
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #5f1ebe;
  font-family: "HCLTech Roobert SemiBold", Arial;
  position: relative;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border: 0;
  background: transparent;
}

.arrow-btn span {
  color: transparent;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.arrow-btn::after {
  content: "";
  background: url(https://hcltech.imgix.net/sites/default/files/images/icons/readmore-arrow.svg)
    no-repeat;
  width: 18px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-top: 0.0625rem;
}

.arrow-btn:focus,
.arrow-btn:hover {
  color: #5f1ebe !important;
}

.arrow-btn:focus span,
.arrow-btn:hover span {
  color: inherit;
  margin-right: 0.625rem;
}

.arrow-btn:focus::after,
.arrow-btn:hover::after {
  left: 100%;
}

/***************
  Modals
***************/
.modal.ds-modal .modal-dialog {
  margin-top: 65px;
}

.modal.ds-modal .modal-header {
  border: 0;
  padding: 24px;
}
.modal.ds-modal .modal-header .modal-title {
  color: #14142b;
  font-size: 18px;
  font-family: "HCLTech Roobert Medium", Arial;
}

.modal.ds-modal .modal-body {
  padding: 24px;
  font-size: 14px;
  color: #4e4b66;
  padding-top: 0;
  font-family: "HCLTech Roobert Regular", Arial;
  line-height: normal;
}
.modal.ds-modal .modal-body p {
  margin: 0;
  font-family: "HCLTech Roobert Regular", Arial;
  line-height: normal;
  color: #4e4b66;
}

.modal.ds-modal .modal-lg .modal-header .modal-title {
  font-size: 24px;
  font-family: "HCLTech Roobert Medium", Arial;
}

.modal.ds-modal .modal-lg .modal-body {
  font-size: 16px;
}

.modal.ds-modal .modal-xl .modal-header .modal-title {
  font-size: 28px;
  font-family: "HCLTech Roobert Medium", Arial;
}

.modal.ds-modal .modal-xl .modal-body {
  font-size: 16px;
}

.modal-footer {
  padding: 24px;
}

.modal-content {
  min-height: auto;
  border-radius: 5px;
  padding-bottom: 24px;
}
.modal-content .w-100.mt-24.mb-24 {
  margin-bottom: 0 !important;
}

.modal-sm {
  max-width: 450px;
}

.modal-lg {
  max-width: 650px;
}

.modal-xl {
  max-width: 800px;
}

.modal-fullscreen {
  margin: 0 auto;
  width: 90vw;
  height: calc(100vh - 125px);
}

.with-image .position-absolute.btn-close {
  position: absolute !important;
  right: 20px;
  top: 20px;
}

.with-image .content-with-img {
  display: flex;
}
.with-image .content-with-img .content-sec {
  width: 60%;
}
.with-image .content-with-img .img-sec {
  width: 40%;
  background: #f0f3f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-content {
  text-align: center;
}
.status-content .position-absolute.btn-close {
  position: absolute !important;
  right: 20px;
  top: 20px;
}
.status-content .error-icon {
  transform: rotate(180deg);
}

/* ============= Tabs ============= */
.primary-tab {
  display: flex;
  justify-content: flex-start;
  background: transparent !important;
  position: relative;
}

.primary-tab .nav-item {
  margin-right: 16px;
}

.primary-tab .nav-link {
  color: #5b666d;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-size: 14px;
  font-family: "HCLTech Roobert Medium", Arial;
}

.primary-tab.nav-tabs .nav-link.active,
.primary-tab.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  border-color: transparent;
  color: #5f1ebe;
  font-family: "HCLTech Roobert Medium", Arial;
}

.primary-tab.nav-tabs .nav-link:hover,
.primary-tab.nav-tabs .nav-link:focus {
  border-color: transparent;
  color: #5f1ebe;
}

.primary-tab.nav-tabs .nav-link.disabled,
.primary-tab.nav-tabs .nav-link:disabled {
  cursor: not-allowed;
}

.nav-item:first-child.active ~ .tabs-slider {
  transform: translateX(0) scaleX(0.1);
}

.nav-item:nth-child(2).active ~ .tabs-slider {
  transform: translateX(70px) scaleX(0.1);
}

.nav-item:nth-child(3).active ~ .tabs-slider {
  transform: translateX(calc(70px * 2)) scaleX(0.1);
}

.tabs-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 700px;
  height: 2px;
  background-color: #5f1ebe;
  transform-origin: 0 0;
  transition: transform 0.25s;
}

.tabs-block {
  background-color: #f8f8f8;
  padding: 0;
}

.secondry-tabs {
  border-bottom: 0;
}

.secondry-tabs.nav-tabs .nav-link.active,
.secondry-tabs.nav-tabs .nav-item.show .nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-color: transparent;
}

.secondry-tabs.nav-tabs .nav-link:hover,
.secondry-tabs.nav-tabs .nav-link:focus {
  border-color: transparent;
  color: #5f1ebe;
}

.secondry-tabs.nav-tabs .nav-link {
  color: #5b666d;
  padding: 8px 16px;
  font-size: 14px;
  font-family: "HCLTech Roobert Medium", Arial;
}

.secondry-tabs.nav-tabs .nav-link.active,
.secondry-tabs.nav-tabs .nav-item.show .nav-link {
  color: #5f1ebe;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.contant-block {
  background-color: #ffffff;
  padding: 1rem;
}

.tabslider .nav-tabs {
  position: relative;
  background-color: #fff;
}

.tabslider .slider {
  display: inline-block;
  width: 48px;
  height: 1px;
  border-radius: 3px;
  background-color: #5f1ebe;
  position: absolute;
  z-index: 1;
  bottom: -1px;
  transition: all 0.3s linear;
}

.primary-tab.grey {
  background-color: #fff !important;
  border: 0;
}

.primary-tab.grey .nav-link {
  border-radius: 0 !important;
}

.primary-tab.grey .nav-link:hover {
  color: #000;
}

.primary-tab.nav-tabs.grey .nav-link.active,
.primary-tab.nav-tabs.grey .nav-item.show .nav-link {
  color: #000;
  background-color: #eff0f7;
  border-color: transparent;
  color: #000;
  font-family: "HCLTech Roobert Medium", Arial;
}

/* ============= card ============= */
.card.ds-card {
  border-radius: 5px;
  box-shadow: none;
  border: 0;
  background: #ffffff;
  margin-bottom: 15px;
  overflow: hidden;
}
.card.ds-card .card-body {
  padding: 24px;
}
.card.ds-card .card-body h5 {
  font-size: 16px;
  font-family: "HCLTech Roobert SemiBold", Arial;
  color: #000000;
}
.card.ds-card .card-body h6 {
  margin-top: 12px;
  font-size: 14px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}
.card.ds-card .card-body p {
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 20px;
  font-family: "HCLTech Roobert Regular", Arial;
  line-height: normal;
  color: #000000;
}
.card.ds-card .card-body .btn {
  margin-top: 16px;
}
.card.ds-card .card-body .date-time {
  font-size: 14px;
  font-family: "HCLTech Roobert Regular", Arial;
  color: #6f7192;
  margin-bottom: 12px;
}
.card.ds-card .card-body .date-time span {
  color: #4b9ef9;
}
.card.ds-card .card-body a {
  background-color: #5f1ebe;
  border-radius: 0;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
}
.card.ds-card .card-body a.action-icon {
  background-color: transparent;
  display: flex;
  align-items: center;
  min-height: 22px;
}
.card.ds-card .card-body a.action-icon span {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #5f1ebe;
  display: none;
}
.card.ds-card .card-body:hover {
  background-color: #f7f7fc;
}
.card.ds-card .card-body:hover a.action-icon span {
  display: block;
}
.card.ds-card .card-body:hover a.action-icon i {
  margin-left: 10px;
}

.card.ds-card-md {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #cccccc;
  background: #ffffff;
  margin-bottom: 15px;
}
.card.ds-card-md .card-body {
  padding: 24px 32px;
}
.card.ds-card-md .card-body h5 {
  font-size: 32px;
  font-family: "HCLTech Roobert Bold", Arial;
  color: #000000;
}
.card.ds-card-md .card-body h6 {
  margin-top: 30px;
  font-size: 20px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}
.card.ds-card-md .card-body p {
  font-size: 16px;
  font-family: "HCLTech Roobert Regular", Arial;
  line-height: normal;
  color: #000000;
}
.card.ds-card-md .card-body .btn {
  margin-top: 16px;
}
.card.ds-card-md .card-body a {
  background-color: #5f1ebe;
  border-radius: 0;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.card.ds-card-lg {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #cccccc;
  background: #ffffff;
  margin-bottom: 15px;
}
.card.ds-card-lg .card-body {
  padding: 24px 32px;
}
.card.ds-card-lg .card-body h5 {
  font-size: 40px;
  font-family: "HCLTech Roobert Bold", Arial;
  color: #000000;
}
.card.ds-card-lg .card-body h6 {
  margin-top: 30px;
  font-size: 20px;
  font-family: "HCLTech Roobert SemiBold", Arial;
}
.card.ds-card-lg .card-body p {
  font-size: 16px;
  font-family: "HCLTech Roobert Regular", Arial;
  line-height: normal;
  color: #000000;
}
.card.ds-card-lg .card-body .btn {
  margin-top: 16px;
}
.card.ds-card-lg .card-body a {
  background-color: #5f1ebe;
  border-radius: 0;
  margin-top: 16px;
  display: inline-block;
  font-family: "HCLTech Roobert SemiBold", Arial;
}

.ds-large-card {
  flex-direction: row;
}

.ds-card-effect {
  transition: all 0.5s ease 0s;
}
.ds-card-effect .card-img-sec {
  overflow: hidden;
  height: 260px;
}
.ds-card-effect .card-img {
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  width: auto;
  height: auto;
  -webkit-transform: scale(1.015);
  -o-transform: scale(1.015);
  transform: scale(1.015);
}
.ds-card-effect .ds-card-link {
  transition: all 0.5s ease 0s;
}
.ds-card-effect .ds-card-link span {
  transition: all 0.5s ease 0s;
  display: none;
}
.ds-card-effect .ds-card-link .icon {
  transition: all 0.5s ease 0s;
}
.ds-card-effect:hover {
  background: #e6ebf5;
}
.ds-card-effect:hover .card-img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.ds-card-effect:hover .ds-card-link span {
  display: block;
}
.ds-card-effect:hover .ds-card-link .icon {
  margin-left: 10px;
}

.ds-card-link {
  background-color: transparent !important;
  display: flex !important;
  align-items: center;
  color: #5f1ebe !important;
}

/* ============= card ============= */
/*offcanvas*/
.offcanvas.offcanvas .offcanvas-body {
  padding-top: 0;
}

.offcanvas.offcanvas.ds-offcanvas-sm {
  max-width: 310px;
  width: 100%;
}

.offcanvas.offcanvas.ds-offcanvas-md {
  max-width: 384px;
  width: 100%;
}
.offcanvas.offcanvas.ds-offcanvas-md .offcanvas-title {
  font-size: 24px;
}
.offcanvas.offcanvas.ds-offcanvas-md .offcanvas-body p {
  font-size: 16px;
}

.offcanvas.offcanvas.ds-offcanvas-lg {
  max-width: 512px;
  width: 100%;
}
.offcanvas.offcanvas.ds-offcanvas-lg .offcanvas-title {
  font-size: 28px;
}
.offcanvas.offcanvas.ds-offcanvas-lg .offcanvas-body p {
  font-size: 16px;
}

.offcanvas.offcanvas .offcanvas-title {
  color: #000000;
  font-size: 16px;
  font-family: "HCLTech Roobert Medium", Arial;
  line-height: normal;
}

.offcanvas.offcanvas .offcanvas-header .btn-close {
  font-size: 12px;
}

.offcanvas.offcanvas .offcanvas-body p {
  margin: 0;
  font-size: 14px;
  color: #475156;
  font-family: "HCLTech Roobert Regular", Arial;
  line-height: 22px;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 12px;
}

.offcanvas-body {
  padding: 24px;
}

.offcanvas-footer {
  padding: 24px;
}

/*offcanvas*/
/*toast*/
.ds-toast {
  box-shadow: none;
  border-radius: 0.313rem;
  width: 480px;
}
.ds-toast .toast-body {
  font-family: "HCLTech Roobert Medium", Arial;
  line-height: normal;
  padding: 12px 1rem;
  display: flex;
  align-items: center;
}
.ds-toast .toast-body .ds-tost-icon {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-right: 0.625rem;
  position: relative;
}
.ds-toast .toast-body .ds-tost-icon::before {
  content: "\e9f6";
  position: absolute;
  transform: rotate(45deg);
  font-size: 14px;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-purple {
  border: 1px solid #5e1ebe;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-blue {
  border: 1px solid #0f5fdc;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-success {
  border: 1px solid #077251;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-danger {
  border: 1px solid #b71c1c;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-warning {
  border: 1px solid #ad6f0b;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-info {
  border: 1px solid #198e88;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-Light {
  border: 1px solid #000;
}
.ds-toast .toast-body .ds-tost-icon.icon-bg-Dark {
  border: 1px solid #fff;
}
.ds-toast .toast-body .toast-content {
  display: flex;
  flex-direction: column;
}
.ds-toast .toast-body .toast-content h5 {
  font-family: "HCLTech Roobert SemiBold";
  font-size: 1rem;
  line-height: 24px;
  margin: 0;
}
.ds-toast.text-bg-blue {
  background-color: #d7ecfd !important;
  color: #0f5fdc;
}
.ds-toast.toast.text-bg-warning {
  background-color: #ffecb4 !important;
  color: #ad6f0b !important;
}
.ds-toast.toast.text-bg-purple {
  background-color: #e2d9fb !important;
  color: #341688;
}
.ds-toast.toast.text-bg-info {
  background-color: #d1f1f3 !important;
  color: #198e88 !important;
}
.ds-toast.toast.text-bg-Success {
  background-color: #dff1e0 !important;
  color: #077251;
}
.ds-toast.toast.text-bg-Light {
  background-color: #fff !important;
  color: #000000 !important;
}
.ds-toast.toast.text-bg-danger {
  background-color: #fdddda !important;
  color: #b71c1c !important;
}
.ds-toast.toast.text-bg-Dark {
  background-color: #222222 !important;
  color: #fff !important;
}
.ds-toast.toast.text-bg-Dark .btn-close {
  filter: invert(1);
}
.ds-toast .ds-btn-toast {
  border-radius: 2px;
  font-size: 12px;
  padding: 4px 12px;
  background: #fff;
}
.ds-toast .ds-btn-toast.btn-purple {
  border-color: #5f1ebe;
  color: #5f1ebe;
}
.ds-toast .ds-btn-toast.btn-purple:hover {
  background-color: #7647dd;
  border-color: #7647dd;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-blue {
  border-color: #0f5fdc;
  color: #0f5fdc;
}
.ds-toast .ds-btn-toast.btn-blue:hover {
  background-color: #0f5fdc;
  border-color: #0f5fdc;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-Success {
  border-color: #077251;
  color: #077251;
}
.ds-toast .ds-btn-toast.btn-Success:hover {
  background-color: #077251;
  border-color: #077251;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-danger {
  border-color: #b71c1c;
  color: #b71c1c;
}
.ds-toast .ds-btn-toast.btn-danger:hover {
  background-color: #b71c1c;
  border-color: #b71c1c;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-amber {
  border-color: #ad6f0b;
  color: #ad6f0b;
}
.ds-toast .ds-btn-toast.btn-amber:hover {
  background-color: #ad6f0b;
  border-color: #ad6f0b;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-info {
  border-color: #198e88;
  color: #198e88;
}
.ds-toast .ds-btn-toast.btn-info:hover {
  background-color: #198e88;
  border-color: #198e88;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-Light {
  border-color: #222222;
  color: #222222;
}
.ds-toast .ds-btn-toast.btn-Light:hover {
  background-color: #222222;
  border-color: #222222;
  color: #fff;
}
.ds-toast .ds-btn-toast.btn-dark {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.ds-toast .ds-btn-toast.btn-dark:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #222222;
}
.ds-toast .ds-btn-toast:hover {
  background-color: #5f1ebe;
  border-color: #5f1ebe;
  color: #fff;
}

/*accordion style 1 css*/
.ds-accordion .accordion-body .accordion-body {
  padding: 16px 24px;
}

.ds-accordion .accordion-body p {
  margin-top: 0;
  line-height: 20px;
  font-size: 14px;
  color: #4e4b66;
  font-family: "HCLTech Roobert Regular", Arial;
  margin-bottom: 0;
}

.ds-accordion .accordion-button {
  padding: 16px 24px;
  color: #14142b;
  font-size: 16px;
  font-family: "HCLTech Roobert Regular", Arial;
  position: relative;
}
.ds-accordion .accordion-button:not(.collapsed),
.ds-accordion .accordion-button:hover {
  color: #14142b;
  background-color: #f7f7fc;
  font-family: "HCLTech Roobert Medium", Arial;
}
.ds-accordion .accordion-button:not(.collapsed)::after,
.ds-accordion .accordion-button:hover::after {
  color: #222222;
}
.ds-accordion .accordion-button::after {
  font-family: "icomoon";
  content: "\e90b";
  background-image: none !important;
  color: #14142b;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
}

/*accordion style 2 css*/
.ds-accordion.accordion-flush .accordion-item {
  background-color: #fcfcfc;
}

.ds-accordion.accordion-flush .accordion-body {
  padding: 16px 24px;
}
.ds-accordion.accordion-flush .accordion-body p {
  margin-top: 0;
  line-height: 20px;
  font-size: 14px;
  color: #4e4b66;
  font-family: "HCLTech Roobert Regular", Arial;
  margin-bottom: 0;
}

.ds-accordion.accordion-flush .accordion-button {
  padding: 16px 24px;
  color: #14142b;
  font-size: 16px;
  font-family: "HCLTech Roobert Regular", Arial;
  position: relative;
  background-color: #fcfcfc;
}
.ds-accordion.accordion-flush .accordion-button:not(.collapsed),
.ds-accordion.accordion-flush .accordion-button:hover {
  font-family: "HCLTech Roobert Medium", Arial;
  color: #222222;
  background-color: #f7f7fc;
  box-shadow: none;
}
.ds-accordion.accordion-flush .accordion-button:not(.collapsed)::after,
.ds-accordion.accordion-flush .accordion-button:hover::after {
  color: #222222;
}
.ds-accordion.accordion-flush .accordion-button::after {
  font-family: "icomoon";
  content: "\e90b";
  background-image: none !important;
  color: #14142b;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
}

/*accordion style 3 css*/
.ds-accordion.withIcon .accordion-body p {
  margin-top: 0;
  line-height: 20px;
  font-size: 14px;
  color: #4e4b66;
  font-family: "HCLTech Roobert Regular", Arial;
  margin-bottom: 0;
}

.ds-accordion.withIcon .accordion-button {
  color: #14142b;
  font-size: 16px;
  font-family: "HCLTech Roobert Regular", Arial;
  position: relative;
}
.ds-accordion.withIcon .accordion-button:not(.collapsed) {
  background-color: #f7f7fc;
  color: #5f1ebe;
  font-family: "HCLTech Roobert Medium", Arial;
}
.ds-accordion.withIcon .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
  color: #5f1ebe;
}
.ds-accordion.withIcon .accordion-button:not(.collapsed) + .action-icon a span {
  color: #5f1ebe;
}
.ds-accordion.withIcon .accordion-button::after {
  font-family: "icomoon";
  content: "\e90b";
  background-image: none !important;
  color: #777777;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
}
.ds-accordion.withIcon .accordion-button a {
  color: #2096f3;
  text-decoration: none;
  font-size: 20px;
}

/*accordion style 4 css*/
.ds-accordion.withActionIcon .accordion-body {
  padding: 16px 24px 16px 40px;
}
.ds-accordion.withActionIcon .accordion-body p {
  margin-top: 0;
  line-height: 20px;
  font-size: 14px;
  color: #4e4b66;
  font-family: "HCLTech Roobert Regular", Arial;
  margin-bottom: 0;
}

.ds-accordion.withActionIcon .accordion-button {
  padding: 16px 24px;
  color: #14142b;
  font-size: 16px;
  font-family: "HCLTech Roobert Regular", Arial;
  position: relative;
  padding-left: 40px;
}
.ds-accordion.withActionIcon .accordion-button:not(.collapsed) {
  background-color: #f7f7fc;
  color: #14142b;
  font-family: "HCLTech Roobert Medium", Arial;
}
.ds-accordion.withActionIcon .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
  color: #14142b;
}
.ds-accordion.withActionIcon
  .accordion-button:not(.collapsed)
  + .action-icon
  a
  span {
  color: #5f1ebe;
}
.ds-accordion.withActionIcon .accordion-button::after {
  transform: rotate(-90deg);
  font-family: "icomoon";
  content: "\e90b";
  background-image: none !important;
  color: #14142b;
  font-weight: bold;
  width: 18px;
  height: 18px;
  font-size: 18px;
  position: absolute;
  left: 10px;
  top: 16px;
}
.ds-accordion.withActionIcon .accordion-button a {
  color: #2096f3;
  text-decoration: none;
  font-size: 20px;
}

.ds-accordion.withActionIcon .accordion-header {
  position: relative;
}
.ds-accordion.withActionIcon .accordion-header .action-icon {
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 3;
}
.ds-accordion.withActionIcon .accordion-header .action-icon a {
  color: #14142b;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  padding: 0 0;
  width: auto;
  margin-left: 24px;
  text-align: center;
}
.ds-accordion.withActionIcon .accordion-header .action-icon a:hover {
  color: #5f1ebe;
}

.ds-pagination .pagination .page-item .page-link {
  color: #5f1ebe;
  font-size: 14px;
  text-align: center;
  min-width: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "HCLTech Roobert Medium", Arial;
}

.ds-pagination .pagination .page-item.active .page-link {
  background: #e2d9fb !important;
  color: #5f1ebe !important;
  border-color: #5f1ebe;
}

.ds-pagination .pagination .page-item.disabled .page-link {
  background: #fff !important;
  color: #000000 !important;
}

.ds-pagination.with-loader {
  display: flex;
  align-items: center;
}
.ds-pagination.with-loader .form-select {
  width: auto;
  margin-right: 18px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-color: #dee2e6;
  border-radius: 6px;
  font-size: 14px;
}
.ds-pagination.with-loader .pagination .page-item .page-link {
  color: #5f1ebe;
  font-size: 14px;
  text-align: center;
  padding-top: 3px;
  min-width: 32px;
  padding-bottom: 3px;
  font-family: "HCLTech Roobert Medium", Arial;
}
.ds-pagination.with-loader .pagination .page-item.active .page-link {
  background: #e2d9fb !important;
  color: #5f1ebe !important;
  border-color: #5f1ebe;
}

.ds-pagination.medium-pagination .form-select {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}

.ds-pagination.medium-pagination .pagination .page-item .page-link {
  color: #000;
  font-size: 16px;
  text-align: center;
  min-width: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ds-list-group {
  border-radius: 5px;
}
.ds-list-group.with-icon .list-group-item {
  display: flex;
  align-items: center;
}
.ds-list-group .list-group-item {
  font-size: 16px;
  font-family: "HCLTech Roobert Medium", Arial;
  border-color: #ced4da;
}
.ds-list-group .list-group-item:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}
.ds-list-group .list-group-item.active {
  background-color: #c5b4f7;
  color: #000;
  border-color: #7647dd;
}
.ds-list-group .list-group-item .form-check-input:checked {
  background-color: #5f1ebe;
  border-color: #5f1ebe;
}

.badge.bg-primary {
  background-color: #e2d9fb !important;
  color: #5f1ebe;
  border: 1px solid #7c5ae0;
  font-size: 12px;
}

.ds-list-icon {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-right: 16px;
  background-origin: 1px solid #000;
  position: relative;
  display: block;
}
.ds-list-icon::before {
  content: "\e9f6";
  position: absolute;
  transform: rotate(45deg);
  font-size: 14px;
  color: #000;
}
.ds-list-icon.icon-bg-Light {
  border: 1px solid #000;
}

.ds-list-group.bg-transparent {
  border-radius: 0;
}

.ds-list-group.bg-transparent li {
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-color: #d5dce5;
  padding: 8px 0;
  min-height: 60px;
}
.ds-list-group.bg-transparent li > button {
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.ds-list-group.bg-transparent li:hover button {
  opacity: 1;
}

/*--------------------------------------------------------------
Data - Table
--------------------------------------------------------------*/
.dataTables_wrapper .DTFC_ScrollWrapper {
  border: 1px solid #c8d2dd;
  border-radius: 5px;
  overflow: hidden;
}

.common_table {
  overflow: scroll;
  border-radius: 0;
}

table.dataTable.glb_datable thead th {
  color: #777;
  font-size: 14px;
  padding: 8px 10px;
  border-bottom: 1px solid #c8d2dd;
  white-space: nowrap;
  background-color: #e7ebf4;
  color: #222 !important;
  height: 40px;
}

table.dataTable.glb_datable tbody td {
  color: #222;
  font-size: 14px;
  padding: 8px 10px;
  line-height: normal;
  white-space: nowrap;
}

table.dataTable.glb_datable tbody tr:nth-child(odd) {
  background: #fafbfc;
}

table.dataTable.glb_datable tbody tr:hover {
  background: #eff0f7;
}

.common_table .dataTables_info {
  padding-top: 16px !important;
  color: #000 !important;
  font-size: 12px;
}

.common_table .dataTables_paginate {
  margin-top: 16px !important;
  color: #222 !important;
  font-size: 14px;
  padding: 0 !important;
  border-radius: 4px;
  overflow: hidden;
}

.common_table .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 3.6px 14px !important;
  margin-left: 0;
  background: #fff;
  border: 1px solid #c8d2dd;
  border-left-color: transparent;
  border-radius: 0;
}

table.dataTable.glb_datable.cell-border thead th:first-child {
  border-left: 1px solid #ddd;
}

.common_table
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.previous {
  border-radius: 5px 0 0 5px;
  border-left-color: #c8d2dd;
}

.common_table .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  border-radius: 0 5px 5px 0;
}

.common_table
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled {
  opacity: 0.5;
}

.common_table
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled:hover {
  background: #fff !important;
  border-color: #c8d2dd !important;
  opacity: 0.5;
}

.common_table .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none;
}

.common_table .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.common_table .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #e2d9fb !important;
  border-color: #5f1ebe;
  color: #222 !important;
}

.common_table .dataTables_wrapper .dataTables_length {
  float: right;
  margin-top: 16px;
  margin-right: 11px;
  color: #222;
  font-size: 14px;
  position: relative;
}

.common_table .dataTables_wrapper .dataTables_length label {
  margin: 0;
  position: relative;
  z-index: 1;
  background: #fff;
}

.common_table .dataTables_wrapper .dataTables_length select {
  padding: 4px 12px;
  margin: 0;
  appearance: none;
  border: 1px solid #c8d2dd;
  border-radius: 4px;
  min-width: 60px;
  cursor: pointer;
  background: transparent;
  z-index: 1;
  position: relative;
}

.common_table .dataTables_length label:after {
  content: "\e90c";
  right: 8px;
  top: 11px;
  position: absolute;
  font-family: "icomoon" !important;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  z-index: -1;
}

.common_table th:last-child,
.common_table td:last-child {
  text-align: center;
}

.aLeft {
  display: inline-block;
  border-left: 5px solid #222;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: relative;
}

.aRight {
  position: relative;
}

.aRight::before {
  display: inline-block;
  border-right: 5px solid #222;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: relative;
}

.nameCellElli {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.amountCell {
  text-align: right;
}

.pg-icon {
  font-size: 12px;
  font-weight: 900;
  color: #000;
}

/* common_table_option2 */
.DTFC_RightBodyWrapper,
.DTFC_RightWrapper {
  border-left: 1px solid #c8d2dd;
}

.DTFC_RightHeadWrapper {
  border-left: 1px solid #c8d2dd !important;
}

.DTFC_LeftHeadWrapper {
  border-right: 1px solid #c8d2dd !important;
}

.DTFC_LeftBodyWrapper,
.DTFC_LeftWrapper {
  border-right: 1px solid #c8d2dd !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border: 0 !important;
}

.common_table_option2 th,
.common_table_option2 td {
  min-width: 50px;
}

.dataTables_scrollHeadInner table.glb_datable,
.DTFC_LeftWrapper table.glb_datable,
.DTFC_RightWrapper table.glb_datable {
  border-bottom: 0 !important;
}

.common_table_option2 th {
  background: #fff;
}

.common_table_option2 th,
.common_table_option2 td {
  white-space: nowrap;
}

/* common_table_option3 */
.common_table_option3 table.glb_datable {
  border-bottom: 0px !important;
}

.common_table_option3 th,
.common_table_option3 td {
  min-width: 50px;
}

.common_table th,
.common_table_option3 th {
  font-family: "HCLTech Roobert SemiBold", Arial !important;
}

.common_table_option3 table.dataTable.glb_datable tr:first-child td {
  border-top: 0px;
}

.common_table_option3 th {
  background: #e7ebf4;
  color: #222 !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
}

.common_table table.dataTable.glb_datable tbody td,
.common_table_option3 table.dataTable.glb_datable tbody td {
  border-bottom: 1px solid #c8d2dd;
}

.common_table_option3 table.dataTable.glb_datable tbody tr:nth-child(odd) {
  background: #fff;
}

.common_table_option3 table.dataTable.glb_datable tbody tr:hover {
  background: #f0f3f9;
}

.thr_Dot {
  display: inline-block;
  background-color: transparent;
  border: 0;
  font-family: "HCLTech Roobert SemiBold", Arial;
  font-size: 18px;
  padding: 0;
  position: relative;
  width: 32px;
  height: 32px;
}

.thr_Dot:hover {
  border-radius: 50%;
  background-color: #e5e5e5;
}

.common_table_option3 th,
.common_table_option3 td {
  white-space: nowrap;
}

/* grid Action */
.gridAction {
  margin: 0;
  padding: 0;
}

.gridAction li {
  border-bottom: 1px solid #ededed;
  list-style: none;
  display: block;
  padding: 6px 0;
}

.gridAction li:first-child {
  padding-top: 0;
}

.gridAction li:last-child {
  border: 0;
  padding-bottom: 0;
}

.gridAction li a {
  color: #222;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.gridAction li a i {
  margin-right: 8px;
  font-size: 12px;
  width: 12px;
  display: inline-block;
}

.gridAction li a:hover {
  color: #777;
}

/* gridHeader */
.gridHeader {
  color: #171717;
  font-size: 16px;
  padding-bottom: 12px;
  font-weight: 500;
  font-family: "Roboto-Medium";
}

.gridHeader ul {
  margin: 0;
}

.gridHeader li {
  display: inline-flex;
  padding: 0 12px;
}

.gridHeader li i {
  cursor: pointer;
}

.gridHeader li i.icon-Table_Action_B,
.gridHeader li i.icon-download_file {
  font-size: 18px;
}

/* Tooltip */
.hover-grey {
  background-color: #e7ebf4 !important;
}

.hover-blue {
  background-color: #f0f3f9 !important;
}

.common_table_option2 table.glb_datable tr th {
  background-color: #fff;
}

.common_table_option2 table.dataTable.glb_datable tbody tr:nth-child(odd) {
  background-color: #fff;
}

.common_table.line-tbl .glb_datable.dataTable {
  border: 1px solid #c8d2dd;
  border-bottom: none;
  border-radius: 5px;
  width: 99.5%;
}

.common_table.line-tbl .glb_datable.dataTable thead th {
  background-color: transparent;
}

.common_table.line-tbl .glb_datable.dataTable tbody tr:nth-child(odd),
.common_table.line-tbl .glb_datable.dataTable tbody tr:nth-child(even) {
  background-color: transparent;
}

.popover.cus-popover {
  border-color: #c8d2dd;
  border-radius: 5px;
}

.popover.cus-popover .popover-body {
  padding: 1rem 0.5rem;
}

.common_table.line-tbl .form-group.ds-input-without-icon .form-control {
  min-height: 30px;
}

.table-icon {
  font-size: 16px;
  margin-right: 16px;
  color: #5b666d;
}

.table-icon:hover {
  color: #5f1ebe;
}

.table-a-link {
  color: #5f1ebe;
}

.table-a-link:hover {
  color: #5f1ebe;
}

/* table css */
table.dataTable.glb_datable thead th {
  padding: 10px 10px;
  background-color: #eff0f7;
}

.search-table table.dataTable.glb_datable tbody td {
  padding: 4px 16px;
  background: #fff;
}

.search-table
  table.dataTable.glb_datable
  tbody
  td
  .d-flex.align-items-center
  .nameCellElli {
  white-space: normal;
}

.common_table table.glb_datable {
  box-sizing: border-box;
}

.search-table .a-link:hover {
  color: var(--ds-purple-800) !important;
}

.manage-users-table .common_table {
  overflow: auto;
}

table.dataTable.glb_datable tbody td {
  font-family: var(--ds-font-500);
  color: #000;
}

/* .search-table table.dataTable thead tr th{
    border: 0;
    font-size: 14px;
    color: var(--ds-black);
    font-family: var(--ds-font-600);
    border-bottom: 1px solid #E0E0E0 !important;
}
.search-table table.dataTable tbody tr td{
    color: #222;
    font-size: 14px;
    font-family: var(--ds-font-500);
    border-bottom: 1px solid #E0E0E0 !important;
}
.search-table table.dataTable thead tr th:first-child .checkbox-label, .search-table table.dataTable tbody tr td:first-child .checkbox-label{
    margin-right: 0;
}
.search-table table.dataTable thead tr th:first-child, .search-table table.dataTable tbody tr td:first-child{
    padding-right: 0;
}
.search-table .checkbox-label .checkbox-custom{
    top: 2px;
}
.search-table table.dataTable thead tr{
    background-color: #F0F1F2;
    min-height: 50px;
    width: 100%;
    
} 
.search-table table.dataTable tbody tr {
    background-color: #FAFBFC;
    width: 100%;
    border: 1px solid #E8E9F2;
    min-height: 70px;
}
.search-table table.dataTable tbody tr:hover{
    border-color:#0C5EDD;
}
.search-table table.dataTable tbody tr:nth-child(odd){
    background-color: #fff;
}
.search-table table.dataTable tbody tr:nth-child(odd):hover {
    background: #E6F3FF;
}
.common_table .dataTables_info{
    color:#222 !important;
}
.search-table .common_table .dataTables_wrapper .dataTables_paginate .paginate_button{
    line-height: 21px;
}
.search-table .common_table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: transparent !important ;
    border: 1px solid transparent !important;
}
.nameCellElli.sap{
    color: #6C7882;
    font-family: var(--ds-font-400);
}
.search-table.previously .common_table {
    margin-bottom: 0;
}
.search-table.previously .common_table th:last-child, .common_table td:last-child{
    text-align: left;
}
.search-table.previously{
    margin-bottom: 0;
    margin-top: 24px;
}
.common_table .dataTables_wrapper .dataTables_length select{
    padding: 5px 10px;
} */
.common_table .dataTables_length:after {
  content: "";
  border-top: 5px solid;
  border-right: inherit;
  border-left: inherit;
  right: 8px;
  top: 9px;
  position: absolute;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  pointer-events: none;
}

.aRight {
  display: inline-block;
  border-right: inherit;
  border-bottom: inherit;
  border-top: inherit;
  position: relative;
  transform: rotate(136deg);
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  border-color: #000;
  top: -1px;
}

.aLeft {
  display: inline-block;
  border-right: inherit;
  border-bottom: inherit;
  border-top: inherit;
  position: relative;
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 0 1.5px 1.5px 0;
  border-color: #000;
  top: -1px;
}

.common_table.last-left th:last-child,
.common_table.last-left td:last-child {
  text-align: left;
}

.common_table.last-right th:last-child,
.common_table.last-right td:last-child {
  text-align: right;
}

.common_table.last-center th:last-child,
.common_table.last-center td:last-child {
  text-align: center;
}

.common_table table.glb_datable.DTFC_Cloned {
  border-right: 0 !important;
}

.common_table .checkbox-label {
  width: 17px;
  height: 17px;
  margin-top: 4px;
  margin-left: 10px;
}

/* New CSS Update at 2-Sep-24  */
.dt-paging nav {
  border-radius: 5px;
  background: #fff;
  border: solid 1px #c8d2dd;
  overflow: hidden;
}

.common_table .dt-container {
  position: relative;
  clear: both;
  display: flex;
  flex-flow: wrap;
  justify-content: end;
}

.dt-info {
  display: inline-block;
  color: #000 !important;
  font-size: 12px;
}

.dt-paging,
.dt-length {
  margin-top: 13px;
}

.disabled,
.disabled:hover {
  pointer-events: auto !important;
  cursor: not-allowed !important;
  opacity: 0.5;
  background: transparent !important;
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
  background: transparent !important;
}

.common_table .dt-input {
  border: 1px solid #c8d2dd !important;
  border-radius: 5px !important;
  min-width: 50px;
  cursor: pointer;
  background: #fff;
}

div.dt-container div.dt-layout-row {
  margin: 0;
}

div.dt-container .dt-paging .dt-paging-button {
  padding: 4px 11px;
  margin-left: 0px;
  border-radius: 0px;
  background: #fff;
  border-left: 1px solid #c8d2dd;
}

div.dt-container .dt-paging .dt-paging-button:hover {
  background: #e2d9fb !important;
  color: #222 !important;
}

.dt-paging-button.current {
  background: #e2d9fb !important;
  border-color: #5f1ebe !important;
  color: #222 !important;
  font-weight: 700 !important;
}

div.dt-container .dt-paging .dt-paging-button:active {
  background-color: transparent !important;
  box-shadow: none !important;
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}

/* table pagination css end  */
table.dataTable tr > .dtfc-fixed-left::after,
table.dataTable tr > .dtfc-fixed-right::after {
  border-left: 1px solid #c8d2dd;
}

table.dataTable tr > .dtfc-fixed-left::after,
table.dataTable tr > .dtfc-fixed-right::after {
  width: 0px;
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-full {
  border: 1px solid #c8d2dd !important;
}

div.dt-container select.dt-input {
  min-height: 36px;
}

.dt-info {
  margin-top: 13px;
}

.dt-type-numeric {
  text-align: left !important;
}

.form-group.ds-input-without-icon > label {
  font-family: "HCLTech Roobert Regular", Arial;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  margin-bottom: 4px;
}

.form-group.ds-input-without-icon .form-control {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  border-radius: 4px;
  border-color: #b9c3d0;
  min-height: 38px;
}
.form-group.ds-input-without-icon .form-control::placeholder {
  color: #6c7882;
}
.form-group.ds-input-without-icon .form-control:hover {
  box-shadow: 0 1px 4px 0 #bdbcbca1;
}
.form-group.ds-input-without-icon .form-control:focus {
  border-color: #2874f0;
  box-shadow: 0 1px 4px 0 #bdbcbca1;
}
.form-group.ds-input-without-icon .form-control:disabled,
.form-group.ds-input-without-icon .form-control.disabled {
  background-color: #f7f7fc;
  color: #a5aebd;
}
.form-group.ds-input-without-icon .form-control:disabled:hover,
.form-group.ds-input-without-icon .form-control.disabled:hover {
  cursor: not-allowed;
}
.form-group.ds-input-without-icon .form-control.success {
  border-color: #28a745;
}
.form-group.ds-input-without-icon .form-control.error {
  border-color: #dc3545;
}
.form-group.ds-input-without-icon .form-control.error + span.error-msg {
  font-family: "HCLTech Roobert Regular", Arial;
  font-size: 13px;
  color: #dc3545;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}

.form-group.ds-input-without-icon span.error-msg {
  display: none;
}

.form-group.ds-input-with-icon > label {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #222;
  font-weight: normal;
  margin-bottom: 4px;
}

.form-group.ds-input-with-icon .form-control {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  border-radius: 4px;
  border-color: #b9c3d0;
  padding-right: 40px;
  min-height: 38px;
}
.form-group.ds-input-with-icon .form-control:disabled,
.form-group.ds-input-with-icon .form-control.disabled {
  background-color: #f7f7fc;
  color: #a5aebd;
}
.form-group.ds-input-with-icon .form-control:disabled:hover,
.form-group.ds-input-with-icon .form-control.disabled:hover {
  cursor: not-allowed;
}
.form-group.ds-input-with-icon .form-control:focus {
  border-color: #2874f0;
  box-shadow: 0 1px 4px 0 #bdbcbca1;
}
.form-group.ds-input-with-icon .form-control::placeholder {
  color: #777777;
}
.form-group.ds-input-with-icon .form-control.success {
  border-color: #28a745;
}
.form-group.ds-input-with-icon .form-control.error {
  border-color: #dc3545;
}
.form-group.ds-input-with-icon .form-control.error + span.error-msg {
  font-family: "HCLTech Roobert Regular", Arial;
  font-size: 13px;
  color: #dc3545;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}

.form-group.ds-input-with-icon .input-icon {
  position: relative;
}
.form-group.ds-input-with-icon .input-icon .i-icon {
  position: absolute;
  right: 15px;
  top: 4px;
}

.form-group.ds-input-with-icon span.error-msg {
  display: none;
}

.form-group.ds-input-password-icon > label {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #222;
  font-weight: normal;
  margin-bottom: 4px;
}

.form-group.ds-input-password-icon .form-control {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  border-radius: 4px;
  border-color: #b9c3d0;
  min-height: 38px;
}
.form-group.ds-input-password-icon .form-control:disabled,
.form-group.ds-input-password-icon .form-control.disabled {
  background-color: #f7f7fc;
  color: #a5aebd;
}
.form-group.ds-input-password-icon .form-control:disabled:hover,
.form-group.ds-input-password-icon .form-control.disabled:hover {
  cursor: not-allowed;
}
.form-group.ds-input-password-icon .form-control:focus {
  border-color: #2874f0;
  box-shadow: 0 1px 4px 0 #bdbcbca1;
}
.form-group.ds-input-password-icon .form-control::placeholder {
  color: #777777;
}
.form-group.ds-input-password-icon .form-control.success {
  border-color: #28a745;
}
.form-group.ds-input-password-icon .form-control.error {
  border-color: #dc3545;
}
.form-group.ds-input-password-icon .form-control.error + span.error-msg {
  font-family: "HCLTech Roobert Regular", Arial;
  font-size: 13px;
  color: #dc3545;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}

.form-group.ds-input-password-icon .input-icon {
  position: relative;
}
.form-group.ds-input-password-icon .input-icon .i-icon {
  position: absolute;
  right: 15px;
  top: 10px;
}
.form-group.ds-input-password-icon .input-icon .i-icon.bi-eye::after {
  height: 20px;
  width: 1px;
  background-color: #000000;
  display: block;
  content: "";
  position: relative;
  right: -8px;
  top: -18px;
  transform: rotate(37deg);
}
.form-group.ds-input-password-icon .input-icon .i-icon::after {
  display: none;
}

.form-group.ds-input-password-icon span.error-msg {
  display: none;
}

.form-group.ds-input-floting > label {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #222;
  font-weight: normal;
  margin-bottom: 4px;
  width: auto;
}

.form-group.ds-input-floting .form-control {
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  border-radius: 4px;
  border-color: #b9c3d0;
  min-height: 38px;
}
.form-group.ds-input-floting .form-control:disabled,
.form-group.ds-input-floting .form-control.disabled {
  background-color: #f7f7fc;
  color: #a5aebd;
}
.form-group.ds-input-floting .form-control:disabled:hover,
.form-group.ds-input-floting .form-control.disabled:hover {
  cursor: not-allowed;
}
.form-group.ds-input-floting .form-control.success {
  border-color: #28a745;
}
.form-group.ds-input-floting .form-control.error {
  border-color: #dc3545;
}
.form-group.ds-input-floting .form-control.error + span.error-msg {
  font-family: "HCLTech Roobert Regular", Arial;
  font-size: 13px;
  color: #dc3545;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}

.form-group.ds-input-floting .input-icon {
  position: relative;
}
.form-group.ds-input-floting .input-icon .i-icon {
  position: absolute;
  right: 15px;
  top: 20px;
}
.form-group.ds-input-floting .input-icon .i-icon::after {
  height: 20px;
  width: 1px;
  background-color: #000000;
  display: block;
  content: "";
  position: relative;
  right: -8px;
  top: -18px;
  transform: rotate(37deg);
}

.form-group.ds-input-floting span.error-msg {
  display: none;
}

/* DROPDOWN-SELECT */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100% !important;
}

.bootstrap-select > .dropdown-toggle {
  border: 1px solid #b9c3d0;
  background: #fff;
  border-radius: 2px;
  font-size: 16px;
  padding: 5px 8px;
  line-height: 1.45;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #6c7882 !important;
}

body .bootstrap-select .dropdown-toggle:focus,
body .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  border: 1px solid #2874f0;
  box-shadow: none;
  outline: none !important;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #2874f0;
}

.bootstrap-select .dropdown-menu {
  background: #fff;
  margin-top: -3px !important;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.11);
  padding: 16px;
  border-radius: 2px;
}

.bootstrap-select .dropdown-item {
  padding: 3px 0;
}

.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item.active {
  color: #2874f0;
}

.bootstrap-select .ripple {
  display: none;
}

.bootstrap-select > .dropdown-toggle:after {
  border: 0;
  font-family: "icomoon" !important;
  content: "\e90b";
  font-size: 16px;
  color: #000;
}

.bootstrap-select .dropdown-menu li a {
  outline: 0;
}

.withLable {
  margin-bottom: 16px;
}

.withLable .label {
  display: block;
  font-size: 16px;
  color: #000;
  margin-bottom: 4px;
}

/* Styling Checkbox */
.checkbox-label {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  line-height: 17px;
  height: auto;
  width: auto;
  clear: both;
  margin-right: 9px;
}

.checkbox-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkbox-label .checkbox-custom {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: transparent;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 1px solid #ccc;
  background: #fff;
}

.checkbox-label .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0;
  width: 0;
  border-radius: 5px;
  border: solid #5f1ebe;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  transform: rotate(0) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

.checkbox-label input:checked ~ .checkbox-custom {
  background: #5f1ebe;
  border-color: #5f1ebe;
}

/* Styling RAdio */
.radio-label {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  line-height: 17px;
  height: auto;
  width: auto;
  clear: both;
  margin-right: 9px;
}

.radio-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-label .radio-custom {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: transparent;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 100px;
}

.radio-label .radio-custom::after {
  position: absolute;
  content: "";
  left: 7px;
  top: 7px;
  height: 0;
  width: 0;
  border-radius: 5px;
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  transform: rotate(0) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.radio-label input:checked ~ .radio-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 3px;
  top: 3px;
  width: 9px;
  height: 9px;
  background-color: #5f1ebe;
  border-radius: 100px;
}

/* Styling Checkbox */
.checkbox-label.ds-blue-chekbox {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  line-height: 17px;
  height: auto;
  width: auto;
  clear: both;
  margin-right: 9px;
}

.checkbox-label.ds-blue-chekbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkbox-label.ds-blue-chekbox .checkbox-custom {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: transparent;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 1px solid #ccc;
  background: #fff;
}

.checkbox-label.ds-blue-chekbox .checkbox-custom::after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0;
  width: 0;
  border-radius: 5px;
  border: solid #0f5fdc;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  transform: rotate(0) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.checkbox-label.ds-blue-chekbox input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

.checkbox-label.ds-blue-chekbox input:checked ~ .checkbox-custom {
  background: #0f5fdc;
  border-color: #0f5fdc;
}

/* Styling RAdio */
.radio-label.ds-blue-radio {
  display: inline-flex;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  line-height: 17px;
  height: auto;
  width: auto;
  clear: both;
  margin-right: 9px;
}

.radio-label.ds-blue-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-label.ds-blue-radio .radio-custom {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: transparent;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 100px;
}

.radio-label.ds-blue-radio .radio-custom::after {
  position: absolute;
  content: "";
  left: 7px;
  top: 7px;
  height: 0;
  width: 0;
  border-radius: 5px;
  -webkit-transform: rotate(0) scale(0);
  -ms-transform: rotate(0) scale(0);
  transform: rotate(0) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}

.radio-label.ds-blue-radio input:checked ~ .radio-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 3px;
  top: 3px;
  width: 9px;
  height: 9px;
  background-color: #0f5fdc;
  border-radius: 100px;
}

.inner-label {
  margin-left: 24px;
  font-size: 14px;
  font-family: "HCLTech Roobert Medium", Arial;
}

/* file input */
.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 550px;
  max-width: 100%;
  padding: 25px;
  border: 2px dashed #b9c3d0;
  border-radius: 3px;
  transition: 0.2s;
  background-color: #ffffff;
}
.file-drop-area.is-active {
  background-color: rgba(255, 255, 255, 0.05);
}
.file-drop-area.success {
  border-color: #28a745;
}
.file-drop-area.disabled {
  background-color: #f8f8f8;
}
.file-drop-area.disabled .file-msg {
  color: #a5afbe;
}
.file-drop-area.error {
  border-color: #dc3545;
}
.file-drop-area.error + .error-msg {
  display: block !important;
  font-size: 13px;
  color: #dc3545;
}

.fake-btn {
  flex-shrink: 0;
  background-color: #2874f0;
  border-radius: 3px;
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 14px;
  font-family: "HCLTech Roobert Medium", Arial;
  color: #ffffff;
}

.fake-link {
  color: #5f1ebe;
  font-size: 22px;
  font-family: "HCLTech Roobert Medium", Arial;
  text-decoration: underline;
}

.file-msg {
  font-size: 22px;
  color: #6e7191;
  font-family: "HCLTech Roobert Medium", Arial;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}

/* FORM UI */
.withLable {
  position: relative;
}

.withLable .label {
  display: block;
  font-size: 13px;
  color: #777;
  margin-bottom: 8px;
}

.form-control {
  padding: 5px 8px;
  border: 1px solid #b9c3d0;
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  border-radius: 4px;
  min-height: 38px;
}

.form-control:focus {
  border: 1px solid #3399ff;
  box-shadow: none;
}

.form-control::placeholder {
  color: #eff0f7;
}

.form-control:disabled,
.form-control[readonly] {
  background: #f5f5f5;
}

textarea.form-control {
  min-height: 100px !important;
  resize: none;
}

.withLable {
  margin-bottom: 16px;
}

/* textarea */
.text_count {
  float: right;
  font-size: 12px;
}

.form_LIcon {
  float: right;
  color: #3399ff;
  font-size: 16px;
}

/* input Icons + success + error */
.inputClear {
  position: absolute;
  right: 8px;
  top: 34px;
  cursor: pointer;
  font-size: 16px;
  display: none;
}

.inputClear.icon-Cancelfill:before {
  color: #ccc;
}

.form-control.success {
  border-color: #1ed671;
}

.form-control.error {
  border-color: #d61e1e;
}

.errorText {
  color: #d61e1e;
  font-size: 12px;
  margin: 3px 0 0;
}

.inputError {
  position: absolute;
  right: 8px;
  top: 34px;
  cursor: pointer;
  font-size: 16px;
}

.inputError.icon-Infofill:before {
  color: #d61e1e;
}

.inputError-tooltip .tooltip-inner {
  background: #f8dde1;
  color: #d61e1e;
  border: 0;
  font-size: 12px;
}

.inputError-tooltip .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f8dde1;
}

.inputSearch {
  position: absolute;
  left: 8px;
  top: 34px;
  cursor: pointer;
  font-size: 16px;
  color: #777;
}

.searchInput {
  padding-left: 30px;
}

.inputSearchRight {
  position: absolute;
  right: 8px;
  top: 34px;
  cursor: pointer;
  font-size: 16px;
  color: #777;
}

/* DatePicker ===================*/
.datePicker {
  position: relative;
}

.datePicker i {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 16px;
  pointer-events: none;
}

/* Picker Calendar */
.daterangepicker {
  background: #fff;
  margin-top: 0;
  border: 0px !important;
  font-family: "Roboto", sans-serif;
  box-shadow: 0px 0px 7px rgba(204, 204, 204, 0.7);
}

.daterangepicker .drp-calendar {
  max-width: 330px !important;
}

.monthselect {
  border: 0;
  width: auto !important;
  margin: 0 !important;
  font-weight: bold;
  font-size: 14px !important;
  text-transform: uppercase;
}

.yearselect {
  border: 0;
  font-weight: bold;
  font-size: 14px !important;
  width: auto !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #5f1ebe !important;
}

/* Picker footer */
.calendar-time {
  background: #eee;
}

.daterangepicker .drp-buttons {
  border: 0px;
  padding: 0;
  margin: 0 !important;
}

/* single */
.daterangepicker.single-picker .calendar-table table {
  border-spacing: 11px 2px !important;
  border-collapse: separate !important;
}

.daterangepicker.single-picker .calendar-table th,
.daterangepicker.single-picker .calendar-table td {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  font-size: 12px;
  border-radius: 100px !important;
}

.applyBtn {
  border: 0;
  background-color: #fff;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  border-radius: 0;
  margin: 0;
  cursor: none;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 0;
  cursor: default;
  background-color: transparent;
  border-color: #e0e0e0;
}

.daterangepicker .drp-buttons .btn:hover {
  background-color: #fff;
  border-color: #e0e0e0;
}

.daterangepicker .drp-buttons .applyBtn .icon-Tick {
  color: #3399ff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  cursor: pointer;
}

.applyBtn .ripple {
  display: none;
}

/* range */
.daterangepicker.range-picker .calendar-table table {
  border-spacing: 0 5px !important;
  border-collapse: separate !important;
}

.daterangepicker.range-picker .calendar-table th,
.daterangepicker.range-picker .calendar-table td {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  font-size: 12px;
}

.daterangepicker.range-picker td.start-date {
  border-radius: 20px 0 0 20px;
}

.daterangepicker.range-picker td.end-date {
  border-radius: 0 20px 20px 0;
}

.daterangepicker.range-picker .in-range.available:first-child {
  border-radius: 20px 0 0 20px;
}

.daterangepicker.range-picker tr td:last-child.weekend.in-range.available {
  border-radius: 0 20px 20px 0;
}

.daterangepicker.range-picker td.in-range {
  background: #e2d9fb;
}

.daterangepicker.range-picker .calendar-table .next span,
.daterangepicker.range-picker .calendar-table .prev span {
  border-color: #777;
}

.daterangepicker .drp-selected {
  display: none;
}

/* TIMEPICKER */
.timeDrop {
  background: #fff;
  border: 0px !important;
  padding: 16px;
  box-shadow: 0px 0px 7px rgba(204, 204, 204, 0.26);
  min-width: auto;
  text-align: center;
  max-height: 281px;
  overflow-y: auto;
}

.timeDrop a {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 8px 10px;
}

.timeDrop a:last-child {
  border: 0;
}

.timeDrop a:hover,
.timeDrop a:focus,
.timeDrop a.active {
  background-color: #3399ff;
  color: #fff;
}

.timePicker i:before,
.rangePciker i:before {
  color: #000;
}

.rangePciker {
  border: 1px solid #cccccc;
  border-radius: 2px;
  width: 226px;
  position: relative;
}

.rangePciker i {
  position: absolute;
  right: 10px;
  top: 12px;
}

.rangePciker .col {
  padding: 0;
}

.rangePciker .form-control {
  min-height: 38px;
  border: 0;
  font-size: 14px;
}

.rangePciker .timePicker {
  width: 112px;
}

.timePicker .noFcs.form-control:focus {
  border: 0;
}

.timeSep {
  position: absolute;
  left: 93px;
}

.daterangepicker {
  font-family: var(--ds-font-500);
}

/* date Time Formating */
.daterangepicker:before,
.daterangepicker:after {
  display: none;
  border: 0;
}

button[disabled] {
  pointer-events: auto !important;
  cursor: not-allowed !important;
}

.form-control[readonly]:hover,
.form-control[readonly]:focus,
.form-control[disabled]:hover,
.form-control[disabled]:focus {
  border-color: #ccc !important;
  box-shadow: none !important;
  cursor: auto;
}

.bootstrap-select .dropdown-menu {
  padding: 0;
}

.form-control,
.bootstrap-select > .dropdown-toggle {
  padding: 5px 12px;
  min-height: 38px;
}

.filter-option-inner-inner {
  font-size: var(--ds-font-sm);
  font-family: var(--ds-font-500);
}

.bootstrap-select .dropdown-menu li a {
  font-size: var(--ds-font-sm);
  font-size: 14px;
  font-family: var(--ds-font-500);
  padding: 10px 12px;
}

.bootstrap-select .dropdown-menu li:nth-child(odd) a {
  background-color: #f8f8f8;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-item.active {
  background-color: var(--ds-blue-000) !important;
  color: var(--ds-black);
}

.ds-select-dropdown > label,
.ds-select-dropdown-multiple > label,
.ds-file-input > label,
.ds-label {
  font-family: "HCLTech Roobert Regular", Arial;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  margin-bottom: 4px;
}

.rangePciker .form-control::placeholder,
.datePicker .form-control::placeholder {
  color: #6c7882;
}

.ds-select-dropdown-multiple .bootstrap-select .dropdown-menu li a {
  padding-left: 40px;
}

.ds-select-dropdown-multiple
  .bootstrap-select
  .dropdown-menu
  li
  a
  span.check-mark {
  position: absolute;
  display: inline-block;
  right: inherit;
  top: 13px !important;
  left: 12px !important;
  width: 17px;
  height: 17px;
  border: 1px solid #8291a0;
  border-radius: 3px;
}

.ds-select-dropdown-multiple
  .bootstrap-select
  .dropdown-menu
  li
  a
  span.check-mark::after {
  display: none;
  width: 5px;
  height: 10px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  margin-left: 5px;
  margin-top: 2px;
  color: #fff;
}

.ds-select-dropdown-multiple
  .bootstrap-select
  .dropdown-menu
  li.selected
  a
  span.check-mark::after {
  display: block;
}

.ds-select-dropdown-multiple
  .bootstrap-select
  .dropdown-menu
  li.selected
  a
  span.check-mark {
  background-color: var(--ds-blue-800);
  border-color: var(--ds-blue-800);
}

/* profile image uploader */
.ds-panel-uploader {
  padding: 0;
}

.ds-panel-uploader.file-drop-area {
  display: flex;
  flex-direction: column;
}

.ds-panel-uploader.file-drop-area .upload-profile {
  width: 37px;
  height: 37px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
}

.ds-panel-uploader.file-drop-area .upload-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.uploaded_file_view.show + .btn_upload {
  display: none;
}

.uploaded_file_view strong {
  font-weight: normal;
}

.button_outer {
  background: #8bc43f;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 0;
  background: transparent;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.btn_upload {
  padding: 24px;
  width: 100%;
  text-align: center;
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 3;
  white-space: nowrap;
  font-size: 14px;
  font-family: var(--ds-font-500);
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_upload span {
  text-decoration: underline;
  color: #5f1ebe;
  flex: none;
}

.btn_upload input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  width: 100%;
  height: 105%;
  cursor: pointer;
  opacity: 0;
}

.file_uploading {
  width: 100%;
  height: 4px;
  background: #ccc;
}

.file_uploading .btn_upload {
  display: none;
}

.processing_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 30px;
  background: #8bc43f;
  transition: 3s;
}

.file_uploading .processing_bar {
  width: 100%;
}

.success_box {
  display: none;
  width: 50px;
  height: 50px;
  position: relative;
}

.success_box:before {
  position: absolute;
  content: "";
  display: block;
  width: 9px;
  height: 18px;
  border-bottom: 6px solid #fff;
  border-right: 6px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 17px;
  top: 10px;
}

.file_uploaded .success_box {
  display: inline-block;
}

.file_uploaded {
  margin-top: 0;
  width: 50px;
  background: #8bc43f;
  height: 50px;
}

.uploaded_file_view {
  padding: 24px;
  display: none;
  text-align: center;
  position: relative;
  transition: 0.2s;
  opacity: 0;
}

.file_remove {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  background: #aaa;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  right: -15px;
  top: -15px;
}

.file_remove:hover {
  background: var(--ds-purple-700);
  transition: 0.2s;
}

.uploaded_file_view img {
  max-width: 100%;
}

.uploaded_file_view.show {
  opacity: 1;
  display: flex;
  width: 100%;
  max-width: initial;
  flex-direction: row-reverse;
  align-items: center;
}

.error_msg {
  text-align: center;
  color: #f00;
}

/* Auto Complete - Employee Lookup (Information) */
.autoComplete_Emp input {
  width: 100%;
}

.autoComplete_Emp input::placeholder {
  color: #838383;
  font-size: 14px;
}

.autoComplete_Emp .twitter-typeahead,
.autu_Btn {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}

.autoComplete_Emp .autu_Btn {
  width: 58px;
  height: 56px;
  background: #3399ff;
  border: 0;
  color: #fff;
  border-radius: 2px;
  position: relative;
  left: -62px;
}

.autoComplete_Emp.form-group.ds-input-with-icon .form-control {
  font-family: var(--ds-font-500) !important;
  font-size: 14px;
  min-height: 38px;
}

.autoComplete_Emp.form-group.ds-input-with-icon .form-control::placeholder {
  font-size: 14px;
}

.autoComplete_Emp .tt-menu {
  width: 100%;
  max-height: 402px;
  overflow: auto;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 0;
}

.autoComplete_Emp .tt-suggestion {
  padding: 16px 0;
  cursor: pointer;
}

.autoComplete_Emp .tt-suggestion:nth-child(odd) {
  background-color: #f8f8f8;
}

.autoComplete_Emp .tt-suggestion:hover {
  background: #e6f3ff;
}

.autoEmprow {
  line-height: 17px;
  color: #777;
  margin: 0;
  border-bottom: 1px solid #d1e5f8;
}

.autoEmprow .col-6 {
  padding-left: 16px;
  padding-right: 16px;
  color: #777;
  font-family: var(--ds-blue-400);
  font-size: 14px;
}

.auto_Ellipses {
  max-width: 265px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.auto_dark {
  color: #000 !important;
  font-family: var(--ds-blue-500) !important;
  font-size: 16px !important;
  margin-bottom: 8px;
}

.autoComplete_Emp .tt-hint {
  color: #777;
  font-family: var(--ds-blue-400);
  font-size: 14px;
}

.ds-autoComplete_Emp.form-group.ds-input-with-icon .input-icon .i-icon {
  position: absolute;
  left: 15px;
  right: inherit;
  top: 12px;
}

.ds-autoComplete_Emp.form-group.ds-input-with-icon .form-control {
  padding-left: 40px;
  padding-right: 14px;
}

.autoComplete_Emp input {
  width: 100%;
}

.tt-menu {
  right: 0 !important;
  left: inherit !important;
}

.autoComplete_Emp input::placeholder {
  color: #838383;
  font-size: 14px;
}

.autoComplete_Emp .twitter-typeahead,
.autu_Btn {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}

.autoComplete_Emp .autu_Btn {
  width: 58px;
  height: 56px;
  background: #3399ff;
  border: 0;
  color: #fff;
  border-radius: 2px;
  position: relative;
  left: -62px;
}

.autoComplete_Emp.form-group.ds-input-with-icon .form-control {
  min-height: 38px;
  font-family: var(--ds-font-500) !important;
  font-size: 14px;
  padding-left: 40px;
  padding-right: 10px;
  height: 40px;
}

.autoComplete_Emp.form-group.ds-input-with-icon
  .autoComplete_Emp.input-icon
  .i-icon {
  position: absolute;
  left: 15px;
  right: inherit;
  top: 13px;
  color: #6c7882;
}

.autoComplete_Emp.form-group.ds-input-with-icon .form-control::placeholder {
  font-size: 14px;
}

.autoComplete_Emp .tt-menu {
  max-height: 402px;
  overflow: auto;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 0;
}

.autoComplete_Emp .tt-suggestion {
  padding: 10px 0;
  cursor: pointer;
}

.autoComplete_Emp .tt-suggestion:nth-child(odd) {
  background-color: #f8f8f8;
}

.autoComplete_Emp .tt-suggestion:hover {
  background: #e6f3ff;
}

.autoComplete_Emp .img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  padding: 0;
  margin-left: 10px;
}

.autoComplete_Emp .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.autoComplete_Emp .text {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  flex: 1;
  padding-right: 0;
}

.autoEmprow {
  line-height: 17px;
  color: #777;
  margin: 0;
  border-bottom: 1px solid #d1e5f8;
}

.autoEmprow .col-6,
.autoEmprow .col-8,
.autoEmprow .col-4 {
  padding-left: 10px;
  padding-right: 10px;
  color: #777;
  font-family: var(--ds-blue-400);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.auto_Ellipses {
  max-width: 265px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.auto_dark {
  color: #000 !important;
  font-family: var(--ds-blue-500) !important;
  font-size: 16px !important;
  margin-bottom: 5px;
}

.autoComplete_Emp .tt-hint {
  color: #777;
  font-family: var(--ds-blue-400);
  font-size: 14px;
}

.bootstrap-select > .dropdown-toggle,
.form-control {
  min-height: 38px;
  border-radius: 4px;
}

.file-box {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f4f0ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}

:disabled:hover,
.disabled:hover {
  cursor: not-allowed;
}

.ds-font-16 {
  font-size: 16px;
}

.upload {
  color: #222;
  font-size: 20px;
  font-family: "OpenSans-Light", sans-serif;
  display: inline-block;
  width: 100%;
  text-align: center;
  float: left;
}

.uploadList {
  position: relative;
  z-index: 8;
  margin: 0 auto;
  width: 430px;
  width: 475px;
}

.dz-started > .dz-message {
  float: left;
  width: 430px;
  font-size: 18px;
  padding-top: 0px;
  padding-left: 6px;
  text-align: left;
}

.dz-started > .dz-message span small {
  font-size: 11px;
  padding-left: 0px;
  color: rgba(55, 88, 132, 0.6);
}

.dz-preview-template,
.dz-preview-template2 {
  float: left;
  width: calc(100% - 0px);
  /* max-height: 55px; */
  /* overflow: hidden; */
  /* overflow-y: auto; */
  margin-top: 16px;
}

.dz-default {
  position: relative;
  z-index: 8;
  margin: 8px auto;
  width: 430px;
  font-family: "hcltech_roobertsemibold", Arial;
  color: #6c7882;
}

.text-purpel {
  color: #5f1ebe !important;
}

.dz-preview {
  width: 300px;
  float: left;
  padding: 8px 20px 8px 15px;
  position: relative;
  z-index: 8;
  border: 1px solid #5f1ebe;
  border-radius: 4px;
  margin-right: 16px;
  margin-bottom: 20px;
}

.dz-image > span.imgIcon {
  float: left;
  margin-right: 10px;
  margin-top: -2px;
  font-size: 15px;
  width: 20px;
  height: 20px;
}

.dz-image > span.imgIcon img {
  width: 100%;
}

.dz-filename > span {
  font-size: 14px;
  color: rgba(85, 88, 132, 0.9);
  max-width: 90%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.dz-size span {
  font-size: 14px;
  color: rgba(85, 88, 132, 0.9);
  float: right;
  padding-right: 20px;
}

.upload p {
  margin: 0;
}

.upload-icon img {
  width: 100%;
}

.upload-icon {
  font-size: 18px;
  font-weight: 600;
  border-radius: 50%;
  padding: 7px 9px;
  float: left;
  color: #5f1ebe;
  width: 42px;
  height: 42px;
  z-index: 1;
  background-color: #f4f0ff;
  position: relative;
}

.dz-button {
  border: 0;
  background: transparent;
}

.dropzone {
  cursor: pointer;
  width: 100%;
  float: left;
  z-index: 1;
  padding: 24px 0px;
  position: relative;
  border: 0px dashed #b9c3d0;
  border-radius: 4px;
  background-image: repeating-linear-gradient(
      0deg,
      #b9c3d0,
      #b9c3d0 12px,
      transparent 12px,
      transparent 20px,
      #b9c3d0 20px
    ),
    repeating-linear-gradient(
      90deg,
      #b9c3d0,
      #b9c3d0 10px,
      transparent 12px,
      transparent 20px,
      #b9c3d0 20px
    ),
    repeating-linear-gradient(
      180deg,
      #b9c3d0,
      #b9c3d0 10px,
      transparent 12px,
      transparent 20px,
      #b9c3d0 20px
    ),
    repeating-linear-gradient(
      270deg,
      #b9c3d0,
      #b9c3d0 12px,
      transparent 12px,
      transparent 20px,
      #b9c3d0 20px
    );
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  justify-content: center;
}

.upload small {
  font-size: 12px;
  padding-left: 25px;
  color: #555;
  display: none;
}

.upload-list {
  width: 92%;
  float: left;
  max-height: 70px;
  overflow: hidden;
  overflow-y: auto;
}

.upload-list p {
  width: 33%;
  float: left;
  border-bottom: 1px solid #edf0f3;
  padding: 8px 20px 8px 15px;
  color: #777;
  margin-bottom: 0;
  border-left: 1px solid #edf0f3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}

.upload-list p span.imgIcon {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  font-size: 15px;
}

.closeP {
  float: right;
  padding-top: 4px;
  padding-right: 10px;
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 6px;
  color: #6e7191;
}

.previewButton {
  float: right;
  padding-top: 2px;
  padding-right: 20px;
  font-size: 16px;
  color: rgba(85, 88, 132, 0.9);
}

.upload-view {
  width: 100%;
}

.popover-main::before {
  position: absolute;
  top: -11px;
  right: 11px;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #ccc;
  border-left: 11px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.dz-error-message {
  position: absolute;
  top: 35px;
  font-size: 12px;
  color: #f44336;
}

.dz-preview .dz-progress .dz-upload {
  background: #8bc34a;
  height: 3px !important;
}

.progress {
  height: auto;
  background: #e6ebf5;
}

.toggle-div input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

.toggle-div label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 21px;
  background: #b9c3d0;
  display: block;
  border-radius: 20px;
  position: relative;
  margin: 0 10px;
}

.toggle-div label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
}

.toggle-div input:checked + label {
  background: #5f1ebe;
}

.toggle-div input:checked + label:after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}

.toggle-div label:active:after {
  width: 16px;
}

.toggle-div {
  display: flex;
  align-items: center;
}

.toggle-div > span {
  font-size: 14px;
  font-family: "HCLTech Roobert Medium", Arial;
}

/* Breadcrumb */
.breadcrumb {
  padding: 16px;
  margin-bottom: 16px;
  font-size: 14px;
}
.breadcrumb a:hover {
  text-decoration: underline;
  color: #7647dd;
  transition: all 0.5s ease 0s;
}
.breadcrumb i {
  font-size: 16px;
}

.breadcrumb-item:first-child a {
  text-decoration: none;
}

.trans-Breadcrumb .breadcrumb {
  background: transparent;
}

.trans-Breadcrumb a {
  color: #5f1ebe;
}

.trans-Breadcrumb .active {
  color: #000000;
  font-weight: bold;
}

.trans-Breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #5f1ebe;
}

/* gray_Breadcrumb */
.gray_Breadcrumb .breadcrumb {
  background: #f8f8f8;
}

.gray_Breadcrumb a {
  color: #5f1ebe;
}

.gray_Breadcrumb .active {
  color: #000000;
  font-weight: bold;
}

.gray_Breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #5f1ebe;
}

/* white_Breadcrumb */
.white_Breadcrumb .breadcrumb {
  background: #fff;
}

.white_Breadcrumb a {
  color: #5f1ebe;
}

.white_Breadcrumb .active {
  color: #000000;
  font-weight: bold;
}

.white_Breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #5f1ebe;
}

/* blue_Breadcrumb */
.blue_Breadcrumb .breadcrumb {
  background: #5f1ebe;
}

.blue_Breadcrumb a {
  color: #ffffff;
}
.blue_Breadcrumb a:hover {
  color: #ffffff;
}

.blue_Breadcrumb .active {
  color: #ffffff;
  font-weight: bold;
}

.blue_Breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff;
}

.with-content .carousel-item {
  min-height: 400px;
  background-color: #cccccc;
}
.with-content .carousel-item .carousel-caption {
  color: #fff;
  text-align: left;
  top: 20%;
  left: 80px;
  max-width: 300px;
}
.with-content .carousel-item .carousel-caption h5 {
  font-size: 51px;
  font-family: "HCLTech Roobert Medium", Arial;
  color: #333a3d;
  font-weight: normal;
  margin: 0;
}
.with-content .carousel-item .carousel-caption p {
  font-size: 14px;
  font-family: "HCLTech Roobert Regular", Arial;
  color: #333a3d;
  margin-bottom: 24px;
  margin-top: 8px;
}

.carousel-btn {
  background-color: #fff;
  border: 1px solid #d9dbe9;
  color: #000;
  border-radius: 2px;
}
.carousel-btn:hover {
  background-color: #5f1ebe;
}

.carousel-control-prev,
.carousel-control-next {
  width: 25px;
  margin: 24px;
}

/* FILTER */
.vertical-filter {
  height: 100%;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  box-shadow: 0 3px 6px #00000029;
}
.vertical-filter .offcanvas-header h3 {
  font-size: 18px !important;
  font-family: "HCLTech Roobert SemiBold", Arial !important;
}
.vertical-filter button.close-filter {
  font-size: 1rem !important;
}
.vertical-filter .offcanvas-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-height: calc(100vh - 154px);
}

.glb-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
}
.glb-btn .btn.btn-primary {
  margin-left: 1rem;
}

.horizontal-filter {
  height: 100%;
  background-color: #fff;
  transition: 0.5s;
  box-shadow: 0 3px 6px #00000029;
  padding: 1rem;
  border-radius: 5px;
}
.horizontal-filter h3 {
  color: #0f5fdc !important;
  font-size: 1.5rem !important;
  font-family: "HCLTech Roobert Bold", Arial;
  line-height: normal;
}

.cus-search,
.cus-search.hori-box {
  position: relative;
}
.cus-search input.form-control,
.cus-search.hori-box input.form-control {
  padding-left: 26px !important;
}
.cus-search .icon-Search,
.cus-search.hori-box .icon-Search {
  position: absolute;
  bottom: 11px;
  left: 8px;
  font-size: 0.9rem;
}
.cus-search .icon-Search.input-search,
.cus-search.hori-box .icon-Search.input-search {
  left: 20px;
}

.ds-chip {
  border-radius: 15px;
  border-width: 0.5px;
  display: flex;
  align-items: center;
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 12px;
  padding: 4px 12px;
  margin: 0 !important;
  position: relative;
  cursor: auto !important;
}
.ds-chip.ds-default-chip {
  background-color: #e2d9fb;
  border-color: #5f1ebe;
  color: #5f1ebe;
}
.ds-chip.ds-default-chip:hover,
.ds-chip.ds-default-chip:active,
.ds-chip.ds-default-chip:focus {
  background-color: #e2d9fb;
  border-color: #5f1ebe;
  color: #5f1ebe;
}
.ds-chip.ds-default-chip:disabled,
.ds-chip.ds-default-chip.disabled {
  opacity: 0.5;
  background-color: #e2d9fb;
  border-color: #5f1ebe;
  color: #5f1ebe;
}
.ds-chip.ds-default-chip .ds-chip-icon {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 6px;
  display: flex;
  position: relative;
}
.ds-chip.ds-default-chip .ds-chip-icon::before {
  content: "\e9f6";
  position: absolute;
  transform: rotate(45deg);
  font-size: 9px;
}
.ds-chip.ds-default-chip .ds-chip-icon.icon-bg-purple {
  border: 0.5px solid #5e1ebe;
}
.ds-chip.ds-default-chip .closebtn {
  color: #5f1ebe;
}
.ds-chip.ds-default-chip .closebtn:hover {
  color: #411482;
}
.ds-chip.ds-default-chip .badge {
  background: #eb1c24;
}
.ds-chip.ds-default-chip .badge.red-badge {
  color: #fff;
  font-size: 12px;
}
.ds-chip.ds-outline-chip {
  background-color: transparent;
  border-color: #6c7882;
  color: #6c7882;
}
.ds-chip.ds-outline-chip:hover,
.ds-chip.ds-outline-chip:active,
.ds-chip.ds-outline-chip:focus {
  background-color: transparent;
  border-color: #6c7882;
  color: #6c7882;
}
.ds-chip.ds-outline-chip:disabled,
.ds-chip.ds-outline-chip.disabled {
  opacity: 0.5;
  background-color: transparent;
  border-color: #6c7882;
  color: #6c7882;
}
.ds-chip.ds-outline-chip .ds-chip-icon {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-right: 6px;
  display: flex;
  position: relative;
}
.ds-chip.ds-outline-chip .ds-chip-icon::before {
  content: "\e9f6";
  position: absolute;
  transform: rotate(45deg);
  font-size: 9px;
}
.ds-chip.ds-outline-chip .ds-chip-icon.icon-bg-normal {
  border: 0.5px solid #6c7882;
}
.ds-chip.ds-outline-chip .closebtn {
  color: #6c7882;
}
.ds-chip.ds-outline-chip .closebtn:hover {
  color: #000;
}
.ds-chip.ds-outline-chip .badge {
  background: #fff;
  border: 0.5px solid #6c7882;
}
.ds-chip.ds-outline-chip .badge.outline-badge {
  color: #6c7882;
  font-size: 12px;
  font-weight: 500;
}

.badge {
  position: absolute !important;
  right: -8px;
  top: -8px !important;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

.closebtn {
  padding-left: 8px;
  font-size: 22px;
  cursor: pointer;
  height: 18px;
  display: flex;
  align-items: center;
}

.closebtn:hover {
  color: #000;
}

.slider-wrapper .tooltip {
  position: absolute;
  z-index: 5;
  display: block;
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 1;
  line-break: auto;
}

.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}

.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
}

.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}

.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}

.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  left: 25%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #2e6da4;
  border-right-color: #2e6da4;
  margin-left: 0;
  margin-right: 0;
}

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}

.slider.slider-vertical .tooltip {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider.slider-vertical.slider-rtl .slider-track {
  left: initial;
  right: 25%;
}

.slider.slider-vertical.slider-rtl .slider-selection {
  left: initial;
  right: 0;
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
  border-width: 10px 10px 10px 0;
}

.slider.slider-vertical.slider-rtl
  .slider-tick-label-container
  .slider-tick-label {
  padding-left: initial;
  padding-right: 4px;
}

.slider.slider-disabled .slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0);
}

.slider.slider-disabled .slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);
  cursor: not-allowed;
}

.slider input {
  display: none;
}

.slider .tooltip.top {
  margin-top: -36px;
}

.slider-strips .slider .tooltip.top.tooltip-main {
  display: none;
}

.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
  display: block;
  position: absolute;
  height: 30px;
  line-height: 30px;
  min-width: 50px;
  padding: 0 7px;
  top: 15px;
  transform: translate(-50%, -100%);
  background: #383c42 !important;
  color: #fff !important;
  border-radius: 5px;
  white-space: nowrap;
  font-family: "HCLTech Roobert Medium", Arial;
  font-size: 1.2em;
  text-align: center;
  white-space: nowrap;
  max-width: none;
}

.slider .tooltip-inner::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  border: 10px solid #383c42;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  transform: translateX(-50%);
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);
}

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  border: 0 solid transparent;
}

.slider-handle.round {
  border-radius: 50%;
}

.slider-handle.triangle {
  background: transparent none;
}

.slider-handle.custom {
  background: transparent none;
}

.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "\2605";
  color: #726204;
}

.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0 solid transparent;
}

.slider-tick.round {
  border-radius: 50%;
}

.slider-tick.triangle {
  background: transparent none;
}

.slider-tick.custom {
  background: transparent none;
}

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: "\2605";
  color: #726204;
}

.slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
  background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);
  opacity: 1;
}

.slider-selection {
  background: #f77500 !important;
}

.slider-success .slider-selection {
  background-color: #5cb85c !important;
}

.slider-primary .slider-selection {
  background-color: #428bca !important;
}

.slider-info .slider-selection {
  background-color: #5bc0de !important;
}

.slider-warning .slider-selection {
  background-color: #f0ad4e !important;
}

.slider-danger .slider-selection {
  background-color: #d9534f !important;
}

.slider.slider-horizontal {
  width: 100% !important;
  height: 20px;
}

.slider-handle {
  background-color: #fff !important;
  background-image: none !important;
  -webkit-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
  -moz-box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 1px 1px 24px -2px rgba(0, 0, 0, 0.75) !important;
}

.slider-strips .slider-selection {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
  background-image: -ms-repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
  background-image: -o-repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
  background-image: -webkit-repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 5px,
    rgba(255, 252, 252, 0.08) 5px,
    rgba(252, 252, 252, 0.08) 10px
  ) !important;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #bdbdbd !important;
  text-align: center;
  border-radius: 4px;
}

.tooltip.top .tooltip-arrow {
  display: none !important;
}

.slider .tooltip.top {
  margin-top: -25px !important;
}

.well {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 0;
}

.slider-ghost .slider-track {
  height: 5px !important;
}

.slider-ghost .slider-handle {
  top: -2px !important;
  border: 5px solid #f77500;
}

.slider-success.slider-ghost .slider-handle {
  border-color: #5cb85c;
}

.slider-primary.slider-ghost .slider-handle {
  border-color: #428bca;
}

.slider-info.slider-ghost .slider-handle {
  border-color: #5bc0de;
}

.slider-warning.slider-ghost .slider-handle {
  border-color: #f0ad4e;
}

.slider-danger.slider-ghost .slider-handle {
  border-color: #d9534f;
}

.slider-primary.slider-ghost .slider-handle,
.slider-ghost .slider-handle {
  border-color: #5f1ebe !important;
}

.slider-primary .slider-selection,
.slider-selection {
  background-color: #5f1ebe !important;
}

.slider-primary.slider-ghost.disabled .slider-handle,
.slider-ghost.disabled .slider-handle {
  border-color: #d9dbe9 !important;
}

.slider-primary.disabled .slider-selection,
.slider-selection {
  background-color: #6e7191 !important;
}

.disabled .slider .tooltip-inner {
  background: #c8d2de !important;
  color: #6e7191 !important;
}

.disabled .slider .tooltip-inner::before {
  border: 10px solid #c8d2de;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.slider-wrapper.slider-ghost.disabled {
  pointer-events: none !important;
}

:root {
  --primary: #5f1ebe;
  --secondary: #333;
  --errorColor: red;
  --stepNumber: 6;
  --stepperWidth: 600px;
  --bgColor: #333;
  --inputBorderColor: lightgray;
}

::selection {
  color: #fff;
  background: var(--primary);
}

.stepper {
  max-width: var(--stepperWidth);
  background: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 50px 35px 10px 35px;
}

.stepper header {
  font-size: 35px;
  font-weight: 600;
  margin: 0 0 30px 0;
}

.stepper .form-outer {
  width: 100%;
  overflow: hidden;
}

.stepper .form-outer form {
  display: flex;
  width: calc(100% * var(--stepNumber));
}

.form-outer form .page {
  width: calc(100% / var(--stepNumber));
  transition: margin-left 0.3s ease-in-out;
  background: #f8f8f8;
  padding: 0px 32px;
}

.form-outer form .page .title {
  text-align: left;
  font-size: 25px;
  font-weight: 500;
}

.form-outer form .page .field {
  height: 45px;
  margin: 45px 0;
  display: flex;
  position: relative;
}

form .page .field .label {
  position: absolute;
  top: -30px;
  font-weight: 500;
  font-size: 14px;
  color: #777;
}

form .page .field input {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 1px solid var(--inputBorderColor);
  border-radius: 5px;
  padding-left: 15px;
  margin: 0 1px;
  font-size: 14px;
  transition: border-color 150ms ease;
}

form .page .field input.invalid-input {
  border-color: var(--errorColor);
}

form .page .field select {
  width: 100%;
  padding-left: 10px;
  font-size: 17px;
  font-weight: 500;
}

form .page .field button {
  width: 100%;
}

form .page .btns button.prev {
  margin-right: 12px;
  font-size: 17px;
}

form .page .btns button.next {
  margin-left: 12px;
}

.stepper .progress-bars {
  display: flex;
  margin: 40px 0;
  user-select: none;
  align-items: center;
  justify-content: center;
}

.stepper .progress-bars .step {
  text-align: center;
  width: 100%;
  position: relative;
  width: 120px;
}

.stepper .progress-bars .step p {
  font-weight: 500;
  font-size: 12px;
  color: #777777;
  margin-bottom: 8px;
}

.progress-bars .step .bullet {
  height: 40px;
  width: 40px;
  border: 1px solid #707070;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  transition: 0.2s;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  background: #f8f8f8;
}

.progress-bars .step .bullet.current {
  border-color: var(--primary);
  background: var(--primary);
  color: #fff;
}

.progress-bars .step .bullet.active {
  border-color: #70ce5e;
  background: #70ce5e;
}

.progress-bars .step .bullet span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.progress-bars .step .bullet.active span {
  display: none;
}

.progress-bars .step .bullet:before,
.progress-bars .step .bullet:after {
  position: absolute;
  content: "";
  bottom: 18px;
  right: -81px;
  height: 1px;
  width: 80px;
  border: 1px dashed #777777;
}

.progress-bars .step .bullet.active:after {
  border: 1px dashed #777777;
  transform: scaleX(0);
  transform-origin: left;
  animation: animate 0.3s linear forwards;
}

@keyframes animate {
  100% {
    transform: scaleX(1);
  }
}

.progress-bars .step:last-child .bullet:before,
.progress-bars .step:last-child .bullet:after {
  display: none;
}

.progress-bars .step p.active {
  transition: 0.2s linear;
}

.progress-bars .step .check {
  position: absolute;
  left: 50%;
  top: 25%;
  font-size: 22px;
  transform: translate(-50%, -50%);
  display: none;
}

.progress-bars .step .check.active {
  display: block;
  color: #fff;
}

@media screen and (max-width: 660px) {
  :root {
    --stepperWidth: 400px;
  }
  .progress-bars .step p {
    display: none;
  }
  .progress-bars .step .bullet::after,
  .progress-bars .step .bullet::before {
    display: none;
  }
  .progress-bars .step .bullet {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .progress-bars .step .check {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
  }
  .step {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 490px) {
  :root {
    --stepperWidth: 100%;
  }
  .stepper {
    box-sizing: border-box;
    border-radius: 0;
  }
}

/*stepper vertical*/
.stepper.vertical {
  display: flex;
}

.stepper.vertical .progress-bars {
  flex-direction: column;
  margin-right: 32px;
  margin-top: 0;
  margin-bottom: 0;
}

.stepper.vertical .progress-bars .step {
  margin-bottom: 90px;
}

.stepper.vertical .progress-bars .step .bullet:before,
.stepper.vertical .progress-bars .step .bullet:after {
  width: 0;
  height: 60px;
  left: 19px;
  top: 100px;
}

/*stepper second css*/
.stepper-second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 8px 24px;
  background: #e6ebf5;
}

.stepper-second.-double {
  padding-left: calc(50% - 20.1325rem);
  padding-right: calc(50% - 20.1325rem);
}

.stepper-second .steps:nth-child(1) .ordinal:after {
  content: "1";
}

.stepper-second .steps:nth-child(2) .ordinal:after {
  content: "2";
}

.stepper-second .steps:nth-child(3) .ordinal:after {
  content: "3";
}

.stepper-second .steps:nth-child(4) .ordinal:after {
  content: "4";
}

.stepper-second .steps:nth-child(5) .ordinal:after {
  content: "5";
}

.stepper-second .steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  background: #e6ebf5;
  position: relative;
  padding: 0 2.375rem;
}

.stepper-second .steps[aria-current="steps"] .ordinal,
.stepper-second .steps.active .ordinal {
  box-shadow: 0 0 0 1px #bf8a31;
  background: #fff;
  color: #bf8a31;
}

.stepper-second .steps.completed .ordinal {
  box-shadow: 0 0 0 1px #0a875d;
}

.stepper-second .steps.completed .ordinal::after {
  color: #0a875d;
}

.stepper-second .steps.completed,
.stepper-second .steps[aria-current="steps"],
.stepper-second .steps.active {
  color: #000000;
}

.stepper-second .steps:not(:last-child):after {
  content: "";
  position: absolute;
  left: 90%;
  right: 0%;
  height: 0px;
  background: transparent;
  width: 100%;
  border-top: 1px dashed #bbc3cf;
  z-index: 0;
}

.stepper-second .ordinal {
  -webkit-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-box-shadow: 0 0 0 1px #bbc3cf;
  -moz-box-shadow: 0 0 0 1px #bbc3cf;
  box-shadow: 0 0 0 1px #bbc3cf;
  display: inline-block;
  border-radius: 0.9375rem;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin-right: 0.5rem;
  color: #6c7882;
  background-color: #fff;
}

.stepper-second .steps {
  color: #5b666d;
  font-family: "HCLTech Roobert Medium", Arial;
}

.stepper-second.vertical {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.stepper-second.vertical .steps {
  padding: 1.2rem 0 2rem;
}
.stepper-second.vertical .steps:not(:last-child):after {
  content: "";
  position: absolute;
  left: 11px;
  right: inherit;
  background: transparent;
  height: 100%;
  border-left: 1px dashed #bbc3cf;
  z-index: 0;
  width: 0;
  top: 75%;
}

.stepsBox {
  display: none;
}
.stepsBox.show {
  display: block;
}

/*stepper  second vertical css*/
.stepper-second-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 8px 24px;
  background: #e6ebf5;
}

.stepper-second-vertical.-double {
  padding-left: calc(50% - 20.1325rem);
  padding-right: calc(50% - 20.1325rem);
}

.stepper-second-vertical .step-v:nth-child(1) .ordinal:after {
  content: "1";
}

.stepper-second-vertical .step-v:nth-child(2) .ordinal:after {
  content: "2";
}

.stepper-second-vertical .step-v:nth-child(3) .ordinal:after {
  content: "3";
}

.stepper-second-vertical .step-v:nth-child(4) .ordinal:after {
  content: "4";
}

.stepper-second-vertical .step-v:nth-child(5) .ordinal:after {
  content: "5";
}

.stepper-second-vertical .step-v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  background: #e6ebf5;
  position: relative;
  padding: 0 2.375rem;
}

.stepper-second-vertical .step-v[aria-current="step-v"] .ordinal,
.stepper-second-vertical .step-v.activeV .ordinal {
  box-shadow: 0 0 0 1px #bf8a31;
  background: #fff;
  color: #bf8a31;
}

.stepper-second-vertical .step-v.completedV .ordinal {
  box-shadow: 0 0 0 1px #0a875d;
}

.stepper-second-vertical .step-v.completedV .ordinal::after {
  color: #0a875d;
}

.stepper-second-vertical .step-v.completedV,
.stepper-second-vertical .step-v[aria-current="step-v"],
.stepper-second-vertical .step-v.activeV {
  color: #000000;
}

.stepper-second-vertical .step-v:not(:last-child):after {
  content: "";
  position: absolute;
  left: 90%;
  right: 0%;
  height: 0px;
  background: transparent;
  width: 100%;
  border-top: 1px dashed #bbc3cf;
  z-index: 0;
}

.stepper-second-vertical .ordinal {
  -webkit-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-box-shadow: 0 0 0 1px #bbc3cf;
  -moz-box-shadow: 0 0 0 1px #bbc3cf;
  box-shadow: 0 0 0 1px #bbc3cf;
  display: inline-block;
  border-radius: 0.9375rem;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin-right: 0.5rem;
  color: #6c7882;
  background-color: #fff;
}

.stepper-second-vertical .step-v {
  color: #5b666d;
  font-family: "HCLTech Roobert Medium", Arial;
}

.stepsBoxV {
  display: none;
}
.stepsBoxV.showV {
  display: block;
}

.stepper-second-vertical {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.stepper-second-vertical .step-v {
  padding: 1.2rem 0 2rem;
}
.stepper-second-vertical .step-v:not(:last-child):after {
  content: "";
  position: absolute;
  left: 11px;
  right: inherit;
  background: transparent;
  height: 100%;
  border-left: 1px dashed #bbc3cf;
  z-index: 0;
  width: 0;
  top: 75%;
}