@charset "UTF-8";
.section-highlight {
  animation: highlight-pulse 2s ease-out;
  border-left: 4px solid #38a169 !important;
  background-color: rgba(56, 161, 105, 0.05) !important;
  transition: all 0.3s ease;
}

@keyframes highlight-pulse {
  0% {
    background-color: rgba(56, 161, 105, 0.3);
    box-shadow: 0 0 20px rgba(56, 161, 105, 0.2);
  }
  50% {
    background-color: rgba(56, 161, 105, 0.1);
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}
.sticky-sidebar {
  position: sticky;
  top: 100px;
  z-index: 100;
  background: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
}

.fs-1 {
  font-size: 1px;
}

.fs-2 {
  font-size: 2px;
}

.fs-3 {
  font-size: 3px;
}

.fs-4 {
  font-size: 4px;
}

.fs-5 {
  font-size: 5px;
}

.fs-6 {
  font-size: 6px;
}

.fs-7 {
  font-size: 7px;
}

.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fs-31 {
  font-size: 31px;
}

.fs-32 {
  font-size: 32px;
}

.fs-33 {
  font-size: 33px;
}

.fs-34 {
  font-size: 34px;
}

.fs-35 {
  font-size: 35px;
}

.fs-36 {
  font-size: 36px;
}

.fs-37 {
  font-size: 37px;
}

.fs-38 {
  font-size: 38px;
}

.fs-39 {
  font-size: 39px;
}

.fs-40 {
  font-size: 40px;
}

.fs-41 {
  font-size: 41px;
}

.fs-42 {
  font-size: 42px;
}

.fs-43 {
  font-size: 43px;
}

.fs-44 {
  font-size: 44px;
}

.fs-45 {
  font-size: 45px;
}

.fs-46 {
  font-size: 46px;
}

.fs-47 {
  font-size: 47px;
}

.fs-48 {
  font-size: 48px;
}

.fs-49 {
  font-size: 49px;
}

.fs-50 {
  font-size: 50px;
}

.fs-51 {
  font-size: 51px;
}

.fs-52 {
  font-size: 52px;
}

.fs-53 {
  font-size: 53px;
}

.fs-54 {
  font-size: 54px;
}

.fs-55 {
  font-size: 55px;
}

.fs-56 {
  font-size: 56px;
}

.fs-57 {
  font-size: 57px;
}

.fs-58 {
  font-size: 58px;
}

.fs-59 {
  font-size: 59px;
}

.fs-60 {
  font-size: 60px;
}

.fs-61 {
  font-size: 61px;
}

.fs-62 {
  font-size: 62px;
}

.fs-63 {
  font-size: 63px;
}

.fs-64 {
  font-size: 64px;
}

.fs-65 {
  font-size: 65px;
}

.fs-66 {
  font-size: 66px;
}

.fs-67 {
  font-size: 67px;
}

.fs-68 {
  font-size: 68px;
}

.fs-69 {
  font-size: 69px;
}

.fs-70 {
  font-size: 70px;
}

.fs-71 {
  font-size: 71px;
}

.fs-72 {
  font-size: 72px;
}

.fs-73 {
  font-size: 73px;
}

.fs-74 {
  font-size: 74px;
}

.fs-75 {
  font-size: 75px;
}

.fs-76 {
  font-size: 76px;
}

.fs-77 {
  font-size: 77px;
}

.fs-78 {
  font-size: 78px;
}

.fs-79 {
  font-size: 79px;
}

.fs-80 {
  font-size: 80px;
}

.fs-81 {
  font-size: 81px;
}

.fs-82 {
  font-size: 82px;
}

.fs-83 {
  font-size: 83px;
}

.fs-84 {
  font-size: 84px;
}

.fs-85 {
  font-size: 85px;
}

.fs-86 {
  font-size: 86px;
}

.fs-87 {
  font-size: 87px;
}

.fs-88 {
  font-size: 88px;
}

.fs-89 {
  font-size: 89px;
}

.fs-90 {
  font-size: 90px;
}

.fs-91 {
  font-size: 91px;
}

.fs-92 {
  font-size: 92px;
}

.fs-93 {
  font-size: 93px;
}

.fs-94 {
  font-size: 94px;
}

.fs-95 {
  font-size: 95px;
}

.fs-96 {
  font-size: 96px;
}

.fs-97 {
  font-size: 97px;
}

.fs-98 {
  font-size: 98px;
}

.fs-99 {
  font-size: 99px;
}

.fs-100 {
  font-size: 100px;
}

.w-1 {
  width: 1px;
}

.w-2 {
  width: 2px;
}

.w-3 {
  width: 3px;
}

.w-4 {
  width: 4px;
}

.w-5 {
  width: 5px;
}

.w-6 {
  width: 6px;
}

.w-7 {
  width: 7px;
}

.w-8 {
  width: 8px;
}

.w-9 {
  width: 9px;
}

.w-10 {
  width: 10px;
}

.w-11 {
  width: 11px;
}

.w-12 {
  width: 12px;
}

.w-13 {
  width: 13px;
}

.w-14 {
  width: 14px;
}

.w-15 {
  width: 15px;
}

.w-16 {
  width: 16px;
}

.w-17 {
  width: 17px;
}

.w-18 {
  width: 18px;
}

.w-19 {
  width: 19px;
}

.w-20 {
  width: 20px;
}

.w-21 {
  width: 21px;
}

.w-22 {
  width: 22px;
}

.w-23 {
  width: 23px;
}

.w-24 {
  width: 24px;
}

.w-25 {
  width: 25px;
}

.w-26 {
  width: 26px;
}

.w-27 {
  width: 27px;
}

.w-28 {
  width: 28px;
}

.w-29 {
  width: 29px;
}

.w-30 {
  width: 30px;
}

.w-31 {
  width: 31px;
}

.w-32 {
  width: 32px;
}

.w-33 {
  width: 33px;
}

.w-34 {
  width: 34px;
}

.w-35 {
  width: 35px;
}

.w-36 {
  width: 36px;
}

.w-37 {
  width: 37px;
}

.w-38 {
  width: 38px;
}

.w-39 {
  width: 39px;
}

.w-40 {
  width: 40px;
}

.w-41 {
  width: 41px;
}

.w-42 {
  width: 42px;
}

.w-43 {
  width: 43px;
}

.w-44 {
  width: 44px;
}

.w-45 {
  width: 45px;
}

.w-46 {
  width: 46px;
}

.w-47 {
  width: 47px;
}

.w-48 {
  width: 48px;
}

.w-49 {
  width: 49px;
}

.w-50 {
  width: 50px;
}

.w-51 {
  width: 51px;
}

.w-52 {
  width: 52px;
}

.w-53 {
  width: 53px;
}

.w-54 {
  width: 54px;
}

.w-55 {
  width: 55px;
}

.w-56 {
  width: 56px;
}

.w-57 {
  width: 57px;
}

.w-58 {
  width: 58px;
}

.w-59 {
  width: 59px;
}

.w-60 {
  width: 60px;
}

.w-61 {
  width: 61px;
}

.w-62 {
  width: 62px;
}

.w-63 {
  width: 63px;
}

.w-64 {
  width: 64px;
}

.w-65 {
  width: 65px;
}

.w-66 {
  width: 66px;
}

.w-67 {
  width: 67px;
}

.w-68 {
  width: 68px;
}

.w-69 {
  width: 69px;
}

.w-70 {
  width: 70px;
}

.w-71 {
  width: 71px;
}

.w-72 {
  width: 72px;
}

.w-73 {
  width: 73px;
}

.w-74 {
  width: 74px;
}

.w-75 {
  width: 75px;
}

.w-76 {
  width: 76px;
}

.w-77 {
  width: 77px;
}

.w-78 {
  width: 78px;
}

.w-79 {
  width: 79px;
}

.w-80 {
  width: 80px;
}

.w-81 {
  width: 81px;
}

.w-82 {
  width: 82px;
}

.w-83 {
  width: 83px;
}

.w-84 {
  width: 84px;
}

.w-85 {
  width: 85px;
}

.w-86 {
  width: 86px;
}

.w-87 {
  width: 87px;
}

.w-88 {
  width: 88px;
}

.w-89 {
  width: 89px;
}

.w-90 {
  width: 90px;
}

.w-91 {
  width: 91px;
}

.w-92 {
  width: 92px;
}

.w-93 {
  width: 93px;
}

.w-94 {
  width: 94px;
}

.w-95 {
  width: 95px;
}

.w-96 {
  width: 96px;
}

.w-97 {
  width: 97px;
}

.w-98 {
  width: 98px;
}

.w-99 {
  width: 99px;
}

.w-100 {
  width: 100px;
}

.width1 {
  width: 1rem;
}

.width1 {
  width: 1px;
}

.width1 {
  width: 1vh;
}

.width1 {
  width: 1vw;
}

.width1 {
  width: 1ch;
}

.width1 {
  width: 1%;
}

.width2 {
  width: 2rem;
}

.width2 {
  width: 2px;
}

.width2 {
  width: 2vh;
}

.width2 {
  width: 2vw;
}

.width2 {
  width: 2ch;
}

.width2 {
  width: 2%;
}

.width3 {
  width: 3rem;
}

.width3 {
  width: 3px;
}

.width3 {
  width: 3vh;
}

.width3 {
  width: 3vw;
}

.width3 {
  width: 3ch;
}

.width3 {
  width: 3%;
}

.width4 {
  width: 4rem;
}

.width4 {
  width: 4px;
}

.width4 {
  width: 4vh;
}

.width4 {
  width: 4vw;
}

.width4 {
  width: 4ch;
}

.width4 {
  width: 4%;
}

.width5 {
  width: 5rem;
}

.width5 {
  width: 5px;
}

.width5 {
  width: 5vh;
}

.width5 {
  width: 5vw;
}

.width5 {
  width: 5ch;
}

.width5 {
  width: 5%;
}

.width6 {
  width: 6rem;
}

.width6 {
  width: 6px;
}

.width6 {
  width: 6vh;
}

.width6 {
  width: 6vw;
}

.width6 {
  width: 6ch;
}

.width6 {
  width: 6%;
}

.width7 {
  width: 7rem;
}

.width7 {
  width: 7px;
}

.width7 {
  width: 7vh;
}

.width7 {
  width: 7vw;
}

.width7 {
  width: 7ch;
}

.width7 {
  width: 7%;
}

.width8 {
  width: 8rem;
}

.width8 {
  width: 8px;
}

.width8 {
  width: 8vh;
}

.width8 {
  width: 8vw;
}

.width8 {
  width: 8ch;
}

.width8 {
  width: 8%;
}

.width9 {
  width: 9rem;
}

.width9 {
  width: 9px;
}

.width9 {
  width: 9vh;
}

.width9 {
  width: 9vw;
}

.width9 {
  width: 9ch;
}

.width9 {
  width: 9%;
}

.width10 {
  width: 10rem;
}

.width10 {
  width: 10px;
}

.width10 {
  width: 10vh;
}

.width10 {
  width: 10vw;
}

.width10 {
  width: 10ch;
}

.width10 {
  width: 10%;
}

.width11 {
  width: 11rem;
}

.width11 {
  width: 11px;
}

.width11 {
  width: 11vh;
}

.width11 {
  width: 11vw;
}

.width11 {
  width: 11ch;
}

.width11 {
  width: 11%;
}

.width12 {
  width: 12rem;
}

.width12 {
  width: 12px;
}

.width12 {
  width: 12vh;
}

.width12 {
  width: 12vw;
}

.width12 {
  width: 12ch;
}

.width12 {
  width: 12%;
}

.width13 {
  width: 13rem;
}

.width13 {
  width: 13px;
}

.width13 {
  width: 13vh;
}

.width13 {
  width: 13vw;
}

.width13 {
  width: 13ch;
}

.width13 {
  width: 13%;
}

.width14 {
  width: 14rem;
}

.width14 {
  width: 14px;
}

.width14 {
  width: 14vh;
}

.width14 {
  width: 14vw;
}

.width14 {
  width: 14ch;
}

.width14 {
  width: 14%;
}

.width15 {
  width: 15rem;
}

.width15 {
  width: 15px;
}

.width15 {
  width: 15vh;
}

.width15 {
  width: 15vw;
}

.width15 {
  width: 15ch;
}

.width15 {
  width: 15%;
}

.width16 {
  width: 16rem;
}

.width16 {
  width: 16px;
}

.width16 {
  width: 16vh;
}

.width16 {
  width: 16vw;
}

.width16 {
  width: 16ch;
}

.width16 {
  width: 16%;
}

.width17 {
  width: 17rem;
}

.width17 {
  width: 17px;
}

.width17 {
  width: 17vh;
}

.width17 {
  width: 17vw;
}

.width17 {
  width: 17ch;
}

.width17 {
  width: 17%;
}

.width18 {
  width: 18rem;
}

.width18 {
  width: 18px;
}

.width18 {
  width: 18vh;
}

.width18 {
  width: 18vw;
}

.width18 {
  width: 18ch;
}

.width18 {
  width: 18%;
}

.width19 {
  width: 19rem;
}

.width19 {
  width: 19px;
}

.width19 {
  width: 19vh;
}

.width19 {
  width: 19vw;
}

.width19 {
  width: 19ch;
}

.width19 {
  width: 19%;
}

.width20 {
  width: 20rem;
}

.width20 {
  width: 20px;
}

.width20 {
  width: 20vh;
}

.width20 {
  width: 20vw;
}

.width20 {
  width: 20ch;
}

.width20 {
  width: 20%;
}

.width21 {
  width: 21rem;
}

.width21 {
  width: 21px;
}

.width21 {
  width: 21vh;
}

.width21 {
  width: 21vw;
}

.width21 {
  width: 21ch;
}

.width21 {
  width: 21%;
}

.width22 {
  width: 22rem;
}

.width22 {
  width: 22px;
}

.width22 {
  width: 22vh;
}

.width22 {
  width: 22vw;
}

.width22 {
  width: 22ch;
}

.width22 {
  width: 22%;
}

.width23 {
  width: 23rem;
}

.width23 {
  width: 23px;
}

.width23 {
  width: 23vh;
}

.width23 {
  width: 23vw;
}

.width23 {
  width: 23ch;
}

.width23 {
  width: 23%;
}

.width24 {
  width: 24rem;
}

.width24 {
  width: 24px;
}

.width24 {
  width: 24vh;
}

.width24 {
  width: 24vw;
}

.width24 {
  width: 24ch;
}

.width24 {
  width: 24%;
}

.width25 {
  width: 25rem;
}

.width25 {
  width: 25px;
}

.width25 {
  width: 25vh;
}

.width25 {
  width: 25vw;
}

.width25 {
  width: 25ch;
}

.width25 {
  width: 25%;
}

.width26 {
  width: 26rem;
}

.width26 {
  width: 26px;
}

.width26 {
  width: 26vh;
}

.width26 {
  width: 26vw;
}

.width26 {
  width: 26ch;
}

.width26 {
  width: 26%;
}

.width27 {
  width: 27rem;
}

.width27 {
  width: 27px;
}

.width27 {
  width: 27vh;
}

.width27 {
  width: 27vw;
}

.width27 {
  width: 27ch;
}

.width27 {
  width: 27%;
}

.width28 {
  width: 28rem;
}

.width28 {
  width: 28px;
}

.width28 {
  width: 28vh;
}

.width28 {
  width: 28vw;
}

.width28 {
  width: 28ch;
}

.width28 {
  width: 28%;
}

.width29 {
  width: 29rem;
}

.width29 {
  width: 29px;
}

.width29 {
  width: 29vh;
}

.width29 {
  width: 29vw;
}

.width29 {
  width: 29ch;
}

.width29 {
  width: 29%;
}

.width30 {
  width: 30rem;
}

.width30 {
  width: 30px;
}

.width30 {
  width: 30vh;
}

.width30 {
  width: 30vw;
}

.width30 {
  width: 30ch;
}

.width30 {
  width: 30%;
}

.width31 {
  width: 31rem;
}

.width31 {
  width: 31px;
}

.width31 {
  width: 31vh;
}

.width31 {
  width: 31vw;
}

.width31 {
  width: 31ch;
}

.width31 {
  width: 31%;
}

.width32 {
  width: 32rem;
}

.width32 {
  width: 32px;
}

.width32 {
  width: 32vh;
}

.width32 {
  width: 32vw;
}

.width32 {
  width: 32ch;
}

.width32 {
  width: 32%;
}

.width33 {
  width: 33rem;
}

.width33 {
  width: 33px;
}

.width33 {
  width: 33vh;
}

.width33 {
  width: 33vw;
}

.width33 {
  width: 33ch;
}

.width33 {
  width: 33%;
}

.width34 {
  width: 34rem;
}

.width34 {
  width: 34px;
}

.width34 {
  width: 34vh;
}

.width34 {
  width: 34vw;
}

.width34 {
  width: 34ch;
}

.width34 {
  width: 34%;
}

.width35 {
  width: 35rem;
}

.width35 {
  width: 35px;
}

.width35 {
  width: 35vh;
}

.width35 {
  width: 35vw;
}

.width35 {
  width: 35ch;
}

.width35 {
  width: 35%;
}

.width36 {
  width: 36rem;
}

.width36 {
  width: 36px;
}

.width36 {
  width: 36vh;
}

.width36 {
  width: 36vw;
}

.width36 {
  width: 36ch;
}

.width36 {
  width: 36%;
}

.width37 {
  width: 37rem;
}

.width37 {
  width: 37px;
}

.width37 {
  width: 37vh;
}

.width37 {
  width: 37vw;
}

.width37 {
  width: 37ch;
}

.width37 {
  width: 37%;
}

.width38 {
  width: 38rem;
}

.width38 {
  width: 38px;
}

.width38 {
  width: 38vh;
}

.width38 {
  width: 38vw;
}

.width38 {
  width: 38ch;
}

.width38 {
  width: 38%;
}

.width39 {
  width: 39rem;
}

.width39 {
  width: 39px;
}

.width39 {
  width: 39vh;
}

.width39 {
  width: 39vw;
}

.width39 {
  width: 39ch;
}

.width39 {
  width: 39%;
}

.width40 {
  width: 40rem;
}

.width40 {
  width: 40px;
}

.width40 {
  width: 40vh;
}

.width40 {
  width: 40vw;
}

.width40 {
  width: 40ch;
}

.width40 {
  width: 40%;
}

.width41 {
  width: 41rem;
}

.width41 {
  width: 41px;
}

.width41 {
  width: 41vh;
}

.width41 {
  width: 41vw;
}

.width41 {
  width: 41ch;
}

.width41 {
  width: 41%;
}

.width42 {
  width: 42rem;
}

.width42 {
  width: 42px;
}

.width42 {
  width: 42vh;
}

.width42 {
  width: 42vw;
}

.width42 {
  width: 42ch;
}

.width42 {
  width: 42%;
}

.width43 {
  width: 43rem;
}

.width43 {
  width: 43px;
}

.width43 {
  width: 43vh;
}

.width43 {
  width: 43vw;
}

.width43 {
  width: 43ch;
}

.width43 {
  width: 43%;
}

.width44 {
  width: 44rem;
}

.width44 {
  width: 44px;
}

.width44 {
  width: 44vh;
}

.width44 {
  width: 44vw;
}

.width44 {
  width: 44ch;
}

.width44 {
  width: 44%;
}

.width45 {
  width: 45rem;
}

.width45 {
  width: 45px;
}

.width45 {
  width: 45vh;
}

.width45 {
  width: 45vw;
}

.width45 {
  width: 45ch;
}

.width45 {
  width: 45%;
}

.width46 {
  width: 46rem;
}

.width46 {
  width: 46px;
}

.width46 {
  width: 46vh;
}

.width46 {
  width: 46vw;
}

.width46 {
  width: 46ch;
}

.width46 {
  width: 46%;
}

.width47 {
  width: 47rem;
}

.width47 {
  width: 47px;
}

.width47 {
  width: 47vh;
}

.width47 {
  width: 47vw;
}

.width47 {
  width: 47ch;
}

.width47 {
  width: 47%;
}

.width48 {
  width: 48rem;
}

.width48 {
  width: 48px;
}

.width48 {
  width: 48vh;
}

.width48 {
  width: 48vw;
}

.width48 {
  width: 48ch;
}

.width48 {
  width: 48%;
}

.width49 {
  width: 49rem;
}

.width49 {
  width: 49px;
}

.width49 {
  width: 49vh;
}

.width49 {
  width: 49vw;
}

.width49 {
  width: 49ch;
}

.width49 {
  width: 49%;
}

.width50 {
  width: 50rem;
}

.width50 {
  width: 50px;
}

.width50 {
  width: 50vh;
}

.width50 {
  width: 50vw;
}

.width50 {
  width: 50ch;
}

.width50 {
  width: 50%;
}

.width51 {
  width: 51rem;
}

.width51 {
  width: 51px;
}

.width51 {
  width: 51vh;
}

.width51 {
  width: 51vw;
}

.width51 {
  width: 51ch;
}

.width51 {
  width: 51%;
}

.width52 {
  width: 52rem;
}

.width52 {
  width: 52px;
}

.width52 {
  width: 52vh;
}

.width52 {
  width: 52vw;
}

.width52 {
  width: 52ch;
}

.width52 {
  width: 52%;
}

.width53 {
  width: 53rem;
}

.width53 {
  width: 53px;
}

.width53 {
  width: 53vh;
}

.width53 {
  width: 53vw;
}

.width53 {
  width: 53ch;
}

.width53 {
  width: 53%;
}

.width54 {
  width: 54rem;
}

.width54 {
  width: 54px;
}

.width54 {
  width: 54vh;
}

.width54 {
  width: 54vw;
}

.width54 {
  width: 54ch;
}

.width54 {
  width: 54%;
}

.width55 {
  width: 55rem;
}

.width55 {
  width: 55px;
}

.width55 {
  width: 55vh;
}

.width55 {
  width: 55vw;
}

.width55 {
  width: 55ch;
}

.width55 {
  width: 55%;
}

.width56 {
  width: 56rem;
}

.width56 {
  width: 56px;
}

.width56 {
  width: 56vh;
}

.width56 {
  width: 56vw;
}

.width56 {
  width: 56ch;
}

.width56 {
  width: 56%;
}

.width57 {
  width: 57rem;
}

.width57 {
  width: 57px;
}

.width57 {
  width: 57vh;
}

.width57 {
  width: 57vw;
}

.width57 {
  width: 57ch;
}

.width57 {
  width: 57%;
}

.width58 {
  width: 58rem;
}

.width58 {
  width: 58px;
}

.width58 {
  width: 58vh;
}

.width58 {
  width: 58vw;
}

.width58 {
  width: 58ch;
}

.width58 {
  width: 58%;
}

.width59 {
  width: 59rem;
}

.width59 {
  width: 59px;
}

.width59 {
  width: 59vh;
}

.width59 {
  width: 59vw;
}

.width59 {
  width: 59ch;
}

.width59 {
  width: 59%;
}

.width60 {
  width: 60rem;
}

.width60 {
  width: 60px;
}

.width60 {
  width: 60vh;
}

.width60 {
  width: 60vw;
}

.width60 {
  width: 60ch;
}

.width60 {
  width: 60%;
}

.width61 {
  width: 61rem;
}

.width61 {
  width: 61px;
}

.width61 {
  width: 61vh;
}

.width61 {
  width: 61vw;
}

.width61 {
  width: 61ch;
}

.width61 {
  width: 61%;
}

.width62 {
  width: 62rem;
}

.width62 {
  width: 62px;
}

.width62 {
  width: 62vh;
}

.width62 {
  width: 62vw;
}

.width62 {
  width: 62ch;
}

.width62 {
  width: 62%;
}

.width63 {
  width: 63rem;
}

.width63 {
  width: 63px;
}

.width63 {
  width: 63vh;
}

.width63 {
  width: 63vw;
}

.width63 {
  width: 63ch;
}

.width63 {
  width: 63%;
}

.width64 {
  width: 64rem;
}

.width64 {
  width: 64px;
}

.width64 {
  width: 64vh;
}

.width64 {
  width: 64vw;
}

.width64 {
  width: 64ch;
}

.width64 {
  width: 64%;
}

.width65 {
  width: 65rem;
}

.width65 {
  width: 65px;
}

.width65 {
  width: 65vh;
}

.width65 {
  width: 65vw;
}

.width65 {
  width: 65ch;
}

.width65 {
  width: 65%;
}

.width66 {
  width: 66rem;
}

.width66 {
  width: 66px;
}

.width66 {
  width: 66vh;
}

.width66 {
  width: 66vw;
}

.width66 {
  width: 66ch;
}

.width66 {
  width: 66%;
}

.width67 {
  width: 67rem;
}

.width67 {
  width: 67px;
}

.width67 {
  width: 67vh;
}

.width67 {
  width: 67vw;
}

.width67 {
  width: 67ch;
}

.width67 {
  width: 67%;
}

.width68 {
  width: 68rem;
}

.width68 {
  width: 68px;
}

.width68 {
  width: 68vh;
}

.width68 {
  width: 68vw;
}

.width68 {
  width: 68ch;
}

.width68 {
  width: 68%;
}

.width69 {
  width: 69rem;
}

.width69 {
  width: 69px;
}

.width69 {
  width: 69vh;
}

.width69 {
  width: 69vw;
}

.width69 {
  width: 69ch;
}

.width69 {
  width: 69%;
}

.width70 {
  width: 70rem;
}

.width70 {
  width: 70px;
}

.width70 {
  width: 70vh;
}

.width70 {
  width: 70vw;
}

.width70 {
  width: 70ch;
}

.width70 {
  width: 70%;
}

.width71 {
  width: 71rem;
}

.width71 {
  width: 71px;
}

.width71 {
  width: 71vh;
}

.width71 {
  width: 71vw;
}

.width71 {
  width: 71ch;
}

.width71 {
  width: 71%;
}

.width72 {
  width: 72rem;
}

.width72 {
  width: 72px;
}

.width72 {
  width: 72vh;
}

.width72 {
  width: 72vw;
}

.width72 {
  width: 72ch;
}

.width72 {
  width: 72%;
}

.width73 {
  width: 73rem;
}

.width73 {
  width: 73px;
}

.width73 {
  width: 73vh;
}

.width73 {
  width: 73vw;
}

.width73 {
  width: 73ch;
}

.width73 {
  width: 73%;
}

.width74 {
  width: 74rem;
}

.width74 {
  width: 74px;
}

.width74 {
  width: 74vh;
}

.width74 {
  width: 74vw;
}

.width74 {
  width: 74ch;
}

.width74 {
  width: 74%;
}

.width75 {
  width: 75rem;
}

.width75 {
  width: 75px;
}

.width75 {
  width: 75vh;
}

.width75 {
  width: 75vw;
}

.width75 {
  width: 75ch;
}

.width75 {
  width: 75%;
}

.width76 {
  width: 76rem;
}

.width76 {
  width: 76px;
}

.width76 {
  width: 76vh;
}

.width76 {
  width: 76vw;
}

.width76 {
  width: 76ch;
}

.width76 {
  width: 76%;
}

.width77 {
  width: 77rem;
}

.width77 {
  width: 77px;
}

.width77 {
  width: 77vh;
}

.width77 {
  width: 77vw;
}

.width77 {
  width: 77ch;
}

.width77 {
  width: 77%;
}

.width78 {
  width: 78rem;
}

.width78 {
  width: 78px;
}

.width78 {
  width: 78vh;
}

.width78 {
  width: 78vw;
}

.width78 {
  width: 78ch;
}

.width78 {
  width: 78%;
}

.width79 {
  width: 79rem;
}

.width79 {
  width: 79px;
}

.width79 {
  width: 79vh;
}

.width79 {
  width: 79vw;
}

.width79 {
  width: 79ch;
}

.width79 {
  width: 79%;
}

.width80 {
  width: 80rem;
}

.width80 {
  width: 80px;
}

.width80 {
  width: 80vh;
}

.width80 {
  width: 80vw;
}

.width80 {
  width: 80ch;
}

.width80 {
  width: 80%;
}

.width81 {
  width: 81rem;
}

.width81 {
  width: 81px;
}

.width81 {
  width: 81vh;
}

.width81 {
  width: 81vw;
}

.width81 {
  width: 81ch;
}

.width81 {
  width: 81%;
}

.width82 {
  width: 82rem;
}

.width82 {
  width: 82px;
}

.width82 {
  width: 82vh;
}

.width82 {
  width: 82vw;
}

.width82 {
  width: 82ch;
}

.width82 {
  width: 82%;
}

.width83 {
  width: 83rem;
}

.width83 {
  width: 83px;
}

.width83 {
  width: 83vh;
}

.width83 {
  width: 83vw;
}

.width83 {
  width: 83ch;
}

.width83 {
  width: 83%;
}

.width84 {
  width: 84rem;
}

.width84 {
  width: 84px;
}

.width84 {
  width: 84vh;
}

.width84 {
  width: 84vw;
}

.width84 {
  width: 84ch;
}

.width84 {
  width: 84%;
}

.width85 {
  width: 85rem;
}

.width85 {
  width: 85px;
}

.width85 {
  width: 85vh;
}

.width85 {
  width: 85vw;
}

.width85 {
  width: 85ch;
}

.width85 {
  width: 85%;
}

.width86 {
  width: 86rem;
}

.width86 {
  width: 86px;
}

.width86 {
  width: 86vh;
}

.width86 {
  width: 86vw;
}

.width86 {
  width: 86ch;
}

.width86 {
  width: 86%;
}

.width87 {
  width: 87rem;
}

.width87 {
  width: 87px;
}

.width87 {
  width: 87vh;
}

.width87 {
  width: 87vw;
}

.width87 {
  width: 87ch;
}

.width87 {
  width: 87%;
}

.width88 {
  width: 88rem;
}

.width88 {
  width: 88px;
}

.width88 {
  width: 88vh;
}

.width88 {
  width: 88vw;
}

.width88 {
  width: 88ch;
}

.width88 {
  width: 88%;
}

.width89 {
  width: 89rem;
}

.width89 {
  width: 89px;
}

.width89 {
  width: 89vh;
}

.width89 {
  width: 89vw;
}

.width89 {
  width: 89ch;
}

.width89 {
  width: 89%;
}

.width90 {
  width: 90rem;
}

.width90 {
  width: 90px;
}

.width90 {
  width: 90vh;
}

.width90 {
  width: 90vw;
}

.width90 {
  width: 90ch;
}

.width90 {
  width: 90%;
}

.width91 {
  width: 91rem;
}

.width91 {
  width: 91px;
}

.width91 {
  width: 91vh;
}

.width91 {
  width: 91vw;
}

.width91 {
  width: 91ch;
}

.width91 {
  width: 91%;
}

.width92 {
  width: 92rem;
}

.width92 {
  width: 92px;
}

.width92 {
  width: 92vh;
}

.width92 {
  width: 92vw;
}

.width92 {
  width: 92ch;
}

.width92 {
  width: 92%;
}

.width93 {
  width: 93rem;
}

.width93 {
  width: 93px;
}

.width93 {
  width: 93vh;
}

.width93 {
  width: 93vw;
}

.width93 {
  width: 93ch;
}

.width93 {
  width: 93%;
}

.width94 {
  width: 94rem;
}

.width94 {
  width: 94px;
}

.width94 {
  width: 94vh;
}

.width94 {
  width: 94vw;
}

.width94 {
  width: 94ch;
}

.width94 {
  width: 94%;
}

.width95 {
  width: 95rem;
}

.width95 {
  width: 95px;
}

.width95 {
  width: 95vh;
}

.width95 {
  width: 95vw;
}

.width95 {
  width: 95ch;
}

.width95 {
  width: 95%;
}

.width96 {
  width: 96rem;
}

.width96 {
  width: 96px;
}

.width96 {
  width: 96vh;
}

.width96 {
  width: 96vw;
}

.width96 {
  width: 96ch;
}

.width96 {
  width: 96%;
}

.width97 {
  width: 97rem;
}

.width97 {
  width: 97px;
}

.width97 {
  width: 97vh;
}

.width97 {
  width: 97vw;
}

.width97 {
  width: 97ch;
}

.width97 {
  width: 97%;
}

.width98 {
  width: 98rem;
}

.width98 {
  width: 98px;
}

.width98 {
  width: 98vh;
}

.width98 {
  width: 98vw;
}

.width98 {
  width: 98ch;
}

.width98 {
  width: 98%;
}

.width99 {
  width: 99rem;
}

.width99 {
  width: 99px;
}

.width99 {
  width: 99vh;
}

.width99 {
  width: 99vw;
}

.width99 {
  width: 99ch;
}

.width99 {
  width: 99%;
}

.width100 {
  width: 100rem;
}

.width100 {
  width: 100px;
}

.width100 {
  width: 100vh;
}

.width100 {
  width: 100vw;
}

.width100 {
  width: 100ch;
}

.width100 {
  width: 100%;
}

.h-1 {
  height: 1px;
}

.h-2 {
  height: 2px;
}

.h-3 {
  height: 3px;
}

.h-4 {
  height: 4px;
}

.h-5 {
  height: 5px;
}

.h-6 {
  height: 6px;
}

.h-7 {
  height: 7px;
}

.h-8 {
  height: 8px;
}

.h-9 {
  height: 9px;
}

.h-10 {
  height: 10px;
}

.h-11 {
  height: 11px;
}

.h-12 {
  height: 12px;
}

.h-13 {
  height: 13px;
}

.h-14 {
  height: 14px;
}

.h-15 {
  height: 15px;
}

.h-16 {
  height: 16px;
}

.h-17 {
  height: 17px;
}

.h-18 {
  height: 18px;
}

.h-19 {
  height: 19px;
}

.h-20 {
  height: 20px;
}

.h-21 {
  height: 21px;
}

.h-22 {
  height: 22px;
}

.h-23 {
  height: 23px;
}

.h-24 {
  height: 24px;
}

.h-25 {
  height: 25px;
}

.h-26 {
  height: 26px;
}

.h-27 {
  height: 27px;
}

.h-28 {
  height: 28px;
}

.h-29 {
  height: 29px;
}

.h-30 {
  height: 30px;
}

.h-31 {
  height: 31px;
}

.h-32 {
  height: 32px;
}

.h-33 {
  height: 33px;
}

.h-34 {
  height: 34px;
}

.h-35 {
  height: 35px;
}

.h-36 {
  height: 36px;
}

.h-37 {
  height: 37px;
}

.h-38 {
  height: 38px;
}

.h-39 {
  height: 39px;
}

.h-40 {
  height: 40px;
}

.h-41 {
  height: 41px;
}

.h-42 {
  height: 42px;
}

.h-43 {
  height: 43px;
}

.h-44 {
  height: 44px;
}

.h-45 {
  height: 45px;
}

.h-46 {
  height: 46px;
}

.h-47 {
  height: 47px;
}

.h-48 {
  height: 48px;
}

.h-49 {
  height: 49px;
}

.h-50 {
  height: 50px;
}

.h-51 {
  height: 51px;
}

.h-52 {
  height: 52px;
}

.h-53 {
  height: 53px;
}

.h-54 {
  height: 54px;
}

.h-55 {
  height: 55px;
}

.h-56 {
  height: 56px;
}

.h-57 {
  height: 57px;
}

.h-58 {
  height: 58px;
}

.h-59 {
  height: 59px;
}

.h-60 {
  height: 60px;
}

.h-61 {
  height: 61px;
}

.h-62 {
  height: 62px;
}

.h-63 {
  height: 63px;
}

.h-64 {
  height: 64px;
}

.h-65 {
  height: 65px;
}

.h-66 {
  height: 66px;
}

.h-67 {
  height: 67px;
}

.h-68 {
  height: 68px;
}

.h-69 {
  height: 69px;
}

.h-70 {
  height: 70px;
}

.h-71 {
  height: 71px;
}

.h-72 {
  height: 72px;
}

.h-73 {
  height: 73px;
}

.h-74 {
  height: 74px;
}

.h-75 {
  height: 75px;
}

.h-76 {
  height: 76px;
}

.h-77 {
  height: 77px;
}

.h-78 {
  height: 78px;
}

.h-79 {
  height: 79px;
}

.h-80 {
  height: 80px;
}

.h-81 {
  height: 81px;
}

.h-82 {
  height: 82px;
}

.h-83 {
  height: 83px;
}

.h-84 {
  height: 84px;
}

.h-85 {
  height: 85px;
}

.h-86 {
  height: 86px;
}

.h-87 {
  height: 87px;
}

.h-88 {
  height: 88px;
}

.h-89 {
  height: 89px;
}

.h-90 {
  height: 90px;
}

.h-91 {
  height: 91px;
}

.h-92 {
  height: 92px;
}

.h-93 {
  height: 93px;
}

.h-94 {
  height: 94px;
}

.h-95 {
  height: 95px;
}

.h-96 {
  height: 96px;
}

.h-97 {
  height: 97px;
}

.h-98 {
  height: 98px;
}

.h-99 {
  height: 99px;
}

.h-100 {
  height: 100px;
}

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

.container {
  width: 100%;
  max-width: 100% !important;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}

a {
  color: #303449;
  text-decoration: none;
}

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

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

body {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  padding: 0px;
  margin: 0;
  background: #f5f6f8;
}

.btn-primary {
  background: #ff312d;
  padding: 15px;
  font-size: 14px;
  border: 1px solid #ff312d;
  color: #fff !important;
}

.login_container {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e9ebee;
}
.login_container .login_box {
  padding: 30px;
  background: #fff;
  width: 65%;
  border: none;
  border-radius: 16px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767px) {
  .login_container .login_box {
    width: 100%;
    padding: 0;
  }
}
.login_container .login_box .d-flex {
  display: flex;
}
.login_container .login_box .content_box {
  background: linear-gradient(317deg, rgb(255, 235, 235) 0%, rgb(243, 243, 247) 100%);
  border-radius: 12px;
  border: none;
  box-shadow: none;
}
.login_container .login_box .content_box .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login_container .login_box .content_box .header .icon-complygate-logo {
  color: #ff312d;
}
.login_container .login_box .content_box .header .text {
  color: #6c6f7d;
  font-weight: 400;
}
@media (max-width: 767px) {
  .login_container .login_box .content_box .header.pb-50 {
    padding-bottom: 0 !important;
  }
}
.login_container .login_box .content_box .reliable_section {
  width: 200px;
}
.login_container .login_box .content_box .reliable_section h1 {
  color: #303449;
  font-size: 40px;
  font-family: "Inter", sans-serif !important;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .login_container .login_box .content_box .reliable_section {
    display: none;
  }
}
.login_container .login_box .content_box .sub_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login_container .login_box .content_box .sub_box .sub_text {
  color: #6c6f7d;
  line-height: 18px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .login_container .login_box .content_box .sub_box {
    display: none;
  }
}
.login_container .login_box .content_box .slider_box .slider {
  background: #fff;
  border-radius: 12px;
  display: flex;
  height: 154px;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.login_container .login_box .content_box .slider_box .slider .slider_text p {
  color: #303449;
  font-weight: 500;
}
.login_container .login_box .content_box .slider_box .slider .slider_text .sub_text {
  color: #6c6f7d;
  font-weight: 400;
  line-height: 20px;
  font-family: "Inter", sans-serif !important;
}
.login_container .login_box .content_box .slider_box .slider .icon_box {
  background: #f5f6f8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.login_container .login_box .content_box .slider_box .slider_text .arrow.prev {
  opacity: 5;
  left: 3px;
  width: 13px;
}
.login_container .login_box .content_box .slider_box .slider_text .arrow.next {
  opacity: 5;
  right: 6px;
  width: 13px;
}
.login_container .login_box .content_box .slider_box .slider_text .dots {
  padding-left: 0;
}
.login_container .login_box .content_box .slider_box .slider_text .dots .dot {
  width: 100%;
  list-style: none;
  display: none;
}
.login_container .login_box .content_box .slider_box .slider_text .dots .dot span {
  position: relative;
  word-wrap: break-word;
  white-space: break-spaces;
  width: 100%;
}
.login_container .login_box .content_box .slider_box .slider_text .dots .dot.active {
  display: block;
  overflow: visible;
}
.login_container .login_box .login_form_section {
  padding: 48px;
  padding-right: 32px;
  padding-left: 32px;
}
.login_container .login_box .login_form_section .form_header {
  text-align: center;
}
.login_container .login_box .login_form_section .form_header h4 {
  font-size: 24px;
  font-weight: 700;
  color: #303449;
}
.login_container .login_box .login_form_section .form_header .sub_text {
  font-size: 14px;
  color: #6c6f7d;
}
@media (max-width: 767px) {
  .login_container .login_box .login_form_section .form_header.pb-80 {
    padding-bottom: 20px !important;
  }
}
.login_container .login_box .login_form_section .form_section_box .form_box {
  position: relative;
}
.login_container .login_box .login_form_section .form_section_box .form_box label {
  color: #303449;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.login_container .login_box .login_form_section .form_section_box .form_box .form_control {
  border: 1px solid #E5E7EB;
  background-color: #F9FAFB;
  border-radius: 8px;
  height: 48px;
  width: 100%;
  padding: 0 16px;
  transition: all 0.2s;
}
.login_container .login_box .login_form_section .form_section_box .form_box .form_control:focus {
  border-color: #ff312d;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(238, 49, 36, 0.08);
  outline: none;
}
.login_container .login_box .login_form_section .form_section_box .form_box .forgot_text {
  font-size: 14px;
  color: #5569d2;
  font-weight: 600;
  cursor: pointer;
}
.login_container .login_box .login_form_section .form_section_box .form_box .forgot_text:hover {
  text-decoration: underline;
}
.login_container .login_box .login_form_section .form_section_box .login_btn .btn-primary {
  background: #303449;
  padding: 14px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  transition: all 0.2s;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.login_container .login_box .login_form_section .form_section_box .login_btn .btn-primary:hover {
  background: #1F2937;
  transform: translateY(-1px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.login_container .login_box .login_form_section .form_section_box .login_btn .btn-link {
  color: #303449;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.login_container .login_box .login_form_section .form_section_box .login_btn .btn-link:hover {
  color: #ff312d;
}
@media (max-width: 767px) {
  .login_container .login_box .login_form_section .form_section_box .login_btn.mt-80 {
    margin-top: 70px !important;
  }
}

.checkbox_con {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 3px;
  margin-bottom: 0px !important;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox_con input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.checkbox_con:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox_con input:checked ~ .checkmark {
  background-color: #303449;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_con input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_con .checkmark:after {
  left: 9px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transform: rotate(45deg);
}

.border-bottom {
  border-bottom: 1px solid #d1d7e1 !important;
}

.navbar.navbar-light {
  background-color: #f5f6f8 !important;
}

.user_profile_menu {
  display: flex;
  align-items: center;
}
.user_profile_menu .user_circle {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #ddd;
  margin-right: 10px;
}
.user_profile_menu .user_circle p {
  margin-bottom: 0px;
  font-size: 18px;
}
.user_profile_menu .name_email {
  margin-right: 20px;
  line-height: 16px;
}
.user_profile_menu .name_email .name {
  margin-bottom: 0px;
  color: #303449;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 126px;
}
.user_profile_menu .name_email .email {
  font-size: 13px;
  color: #6c6f7d;
}
.user_profile_menu .dropdown_arrow {
  rotate: 180deg;
}
.user_profile_menu .dropdown_arrow i {
  font-size: 12px;
  color: #303449;
  cursor: pointer;
}

.card_box {
  background: #fff;
  border: 1px solid #d1d7e1;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 25px;
  transition: 0.5s all;
  z-index: 1;
}
@media (max-width: 767px) {
  .card_box {
    margin-bottom: 10px;
    padding: 15px;
  }
}
.card_box .icon_text {
  color: #6c6f7d;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.card_box .icon_text i {
  font-size: 20px;
  color: #6c6f7d;
}
.card_box .text {
  font-size: 13px;
  color: #303449;
  margin-bottom: 0;
  margin-top: 15px;
  font-weight: 500;
}
.card_box .header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.card_box .header h1 {
  color: #303449;
  font-size: 32px;
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 767px) {
  .card_box .header h1 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0px;
  }
}
.card_box .header .btn_group .btn {
  padding: 15px 24px;
  border-radius: 5px;
}
.card_box .header .btn_group .btn-dark {
  background: #303449;
  border-color: #303449;
}
.card_box .header .btn_group .btn-outline-dark {
  border-color: #303449;
}
.card_box .para {
  color: #6c6f7d;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .card_box .para {
    margin-bottom: 0px;
  }
}
.card_box .count_num {
  color: #ff312d;
  font-weight: 400;
}
.card_box .task_count {
  margin-top: 45px;
  border-right: 1px solid #d1d7e1;
}
@media (max-width: 767px) {
  .card_box .task_count {
    margin-top: 25px;
  }
}
.card_box .task_count p .large_count {
  color: #ff312d;
  font-size: 40px;
  font-weight: 600;
  margin-left: 5px;
}
@media (max-width: 767px) {
  .card_box .task_count p .large_count {
    font-size: 32px;
  }
}
.card_box .task_count p .small_count {
  color: #303449;
  font-size: 28px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .card_box .task_count p .small_count {
    font-size: 16px;
  }
}
.card_box .task_progress {
  margin-top: 20px;
}
.card_box .task_progress label {
  color: #303449;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
}
.card_box .task_progress .progress {
  border-radius: 20px;
}
@media (max-width: 767px) {
  .card_box .task_progress .progress {
    width: 80%;
  }
}
.card_box .task_progress .progress .progress-bar {
  background-color: #ff312d;
  border-radius: 20px;
}
.card_box .task_progress .count_per {
  font-size: 14px;
  font-weight: 600;
  color: #303449;
  margin-left: 10px;
}
.card_box .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card_box .group .group_text .text {
  margin-top: 0;
}
.card_box .icon_box {
  width: 48px;
  height: 48px;
  background: #f5f6f8;
  border-radius: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s all;
  margin-bottom: 0px;
}
.card_box .icon_box i {
  font-size: 20px;
  transition: 0.5s all;
}
.card_box .btn {
  font-size: 13px;
}
.card_box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_box .head .btn-primary {
  background: #D0E3FF;
  color: #23529A;
  padding: 6px 12px;
  border: none;
}
.card_box .head .btn-primary i {
  color: #23529A;
}
.card_box .head .icon_text .idvalue {
  font-size: 14px;
  color: #303449;
  font-weight: 600;
}
.card_box .name_text h4 {
  color: #303449;
  font-size: 22px;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d1d7e1;
}
.card_box .name_text .font-size-22 {
  font-size: 22px;
}
.card_box .card_footer {
  padding-top: 25px;
}
.card_box .card_footer .footer_content .text_group .icons_text {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.card_box .card_footer .footer_content .text_group .icons_text i {
  font-size: 20px;
  color: #6c6f7d;
}
.card_box .card_footer .footer_content .text_group .icons_text span {
  font-size: 12px;
  font-weight: 400;
  color: #6c6f7d;
}
.card_box .card_footer .footer_content .text_group .text {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_box .header_list {
  display: flex;
  align-items: center;
  border-radius: 10px 10px 0px 0px;
}
.card_box .header_list .icon_box {
  margin-bottom: 0;
  z-index: 9;
}
.card_box .header_list h4 {
  font-size: 18px;
  font-weight: 400;
  color: #303449;
}
.card_box .header_list .arrow-icon {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}
.card_box .header_list i.icon-up-arrow {
  cursor: pointer;
}
.card_box .header_list .arrowdown {
  transform: rotate(180deg);
}
.card_box .header_list i.arrowdown::after {
  transform: rotate(180deg);
  rotate: 180deg;
  /* Ensures rotation works properly */
}
.card_box .header_list.pareller {
  display: flex;
}
.card_box .content_list_section {
  margin-top: 5px;
}
.card_box .content_list_section label {
  font-size: 13px;
  color: #6c6f7d;
}
.card_box .content_list_section .text {
  margin-top: 0px;
  font-size: 14px;
  display: flex;
}
.card_box .content_list_section .accordion_box {
  background: #f5f6f8;
  border-radius: 10px;
  padding: 15px;
}
.card_box .content_list_section .accordion_box .accordion_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d1d7e1;
}
.card_box .content_list_section .accordion_box .accordion_body_sec {
  padding-top: 15px;
}
.card_box .content_list_section .accordion_box .accordion_body_sec .timeline_text {
  font-size: 14px;
  color: #303449;
  font-weight: 500;
}
.card_box .content_list_section .accordion_box .accordion_body_sec .timeline_text .timedate {
  color: #6c6f7d;
  font-size: 14px;
}
.card_box .content_list_section .accordion_box .accordion_body_sec .timeline_text .email {
  color: #3D58E4;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.card_box .content_detail_box {
  display: flex;
  justify-content: flex-start;
}
.card_box .content_detail_box .check_box_para .checkbox_con .checkmark {
  border: 1px solid #A9A9A9;
}
.card_box .content_detail_box .check_box_para .checkbox_con input:checked ~ .checkmark {
  background-color: #ff312d;
  border: none;
}
.card_box .content_detail_box .detail_box {
  padding-left: 10px;
  width: 100%;
}
.card_box .content_detail_box .detail_box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_box .content_detail_box .detail_box .head .icon_text_box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .card_box .content_detail_box .detail_box .head .icon_text_box {
    align-items: baseline;
  }
}
.card_box .content_detail_box .detail_box .head .icon_text_box i {
  font-size: 20px;
  color: #6C6F7D;
}
.card_box .content_detail_box .detail_box .head .icon_text_box p {
  margin-top: 0;
  font-size: 16px;
  color: #303449;
}
.card_box .content_detail_box .detail_box .head .check_count {
  background: #FFE0DF;
  border-radius: 5px;
  padding: 5px 10px;
}
.card_box .content_detail_box .detail_box .head .check_count .count_text {
  font-size: 12px;
  color: #908A8A;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .card_box .content_detail_box .detail_box .head .check_count .count_text {
    display: none;
  }
}
.card_box .content_detail_box .detail_box .text_details {
  margin-top: 10px;
}
.card_box .content_detail_box .detail_box .text_details p {
  color: #6C6F7D;
  font-size: 14px;
  line-height: 20px;
}
.card_box .content_detail_box .detail_box .sub_content_details {
  padding: 20px;
  margin-top: 25px;
  border: 1px solid #f3c3c2;
  border-radius: 10px;
}
.card_box .content_detail_box .detail_box .sub_content_details .dflex {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .card_box .content_detail_box .detail_box .sub_content_details .dflex {
    display: block;
  }
}
.card_box .content_detail_box .detail_box .sub_content_details .work_history {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.card_box .content_detail_box .detail_box .sub_content_details .work_history .work_history_value {
  width: 50px;
  height: 50px;
  margin: 10px 20px;
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
}
.card_box .content_detail_box .detail_box .sub_content_details .work_history i {
  font-size: 16px;
  cursor: pointer;
}
.card_box .lsit_menu {
  padding-left: 0px;
  margin-bottom: 0px;
}
.card_box .lsit_menu li {
  list-style: none;
  margin: 0px 0px;
}
.card_box .lsit_menu li a {
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px;
}
.card_box .lsit_menu li a:hover {
  background: #333;
  color: #fff;
}
.card_box.card_hover:hover {
  background: #303449;
  border: 1px solid #d1d7e1;
  transition: 0.5s all;
  cursor: pointer;
}
.card_box.card_hover:hover .icon_box {
  background: #565a6c;
  transition: 0.5s all;
}
.card_box.card_hover:hover .icon_box i {
  color: #fff;
  transition: 0.5s all;
}
.card_box.card_hover:hover .group .group_text .text {
  color: #fff;
  transition: 0.5s all;
}
.card_box.card_hover:hover .group .group_text .icon_text {
  color: #fff;
  transition: 0.5s all;
}
.card_box.card_hover:hover .group .icon-right-arrow {
  color: #fff;
  transition: 0.5s all;
}

.green_text {
  color: #259a23;
}

.card_list_box .sub_text {
  color: #6c6f7d;
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}
.card_list_box .card_list {
  background: #fff;
  border: 1px solid #d1d7e1;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_list_box .card_list .card_left {
  display: flex;
  align-items: center;
}
.card_list_box .card_list .card_left .icon_box {
  width: 48px;
  height: 48px;
  background: #f5f6f8;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .card_list_box .card_list .card_left .icon_box {
    display: none;
  }
}
.card_list_box .card_list .card_left .icon_box .active_red_circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff312d;
  border: 5px solid #fe9795;
}
.card_list_box .card_list .card_left .icon_box i {
  font-size: 20px;
}
.card_list_box .card_list .card_left .icon_box.icons_circle {
  border-radius: 50%;
  background: #D0CBCB;
  border: 1px solid #D2D2D2;
  width: 21px;
  height: 21px;
}
.card_list_box .card_list .card_left .checkmark {
  top: 10px;
}
.card_list_box .card_list .card_left .radio_con input:checked ~ .checkmark:after {
  display: block;
  width: 15px;
  height: 15px;
}
.card_list_box .card_list .card_left .checkmark {
  border-radius: 50%;
}
.card_list_box .card_list .card_left .count {
  font-size: 14px;
  color: #6c6f7d;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .card_list_box .card_list .card_left .count {
    display: none;
  }
}
.card_list_box .card_list .card_left .card_list_text {
  color: #303449;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .card_list_box .card_list .card_right {
    display: none;
  }
}
.card_list_box .card_list .card_right .btn {
  padding: 6px 15px;
  font-size: 12px;
  border: none;
}
.card_list_box .card_list .card_right .btn.btn-success {
  color: #fff;
  background: #259a23;
}
.card_list_box .card_list .card_right .btn.btn-success i {
  color: #259a23;
  font-size: 11px;
}
.card_list_box .card_list .card_right .btn.btn-warning {
  color: #ff7400;
  background: #ffead9;
}
.card_list_box .card_list .card_right .btn.btn-warning i {
  color: #ff7400;
  font-size: 11px;
}
.card_list_box .card_list:hover {
  background: #f5f6f8;
}
@media (max-width: 767px) {
  .card_list_box.candidatesummarypage .card_list {
    flex-direction: column;
  }
  .card_list_box.candidatesummarypage .card_list .card_left {
    width: 100%;
  }
  .card_list_box.candidatesummarypage .card_list .card_left .icon_box {
    display: flex;
  }
  .card_list_box.candidatesummarypage .card_list .card_left .count {
    display: block;
  }
  .card_list_box.candidatesummarypage .card_list .card_right {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .card_list_box.candidatesummarypage .card_list .card_right .btn {
    width: 100%;
  }
}

.candidate_summary_page {
  padding-bottom: 40px;
}
.candidate_summary_page .card_list {
  margin-bottom: 10px;
}
.candidate_summary_page .left_panel {
  border-right: 1px solid #d1d7e1 !important;
  padding-top: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .candidate_summary_page .left_panel {
    padding-right: 0px;
  }
}
.candidate_summary_page .left_panel .heading {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .candidate_summary_page .left_panel .heading {
    margin-bottom: 10px;
  }
}
.candidate_summary_page .left_panel .heading .sub_text {
  color: #6c6f7d;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}
@media (max-width: 767px) {
  .candidate_summary_page .left_panel .heading .sub_text {
    margin-bottom: 10px;
  }
}
.candidate_summary_page .left_panel .heading .user_name {
  color: #303449;
  font-size: 40px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .candidate_summary_page .left_panel .heading .user_name {
    font-size: 30px;
    margin-bottom: 0px;
  }
}
.candidate_summary_page .right_panel {
  padding-top: 30px;
}
.candidate_summary_page .right_panel .heading {
  margin-bottom: 10px;
}
.candidate_summary_page .right_panel .heading h4 {
  color: #303449;
  font-size: 24px;
  font-weight: 400;
  width: 25%;
}

.align_center {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.iti {
  width: 100%;
}

.mobile_view {
  display: none;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none !important;
}

.mat-form-field-label-wrapper {
  display: none !important;
}

.mat-form-field {
  width: 100%;
  border-radius: 5px;
}
.mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.mat-form-field .mat-datepicker-input {
  width: 100%;
  height: 35px;
}
.mat-form-field .mat-form-field-infix {
  padding-top: 0px !important;
  width: 100% !important;
  padding-bottom: 0px !important;
  border-top: 0px solid transparent !important;
}
.mat-form-field .mat-form-field-infix .form-control {
  margin-top: 0px !important;
}
.mat-form-field .mat-form-field-infix .form-control:focus {
  box-shadow: none !important;
}
.mat-form-field .mat-form-field-suffix {
  display: none !important;
}
.mat-form-field .mat-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  position: relative;
}
.mat-form-field .mat-form-field-flex i {
  position: absolute;
  top: 11px;
  right: 15px;
  cursor: pointer;
  font-size: 20px;
}

footer {
  border-top: 1px solid #d1d7e1 !important;
  padding: 10px 0px;
  position: fixed;
  bottom: 0;
  background: #e9ebee;
  width: 100%;
  z-index: 999;
}
@media (max-width: 767px) {
  footer .align_center {
    justify-content: flex-start;
  }
}
footer .footer_section {
  display: flex;
  align-items: center;
}
footer .footer_section i {
  color: #ff312d;
  font-size: 35px;
  margin-right: 15px;
}
footer .footer_section p {
  margin-bottom: 0;
  font-size: 13px;
  color: #6c6f7d;
}
footer .footer_section.mobile_view {
  display: none;
}
@media (max-width: 767px) {
  footer .footer_section.mobile_view {
    margin-top: 10px;
  }
  footer .footer_section.mobile_view .icon-complygate-logo {
    display: none;
  }
}
footer .phone_email {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  footer .phone_email {
    display: block;
  }
}
footer .phone_email .icon_text {
  color: #303449;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  footer .phone_email .icon_text {
    margin-top: 10px;
  }
}
footer .phone_email .icon_text i {
  font-size: 20px;
}

.candidate_details_page .go_back {
  padding-top: 30px;
}
.candidate_details_page .go_back p {
  color: #303449;
  font-size: 14px;
}
.candidate_details_page .go_back p i {
  color: #303449;
  font-size: 14px;
}
.candidate_details_page .go_back .search_box {
  margin-right: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .candidate_details_page .go_back .search_box {
    width: 100%;
    margin-right: 0px;
  }
}
.candidate_details_page .go_back .search_box i {
  position: absolute;
  top: 1px;
  padding: 11px;
  color: #303449;
  right: 0px;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
}
.candidate_details_page .go_back .search_box input {
  padding-right: 30px;
}

.candidate_task_list .card_list_box {
  background: #fff;
  overflow: hidden;
  border: 1px solid #d1d7e1;
}
.candidate_task_list .card_list_box .card_list {
  transition: 0.5s all;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  padding: 15px 24px;
}
.candidate_task_list .card_list_box .card_list:hover {
  border-left: 5px solid #303449;
  transition: 0.5s all;
}
.candidate_task_list .card_list_box .card_list.active {
  border-left: 5px solid #303449;
  transition: 0.5s all;
}
.candidate_task_list.check_to_platform .card_list_box .card_list:hover {
  background: #FFF7F7;
  border-left: 5px solid #ff312d;
}
.candidate_task_list.check_to_platform .card_list_box .card_list:hover .icons_circle {
  background: #ff312d;
  border: 3px solid #fe9795;
}
.candidate_task_list.check_to_platform .card_list_box .card_list.active {
  background: #FFF7F7;
  border-left: 5px solid #ff312d;
}
.candidate_task_list.check_to_platform .card_list_box .card_list.active .icons_circle {
  background: #ff312d;
  border: 3px solid #fe9795;
}
.candidate_task_list.check_to_platform .card_left .checkmark {
  top: -3px;
}
.candidate_task_list.check_to_platform .card_left .radio_con {
  margin-bottom: 0px;
}

.candidate_details_section_form {
  background: #fff;
  border-top: none;
  border-bottom: none;
}
.candidate_details_section_form .list_head {
  padding: 15px 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .candidate_details_section_form .list_head {
    padding: 15px;
  }
}
.candidate_details_section_form .list_head .card_list_box .card_list {
  border: none;
  padding: 0px;
}
@media (max-width: 767px) {
  .candidate_details_section_form .list_head .card_list_box .card_list {
    margin-bottom: 5px;
  }
}
.candidate_details_section_form .list_head .card_list_box .card_list .card_left .heading_text .text {
  font-size: 24px;
  color: #303449;
  font-weight: 500;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .candidate_details_section_form .list_head .card_list_box .card_list .card_left .heading_text .text {
    font-size: 20px;
  }
}
.candidate_details_section_form .list_head .card_list_box .card_list:hover {
  background: transparent;
}
.candidate_details_section_form .thanks_mess {
  text-align: center;
}

.tips_box {
  margin: 0 30px;
  border: 1px solid #5569d2;
  background: #f2f3fc;
  border-radius: 10px;
  padding: 15px;
}
@media (max-width: 767px) {
  .tips_box {
    margin: 0 10px;
  }
}
.tips_box .tips_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.tips_box .tips_header .icon_text {
  color: #303449;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.tips_box .tips_header .icon_text .icon-info {
  color: #5569d2;
  font-size: 20px;
}
.tips_box .tips_header i {
  color: #5569d2;
  font-size: 10px;
}
.tips_box .tips_content {
  padding-left: 30px;
}
.tips_box .tips_content p {
  color: #303449;
  font-size: 14px;
}
.tips_box .tips_content ul li {
  color: #303449;
  font-size: 14px;
  line-height: 24px;
}
.tips_box.orange_tips {
  background: #ffead9;
  border: 1px solid #ff7400;
}
.tips_box.orange_tips .checkmark {
  background: #ffead9;
  border: 1px solid #ff7400;
}
.tips_box.orange_tips .checkbox_con input:checked ~ .checkmark {
  border: none;
}
.tips_box.green_tip {
  border: 1px solid #259a23;
  background: rgba(37, 154, 35, 0.08);
  margin-top: 15px;
}
.tips_box.green_tip .tips_header {
  margin-bottom: 0px;
}
.tips_box.green_tip .tips_header .icon_text {
  align-items: flex-start;
}
.tips_box.green_tip .tips_header .icon_text i {
  font-size: 22px;
  color: #259a23;
}
.tips_box.green_tip .tips_header .otp_boxes .boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tips_box.green_tip .tips_header .otp_boxes .boxes .form-control {
  width: 43px;
  height: 43px;
  border-radius: 5px;
  border: 1px solid rgba(37, 154, 35, 0.25);
  background: rgba(37, 154, 35, 0.08);
  margin: 5px;
  font-size: 20px;
  font-weight: 600;
  color: #303449;
}

.red_text {
  color: #ff312d !important;
}

.vh_scroll {
  height: calc(100vh - 170px);
  overflow: auto;
}

.vh_scroll_main {
  height: calc(100vh - 210px);
  overflow-y: auto;
  overflow-x: hidden;
}

.srollbar_scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.srollbar_scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.srollbar_scroll::-webkit-scrollbar-thumb {
  background-color: #dc3545;
}

.vh_scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.vh_scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.vh_scroll::-webkit-scrollbar-thumb {
  background-color: #dc3545;
}

.vh_scroll_right_casecreated::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.vh_scroll_right_casecreated::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.vh_scroll_right_casecreated::-webkit-scrollbar-thumb {
  background-color: #dc3545;
}

.vh_scroll_right_casecreated {
  height: calc(100vh - 260px);
  overflow: auto;
}

.vh_scroll_right::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.vh_scroll_right::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.vh_scroll_right::-webkit-scrollbar-thumb {
  background-color: #dc3545;
}

.vh_scroll_right {
  height: calc(100vh - 260px);
  overflow: auto;
}

.commentcreator {
  padding-bottom: 15px;
}
.commentcreator .row {
  margin-bottom: 10px;
}
.commentcreator .row .col-sm-12 {
  border-bottom: 1px dotted #d1d1d1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.candidate_details_list_section {
  padding: 10px;
  border-bottom: 1px solid #d1d7e1;
  margin: 0px 10px;
}
@media (max-width: 767px) {
  .candidate_details_list_section {
    padding: 30px 10px;
  }
}
.candidate_details_list_section .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.candidate_details_list_section .heading h4 {
  font-size: 18px;
  color: #303449;
  font-weight: 500;
}
.candidate_details_list_section .heading .infomation {
  font-size: 14px;
  font-weight: 500;
  color: #303449;
}
.candidate_details_list_section .heading .infomation p {
  display: flex;
  align-items: center;
}
.candidate_details_list_section .heading .infomation i {
  font-size: 20px;
  color: #303449;
}
.candidate_details_list_section .tips_box {
  margin: 0px;
  margin-bottom: 15px;
}
.candidate_details_list_section .check_platfrom_list .card_box {
  padding: 12px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 10px;
}
.candidate_details_list_section .check_platfrom_list .card_box .platform_list .text {
  margin-top: 2px;
}
.candidate_details_list_section .check_platfrom_list .card_box .icon-check {
  color: #259a23;
  font-size: 16px;
}
@media (max-width: 767px) {
  .candidate_details_list_section .screening_parameter_list .parameter_header {
    display: block !important;
  }
}

.important {
  color: #ff312d;
}

.text_red {
  color: #ff312d;
}

.text_blue {
  color: #5569D1;
}

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

.v_h_align {
  display: flex;
  justify-content: center;
}

.file_upload_sec label {
  color: #303449;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.file_upload_sec .file_upload {
  border: 1px dashed #d1d7e1;
  height: 100px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file_upload_sec .file_upload .file_text {
  color: #67777E;
}

.candidate_details_footer {
  padding: 15px 20px;
  background: #FFFFFF;
  border: 1px solid #d1d7e1;
}
@media (max-width: 767px) {
  .candidate_details_footer {
    padding: 15px;
  }
}
.candidate_details_footer .action_btn_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .candidate_details_footer .action_btn_group {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
}
@media (max-width: 767px) {
  .candidate_details_footer .action_btn_group app-saas-button,
  .candidate_details_footer .action_btn_group .btn {
    display: inline-block !important;
    flex: 1 !important;
    width: auto !important;
    margin: 0 !important;
  }
}
.candidate_details_footer .action_btn_group .btn {
  padding: 12px 30px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .candidate_details_footer .action_btn_group .btn {
    padding: 10px 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}
.candidate_details_footer .action_btn_group .btn.btn-outline-dark {
  border: 1px solid #d1d7e1;
  font-size: 14px;
}
.candidate_details_footer .action_btn_group .btn.btn-outline-dark i {
  font-size: 18px;
}
.candidate_details_footer .action_btn_group .btn.btn-dark {
  background: #303449;
  font-size: 14px;
}

.uploaded_list .list_img {
  border: 1px solid #C2C9D6;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
}
.uploaded_list .list_img .img_linktext {
  display: flex;
  align-items: center;
}
.uploaded_list .list_img .img_linktext .img_box {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 2px;
  margin-right: 10px;
}
.uploaded_list .list_img .img_linktext .img_box img {
  width: 100%;
}
.uploaded_list .list_img .img_linktext .icon_doc {
  width: 80px;
  height: 80px;
  background: #f5f6f8;
  border-radius: 2px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uploaded_list .list_img .img_linktext .icon_doc i {
  color: #303449;
  font-size: 22px;
}
.uploaded_list .list_img .img_linktext .file_name {
  font-size: 14px;
  color: #303449;
  font-weight: 600;
}
.uploaded_list .list_img .action_btn i {
  font-size: 24px;
  padding: 10px;
  cursor: pointer;
}
.uploaded_list .list_img .action_btn i.icon-edit {
  color: #303449;
}
.uploaded_list .list_img .action_btn i.icon-trash-bin {
  color: #ff312d;
}

.detail_list_form .form-label {
  color: #303449;
  font-weight: 500;
  font-size: 14px;
}
.detail_list_form .form-select {
  height: 44px;
  border-color: #d1d7e1 !important;
}
.detail_list_form .form-control {
  height: 35px;
  border-color: #d1d7e1 !important;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  font-size: 14px;
}

.btn-dark.inner_green_button_bg {
  background: #333 !important;
  color: #fff;
}

.icon_width_inreport {
  width: 40px !important;
  min-width: 40px !important;
  display: flex !important;
  justify-content: center;
  gap: 0 !important;
}

#exampleSelect1 {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.vertical_cenetr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: #212121;
  background-size: cover;
  padding: 0;
  margin: 0;
}
.vertical_cenetr .card_box {
  width: 40%;
  padding: 0px;
}
.vertical_cenetr .card_box .company_logo {
  border-bottom: 2px solid red;
  padding: 10px 20px;
}
.vertical_cenetr .card_box .company_logo img {
  width: 130px;
}
.vertical_cenetr .wizard_details {
  border: 1px solid #ddd;
  border-radius: 0px 0px 10px 10px;
  border-top: none;
}
.vertical_cenetr .wizard_details .main-banner .overviewsshow .header {
  border: 1px solid #ddd;
  padding: 10px;
  border-top: none;
}
.vertical_cenetr .wizard_details .main-banner .overviewsshow .header h1 {
  font-size: 22px;
}
.vertical_cenetr .wizard_details .main-banner .overviewsshow .content {
  padding: 20px 20px;
}
.vertical_cenetr .wizard_img_box {
  width: 100% !important;
}
.vertical_cenetr .wizard_img_box .wizard_ul {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  background: rgba(200, 200, 200, 0.2);
}
.vertical_cenetr .wizard_img_box .wizard_ul .step {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}
.vertical_cenetr .wizard_img_box .wizard_ul .step span {
  border-radius: 10px 10px 0px 0px !important;
}
.vertical_cenetr::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/left.png");
  background-repeat: no-repeat;
  z-index: 0;
}
.vertical_cenetr:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../assets/img/right.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 0;
}
.vertical_cenetr .footer_pro {
  border-top: 2px solid #d1d1d1;
}
.vertical_cenetr .footer_pro .btn-dark-show {
  border: none;
  border-radius: 3px;
  position: relative;
  padding: 12px 30px;
  margin: 10px 1px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: #333;
  color: #fff;
  margin: 10px;
}
.vertical_cenetr .footer_pro .btn-dark-show.submit_save {
  background: #029202;
}
.vertical_cenetr .hiname {
  font-size: 18px;
}
.vertical_cenetr .hi_text {
  font-size: 15px;
  line-height: 25px;
}
.vertical_cenetr .hi_text_check {
  margin-top: 34px;
  color: #6e6d6d;
  font-size: 13px;
  display: flex;
  align-items: baseline;
  position: relative;
}
.vertical_cenetr .hi_text_check .checksjd {
  margin: 5px 10px 0px 0px;
  position: relative;
  top: 2px;
}
.vertical_cenetr .dflexbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vertical_cenetr .dflexbox p {
  margin-bottom: 0px;
  padding-left: 10px;
}
.vertical_cenetr .min_height {
  height: 45px;
}
.vertical_cenetr .hv-scroll {
  height: 55vh;
  overflow: auto;
}
.vertical_cenetr .mat-form-field-infix .form-control {
  height: 45px;
}

.checksjd {
  margin: 5px 10px 0px 0px;
  position: relative;
  top: 2px;
}

.camerashap_aligncenter .actionBtn:hover .text i {
  color: #fff;
}

.video_center {
  text-align: center;
}
.video_center .webcam-wrapper {
  border: 1px dashed #8b8b8b;
  border-radius: 20px;
  margin-bottom: 20px;
}
.video_center .snapshot {
  margin-bottom: 25px;
}
.video_center .snapshot img {
  border-radius: 20px;
}

.add_another {
  color: #303449;
  margin-bottom: 0px !important;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding: 20px;
  justify-content: center;
}
.add_another i {
  font-size: 16px;
}

.sub_addon_box {
  border-radius: 10px;
  border: 1px solid #d1d7e1;
  margin-bottom: 30px;
  overflow: hidden;
}
.sub_addon_box .icon-trash-bin {
  color: #ff312d;
  font-size: 22px;
}
.sub_addon_box .candidate_details_list_section {
  border-bottom: none;
}
.sub_addon_box .candidate_details_list_section .heading h4 {
  font-size: 18px;
  color: #303449;
  font-weight: 500;
}
.sub_addon_box .candidate_details_list_section .heading i {
  color: #ff312d;
  font-size: 22px;
}
.sub_addon_box .add_another {
  justify-content: center;
  align-items: center;
  padding: 25px 15px;
}

.declarations .candidate_details_list_section {
  border-top: 1px solid #d1d7e1;
}

.declarations_list .declarations_box {
  background: #f5f6f8;
  border: 1px solid #d1d7e1;
  padding: 15px 20px;
  border-radius: 10px;
}
.declarations_list .declarations_box .text {
  margin-bottom: 0;
  font-size: 14px;
  color: #303449;
  font-weight: 500;
  line-height: 24px;
}
.icon_form_box {
  position: relative;
}
.icon_form_box i {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 18px;
}

.switch6 {
  max-width: 17em;
  margin: 0 auto;
  border: 1px solid #d1d7e1;
  border-radius: 5px;
  padding: 6px;
  background: #fff;
  clear: both;
  height: 46px;
}

.switch6-light > span,
.switch-toggle > span {
  color: #000000;
}

.switch6-light span span,
.switch6-light label,
.switch-toggle span span,
.switch-toggle label {
  color: #2b2b2b;
}

.switch-toggle a,
.switch6-light span span {
  display: none;
}

.switch6-light {
  display: block;
  height: 30px;
  position: relative;
  overflow: visible;
  padding: 0px;
  margin-left: 0px;
}

.switch6-light * {
  box-sizing: border-box;
}

.switch6-light a {
  display: block;
  transition: all 0.3s ease-out 0s;
}

.switch6-light label,
.switch6-light > span {
  line-height: 30px;
  vertical-align: middle;
}

.switch6-light label {
  font-weight: 700;
  margin-bottom: px;
  max-width: 100%;
}

.switch6-light input:focus ~ a,
.switch6-light input:focus + label {
  outline: 1px dotted rgb(136, 136, 136);
}

.switch6-light input {
  position: absolute;
  opacity: 0;
  z-index: 5;
}

.switch6-light input:checked ~ a {
  right: 0%;
  color: #fff;
}

.switch6-light > span {
  position: absolute;
  left: -100px;
  width: 100%;
  margin: 0px;
  padding-right: 100px;
  text-align: left;
}

.switch6-light > span span {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  display: block;
  width: 50%;
  margin-left: 100px;
  text-align: center;
}

.switch6-light > span span:last-child {
  left: 50%;
  color: #000;
}

.switch6-light > span span:first-child {
  color: #fff;
}

.switch6-light a {
  position: absolute;
  right: 50%;
  top: 0px;
  z-index: 4;
  display: block;
  width: 50%;
  height: 100%;
  padding: 0px;
}

.switch.switch-medium > .switch-pane .switch-label-unchecked {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.switch6 small {
  display: none !important;
}
.switch6 .switch.switch-medium {
  width: 50%;
  min-width: 50%;
  border-radius: 0px;
  float: right;
  background: #303449;
}
.switch6 .switch.switch-medium::after {
  content: "Yes";
  position: absolute;
  top: 5px;
  left: -50px;
  font-weight: 600;
  color: #303449;
  font-size: 14px;
}
.switch6 .switch.switch-medium.checked {
  float: left;
  background: #303449;
}
.switch6 .switch.switch-medium.checked::after {
  display: none;
}
.switch6 .switch.switch-medium.checked::before {
  content: "No";
  position: absolute;
  top: 5px;
  right: -45px;
  font-weight: 600;
  color: #303449;
  font-size: 14px;
}
.switch6 .switch .switch-pane {
  display: block;
  text-align: center;
  color: #fff;
}
.switch6 .switch .switch-label-unchecked {
  text-align: center;
  color: #fff;
}
.switch6 .switch.checked .switch-pane .switch-label-checked {
  display: block;
  text-align: center;
}

.more_option_menu {
  display: flex;
  align-items: center;
}
.more_option_menu .notification_i {
  margin-right: 15px;
  position: relative;
}
.more_option_menu .notification_i i {
  font-size: 22px;
  margin: 5px;
}
.more_option_menu .notification_i .sub_menu {
  position: absolute;
  background: #fff;
  z-index: 99;
  width: 450px;
  left: -400px;
  display: none;
  box-shadow: 0px 2px 8px #ddd;
}
.more_option_menu .notification_i .sub_menu .heading {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.more_option_menu .notification_i .sub_menu .heading h4 {
  font-size: 17px;
}
.more_option_menu .notification_i .sub_menu ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.more_option_menu .notification_i .sub_menu ul li {
  list-style: none;
  border-bottom: 1px solid #ddd;
  padding: 10px 10px;
  cursor: pointer;
}
.more_option_menu .notification_i .sub_menu ul li .notification_list {
  display: flex;
  justify-content: space-between;
}
.more_option_menu .notification_i .sub_menu ul li .notification_list .icon_text {
  display: flex;
  justify-content: space-between;
}
.more_option_menu .notification_i .sub_menu ul li .notification_list .icon_text .icon-notification {
  font-size: 18px;
  padding-right: 10px;
}
.more_option_menu .notification_i .sub_menu ul li .notification_list .icon_text .text {
  font-size: 13px;
  padding-right: 15px;
  line-height: 18px;
  margin-bottom: 0px;
}
.more_option_menu .notification_i .sub_menu ul li .notification_list .close_box {
  max-width: 25px;
  max-height: 25px;
  border-radius: 50%;
  border: 1px solid #d5d1d1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.more_option_menu .notification_i .sub_menu ul li .notification_list .close_box i {
  font-size: 13px;
}
.more_option_menu .notification_i .sub_menu ul li:last-child {
  border: none;
}
.more_option_menu .notification_i .sub_menu ul li:hover {
  background: #ededed;
}
.more_option_menu .notification_i.hover_menu:hover .sub_menu {
  display: block;
}

.right_side_menu {
  position: relative;
  align-items: center;
}
.right_side_menu .sub_menu {
  position: absolute;
  top: 71px;
  border: 1px solid #d1d7e1;
  background: #fff;
  border-radius: 5px;
  z-index: 999;
  width: 200px;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.08);
  display: none;
  overflow: hidden;
  right: 0px;
}
.right_side_menu .sub_menu nav ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.right_side_menu .sub_menu nav ul li {
  list-style: none;
  padding: 10px 15px;
  font-size: 16px;
  color: #6c6f7d;
  border-bottom: 1px solid #d1d7e1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.right_side_menu .sub_menu nav ul li i {
  font-size: 20px;
  color: #303449;
}
.right_side_menu .sub_menu nav ul li:last-child {
  border-bottom: none;
}
.right_side_menu .sub_menu nav ul li:hover {
  background: #303449;
  color: #fff;
}
.right_side_menu .sub_menu nav ul li:hover i {
  color: #fff;
}
.right_side_menu:hover .sub_menu {
  display: block;
}

.candidate_details_page {
  margin-bottom: 100px;
}

.card_box_section {
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .card_box_section {
    background: linear-gradient(317deg, rgb(255, 235, 235) 0%, rgb(243, 243, 247) 100%);
    height: 100vh;
  }
}
.card_box_section .reset_password {
  width: 500px;
  background: #fff;
  border: 1px solid #d1d7e1;
  border-radius: 15px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .card_box_section .reset_password {
    width: 335px;
  }
}
.card_box_section .reset_password .header_section {
  border: 1px solid #d1d7e1;
  background: linear-gradient(317deg, rgb(255, 235, 235) 0%, rgb(243, 243, 247) 100%);
  position: relative;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .card_box_section .reset_password .header_section {
    position: initial;
  }
}
.card_box_section .reset_password .header_section .logo {
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (max-width: 767px) {
  .card_box_section .reset_password .header_section .lock_img img {
    width: 70%;
  }
}
.card_box_section .reset_password .content_section {
  padding: 30px;
}
@media (max-width: 767px) {
  .card_box_section .reset_password .content_section {
    padding: 20px 10px;
  }
}
.card_box_section .reset_password .content_section .heading h4 {
  font-size: 24px;
  color: #303449;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif !important;
}
.card_box_section .reset_password .content_section .heading .sub_heading {
  font-weight: 14px;
  color: #6c6f7d;
  font-family: "Inter", sans-serif !important;
}
.card_box_section .reset_password .content_section .candidate_details_list_section {
  border-bottom: none;
  padding: 30px 0px 0px;
}
.card_box_section .reset_password .content_section .candidate_details_list_section .detail_list_form .btn-dark {
  background-color: #303449;
  border-color: #303449;
  padding: 15px;
  font-size: 14px;
}
.card_box_section .reset_password .content_section .candidate_details_list_section .detail_list_form .btn-link {
  color: #303449;
  text-decoration: none;
  padding: 15px;
  font-size: 14px;
  font-weight: 600;
}

.consent_box {
  border: 1px solid #d1d7e1;
  padding: 30px;
  width: 1000px;
  margin: 30px auto;
  background: #fff;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .consent_box {
    width: 70%;
  }
}
@media (max-width: 980px) {
  .consent_box {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .consent_box {
    width: 100%;
    border: none;
  }
}
.consent_box .header h4 {
  font-size: 24px;
  font-weight: 600;
  color: #303449;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif !important;
}
.consent_box .consent_content {
  border-bottom: 1px solid #d1d7e1;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.consent_box .consent_content .text {
  font-size: 16px;
  color: #303449;
  line-height: 25px;
}
.consent_box .consent_content .consent_option {
  margin: 30px 0px;
}
.consent_box .consent_content .consent_option .option ul {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
.consent_box .consent_content .consent_option .option ul li {
  font-size: 16px;
  color: #303449;
  font-weight: 500;
  border: 1px solid #d1d7e1;
  list-style: none;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px;
}
.consent_box .sign_section h3 {
  font-size: 16px;
  font-weight: 600;
  color: #303449;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif !important;
}
.consent_box .sign_section .drew_sign .btn_sec .btn-outline-dark {
  color: #303449;
  border-color: #303449;
  padding: 6px 30px;
  margin-right: 10px;
}
.consent_box .sign_section .drew_sign .btn_sec .btn-outline-dark:hover {
  color: #fff;
}
.consent_box .sign_section .drew_sign .btn_sec .btn-link {
  color: #6c6f7d;
  text-decoration: none;
  font-size: 14px;
}
.consent_box .sign_section .drew_sign .sign_box {
  margin-top: 10px;
  position: relative;
}
.consent_box .sign_section .drew_sign .sign_box .boxcanva {
  width: 100%;
  height: 230px;
  border: 1px solid #d1d7e1;
  border-radius: 5px;
}
.consent_box .sign_section .drew_sign .sign_box .delete {
  width: 44px;
  height: 44px;
  border-radius: 5px;
  border: 1px solid #ff312d;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
}
.consent_box .sign_section .drew_sign .sign_box .delete i {
  color: #ff312d;
  font-size: 18px;
}
.consent_box .sign_section .drew_sign .candidate_details_list_section {
  padding: 30px 0px;
  border-bottom: none;
}
.consent_box .sign_section .drew_sign .candidate_details_list_section .detail_list_form .btn-dark {
  background-color: #303449;
  border-color: #303449;
  padding: 15px 30px;
}

.border-right {
  border-right: 1px solid #d1d7e1;
}

.identity_Check .candidate_details_list_section {
  border-top: 1px solid #d1d7e1;
  margin-top: 25px;
  padding: 0px;
}
.identity_Check .candidate_details_list_section .oq_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.identity_Check .candidate_details_list_section .oq_box .qr {
  width: 50%;
  text-align: center;
  padding: 30px 0px;
}
.identity_Check .candidate_details_list_section .oq_box .qr p {
  color: #303449;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
}
.screening_add {
  justify-content: end;
}

.criteriasearch {
  position: relative;
}

.criteriasearch .icon-search {
  position: absolute;
  right: 10px;
  top: 10px;
}

.toolbar_select {
  height: 32px;
  min-width: 150px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #334155;
  padding: 0 28px 0 10px;
  background: #ffffff;
  transition: all 0.2s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px;
  cursor: pointer;
}

.review_header {
  display: flex;
  margin: 10px 0 10px;
}
.review_header h1 {
  font-size: 25px !important;
  font-weight: 700 !important;
  font-family: "Inter", sans-serif !important;
  margin-bottom: 0px;
}
.review_header .btn-danger {
  background: #ff312d;
  font-size: 14px;
  padding: 15px 25px;
}

.text-right {
  text-align: right;
}

.fleft {
  float: left;
}

.infomation_review_box .content_list_section .heading {
  margin-bottom: 20px;
}
.infomation_review_box .content_list_section .heading h4 {
  font-size: 16px;
  font-weight: 600;
}
.infomation_review_box .content_list_section:last-child {
  border-bottom: 1px solid #d1d7e1;
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .vh-scroll {
    height: auto;
  }
}

.screening_parameter_page {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .screening_parameter_page {
    padding-bottom: 50px;
  }
}
.screening_parameter_page .header {
  margin-top: 20px;
  margin-bottom: 15px;
}
.screening_parameter_page .header h4 {
  font-size: 19px;
  font-weight: 500;
  color: #303449;
}
@media (max-width: 767px) {
  .screening_parameter_page .screening_add .btn-danger .texthide {
    display: none;
  }
}
.screening_parameter_page .screening_parameter_list {
  background: #fff;
  border: 1px solid #d1d7e1;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.screening_parameter_page .screening_parameter_list .parameter_header {
  border-bottom: 1px solid #d1d7e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .screening_parameter_page .screening_parameter_list .parameter_header {
    display: flex;
    padding: 15px;
  }
}
.screening_parameter_page .screening_parameter_list .parameter_header .parameter_name {
  margin-bottom: 0;
  color: #6c6f7d;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .screening_parameter_page .screening_parameter_list .parameter_header .parameter_name {
    width: 90%;
  }
}
.screening_parameter_page .screening_parameter_list .parameter_header .parameter_name .name {
  color: #303449;
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 767px) {
  .screening_parameter_page .screening_parameter_list .parameter_header .parameter_name .name {
    font-size: 16px;
  }
}
.screening_parameter_page .screening_parameter_list .parameter_header .icon-edit {
  color: #303449;
  font-size: 22px;
}
.screening_parameter_page .screening_parameter_list .check_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0px 15px 15px;
  flex-wrap: wrap;
}
.screening_parameter_page .screening_parameter_list .check_list .checks {
  border: 1px solid #d1d7e1;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 12px;
  margin-right: 10px;
  color: #303449;
  font-weight: 500;
  align-items: center;
  max-width: 100%;
}
.screening_parameter_page .screening_parameter_list .check_list .checks.btn-success {
  color: #fff;
}
@media (max-width: 767px) {
  .screening_parameter_page .screening_parameter_list .check_list .checks {
    margin-bottom: 5px;
    margin-right: 5px;
  }
}
.screening_parameter_page .screening_parameter_list .check_list .checks .icon-check {
  font-size: 12px;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list {
  display: block;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form {
    display: block;
  }
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form .mb-24 {
    margin-bottom: 15px !important;
  }
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form .form-select {
  width: 320px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form .form-select {
    width: 100%;
  }
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form .form-control {
  width: 420px;
}
@media (max-width: 767px) {
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .detail_list_form .form-control {
    width: 100%;
  }
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .card_box {
  margin-bottom: 15px;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .card_box.active {
  background: #FFE0E0;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .card_box.active .detail_box .head .check_count {
  background: #FFC6C5;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .card_box:hover {
  background: #FFE0E0;
  cursor: pointer;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .check_list .card_box:hover .detail_box .head .check_count {
  background: #FFC6C5;
}
@media (max-width: 767px) {
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header {
    display: block;
  }
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn {
  display: flex;
}
@media (max-width: 767px) {
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn {
    flex-wrap: wrap;
  }
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn .btn {
  background: transparent;
  border: 1px solid #D1D7E1;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn .btn {
    width: 47%;
    margin-top: 10px;
  }
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn .btn .icon_box.icons_circle {
  border-radius: 50%;
  background: #D0CBCB;
  border: 1px solid #D2D2D2;
  width: 21px;
  height: 21px;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn .btn .text {
  color: #303449;
  font-size: 14px;
}
.screening_parameter_page.screening_parameter_builder .screening_parameter_list .parameter_header .filter_sec .checkbox_btn .btn.active .icons_circle {
  background: #ff312d;
  border: 3px solid #fe9795;
}

.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion {
  border-bottom: 1px solid #d1d7e1;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section {
  padding-top: 10px;
  padding-bottom: 0px;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading {
  margin-bottom: 0;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading .btn {
  padding: 6px 15px;
  font-size: 12px;
  border: none;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading .btn-success {
  color: #259a23;
  background: #d1ffd0;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading .btn-success .icon-check {
  color: #259a23;
  font-size: 11px;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading .icon-downlaod {
  color: #ff312d;
  font-size: 16px;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading .icon-up-arrow {
  font-size: 13px;
  color: #303449;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .heading .arrowdown {
  transform: rotate(180deg);
  display: inline-block;
  rotate: 180deg;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
.review_section .candidate_summary_page .right_panel .infomation_review_box .card_box .accordion .accordion-body .detail_list_form .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section .cursor-pointer {
  cursor: pointer;
}

.btn-success {
  border: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  padding: 0 16px !important;
  height: 36px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  background-color: #259a23 !important;
  border: none !important;
  color: #fff !important !important;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap !important;
}
.btn-success i {
  color: #fff !important;
}

.btn-success-red {
  color: #fff !important;
  background: #ff312d;
  border: 1px solid #ff312d !important;
}
.btn-success-red i {
  color: #fff !important;
}

.btn-success-yellow {
  color: #fff !important;
  background: #f59e0b;
  border: 1px solid #f59e0b !important;
}
.btn-success-yellow i {
  color: #fff !important;
}

.review_rquest_dashboard .review_card {
  background: #fff;
  border: 1px solid #d1d7e1;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .review_card {
    margin-bottom: 10px;
  }
}
.review_rquest_dashboard .review_card.boxalign {
  height: 91%;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .review_card .content_icon_text {
    display: flex;
    align-items: center;
  }
}
.review_rquest_dashboard .review_card .content_icon_text .icon-awaiting_consent {
  color: #F06548;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-conditional_screening {
  color: #EF5DA8;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-awaiting-consent {
  color: #F06548;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-completed-cases {
  color: #17C653;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-in_progress {
  color: #DB9010;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-declined {
  color: #FF312D;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-paused {
  color: #203375;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-withdraw-new {
  color: #ff263a;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-Total-check {
  color: #51a351;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-submitted {
  color: #0EB0B8;
  font-size: 30px;
}
.review_rquest_dashboard .review_card .content_icon_text .icon-request_completed {
  color: #17C653;
  font-size: 40px;
}
.review_rquest_dashboard .review_card .content_icon_text p {
  font-size: 18px;
  font-weight: 500;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .review_card .content_icon_text p {
    margin-left: 20px;
    font-size: 16px;
  }
}
.review_rquest_dashboard .review_card .count span {
  font-size: 40px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .review_card .count span {
    font-size: 25px;
  }
}
.review_rquest_dashboard .review_card:hover .content_icon_text i {
  color: #fff;
}
.review_rquest_dashboard .review_card:hover .content_icon_text p {
  color: #fff;
}
.review_rquest_dashboard .review_card:hover .count span {
  color: #fff;
}
.review_rquest_dashboard .review_card.active .content_icon_text i {
  color: #fff;
}
.review_rquest_dashboard .review_card.active .content_icon_text p {
  color: #fff;
}
.review_rquest_dashboard .review_card.active .count span {
  color: #fff;
}
.review_rquest_dashboard .review_card.orange_box:hover {
  background: #F06548;
}
.review_rquest_dashboard .review_card.pink_box:hover {
  background: #EF5DA8;
}
.review_rquest_dashboard .review_card.yellow_box:hover {
  background: #DB9010;
}
.review_rquest_dashboard .review_card.lightgreen_box:hover {
  background: #0EB0B8;
}
.review_rquest_dashboard .review_card.blue_box:hover {
  background: #203375;
}
.review_rquest_dashboard .review_card.red_box:hover {
  background: #FF312D;
}
.review_rquest_dashboard .review_card.green_box:hover {
  background: #17C653;
}
.review_rquest_dashboard .review_card.orange_box.active {
  background: #F06548;
}
.review_rquest_dashboard .review_card.pink_box.active {
  background: #EF5DA8;
}
.review_rquest_dashboard .review_card.yellow_box.active {
  background: #DB9010;
}
.review_rquest_dashboard .review_card.lightgreen_box.active {
  background: #0EB0B8;
}
.review_rquest_dashboard .review_card.blue_box.active {
  background: #203375;
}
.review_rquest_dashboard .review_card.red_box.active {
  background: #FF312D;
}
.review_rquest_dashboard .review_card.green_box.active {
  background: #17C653;
}
.review_rquest_dashboard .header_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row {
    flex-direction: column;
  }
}
.review_rquest_dashboard .header_row h4 {
  width: 50%;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row h4 {
    margin-bottom: 15px;
  }
}
.review_rquest_dashboard .header_row .right_side {
  width: 100%;
  display: flex;
  justify-content: end;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row .right_side {
    display: block;
  }
}
.review_rquest_dashboard .header_row .right_side .box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row .right_side .box {
    flex-direction: column;
  }
}
.review_rquest_dashboard .header_row .right_side .box .search_box {
  margin-right: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row .right_side .box .search_box {
    width: 100%;
    margin-right: 0px;
  }
}
.review_rquest_dashboard .header_row .right_side .box .search_box i {
  position: absolute;
  top: 1px;
  padding: 11px;
  color: #303449;
  right: 0px;
  border-radius: 0px 5px 5px 0px;
}
.review_rquest_dashboard .header_row .right_side .box .search_box input {
  padding-right: 30px;
}
.review_rquest_dashboard .header_row .right_side .box .btn-success_icon {
  background: #197D31;
  width: 43px;
  height: 43px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.review_rquest_dashboard .header_row .right_side .box .btn-success_icon i {
  color: #fff;
  font-size: 25px;
}
.review_rquest_dashboard .header_row .right_side .box .btn-primary {
  background: #405189;
  padding: 10px 25px;
  margin-right: 10px;
  font-size: 14px;
}
.review_rquest_dashboard .header_row .right_side .box .btn-danger {
  background: #e44242;
  padding: 10px 25px;
  font-size: 14px;
}
.review_rquest_dashboard .header_row .right_side .box .btn-danger i {
  font-size: 14px;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row .right_side .box.mobile_box {
    flex-direction: row;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .review_rquest_dashboard .header_row .right_side .box.mobile_box .btn-danger {
    padding: 6px 17px;
    font-size: 13px;
  }
}
.review_rquest_dashboard .rmred {
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 12px;
}
.review_rquest_dashboard .rmred:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.4);
}
.review_rquest_dashboard .data_row {
  background: #fff;
  border: 1px solid #d1d7e1;
  border-radius: 10px;
  margin-bottom: 10px;
}
.review_rquest_dashboard .data_row .data_visible {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .data_row .data_visible {
    flex-direction: column;
  }
}
.review_rquest_dashboard .data_row .user_pic {
  border-radius: 50%;
  min-width: 50px;
  min-height: 50px;
  overflow: hidden;
  height: 50px;
  width: 50px;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .data_row .user_pic {
    height: 100px;
    width: 100px;
    margin-top: 10px;
    border: 1px solid #ddd;
  }
}
.review_rquest_dashboard .data_row .user_pic img {
  width: 100%;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .data_row .user_pic img {
    width: 100%;
  }
}
.review_rquest_dashboard .data_row .details {
  margin-left: 5px;
  transition: 0.5s all;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .data_row .details {
    width: 100%;
    margin-bottom: 15px;
  }
}
.review_rquest_dashboard .data_row .details span {
  color: #6c6f7d;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  max-width: 350px;
  align-items: center;
}
.review_rquest_dashboard .data_row .details i {
  cursor: pointer;
  display: block;
  transition: 0.5s all;
}
.review_rquest_dashboard .data_row .details i.ncursor {
  cursor: default !important;
}
.review_rquest_dashboard .data_row .details .data_value {
  color: #303449;
  font-size: 15px;
  margin-bottom: 0px;
}
.review_rquest_dashboard .data_row .details .progress_bar .progress {
  height: 0.6rem;
  width: 90%;
}
.review_rquest_dashboard .data_row .details .arrowdown {
  transform: rotate(-90deg);
  transition: 0.5s all;
  cursor: pointer;
  padding: 10px;
}
@media (max-width: 767px) {
  .review_rquest_dashboard .data_row .details:last-child {
    margin-bottom: 0px;
  }
}

.min-w-70 {
  width: 70px;
}

.min-w-35 {
  width: 75px;
}

.font-2x {
  font-size: 16px;
}

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

.border_none {
  border: none !important;
}

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

.yellow_box {
  background: #FFEEC3;
}

.blue_box {
  background: #D1F3FF;
}

.green_box {
  background: #CEFFD5;
}

.pink_box {
  background: #FCCAFF;
}

.red_box {
  background: #FFE0E0;
}

.orange_box {
  background: #FAD699;
}

.lightgreen_box {
  background: #273a37;
}

.icon-yellow {
  color: #FFB800;
  font-size: 25px;
}

.icon-blue {
  color: #42CDFF;
  font-size: 25px;
}

.icon-green {
  color: #52FB6A;
  font-size: 25px;
}

.icon-red {
  color: #FF0000;
  font-size: 25px;
}

.icon-pink {
  color: #F555FF;
  font-size: 25px;
}

.icon-orange {
  color: #FDA600;
  font-size: 25px;
}

.icon-lightgreen {
  color: #2CA87F;
  font-size: 25px;
}

.icon-yellow_bg {
  background: #FFB800;
  font-size: 25px;
}

.icon-blue_bg {
  background: #42CDFF;
  font-size: 25px;
}

.icon-green_bg {
  background: #52FB6A;
  font-size: 25px;
}

.icon-red_bg {
  background: #FF0000;
  font-size: 25px;
}

.icon-pink_bg {
  background: #F555FF;
  font-size: 25px;
}

.icon-orange_bg {
  background: #FDA600;
  font-size: 25px;
}

.icon-lightgreen_bg {
  background: #2CA87F;
  font-size: 25px;
}

.text_yellow {
  color: #FFB800;
}

.text_blue {
  color: #5569D1;
}

.text_green {
  color: #52FB6A;
}

.text_pink {
  color: #F555FF;
}

.text_orange {
  color: #FDA600;
}

.text_lightgreen {
  color: #2CA87F;
}

.text_red {
  color: #FF0000;
}

.admin_dashboard_req .activity_box {
  background: #fff;
  border: 1px solid #d1d7e1;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  padding-bottom: 0px;
}
.admin_dashboard_req .activity_box .top_section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.admin_dashboard_req .activity_box .top_section .icons_box {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin_dashboard_req .activity_box .top_section .icons_box.yellow_box {
  background: #FFEEC3;
}
.admin_dashboard_req .activity_box .top_section .icons_box.blue_box {
  background: #D1F3FF;
}
.admin_dashboard_req .activity_box .top_section .icons_box.green_box {
  background: #CEFFD5;
}
.admin_dashboard_req .activity_box .top_section .icons_box.pink_box {
  background: #FCCAFF;
}
.admin_dashboard_req .activity_box .top_section .icons_box.orange_box {
  background: #FAD699;
}
.admin_dashboard_req .activity_box .top_section .icons_box.lightgreen_box {
  background: #C3FBF3;
}
.admin_dashboard_req .activity_box .top_section .icons_box .icon-yellow {
  color: #FFB800;
  font-size: 25px;
}
.admin_dashboard_req .activity_box .top_section .icons_box .icon-blue {
  color: #42CDFF;
  font-size: 25px;
}
.admin_dashboard_req .activity_box .top_section .icons_box .icon-green {
  color: #52FB6A;
  font-size: 25px;
}
.admin_dashboard_req .activity_box .top_section .icons_box .icon-pink {
  color: #F555FF;
  font-size: 25px;
}
.admin_dashboard_req .activity_box .top_section .icons_box .icon-orange {
  color: #FDA600;
  font-size: 25px;
}
.admin_dashboard_req .activity_box .top_section .icons_box .icon-lightgreen {
  color: #2CA87F;
  font-size: 25px;
}
.admin_dashboard_req .activity_box .top_section .text_box .text {
  color: #455560;
  font-size: 13px;
  margin-bottom: 5px;
}
.admin_dashboard_req .activity_box .top_section .text_box .count_number {
  color: #455560;
  font-size: 17px;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar {
  margin-bottom: 20px;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress {
  height: 0.7rem;
  width: 90%;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress .progress-bar.yellow_box {
  background: #FFB800;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress .progress-bar.blue_box {
  background: #42CDFF;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress .progress-bar.green_box {
  background: #52FB6A;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress .progress-bar.pink_box {
  background: #F555FF;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress .progress-bar.orange_box {
  background: #FDA600;
}
.admin_dashboard_req .activity_box .bottom_section .progress_bar .task_progress .progress .progress-bar.lightgreen_box {
  background: #2CA87F;
}
.admin_dashboard_req .activity_box .bottom_section .up_down_progress .icon-down {
  color: #FF0000;
  font-size: 13px;
  font-weight: 500;
}
.admin_dashboard_req .activity_box .bottom_section .up_down_progress .up_down_text {
  font-weight: 600;
  font-size: 14px;
  margin-right: 5px;
}
.admin_dashboard_req .activity_box .bottom_section .up_down_progress .update_week_text {
  font-size: 14px;
  color: #757575;
  font-weight: 500;
}
.admin_dashboard_req .graph_section {
  background: #fff;
  border: 1px solid #d1d7e1;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
}
.admin_dashboard_req .graph_section .graph_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .admin_dashboard_req .graph_section .graph_header {
    display: block;
  }
}
.admin_dashboard_req .graph_section .graph_header h4 {
  font-size: 20px;
  color: #303449;
}
@media (max-width: 767px) {
  .admin_dashboard_req .graph_section .graph_header h4 {
    margin-bottom: 10px;
  }
}
.admin_dashboard_req .graph_section .graph_header .form-select {
  width: 200px;
}
.admin_dashboard_req .report_card {
  background: #fff;
  border: 1px solid #d1d7e1;
  padding: 25px;
  border-radius: 10px;
  margin-bottom: 25px;
  padding-bottom: 0;
}
.admin_dashboard_req .report_card .report_card_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .admin_dashboard_req .report_card .report_card_header {
    overflow: auto;
  }
}
.admin_dashboard_req .report_card .report_card_header h4 {
  font-size: 20px;
  color: #303449;
}
.admin_dashboard_req .report_card .report_card_header .btn-primary {
  background: #fff;
  border: 1px solid #7638FF;
  font-size: 14px;
  color: #7638FF;
  padding: 7px 25px;
}
.admin_dashboard_req .report_card .report_card_header .group_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.admin_dashboard_req .report_card .report_card_header .tab_section nav ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0px;
}
.admin_dashboard_req .report_card .report_card_header .tab_section nav ul li {
  list-style: none;
  font-size: 14px;
  color: #303449;
  padding: 20px 0px;
  cursor: pointer;
}
.admin_dashboard_req .report_card .report_card_header .tab_section nav ul li span {
  padding: 0px 20px;
  display: block;
  border-right: 1px solid #C8C8C8;
}
.admin_dashboard_req .report_card .report_card_header .tab_section nav ul li.active {
  color: #ff312d;
  border-bottom: 3px solid #ff312d;
}
.admin_dashboard_req .report_card .report_card_header .tab_section nav ul li:hover {
  color: #ff312d;
  border-bottom: 3px solid #ff312d;
}
.admin_dashboard_req .report_card .report_card_header .tab_section nav ul li:last-child span {
  border-right: none;
}
.admin_dashboard_req .report_card .report_card_content .progress_report {
  width: 100%;
  height: 10px;
  background: #ddd;
  border-radius: 20px;
  overflow: hidden;
}
.admin_dashboard_req .report_card .report_card_content .progress_report .progress_report_bar {
  display: flex;
}
.admin_dashboard_req .report_card .report_card_content .progress_report .progress_report_bar span {
  height: 10px;
  display: block;
}
.admin_dashboard_req .report_card .report_card_content .progress_report .progress_report_bar .bar_green {
  background: #22CC62;
}
.admin_dashboard_req .report_card .report_card_content .progress_report .progress_report_bar .bar_yellow {
  background: #FFBC34;
}
.admin_dashboard_req .report_card .report_card_content .progress_report .progress_report_bar .bar_red {
  background: #FF0000;
}
.admin_dashboard_req .report_card .report_card_content .progress_report .progress_report_bar .bar_blue {
  background: #009EFB;
}
.admin_dashboard_req .report_card .report_card_content .radio_list_box {
  margin-top: 20px;
}
.admin_dashboard_req .report_card .report_card_content .radio_list_box .radio_box {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DEE2E6;
  padding: 20px;
}
.admin_dashboard_req .report_card .report_card_content .radio_list_box .radio_box .box {
  display: flex;
  align-items: center;
}
.admin_dashboard_req .report_card .report_card_content .radio_list_box .radio_box .box .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}
.admin_dashboard_req .report_card .report_card_content .radio_list_box .radio_box .box .text {
  font-size: 15px;
  font-weight: 500;
  color: #303449;
}
.admin_dashboard_req .report_card .report_card_content .radio_list_box .radio_box .count_box {
  font-size: 14px;
  padding: 6px 30px;
  border-radius: 5px;
  font-weight: 600;
}
.admin_dashboard_req .report_card .report_card_content .radio_circle_text_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
.admin_dashboard_req .report_card .report_card_content .radio_circle_text_box .box {
  display: flex;
  align-items: center;
  margin-right: 25px;
}
.admin_dashboard_req .report_card .report_card_content .radio_circle_text_box .box .circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
}
.admin_dashboard_req .report_card .report_card_content .radio_circle_text_box .box .text {
  font-size: 15px;
  color: #303449;
}
.admin_dashboard_req .report_card .table_content .table thead {
  background: #EBEBEB;
}
.admin_dashboard_req .report_card .table_content .table thead tr th {
  padding: 20px 10px;
  border-bottom: none;
}
.admin_dashboard_req .report_card .table_content .table tbody tr td {
  vertical-align: middle;
  padding: 15px;
}
.admin_dashboard_req .report_card .table_content .table tbody .user_details_profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.admin_dashboard_req .report_card .table_content .table tbody .user_details_profile .circle_tab {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ddd;
  margin-right: 10px;
}
.admin_dashboard_req .report_card .table_content .table tbody .user_details_profile .details {
  font-size: 14px;
  color: #000;
}
.admin_dashboard_req .report_card .table_content .table tbody .user_details_profile span {
  font-size: 12px;
  color: #212529;
}
.admin_dashboard_req .report_card .table_content .table tbody .badge {
  width: 156px;
  height: 22px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.admin_dashboard_req .report_card .table_content .table tbody .action {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #F06548;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.admin_dashboard_req .report_card .table_content .table tbody .action i {
  color: #fff;
  transform: rotate(45deg);
}
.admin_dashboard_req .report_card .case_table_list .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F8F9FA;
  padding: 20px;
  margin-bottom: 10px;
}
.admin_dashboard_req .report_card .case_table_list .header span {
  font-size: 16px;
  font-weight: 600;
  color: #303449;
}
.admin_dashboard_req .report_card .case_table_list .case_data_list .case_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px;
  border-bottom: 1px solid #ddd;
}
.admin_dashboard_req .report_card .case_table_list .case_data_list .case_list .user_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin_dashboard_req .report_card .case_table_list .case_data_list .case_list .user_details .user_pic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #203375;
  margin-right: 15px;
}
.admin_dashboard_req .report_card .case_table_list .case_data_list .case_list .user_details .details_text p {
  margin-bottom: 0;
  font-size: 15px;
  color: #303449;
}
.admin_dashboard_req .report_card .case_table_list .case_data_list .case_list .user_details .details_text .date {
  font-size: 12px;
  color: #615656;
}
.admin_dashboard_req .report_card .case_table_list .case_data_list .case_list .case_id_text {
  padding: 8px 30px;
  border-radius: 5px;
}

.search_filter {
  width: 100%;
  background: #fff;
  justify-content: space-between;
  background: #fff;
  padding: 15px;
  top: 50px;
  box-shadow: 3px 5px 8px #ddd;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .search_filter .d-flex {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .search_filter {
    flex-direction: column;
  }
}
.search_filter .form {
  width: 100%;
  margin: 0 10px;
  position: relative;
}
@media (max-width: 767px) {
  .search_filter .form {
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
.search_filter .form i {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 19px;
}
.search_filter .form .form-control {
  height: 44px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  border-color: #d1d7e1 !important;
}

.circle_c {
  background: #423131;
  width: 20px;
  height: 20px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  border-radius: 50%;
  margin: 3px;
}

.circle_s {
  background: #0d6efd;
  width: 20px;
  height: 20px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  border-radius: 50%;
  margin: 3px;
}

.sub_drop_show {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 15px;
  top: 50px;
  box-shadow: 3px 5px 8px #ddd;
  border-radius: 5px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .sub_drop_show {
    flex-direction: column;
  }
}
.sub_drop_show .form {
  width: 100%;
  margin: 0 10px;
  position: relative;
}
@media (max-width: 767px) {
  .sub_drop_show .form {
    margin-bottom: 10px;
  }
}
.sub_drop_show .form .form-control {
  height: 44px;
  border-color: #d1d7e1 !important;
}

.data_hide {
  padding: 20px 10px 10px;
  margin-top: 10px;
  border-top: 1px solid #d1d7e1;
  flex-wrap: wrap;
  display: flex;
}
@media (max-width: 767px) {
  .data_hide.detailscheckscs .details {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .data_hide.detailscheckscs .screening_parameter_page {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .data_hide.detailscheckscs .screening_parameter_page .screening_parameter_list .check_list {
    padding: 20px 0px;
  }
}
@media (max-width: 767px) {
  .data_hide.detailscheckscs .screening_parameter_page .screening_parameter_list .check_list .checks {
    margin-bottom: 5px;
    margin-right: 5px;
  }
}

.pagination {
  justify-content: end;
}

.main_nav_bar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #303449;
  font-size: 14px;
}

.mobile_view {
  margin-top: 20px;
}
.mobile_view .btn {
  padding: 15px 24px;
  border-radius: 5px;
  width: 48%;
}
.mobile_view .btn-dark {
  background: #303449;
  border-color: #303449;
}
.mobile_view .btn-outline-dark {
  border-color: #303449;
}

/*Loadning Css */
:root {
  --hue: 223;
  --bg: hsl(var(--hue), 90%, 95%);
  --fg: hsl(var(--hue), 90%, 5%);
  --trans-dur: 0.3s;
}

.ip {
  width: 8em;
  height: 8em;
}

.ip__track {
  stroke: hsl(var(--hue), 90%, 90%);
  transition: stroke var(--trans-dur);
}

.ip__worm1,
.ip__worm2 {
  animation: worm1 2s linear infinite;
}

.ip__worm2 {
  animation-name: worm2;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: hsl(var(--hue), 90%, 5%);
    --fg: hsl(var(--hue), 90%, 95%);
  }
  .ip__track {
    stroke: hsl(0, 0%, 100%);
  }
}
/* Animation */
@keyframes worm1 {
  from {
    stroke-dashoffset: 0;
  }
  50% {
    animation-timing-function: steps(1);
    stroke-dashoffset: -358;
  }
  50.01% {
    animation-timing-function: linear;
    stroke-dashoffset: 358;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes worm2 {
  from {
    stroke-dashoffset: 358;
  }
  50% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -358;
  }
}
.overlay_loading {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(35, 34, 34, 0.54);
  top: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.group_cs {
  display: flex;
}
.group_cs .c-class {
  width: 1.3rem;
  height: 1.3rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: #e44242;
  font-weight: 500;
  font-size: 0.625rem;
  color: #fff !important;
  margin: 3px;
}
.group_cs .s-class-notification {
  width: 1.3rem;
  height: 1.3rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: red;
  font-weight: 500;
  font-size: 0.625rem;
  color: #fff !important;
  margin: 3px;
}
.group_cs .s-class {
  width: 1.3rem;
  height: 1.3rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  background: #0ec281;
  font-weight: 500;
  font-size: 0.625rem;
  color: #fff !important;
  margin: 3px;
}

.rightalignbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icons_group {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.icons_group .btn {
  position: relative;
  font-size: 12px;
}
.icons_group .btn .tooltip_box {
  position: absolute;
  color: #000;
  top: -28px;
  z-index: 9999;
  left: -181px;
  right: 0;
  width: 220px;
}
.icons_group.compantdetails .btn {
  padding: 0px 15px !important;
  font-size: 12px;
  border: none;
  align-items: center;
  width: 100%;
  border-right: 1px solid #fff;
}

.border_box_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d1d7e1;
  padding-top: 10px;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 10px;
  background: #ebebeb;
}
.border_box_footer .btn_right_border_group .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  padding: 0 16px !important;
  height: 36px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  background-color: #232329 !important;
  border: none !important;
  color: #ffffff !important;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap !important;
}

.border_gray {
  border: 1px solid #ddd;
}

.border-r-10 {
  border-radius: 5px;
}

.no-bg {
  background: transparent !important;
}

.border_box_bg {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  background: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.right_btn_more {
  display: flex;
  align-items: center;
}
.right_btn_more .btn i {
  color: #fff;
  font-size: 16px;
}

.img_group_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.img_group_box img {
  margin-right: 10px;
  width: 50px;
  height: 50px;
}

.search_filter .mat-form-field-infix {
  display: flex;
  position: relative;
}
.search_filter .mat-form-field-infix .mat-icon {
  position: absolute;
  float: right;
  top: 2px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.54);
  right: 30px;
}
.search_filter .mat-form-field-infix .mat-icon i {
  font-size: 14px;
}
.search_filter .mat-datepicker-toggle {
  color: #000;
}
.search_filter .mat-date-range-input-container {
  height: 40px;
}
.search_filter .mb-3 {
  margin-bottom: 15px !important;
}

.bdage-green {
  background: #0dad4d;
  color: #fff !important;
  padding: 3px 13px;
  font-size: 12px;
  border-radius: 6px;
  margin-top: 5px;
}

.bdage-red {
  background: #b60c0c;
  color: #fff !important;
  padding: 3px 13px;
  font-size: 12px;
  border-radius: 6px;
  margin-top: 5px;
}

.form-check .form-check-input {
  float: left;
  margin-left: 0px;
  margin-right: 5px;
}

.settingpage .logo_setting img {
  width: 100%;
}
.settingpage .top_border {
  border-top: 1px dashed #aba8a8;
  padding-top: 15px;
}
.settingpage .candidate_details_section_form {
  padding: 20px;
}
.settingpage .candidate_details_section_form .header_setting {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settingpage .candidate_details_section_form .header_setting h4 {
  font-size: 22px;
}
.settingpage .candidate_details_section_form .header_setting .btn_group {
  display: flex;
  align-items: center;
}
.settingpage .candidate_details_section_form .header_setting .btn_group .btn {
  font-size: 14px;
}
.settingpage .candidate_details_section_form .header_setting .btn_group .searchbar {
  position: relative;
}
.settingpage .candidate_details_section_form .header_setting .btn_group .searchbar .icon-search {
  position: absolute;
  top: 12px;
  right: 10px;
}
.settingpage .candidate_details_section_form .cards_box {
  display: flex;
  margin-top: 25px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.settingpage .candidate_details_section_form .cards_box .card_list {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  padding-top: 0px;
  width: 100%;
  margin: 5px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .card_header {
  display: flex;
  justify-content: space-between;
}
.settingpage .candidate_details_section_form .cards_box .card_list .card_header h4 {
  font-size: 20px;
  font-weight: 400;
  padding: 15px 0px;
  width: 80%;
}
.settingpage .candidate_details_section_form .cards_box .card_list .card_header .icons_group {
  width: auto;
}
.settingpage .candidate_details_section_form .cards_box .card_list .card_header .icons_group i {
  margin: 5px 10px;
  font-size: 18px;
  cursor: pointer;
}
.settingpage .candidate_details_section_form .cards_box .card_list .card_header .icons_group i.icon-reset-password {
  font-size: 20px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  align-items: center;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list h4 {
  font-size: 18px;
  font-weight: 400;
  padding: 15px 0px;
  width: 80%;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list label {
  display: block;
  font-size: 12px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .data_text {
  font-size: 14px;
  color: #000;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header {
  display: flex;
  justify-content: end;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header .icons_group {
  width: auto;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header .icons_group i {
  margin: 5px 10px;
  font-size: 18px;
  cursor: pointer;
}
.settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header .icons_group i.icon-reset-password {
  font-size: 20px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .perission_box {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 10px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .perission_box .perission_box_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 5px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .perission_box .perission_box_header h4 {
  font-size: 16px;
}
.settingpage .candidate_details_section_form .cards_box .card_list .perission_box .perission_box_list .permission_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.settingpage .candidate_details_section_form .cards_box .card_list .perission_box .perission_box_list .permission_list .permission_show_checkbox {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
  width: 24.2%;
}
.settingpage .candidate_details_section_form .cards_box .card_list .perission_box .perission_box_list .permission_list .permission_show_checkbox .form-check-input {
  margin-right: 10px;
}

.company_page.perission_box .perission_box_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 5px;
}
.company_page.perission_box .perission_box_header h4 {
  font-size: 16px;
}
.company_page.perission_box .perission_box_list .permission_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.company_page.perission_box .perission_box_list .permission_list .permission_show_checkbox {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
  width: 24%;
}
@media (max-width: 767px) {
  .company_page.perission_box .perission_box_list .permission_list .permission_show_checkbox {
    width: 100%;
  }
}
.company_page.perission_box .perission_box_list .permission_list .permission_show_checkbox .form-check-input {
  margin-right: 10px;
}

.text-left {
  text-align: left;
}

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

.NgxEditor__Wrapper {
  border: 1px solid rgba(169, 169, 169, 0.4);
  border-radius: 4px;
}

textarea {
  border: 1px solid rgba(169, 169, 169, 0.4) !important;
}

.small-popup .jw-modal {
  display: flex;
  align-items: center;
}
.small-popup .jw-modal .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
}
.small-popup .jw-modal .jw-modal-body {
  width: 40%;
  margin: 0 auto;
  padding-top: 20px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .small-popup .jw-modal .jw-modal-body {
    width: 90%;
  }
}
.small-popup .jw-modal .jw-modal-body .modal-content .modal-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.small-popup .jw-modal .jw-modal-body .modal-content .modal-header .close {
  padding: 3px 6px;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 21px;
}
.small-popup .jw-modal .jw-modal-body .modal-content .modal-body .form-group label {
  color: #303449;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 0.5rem;
}
.small-popup .jw-modal .jw-modal-body .modal-content .footer_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.small-popup .jw-modal .jw-modal-body .modal-content .footer_box .btn_group .btn {
  padding: 5px 20px !important;
}
.small-popup.extra_small .jw-modal .jw-modal-body {
  width: 20%;
  margin: 0 auto;
  padding-top: 20px;
  border-radius: 5px;
}

.position_relative {
  position: relative !important;
}

.copy_url {
  display: flex;
  align-items: stretch;
}
.copy_url .readonly {
  background: #ddd;
}
.copy_url app-saas-input {
  flex: 1;
  min-width: 0;
}
.copy_url app-saas-input .saas-control {
  border-radius: 5px 0 0 5px;
}
.copy_url .copy_btn {
  padding: 7px 15px;
  border-radius: 0px 5px 5px 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px !important;
}
.copy_url .copy_btn i {
  font-size: 17px;
}

.max_extra_small-popup .jw-modal {
  display: flex;
  align-items: center;
}
.max_extra_small-popup .jw-modal .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
}
.max_extra_small-popup .jw-modal .jw-modal-body {
  width: 35%;
  margin: 0 auto;
  padding-top: 20px;
  border-radius: 5px;
  padding: 0px;
}
@media (max-width: 767px) {
  .max_extra_small-popup .jw-modal .jw-modal-body {
    width: 90%;
  }
}
.max_extra_small-popup .jw-modal .jw-modal-body .modal-content .modal-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}
.max_extra_small-popup .jw-modal .jw-modal-body .modal-content .modal-header .close {
  padding: 3px 6px;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 21px;
}
.max_extra_small-popup .jw-modal .jw-modal-body .modal-content .modal-body .form-group label {
  color: #303449;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 0.5rem;
}
.max_extra_small-popup .jw-modal .jw-modal-body .modal-content .footer_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.max_extra_small-popup .jw-modal .jw-modal-body .modal-content .footer_box .btn_group .btn {
  padding: 5px 20px !important;
}
.max_extra_small-popup .popup_footer {
  border-top: 1px solid rgba(221, 221, 221, 0.8666666667);
  margin-top: 25px;
  padding: 10px 5px;
  display: flex;
  justify-content: end;
}

.medium-popup .jw-modal {
  display: flex;
  align-items: center;
}
.medium-popup .jw-modal .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
}
.medium-popup .jw-modal .jw-modal-body {
  width: 70%;
  margin: 0 auto;
  padding-top: 20px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .medium-popup .jw-modal .jw-modal-body {
    width: 90%;
  }
}
.medium-popup .jw-modal .jw-modal-body .modal-content .modal-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.medium-popup .jw-modal .jw-modal-body .modal-content .modal-header .close {
  padding: 3px 6px;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 21px;
}
.medium-popup .jw-modal .jw-modal-body .modal-content .modal-body .form-group label {
  color: #303449;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 0.5rem;
}
.medium-popup .jw-modal .jw-modal-body .modal-content .footer_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.medium-popup .jw-modal .jw-modal-body .modal-content .footer_box .btn_group .btn {
  padding: 5px 20px !important;
}

.form-control {
  -webkit-appearance: progress-bar;
     -moz-appearance: progress-bar;
          appearance: progress-bar;
}

.border-b-1 {
  border-bottom: 1px solid #ddd;
}

.valign {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.height70vh {
  height: 70vh;
  overflow: auto;
}

@media (max-width: 767px) {
  .small-popup .screening_parameter_page {
    padding-bottom: 0px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .medium-popup .screening_parameter_page {
    padding-bottom: 0px;
    margin-bottom: 10px;
  }
}

.update-user-password label {
  text-align: center;
  font-size: 26px;
  padding-top: 25px;
  margin-bottom: 20px;
}
.update-user-password .sub_text {
  width: 80%;
  margin: 10px auto;
  padding-bottom: 20px;
}

.edit_company {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 15px 0px;
  margin-top: 20px;
}
.edit_company .edit_footer {
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
}
.edit_company .edit_footer .note {
  margin-bottom: 0px;
}
.edit_company .edit_footer .btn_group .btn {
  padding: 6px 25px;
  border: none;
  font-size: 14px;
}
.edit_company .edit_footer .btn_group .btn-primary {
  background: #009EFB !important;
  margin-left: 10px;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  display: none;
}

.detailscheckscs .details {
  margin-bottom: 5px;
}
.detailscheckscs .details .btn {
  font-size: 12px;
}
.detailscheckscs .screening_parameter_page .screening_parameter_list {
  border: none;
  border-top: 1px dashed #ddd;
}

.toogle_footer {
  border-top: 1px solid #ddd;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .toogle_footer {
    flex-wrap: wrap;
  }
}
.toogle_footer .btn {
  font-size: 14px;
}
@media (max-width: 767px) {
  .toogle_footer .btn {
    width: 48%;
    font-size: 13px;
    padding: 5px 5px;
    border: none;
    margin: 3px;
  }
}

.noboder-show {
  border: none !important;
}

.right_slide_section {
  position: fixed;
  background: #fff;
  width: 100%;
  left: 0;
  right: 0;
  top: 0%;
  transform: translateY(-50%);
  transition: 1.2s all;
  z-index: 99999;
  height: 100vh;
  overflow: auto;
}
.right_slide_section.rig_show {
  transform: translateY(0%);
  transition: 1.2s all;
}
.right_slide_section .card_box .content_list_section .accordion_box {
  padding: 5px 15px;
}
.right_slide_section.notes_show {
  transform: translateY(0%);
  width: 40%;
  left: inherit;
  box-shadow: -2px 6px 8px #ddd;
}
.right_slide_section .header_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 10px 20px;
}
.right_slide_section .header_box h4 {
  font-size: 18px;
}
.right_slide_section .header_box i {
  cursor: pointer;
  padding: 5px;
}

.header_popup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}
.header_popup h4 {
  font-size: 21px;
}

.footer_popup {
  display: flex;
  justify-content: end;
  padding: 10px 0px;
  border-top: 1px solid #ddd;
}

.noboardershow {
  border-bottom: none !important;
}

.btn {
  font-size: 14px;
}

.font-21 {
  font-size: 21px !important;
}

.single_text {
  font-size: 21px;
  font-weight: 600;
}

.main_heading {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px !important;
}
.main_heading h4 {
  font-size: 18px !important;
}

.inner_heading {
  margin-bottom: 15px !important;
  margin: 0px -20px;
  background: #ddd;
  padding: 10px 15px;
}
.inner_heading h4 {
  padding-left: 15px;
}

.card_right i {
  font-size: 18px;
  padding: 8px;
  cursor: pointer;
}

.question_box_sect {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding: 20px;
}
.question_box_sect .questionera_list {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.question_box_sect .questionera_list .text {
  margin-top: 0px;
  padding: 15px 0px;
  padding-top: 5px;
  font-size: 15px;
}
.question_box_sect .questionera_list .action_sec {
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10px;
}
.question_box_sect .questionera_list .action_sec .options {
  display: flex;
  align-items: center;
}
.question_box_sect .questionera_list .action_sec .options span {
  margin-right: 5px;
  background: #0d6efd;
  padding: 5px 10px;
  border-radius: 3px;
  color: white;
}
.question_box_sect .questionera_list .action_sec .active_action {
  display: flex;
  align-items: center;
}
.question_box_sect .questionera_list .action_sec .active_action .btn {
  margin-left: 5px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.question_box_sect .questionera_list .action_sec .active_action .btn i {
  font-size: 18px;
}

.flexalign {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9999;
}
.flexalign .flex {
  align-items: center;
  display: flex;
}
.flexalign .flex::after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  border: 1px dashed #d2d4d7;
  top: 27px;
  left: 23px;
}
.flexalign .date {
  margin-bottom: 0px;
}

.rfee_timelinbe {
  padding: 10px 25px;
  background: #f5f6f8;
  padding: 10px 25px;
  margin-top: 10px;
  position: relative;
  z-index: 9999;
  margin-bottom: 10px;
}
.rfee_timelinbe p {
  margin-bottom: 0px !important;
}

.question_era .left_panel .review_header h4 {
  font-size: 24px;
}
.question_era .left_panel .card_box {
  padding: 10px;
}
.question_era .left_panel .card_box ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.question_era .left_panel .card_box ul li {
  list-style: none;
  padding: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #ddd;
  transition: 0.5s all;
}
.question_era .left_panel .card_box ul li .under_ggr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.question_era .left_panel .card_box ul li .icons_show {
  display: flex;
  align-items: center;
}
.question_era .left_panel .card_box ul li .icons_show i {
  font-size: 18px;
  padding: 5px;
}
.question_era .left_panel .card_box ul li {
  cursor: pointer;
}
.question_era .left_panel .card_box ul li .question {
  width: 40px;
  height: 40px;
  background: #c7d4ef;
  border-radius: 5px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}
.question_era .left_panel .card_box ul li:last-child {
  border-bottom: 0px solid #ddd;
}
.question_era .left_panel .card_box ul li:hover {
  background: #c7d4ef;
  transition: 0.5s all;
}
.question_era .left_panel .card_box ul li:hover .question {
  background: #7fa2eb;
  color: #fff;
}
.question_era .right_panel .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.question_era .right_panel .card_box {
  padding-left: 0px;
  padding-right: 0px;
}
.question_era .right_panel .card_box .question_box_sect {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding: 20px;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .text {
  margin-top: 0px;
  padding: 15px 0px;
  padding-top: 5px;
  font-size: 15px;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .action_sec {
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .action_sec .options {
  display: flex;
  align-items: center;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .action_sec .options span {
  margin-right: 5px;
  background: #0d6efd;
  padding: 5px 10px;
  border-radius: 3px;
  color: white;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .action_sec .active_action {
  display: flex;
  align-items: center;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .action_sec .active_action .btn {
  margin-left: 5px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.question_era .right_panel .card_box .question_box_sect .questionera_list .action_sec .active_action .btn i {
  font-size: 18px;
}

.placeholder {
  background: transparent !important;
  color: #475569 !important;
  opacity: 0.9 !important;
  cursor: pointer !important;
}

.badage_text {
  padding: 5px 20px;
  background: #1c1c1c;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  margin-right: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  margin-bottom: 5px !important;
}

.report-action-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 150px;
  height: 38px !important;
  padding: 0 24px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  border-radius: 5px !important;
  border: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.report-action-btn i {
  font-size: 18px;
}
.report-action-btn.btn-blue {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  color: #ffffff !important;
}
.report-action-btn.btn-blue:hover {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3), 0 4px 6px -2px rgba(59, 130, 246, 0.2);
}
.report-action-btn.btn-blue:active {
  transform: translateY(0);
}
.report-action-btn.btn-green {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: #ffffff !important;
}
.report-action-btn.btn-green:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3), 0 4px 6px -2px rgba(16, 185, 129, 0.2);
}
.report-action-btn.btn-green:active {
  transform: translateY(0);
}
.report-action-btn.btn-red-light {
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
}
.report-action-btn.btn-red-light:hover {
  background-color: #fecaca !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.1);
}
.report-action-btn.btn-red-light i {
  color: #dc2626 !important;
}

.blue_button_bg {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  padding: 0 16px !important;
  max-height: 36px !important;
  min-height: 36px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  background-color: #282a2b !important;
  border: none !important;
  color: #ffffff !important;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  white-space: nowrap !important;
}

.orange_button_bg {
  background: #ff7600;
  border: none;
}

.light_green_button_bg {
  background: #4cbf9c;
  border: none;
}

.red_button_bg {
  background: #e73f34;
  border: none;
}

.inner_orange_button_bg {
  background: #efd9c2;
  border: none;
  color: #ff7600;
}
.inner_orange_button_bg i {
  color: #ff7600 !important;
}

.inner_red_btn_bg {
  background: #f1b2b2;
  color: #c90505;
  border: none;
}
.inner_red_btn_bg i {
  color: #c90505 !important;
}

.inner_light_black_bg {
  background: #b3b2b2;
  color: #000;
  border: none;
}
.inner_light_black_bg i {
  color: #000 !important;
}

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

.boarder_bg {
  background: #f5f6f8;
}
.boarder_bg .sub_addon_box .boarder_bg {
  background: transparent;
}

.displaynone {
  display: none;
}

.heightfixed {
  max-height: 400px;
  min-height: 400px;
  overflow: auto;
  margin-bottom: 20px;
}

.width48 {
  width: 47%;
}

.upload_files_list {
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.upload_files_list .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.upload_files_list .info .pdf_img {
  width: 60px;
  height: 60px;
  background: #edeeef;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  border-radius: 5px;
}
.upload_files_list .info .pdf_img i {
  font-size: 25px;
  color: #303449;
}
.upload_files_list .info .name {
  color: #303449;
  font-size: 14px;
  font-weight: 600;
}
.upload_files_list .info .size {
  background: #039503;
  color: #fff;
  border-radius: 3px;
  padding: 2px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.upload_files_list .icon-trash-bin {
  color: #ff312d;
  font-size: 22px;
  margin-right: 20px;
}

.pagination_box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.pagination_box .pagination {
  display: flex;
  padding: 5px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 0px;
}
.pagination_box .pagination li {
  display: flex;
}
.pagination_box .pagination li .page-link {
  margin: 0px;
  border-radius: 0px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pagination_box .pagination li .page-link .pa_text {
  font-size: 14px;
}
.pagination_box .pagination li .page-link i {
  font-size: 13px;
  cursor: pointer;
}
.pagination_box .pagination li .page-link.active {
  color: #fff;
}

.sub_drop_show .mat-form-field-infix {
  align-items: center;
  display: flex;
}
.sub_drop_show mat-datepicker-toggle .mat-focus-indicator .mat-button-wrapper svg {
  color: #333;
}
.sub_drop_show mat-icon {
  top: 7px;
  color: #333;
  right: 0px;
}
.sub_drop_show mat-icon i {
  font-size: 13px !important;
  position: initial !important;
}

.companyshow_date .mat-form-field-infix {
  align-items: center;
  display: flex;
}
.companyshow_date mat-datepicker-toggle .mat-focus-indicator .mat-button-wrapper svg {
  color: #333;
}
.companyshow_date mat-icon {
  top: 7px;
  color: #333;
  right: 0px;
  position: relative;
}
.companyshow_date mat-icon i {
  font-size: 13px !important;
  position: initial !important;
}
.companyshow_date .form-control {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.notes_list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.circle_align {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 25px;
}
.circle_align .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #D1D5DB;
  margin: 0px 6px;
  background: transparent;
  transition: all 0.3s;
  cursor: pointer;
}
.circle_align .dot.active {
  background: #EE3124;
  border-color: #EE3124;
}

/* Button overrides */
.saas-btn-dark {
  background: #000000 !important;
  color: #ffffff !important;
}
.saas-btn-dark:hover {
  background: #1a1a1a !important;
}

.saas-btn-ghost {
  background: transparent !important;
  color: #1e293b !important;
  /* Dark slate text */
  box-shadow: none !important;
  border: none !important;
}
.saas-btn-ghost:hover {
  color: #000000 !important;
  text-decoration: none !important;
  background: transparent !important;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #d1d1d1;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #fff;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #fad699;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
@keyframes spin {
  0% {
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    /* Chrome, Opera 15+, Safari 3.1+ */
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(34, 34, 34, 0.7);
  z-index: 1000;
  /* Chrome, Opera 15+, Safari 3.1+ */
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  /* Chrome, Opera 15+, Safari 3.1+ */
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  /* Chrome, Opera 15+, Safari 3.1+ */
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader {
  opacity: 1;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  /* Chrome, Opera 15+, Safari 3.1+ */
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  transition: all 0.3s 1s ease-out;
}

.search_bar {
  display: flex;
  margin-right: 10px;
  align-items: center;
}
.search_bar .form-control {
  margin: 5px;
}

.addbuls_update {
  padding: 6px 30px;
  background: #004b8e;
  border: none;
}

.search_bar_btn {
  padding: 12px;
  background: #0d6efd;
  color: #fff;
  margin-left: -5px;
  border-radius: 0px 5px 5px 0px;
}

.group_btn {
  display: flex;
  align-items: center;
}
.group_btn span.btn_box_icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  min-height: 35px;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
}
.group_btn span.btn_box_icon i {
  font-size: 14px;
}

.add_check_box .add_check_list {
  background: #fff;
  border: 1px solid #d1d7e1;
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.add_check_box .add_check_list .header {
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add_check_box .add_check_list .header h4 {
  width: auto;
  margin-right: 20px;
}
.add_check_box .add_check_list .header .count_show {
  margin: 0px 5px;
}
.add_check_box .add_check_list .header .count_show .count_text {
  padding-left: 10px;
  border-radius: 5px;
  color: #333;
  padding-right: 0px;
  width: 175px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add_check_box .add_check_list .header .count_show .count_text .count {
  background: #3939db;
  padding: 7px 10px;
  border-radius: 0px 5px 5px 0px;
}
.add_check_box .add_check_list .header .count_show .count_text.blue_box .count {
  background: #35caff;
}
.add_check_box .add_check_list .header .count_show .count_text.yellow_box .count {
  background: #ffc229;
}
.add_check_box .add_check_list .header .count_show .count_text.green_box .count {
  background: #44ff5f;
}
.add_check_box .add_check_list .header .btn-outline-dark {
  font-size: 12px;
  margin-left: 10px;
}
.add_check_box .add_check_list .header .badge_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.add_check_box .add_check_list .add_list_count {
  padding: 0px 20px 10px;
}

.slider_heading {
  margin-bottom: 0px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.arrow.prev {
  opacity: 0.2;
  left: 20px;
  background-image: none !important;
  transition: 0.2s linear all;
}

.arrow.next {
  opacity: 0.2;
  right: 20px;
  background-image: none !important;
  transition: 0.2s linear all;
}

.change_password_setting {
  background-color: #fff;
}
.change_password_setting .login_container {
  height: calc(100vh - 90px);
}
.change_password_setting .login_container .login_box {
  width: 90%;
}
.change_password_setting .login_container .login_box .signup-form .login_form_section {
  padding-bottom: 10px;
}

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

.skip_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.skip_text .addbutton {
  padding: 6px 25px;
}

.uploaded_img {
  display: flex;
}
.uploaded_img .img_sec {
  width: 220px;
  height: 220px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  margin: 20px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #ddd;
}
.uploaded_img .img_sec .circle_check {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #029202;
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uploaded_img .img_sec .circle_check i {
  color: #fff;
  font-size: 22px;
}
.uploaded_img .img_sec img {
  width: 100%;
}

.snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #179734;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
  border-radius: 30px;
}

.snackbar.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* ── Document selector linear flow ── */
.passdrive_group {
  margin-top: 16px;
}

.manual-verify-prompt {
  font-size: 13px;
  color: #6b7280;
  margin: 12px 0 0;
  text-align: center;
}
.manual-verify-prompt .manual-verify-link {
  color: #1e3a8a;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
}
.manual-verify-prompt .manual-verify-link:hover {
  color: #2563eb;
}

.manual-verify-flow {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* "Don't have a passport?" alternative-document banner */
.doc-fallback-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-left: 4px solid #2563eb;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 4px 0 24px 0;
  flex-wrap: wrap;
}
.doc-fallback-bar__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #dbeafe;
  color: #1d4ed8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.doc-fallback-bar__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 220px;
}
.doc-fallback-bar__question {
  font-size: 14px;
  font-weight: 700;
  color: #1e3a8a;
  line-height: 1.3;
}
.doc-fallback-bar__hint {
  font-size: 13px;
  color: #475569;
  line-height: 1.45;
}

.btn-use-alt-doc {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  background: #1d4ed8;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.btn-use-alt-doc:hover {
  background: #1e40af;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(29, 78, 216, 0.2);
}
.btn-use-alt-doc:focus-visible {
  outline: 2px solid #1d4ed8;
  outline-offset: 2px;
}
.btn-use-alt-doc svg {
  flex-shrink: 0;
}

/* Back nav bar on driving licence screen */
.doc-back-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.doc-back-nav__label {
  font-size: 12px;
  font-weight: 600;
  color: #059669;
  background: #d1fae5;
  padding: 4px 10px;
  border-radius: 20px;
}

.btn-back-doc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: #fff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}
.btn-back-doc:hover {
  border-color: #1e3a8a;
  color: #1e3a8a;
}
.btn-back-doc svg {
  flex-shrink: 0;
}

/* "No passport or driving licence" info banner */
.no-docs-info-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  padding: 14px 18px;
  margin-top: 12px;
}
.no-docs-info-banner__icon {
  font-size: 18px;
  color: #d97706;
  flex-shrink: 0;
  margin-top: 1px;
}
.no-docs-info-banner__content strong {
  font-size: 13px;
  color: #92400e;
}
.no-docs-info-banner__content p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #78350f;
}

.progress_upload {
  background: rgba(255, 255, 255, 0.1);
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 5px;
  display: flex;
  height: 15px;
  width: 500px;
}

.progress_upload_value {
  animation: load 3s normal backwards;
  box-shadow: 0 10px 40px -10px #fff;
  border-radius: 100px;
  background: #5de60e;
  height: 10px;
  width: 0;
  transition: 0.5s ease-in-out;
}

.position_relative {
  position: relative;
}

.overlay_box #loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.overlay_box p {
  color: #fff;
}

@keyframes load {
  0% {
    width: 0;
    background: gray;
    transition: 0.5s ease-in-out;
  }
  20% {
    width: 0%;
    background: rgb(156, 241, 144);
    transition: 0.5s ease-in-out;
  }
  40% {
    width: 0%;
    background: rgb(97, 241, 78);
    transition: 0.5s ease-in-out;
  }
  60% {
    width: 0%;
    background: rgb(74, 241, 52);
    transition: 0.5s ease-in-out;
  }
  80% {
    width: 0%;
    background: rgb(35, 177, 17);
    transition: 0.5s ease-in-out;
  }
  100% {
    width: 100%;
    background: rgb(28, 167, 9);
    transition: 0.5s ease-in-out;
  }
}
.overlay_box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
}
.overlay_box .text_content {
  width: 550px;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 7px #ddd;
  border-radius: 5px;
  padding: 20px;
}
@media (max-width: 767px) {
  .overlay_box .text_content {
    width: 80%;
  }
}

.progress_wi {
  padding: 6px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  height: 18px;
  background-color: #ee303c;
  border-radius: 4px;
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-striped .progress-bar {
  background-color: #fcbc51;
  width: 100%;
  background-image: linear-gradient(45deg, rgb(252, 163, 17) 25%, transparent 25%, transparent 50%, rgb(252, 163, 17) 50%, rgb(252, 163, 17) 75%, transparent 75%, transparent);
  animation: progressAnimationStrike 40s;
}

.group_text_edit {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .group_text_edit {
    display: block;
    margin-top: 5px;
  }
}
.group_text_edit .btn {
  font-size: 12px;
}
.group_text_edit .btn i {
  color: #fff !important;
  font-size: 12px !important;
}

.bdage_group {
  display: flex;
  align-items: center;
}
.bdage_group .bdage {
  color: #fff;
  padding: 3px 20px;
  border-radius: 5px;
  margin-right: 10px;
  font-size: 13px;
  padding-right: 0px;
  overflow: hidden;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .bdage_group .bdage {
    width: 48%;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 5px;
    padding-right: 0px;
  }
}
.bdage_group .bdage span {
  padding: 6px 10px;
  margin-left: 5px;
}
@media (max-width: 767px) {
  .bdage_group .bdage span {
    padding: 2px 5px;
  }
}
.bdage_group .bdage.bluecolor {
  background: #1a6aef;
}
.bdage_group .bdage.bluecolor span {
  background: #0b3a89;
}
.bdage_group .bdage.greencolor {
  background: green;
}
.bdage_group .bdage.greencolor span {
  background: #42b70e;
}
.bdage_group .bdage.redcolor {
  background: #e53e3b;
}
.bdage_group .bdage.redcolor span {
  background: #990a08;
}
.bdage_group .bdage.purpalcolor {
  background: #830bb5;
}
.bdage_group .bdage.purpalcolor span {
  background: #520a70;
}
.bdage_group .bdage.orangecolor {
  background: #f15a20;
}
.bdage_group .bdage.orangecolor span {
  background: #ef2510;
}

#assign-requests .review_section .candidate_summary_page .sub_addon_box .candidate_details_list_section {
  padding-top: 0;
  padding-bottom: 15px !important;
}
#assign-requests .review_section .candidate_summary_page .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section label {
  margin-bottom: 3px;
  font-size: 14px;
  color: #6c6f7d;
}
#assign-requests .review_section .candidate_summary_page .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section .tex {
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: 500;
  color: #303449;
  font-size: 16px;
  display: flex;
}
#assign-requests .modal-footer {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.filter_box {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
}
.filter_box .search_filter {
  box-shadow: none;
}
.filter_box .search_filter .mat-form-field-infix .mat-icon {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.54);
}
.filter_box .search_filter .mat-form-field-infix .mat-icon i {
  position: absolute;
  top: 12px;
  right: 10px;
}
.filter_box .btn_group {
  display: flex;
  justify-content: flex-end;
  padding: 20px;
}

.casedetails_box .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section label {
  margin-bottom: 3px;
  font-size: 14px;
  color: #6c6f7d;
}
.casedetails_box .sub_addon_box .candidate_details_list_section .detail_list_form .content_list_section .text {
  margin-bottom: 20px;
  margin-top: 0px;
  font-size: 16px;
  display: flex;
  color: #303449;
  font-weight: 500;
}
.casedetails_box .innerhtml table {
  width: 100%;
}

.scircle {
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid green;
  font-size: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: 600;
  color: green !important;
}

.mr-5 {
  margin-right: 5px;
}

.modal-body {
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.top_content_sec {
  border-bottom: 1px solid #ddd;
}
.top_content_sec .logo_show {
  padding: 15px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.border_bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.comapny_details {
  padding: 10px;
  border-left: 1px solid #ddd;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.comapny_details .card_box {
  background: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 0px solid #ddd;
  padding: 0px 10px;
  padding-bottom: 3px;
}
.comapny_details .card_box .card_footer {
  padding-top: 5px;
}
.comapny_details .card_box .card_footer .footer_content .text_group .icons_text {
  margin-bottom: 5px;
}
.comapny_details .card_box .card_footer .footer_content .text {
  margin-top: 5px;
}

.tab_box_show {
  background: #fff;
}
.tab_box_show .icons_group {
  border-bottom: 1px solid #ddd;
}
.tab_box_show .icons_group.compantdetails .btn {
  padding: 12px 15px !important;
  border-radius: 0px !important;
}

.b-bottom-1 {
  border-bottom: 1px solid #ddd;
}
.b-bottom-1:last-child {
  border-bottom: none;
}

.compantdetails_section {
  padding: 0;
}
.compantdetails_section .infomation_review_box {
  width: 100% !important;
}
.compantdetails_section .infomation_review_box .card_box {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important;
  padding: 10px 20px !important;
  border-radius: 0px;
  padding-top: 0px !important;
}
.compantdetails_section .infomation_review_box .card_box .accordion {
  background: #f5f3f3;
  margin-left: -20px;
  margin-right: -20px;
  border-bottom: 1px solid #ddd;
}

.color-fff {
  color: #fff !important;
}

.tooltip_show {
  position: relative;
  overflow: hidden;
}

.tooltip_content {
  position: absolute;
  color: white;
  background-color: black;
  border-radius: 5px;
  width: 240px;
  font-size: 13px;
  padding: 5px 10px;
  transition: 0.3s;
  opacity: 0;
}

.tooltip_show:hover {
  overflow: visible;
}

.tooltip_show:hover span {
  opacity: 1;
}

.tooltip_content::after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
}

.tooltip_show[data-position=top] span {
  top: -70px;
  left: -10px;
}

.tooltip_show[data-position=top] span::after {
  border-top-color: black;
  left: 10px;
  bottom: -20px;
}

.tooltip_show[data-position=left] span {
  top: 10px;
  left: -150px;
}

.tooltip_show[data-position=left] span::after {
  border-left-color: black;
  right: -20px;
  bottom: 5px;
}

.tooltip_show[data-position=bottom] span {
  bottom: -45px;
  left: -10px;
}

.tooltip_show[data-position=bottom] span::after {
  border-bottom-color: black;
  left: 50px;
  top: -20px;
}

.tooltip_show[data-position=right] span {
  top: 10px;
  right: -150px;
}

.tooltip_show[data-position=right] span::after {
  border-right-color: black;
  left: -20px;
  bottom: 5px;
}

@keyframes progressAnimationStrike {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.help_box {
  max-width: 1320px !important;
  margin: 0 auto;
  padding: 20px 0px;
}

.topic-sidebar {
  margin-bottom: 24px;
  height: calc(100vh - 180px);
  position: sticky;
  top: 94px;
  overflow: auto;
  border-right: 1px solid #ddd;
}
.topic-sidebar .cg-card-header {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.topic-sidebar .cg-card-header .cg-card-title {
  margin: 0;
  font-size: 18px;
  color: #484d54;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  cursor: default;
}
.topic-sidebar .cg-card-content {
  padding: 10px;
}
.topic-sidebar .cg-card-content nav .cg-sb-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.topic-sidebar .cg-card-content nav .cg-sb-list .cg-sb-item {
  position: relative;
  list-style-type: none;
  color: #777;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.03rem;
  font-weight: 300;
}
.topic-sidebar .cg-card-content nav .cg-sb-list .cg-sb-item .cg-page-link {
  transition: all 0.2s ease-in-out;
  padding: 12px 0px;
  width: 100%;
  color: #334B59;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 18px;
  text-transform: capitalize;
  margin-left: 0px;
}
.topic-sidebar .cg-card-content nav .cg-sb-list .cg-sb-item .cg-page-link i {
  margin-right: 10px;
  font-size: 19px;
}
.topic-sidebar .cg-card-content nav .cg-sb-list .cg-sb-item .cg-page-link:hover {
  color: red;
  text-decoration: underline;
}

.suspenduser {
  background-color: red;
  color: #fff;
}

.passicons {
  width: 50px;
  height: 50px;
  background: #181818;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5 cubic-bezier(0.075, 0.82, 0.165, 1);
  margin-left: 10px;
}
.passicons svg {
  width: 22px;
  fill: #fff;
}

.right-help-content .help_content {
  padding: 15px;
  margin-bottom: 24px;
}
.right-help-content .help_content p {
  font-size: 14px;
  line-height: 22px;
}
.right-help-content .help_content h4 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #334B59;
}
.right-help-content .help_content hr {
  margin-top: 40px;
}
.right-help-content .help_content h5 {
  font-size: 16px;
  font-weight: bold;
  color: #232526;
}
.right-help-content .help_content h5 span {
  font-size: 14px;
  line-height: 22px;
  color: #67777E;
  margin-left: 10px;
}
.right-help-content .help_content em {
  color: red;
}
.right-help-content .help_content img {
  width: 100%;
  margin: 25px 0px 10px;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.right-help-content .help_content ul li {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 22px;
}

.container_bar {
  width: 500px;
  text-align: center;
}
.container_bar p {
  color: var(--bs-body-color);
}
@media (max-width: 767px) {
  .container_bar {
    width: 100%;
  }
}

.navbar-toggler {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
}

.mobile_nav_show {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  display: none;
}
.mobile_nav_show .more_option_menu .notification_i {
  margin-right: 5px;
}
.mobile_nav_show .more_option_menu .notification_i i {
  font-size: 18px;
}
.mobile_nav_show .user_profile_menu .user_circle {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #ddd;
  margin-right: 0;
}

.navbar-brand .widthset {
  height: 50px;
}

.navbar-collapse {
  display: none;
}
.navbar-collapse.show {
  display: block;
}

.az-overlay {
  display: none !important;
}

.diflex-ali {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.candidate_summary_page .right_panel .infomation_review_box .uploadreport.inner_red_btn_bg {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000;
}
.candidate_summary_page .right_panel .infomation_review_box .uploadreport.inner_red_btn_bg i {
  color: #000 !important;
}

.inner_green_button_bg {
  border: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  padding: 0 16px !important;
  height: 36px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  background-color: #259a23 !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(79, 70, 229, 0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap !important;
}

.review_rquest_dashboard .data_row.orange_box {
  background: #FAD699;
  overflow: hidden;
}
.review_rquest_dashboard .data_row.orange_box .data_hide {
  background: #fff;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
}
.review_rquest_dashboard .data_row.green_box {
  background: #CEFFD5;
  overflow: hidden;
}
.review_rquest_dashboard .data_row.green_box .data_hide {
  background: #fff;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
}
.review_rquest_dashboard .data_row.red_box {
  background: #FFE0E0;
  overflow: hidden;
}
.review_rquest_dashboard .data_row.red_box .data_hide {
  background: #fff;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
}
.review_rquest_dashboard .data_row.light_red_box {
  background: #d8abab;
  overflow: hidden;
}
.review_rquest_dashboard .data_row.light_red_box .data_hide {
  background: #fff;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
}

.mat-date-range-input-separator {
  color: #303449;
}

@media (max-width: 1366px) {
  footer .phone_email {
    display: block;
  }
  footer .phone_email .icon_text {
    margin-bottom: 5px;
  }
  .card_box .header .btn_group .btn {
    padding: 5px 15px;
  }
  az-back-top {
    display: none;
  }
  .candidate_summary_page .right_panel .heading h4 {
    width: 100%;
  }
  .review_rquest_dashboard .header_row .right_side .box .btn-danger {
    padding: 10px 15px;
    font-size: 13px;
  }
  .candidate_summary_page .left_panel {
    padding-right: 0px;
  }
  .user_profile_menu .name_email .name {
    width: 74px;
  }
  .user_profile_menu .name_email .email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85px;
    display: block;
  }
  .review_rquest_dashboard .review_card .count span {
    font-size: 28px;
  }
  .navbar-nav li {
    padding: 0px;
  }
  .main_nav_bar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #303449;
    font-size: 12px;
  }
  .mobile_parameter.review_rquest_dashboard .data_row {
    width: 100%;
  }
  .vertical_cenetr .card_box {
    width: 55%;
  }
  .login_container .login_box {
    width: 80%;
  }
  .candidate_mobile_detail_page .ipadwidth_40 {
    width: 40%;
  }
  .candidate_mobile_detail_page .ipadwidth_60 {
    width: 60%;
  }
  .candidate_mobile_detail_page .card_box .task_count p .large_count {
    font-size: 37px;
  }
  .candidate_mobile_detail_page .card_box .task_count p .small_count {
    font-size: 17px;
  }
  .candidate_mobile_detail_page .detail_list_form .form-label {
    font-size: 12px;
  }
  .mobile_requestcreation .card_list_box {
    display: block;
  }
  .mobile_requestcreation .card_list_box .vh_scroll {
    height: auto;
  }
  .mobile_requestcreation .vh_scroll_right {
    height: auto;
  }
  .mobile_requestcreation .vh_scroll_right_casecreated {
    height: auto;
  }
  .mobile_requestcreation .ipadwidth50 {
    width: 33%;
  }
  .ipadwidth {
    width: 100%;
  }
  .ipadwidth .subipadwidth {
    width: 33%;
  }
  .ipadwidth .subipadwidth .review_card {
    margin-bottom: 15px;
  }
  .review_rquest_dashboard .header_row .search_filter .d-flex {
    flex-wrap: wrap;
  }
  .review_rquest_dashboard .header_row .search_filter .form {
    width: 31%;
  }
  .ipadflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .review_rquest_dashboard .data_row .data_visible {
    display: block;
  }
  .review_rquest_dashboard .data_row .details {
    width: 100%;
    margin-bottom: 10px;
  }
  .mobile_screening_candidate {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row {
    margin-right: 0px;
    width: 100%;
  }
  .mobile_screening_candidate .data_row .data_visible {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row .data_visible .details {
    width: 14%;
  }
  .mobile_screening_candidate .data_row .data_hide {
    display: flex;
  }
  .mobile_screening_candidate .data_row .data_hide .details {
    width: 23%;
    margin-left: 8px;
  }
  .mobile_screening_candidate .screening_parameter_page .details.screening_parameter_list {
    width: 100%;
  }
  .all_refree {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .all_refree .data_row {
    width: 32.2%;
    margin-right: 10px;
  }
  .mobile_screening_candidate_left.left_panel {
    padding-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box {
    width: 32.5%;
    margin-right: 10px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(3n) {
    margin-right: 0px;
  }
}
@media (max-width: 1024px) {
  .mobile_screening_candidate_left.left_panel {
    padding-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box {
    width: 49%;
    margin-right: 10px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(2n) {
    margin-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(3n) {
    margin-right: 10px;
  }
  .vertical_cenetr .card_box {
    width: 65%;
  }
  .login_container .login_box {
    width: 90%;
  }
  .candidate_mobile_detail_page .candidate_details_list_section img {
    width: 100%;
  }
  .candidate_mobile_detail_page .list_head .card_list_box .card_list .card_left .heading_text .text {
    font-size: 18px;
    margin-left: 10px;
    line-height: 24px;
  }
  .mobile_requestcreation .card_list_box {
    display: block;
  }
  .mobile_requestcreation .card_list_box .vh_scroll {
    height: auto;
  }
  .mobile_requestcreation .vh_scroll_right {
    height: auto;
  }
  .mobile_requestcreation .vh_scroll_right_casecreated {
    height: auto;
  }
  .main_nav_bar .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 12px;
  }
  .navbar-nav li {
    padding: 0px 3px;
  }
  .nav-item .nav-link {
    padding: 3px 10px !important;
  }
  .ipadwidth {
    width: 100%;
  }
  .ipadwidth .subipadwidth {
    width: 33%;
  }
  .ipadwidth .subipadwidth .review_card {
    margin-bottom: 15px;
  }
  .review_rquest_dashboard .header_row .search_filter .d-flex {
    flex-wrap: wrap;
  }
  .review_rquest_dashboard .header_row .search_filter .form {
    width: 31%;
  }
  .ipadflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .review_rquest_dashboard .data_row {
    width: 32.5%;
  }
  .review_rquest_dashboard .data_row .data_visible {
    display: block;
  }
  .review_rquest_dashboard .data_row .details {
    width: 100%;
    margin-bottom: 10px;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list .list_box {
    display: block;
  }
  .settingpage .candidate_details_section_form {
    padding: 20px 10px;
  }
  .width10 {
    width: 100%;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header {
    justify-content: space-between;
  }
  .settingpage .list_box .list {
    margin-bottom: 10px;
  }
  .settingpage .list_box .list .card_header {
    display: flex;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list {
    width: 32%;
  }
  .width20 {
    width: 100%;
  }
  .width30 {
    width: 100%;
  }
  .width40 {
    width: 100%;
  }
  .width50 {
    width: 100%;
  }
  .width60 {
    width: 100%;
  }
  .width70 {
    width: 100%;
  }
  .width80 {
    width: 100%;
  }
  .width90 {
    width: 100%;
  }
  .width10 {
    width: 100%;
  }
  .admin_dashboard_req .activity_box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .admin_dashboard_req .activity_box .top_section {
    width: 210px;
  }
  .admin_dashboard_req .activity_box .bottom_section {
    width: 30%;
  }
  .admin_dashboard_req .activity_box .bottom_section .progress_bar {
    margin-left: 20px;
  }
  .ipadwidth50 {
    width: 50%;
  }
  .mobile_screening_candidate {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row {
    margin-right: 0px;
    width: 100%;
  }
  .mobile_screening_candidate .data_row .data_visible {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row .data_visible .details {
    width: 18%;
  }
  .mobile_screening_candidate .data_row .data_hide {
    display: flex;
  }
  .mobile_screening_candidate .data_row .data_hide .details {
    width: 30%;
    margin-left: 8px;
  }
  .mobile_screening_candidate .screening_parameter_page .details.screening_parameter_list {
    width: 100%;
  }
  .all_refree {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .all_refree .data_row {
    width: 32%;
    margin-right: 10px;
  }
}
@media (max-width: 980px) {
  .mobile_screening_candidate_left.left_panel {
    padding-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box {
    width: 48%;
    margin-right: 10px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(2n) {
    margin-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(3n) {
    margin-right: 10px;
  }
  .diflex-ali {
    display: block;
  }
  .vertical_cenetr .card_box {
    width: 90%;
  }
  .login_ipadwidth {
    width: 100%;
  }
  .login_container .login_box {
    width: 80%;
  }
  .login_container .login_box .content_box .reliable_section {
    width: 100%;
    display: none;
  }
  .login_container .login_box .content_box .sub_box {
    display: none;
  }
  .login_container .sub_box img {
    width: 100px;
  }
  .slider_box.mt-40 {
    margin-top: 0px !important;
  }
  .login_container .login_box .content_box .header {
    padding-bottom: 21px !important;
  }
  .login_container .login_box .login_form_section .form_header {
    padding-bottom: 20px !important;
  }
  .candidate_mobile_detail_page .card_list_box .card_list .card_left .card_list_text {
    margin-right: 10px;
    font-size: 12px;
  }
  .candidate_mobile_detail_page .card_list_box .card_list {
    align-items: flex-start;
  }
  .candidate_mobile_detail_page .card_list_box .card_list .card_right .btn {
    padding: 5px 10px;
  }
  .candidate_mobile_detail_page .card_right i {
    padding: 0px;
    font-size: 10px;
  }
  .candidate_mobile_detail_page .card_list_box .card_list .card_left .icon_box {
    display: none;
  }
  .candidate_mobile_detail_page .candidate_mobile_detail_page .card_box .task_count p .large_count {
    font-size: 23px;
  }
  .candidate_mobile_detail_page .candidate_mobile_detail_page .card_box .task_count p .small_count {
    font-size: 13px;
  }
  .candidate_mobile_detail_page .card_box .task_progress .count_per {
    font-size: 12px;
    margin-left: 7px;
  }
  .mobile_candidate_summary_page .left_panel {
    padding-right: 0px;
  }
  .mobile_candidate_summary_page .left_panel .heading h4 {
    width: 100%;
  }
  .mobile_review_section .candidate_summary_page .left_panel {
    padding-right: 0px;
  }
  .mobile_review_section .candidate_summary_page .right_panel .heading h4 {
    width: 100%;
  }
  .mobile_requestcreation .card_list_box {
    display: block;
  }
  .mobile_requestcreation .card_list_box .vh_scroll {
    height: auto;
  }
  .mobile_profile .screening_parameter_list .parameter_header {
    display: block;
  }
  .mobile_profile .screening_parameter_list .parameter_header .group_text_edit {
    width: 100%;
  }
  .mobile_profile .screening_parameter_list .parameter_header .group_text_edit .bdage_group {
    flex-wrap: wrap;
    width: 100%;
  }
  .mobile_profile .screening_parameter_list .parameter_header .group_text_edit .bdage_group .bdage {
    width: 18%;
    padding: 3px 10px;
    position: relative;
  }
  .mobile_profile .screening_parameter_list .parameter_header .group_text_edit .bdage_group .bdage .count {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px;
  }
  .mobile_profile .screening_parameter_list .toogle_footer {
    padding-top: 5px;
  }
  .mobile_profile .screening_parameter_list .toogle_footer .action .btn {
    width: 20%;
  }
  .ipadflex {
    display: flex;
  }
  .review_rquest_dashboard .header_row {
    display: block;
  }
  .review_rquest_dashboard .header_row .right_side {
    justify-content: flex-start;
  }
  .small-popup .jw-modal .jw-modal-body {
    width: 80%;
  }
  .ipadwidth {
    width: 100%;
  }
  .ipadwidth .subipadwidth {
    width: 50%;
  }
  .ipadwidth .subipadwidth .review_card {
    margin-bottom: 15px;
  }
  .review_rquest_dashboard .header_row .search_filter .d-flex {
    flex-wrap: wrap;
  }
  .review_rquest_dashboard .header_row .search_filter .form {
    width: 47%;
  }
  .ipadflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .review_rquest_dashboard .data_row {
    width: 49%;
  }
  .review_rquest_dashboard .data_row .data_visible {
    display: block;
  }
  .review_rquest_dashboard .data_row .details {
    width: 100%;
    margin-bottom: 10px;
  }
  .mobile_screening_candidate .data_row {
    width: 48%;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list .list_box {
    display: block;
  }
  .settingpage .candidate_details_section_form {
    padding: 20px 10px;
  }
  .width10 {
    width: 100%;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header {
    justify-content: space-between;
  }
  .settingpage .list_box .list {
    margin-bottom: 10px;
  }
  .settingpage .list_box .list .card_header {
    display: flex;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list {
    width: 47%;
  }
  .width20 {
    width: 100%;
  }
  .width30 {
    width: 100%;
  }
  .width40 {
    width: 100%;
  }
  .width50 {
    width: 100%;
  }
  .width60 {
    width: 100%;
  }
  .width70 {
    width: 100%;
  }
  .width80 {
    width: 100%;
  }
  .width90 {
    width: 100%;
  }
  .width10 {
    width: 100%;
  }
  .mobile_nav_show {
    display: flex;
    width: 95%;
  }
  .notshow_mobile {
    display: none !important;
  }
  .navbar-nav {
    margin: 10px 0;
  }
  .navbar-nav .nav-item {
    padding: 0px 0px;
  }
  .navbar-nav .nav-item .nav-link {
    margin-left: 0px;
    padding: 5px 2px !important;
  }
  .admin_dashboard_req .activity_box {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .admin_dashboard_req .activity_box .top_section {
    width: 210px;
  }
  .admin_dashboard_req .activity_box .bottom_section {
    width: 30%;
  }
  .admin_dashboard_req .activity_box .bottom_section .progress_bar {
    margin-left: 20px;
  }
  .ipadwidth50 {
    width: 50%;
  }
  .mobile_screening_candidate {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row {
    margin-right: 0px;
    width: 100%;
  }
  .mobile_screening_candidate .data_row .data_visible {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row .data_visible .details {
    width: 20%;
  }
  .mobile_screening_candidate .data_row .data_hide {
    display: flex;
  }
  .mobile_screening_candidate .data_row .data_hide .details {
    width: 32%;
    margin-left: 8px;
  }
  .mobile_screening_candidate .screening_parameter_page .details.screening_parameter_list {
    width: 100%;
  }
  .all_refree {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .all_refree .data_row {
    width: 48%;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .candidate_details_page {
    margin-bottom: 130px;
  }
  .doc-fallback-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .btn-use-alt-doc {
    width: 100%;
    justify-content: center;
  }
  .mobilehidden {
    display: none !important;
  }
  .mobi_mar {
    margin-top: 10px;
  }
  .candidate_summary_page {
    padding-bottom: 120px;
  }
  .mobile_nav_show .user_profile_menu .user_circle {
    margin-right: 15px;
  }
  .user_profile_menu .dropdown_arrow i {
    font-size: 9px;
  }
  .mobile_screening_candidate_left.left_panel {
    padding-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box {
    width: 100%;
    margin-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(2n) {
    margin-right: 0px;
  }
  .mobile_screening_candidate_left .screening_candidate_left .card_box:nth-child(3n) {
    margin-right: 0px;
  }
  .vertical_cenetr .card_box {
    width: 95%;
  }
  .candidate_mobile_detail_page .ipadwidth_40 {
    width: 100%;
  }
  .candidate_mobile_detail_page .ipadwidth_60 {
    width: 100%;
  }
  .mobile_requestcreation .card_list_box {
    display: block;
  }
  .mobile_requestcreation .card_list_box .vh_scroll {
    height: auto;
  }
  .mobile_requestcreation .vh_scroll_right {
    height: auto;
  }
  .mobile_requestcreation .vh_scroll_right_casecreated {
    height: auto;
  }
  .mobile_requestcreation .ipadwidth50 {
    width: 100%;
  }
  .mobile_profile .screening_parameter_list .parameter_header .group_text_edit .bdage_group {
    flex-wrap: wrap;
  }
  .mobile_profile .screening_parameter_list .parameter_header .group_text_edit .bdage_group .bdage {
    width: 48%;
  }
  .mobile_profile .screening_parameter_list .toogle_footer {
    padding-top: 5px;
  }
  .mobile_profile .screening_parameter_list .toogle_footer .action .btn {
    width: 47%;
  }
  .ipadflex {
    display: block;
  }
  .ipadwidth50 {
    width: 100%;
  }
  .mobile_nav_show {
    display: flex;
    width: 85%;
  }
  .notshow_mobile {
    display: none !important;
  }
  .navbar-nav {
    margin: 10px 0;
  }
  .navbar-nav .nav-item {
    padding: 0px 0px;
  }
  .navbar-nav .nav-item .nav-link {
    margin-left: 0px;
    padding: 5px 10px !important;
  }
  .review_rquest_dashboard .header_row .search_filter .d-flex {
    flex-wrap: nowrap;
  }
  .review_rquest_dashboard .header_row .search_filter .form {
    width: 100%;
  }
  .review_rquest_dashboard .data_row {
    width: 100%;
  }
  .review_rquest_dashboard .data_row .data_visible {
    display: block;
  }
  .rightalignbox {
    display: block;
  }
  .icons_group {
    flex-wrap: wrap;
  }
  .candidate_summary_page .right_panel .heading h4 {
    width: 100%;
  }
  .icons_group {
    justify-content: flex-start;
    margin-top: 10px;
  }
  .icons_group .btn {
    width: 46%;
    margin-bottom: 5px;
  }
  .icons_group .uploadreport_btn {
    width: 46%;
  }
  .icons_group .uploadreport_btn .btn {
    width: 100%;
  }
  .card_box .header_list {
    display: block;
    position: relative;
  }
  .card_box .header_list .redflag {
    margin-left: 15px;
  }
  .card_box .header_list .btn {
    margin-bottom: 8px;
  }
  .card_box .header_list .icon-up-arrow {
    position: absolute;
    top: 0;
    right: 0;
  }
  .card_box .header_list .icon-up-arrow.arrowdown {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mobile_hide {
    display: none;
  }
  .inner_orange_button_bg i {
    margin-right: 0px !important;
  }
  .btn-success i {
    margin-right: 0px !important;
  }
  .icon-downlaod.mr-7 {
    margin-right: 0px !important;
  }
  .icon-upload.mr-7 {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
  }
  .icon-eye.mr-7 {
    margin-right: 0px !important;
  }
  .icon-email.mr-7 {
    margin-right: 0px !important;
  }
  .icon-plus.mr-7 {
    margin-right: 0px !important;
  }
  .icon-edit.mr-7 {
    margin-right: 0px !important;
  }
  .border_box_footer {
    justify-content: space-evenly;
  }
  .border_box_footer .btn_right_border_group .btn {
    font-size: 14px;
  }
  .review_header {
    display: flex;
    margin: 15px 0;
    margin-bottom: 10px;
  }
  .card_box .header_list h4 {
    font-size: 16px;
    font-weight: 400;
    color: #303449;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 71%;
  }
  .ipadwidth {
    width: 100%;
  }
  .ipadwidth .subipadwidth {
    width: 100%;
  }
  .sub_addon_box {
    margin-bottom: 10px !important;
  }
  .sub_addon_box .header_list .right_btn_more .icon-up-arrow {
    position: absolute;
    top: 15px;
    right: 13px;
  }
  .sub_addon_box .sub_addon_box .header_list .right_btn_more {
    margin-top: 10px;
  }
  .sub_addon_box .sub_addon_box .header_list .right_btn_more .redflag {
    margin-left: 0px;
  }
  .inner_heading {
    margin: 0px -15px;
  }
  .inner_heading h4 {
    padding-left: 0px;
  }
  .settingpage {
    padding-bottom: 150px;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list .list_box {
    display: block;
  }
  .settingpage .candidate_details_section_form {
    padding: 20px 10px;
  }
  .width10 {
    width: 100%;
  }
  .settingpage .candidate_details_section_form .cards_box .card_list .list_box .list .card_header {
    justify-content: space-between;
  }
  .settingpage .list_box .list {
    margin-bottom: 10px;
  }
  .settingpage .list_box .list .card_header {
    display: flex;
  }
  .login_container .login_box {
    width: 100%;
  }
  .mobile_screening_candidate {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row {
    margin-right: 0px;
    width: 100%;
  }
  .mobile_screening_candidate .data_row .data_visible {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .mobile_screening_candidate .data_row .data_visible .details {
    width: 100%;
  }
  .mobile_screening_candidate .data_row .data_hide {
    display: flex;
  }
  .mobile_screening_candidate .data_row .data_hide .details {
    width: 100%;
    margin-left: 8px;
  }
}
.mb-50 {
  margin-bottom: 50px;
}

.form-control {
  margin-bottom: 10px;
}

.no_record {
  width: 100%;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #303449;
  text-align: center;
  padding: 25px;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
  border-radius: 5px;
}

.size8 {
  font-size: 8px !important;
}

.plus_c_btn {
  display: inline-block;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  color: #ff0e0e;
  font-size: 12px;
  font-weight: 500;
}
.plus_c_btn i {
  margin-right: 7px;
}
.plus_c_btn:hover {
  color: #ff0e0e !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   ULTRA-PREMIUM SAAS MODAL DESIGN (Final Version - Global Appended)
   ───────────────────────────────────────────────────────────────────────────── */
jw-modal.candetails .jw-modal,
.saas-modal-container .jw-modal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  z-index: 99999 !important;
}
jw-modal.candetails .jw-modal-body,
.saas-modal-container .jw-modal-body {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
jw-modal.candetails .saas-modal,
.saas-modal-container .saas-modal {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  width: 100% !important;
  max-width: 820px !important;
  max-height: 85vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  animation: modalSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
jw-modal.candetails .modal-header,
.saas-modal-container .modal-header {
  padding: 24px 32px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
}
jw-modal.candetails .modal-header .modal-title,
.saas-modal-container .modal-header .modal-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: -0.02em !important;
}
jw-modal.candetails .modal-header .modal-subtitle,
.saas-modal-container .modal-header .modal-subtitle {
  font-size: 14px !important;
  color: #64748b !important;
  margin: 0 !important;
}
jw-modal.candetails .modal-header .close-btn,
.saas-modal-container .modal-header .close-btn {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  padding: 0 !important;
}
jw-modal.candetails .modal-header .close-btn:hover,
.saas-modal-container .modal-header .close-btn:hover {
  background: #f1f5f9 !important;
  color: #475569 !important;
  transform: scale(1.05) !important;
}
jw-modal.candetails .modal-header .close-btn i,
.saas-modal-container .modal-header .close-btn i {
  font-size: 20px !important;
}
jw-modal.candetails .modal-body,
jw-modal.candetails .saas-modal-body,
.saas-modal-container .modal-body,
.saas-modal-container .saas-modal-body {
  padding: 32px !important;
  overflow-y: auto !important;
  background: #ffffff !important;
}
jw-modal.candetails .modal-body::-webkit-scrollbar,
jw-modal.candetails .saas-modal-body::-webkit-scrollbar,
.saas-modal-container .modal-body::-webkit-scrollbar,
.saas-modal-container .saas-modal-body::-webkit-scrollbar {
  width: 6px !important;
}
jw-modal.candetails .modal-body::-webkit-scrollbar-thumb,
jw-modal.candetails .saas-modal-body::-webkit-scrollbar-thumb,
.saas-modal-container .modal-body::-webkit-scrollbar-thumb,
.saas-modal-container .saas-modal-body::-webkit-scrollbar-thumb {
  background: #e2e8f0 !important;
  border-radius: 10px !important;
}
jw-modal.candetails,
.saas-modal-container {
  /* Section Styling */
}
jw-modal.candetails .saas-section,
.saas-modal-container .saas-section {
  margin-bottom: 40px !important;
}
jw-modal.candetails .saas-section:last-child,
.saas-modal-container .saas-section:last-child {
  margin-bottom: 0 !important;
}
jw-modal.candetails .saas-section .section_header,
.saas-modal-container .saas-section .section_header {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}
jw-modal.candetails .saas-section .section_header .saas-section-title,
.saas-modal-container .saas-section .section_header .saas-section-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #6366f1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  position: relative !important;
}
jw-modal.candetails .saas-section .section_header .section_line,
.saas-modal-container .saas-section .section_header .section_line {
  height: 1px !important;
  background: #eef2ff !important;
  flex: 1 !important;
}
jw-modal.candetails,
.saas-modal-container {
  /* Input Styling */
}
jw-modal.candetails .saas-form-group,
.saas-modal-container .saas-form-group {
  margin-bottom: 24px !important;
}
jw-modal.candetails .saas-form-group .saas-label,
.saas-modal-container .saas-form-group .saas-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 8px !important;
}
jw-modal.candetails .saas-form-group .saas-label .req-star,
.saas-modal-container .saas-form-group .saas-label .req-star {
  color: #f43f5e !important;
}
jw-modal.candetails .saas-form-group .saas-label .opt-tag,
.saas-modal-container .saas-form-group .saas-label .opt-tag {
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
}
jw-modal.candetails .saas-form-group .saas-input,
.saas-modal-container .saas-form-group .saas-input {
  width: 100% !important;
  height: 44px !important;
  background: #fcfcfd !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  color: #0f172a !important;
  transition: all 0.2s ease !important;
}
jw-modal.candetails .saas-form-group .saas-input:focus,
.saas-modal-container .saas-form-group .saas-input:focus {
  background: #ffffff !important;
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1) !important;
  outline: none !important;
}
jw-modal.candetails .saas-form-group .saas-input::-moz-placeholder, .saas-modal-container .saas-form-group .saas-input::-moz-placeholder {
  color: #cbd5e1 !important;
}
jw-modal.candetails .saas-form-group .saas-input::placeholder,
.saas-modal-container .saas-form-group .saas-input::placeholder {
  color: #cbd5e1 !important;
}
jw-modal.candetails .saas-form-group .saas-input.input-error,
.saas-modal-container .saas-form-group .saas-input.input-error {
  border-color: #f43f5e !important;
  background: #fffafa !important;
}
jw-modal.candetails .saas-form-group select.saas-input,
.saas-modal-container .saas-form-group select.saas-input {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important;
  padding-right: 42px !important;
}
jw-modal.candetails .saas-form-group .err-msg,
.saas-modal-container .saas-form-group .err-msg {
  font-size: 12px !important;
  color: #f43f5e !important;
  margin-top: 6px !important;
  font-weight: 500 !important;
}
jw-modal.candetails,
.saas-modal-container {
  /* Alias Cards */
}
jw-modal.candetails .alias-container,
.saas-modal-container .alias-container {
  margin-top: 16px !important;
  padding: 24px !important;
  background: #f8fafc !important;
  border-radius: 12px !important;
  border: 1px solid #f1f5f9 !important;
}
jw-modal.candetails .alias-card,
.saas-modal-container .alias-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}
jw-modal.candetails .alias-card .alias-card-header,
.saas-modal-container .alias-card .alias-card-header {
  padding: 12px 16px !important;
  background: #fcfcfd !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #475569 !important;
}
jw-modal.candetails .alias-card .alias-card-header .alias-remove-btn,
.saas-modal-container .alias-card .alias-card-header .alias-remove-btn {
  color: #94a3b8 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
jw-modal.candetails .alias-card .alias-card-header .alias-remove-btn:hover,
.saas-modal-container .alias-card .alias-card-header .alias-remove-btn:hover {
  color: #f43f5e !important;
  background: #fff1f2 !important;
  border-radius: 4px !important;
}
jw-modal.candetails .alias-card .alias-card-body,
.saas-modal-container .alias-card .alias-card-body {
  padding: 20px !important;
}
jw-modal.candetails .saas-add-btn,
.saas-modal-container .saas-add-btn {
  width: 100% !important;
  height: 44px !important;
  background: #ffffff !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
  color: #64748b !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}
jw-modal.candetails .saas-add-btn:hover,
.saas-modal-container .saas-add-btn:hover {
  border-color: #6366f1 !important;
  background: #f5f7ff !important;
  color: #4338ca !important;
}
jw-modal.candetails .saas-add-btn i,
.saas-modal-container .saas-add-btn i {
  font-size: 16px !important;
}
jw-modal.candetails,
.saas-modal-container {
  /* Footer Buttons */
}
jw-modal.candetails .saas-footer,
.saas-modal-container .saas-footer {
  padding: 20px 32px !important;
  background: #fcfcfd !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  flex-shrink: 0 !important;
}
jw-modal.candetails .btn-saas-primary,
.saas-modal-container .btn-saas-primary {
  height: 44px !important;
  padding: 0 28px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
jw-modal.candetails .btn-saas-primary:hover,
.saas-modal-container .btn-saas-primary:hover {
  background: #1e293b !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}
jw-modal.candetails .btn-saas-primary:active,
.saas-modal-container .btn-saas-primary:active {
  transform: translateY(0) !important;
}
jw-modal.candetails .btn-saas-secondary,
.saas-modal-container .btn-saas-secondary {
  height: 44px !important;
  padding: 0 24px !important;
  background: transparent !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}
jw-modal.candetails .btn-saas-secondary:hover,
.saas-modal-container .btn-saas-secondary:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

@keyframes modalSlideUp {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* Reset Bootstrap form classes when applied to saas-* host elements */
app-saas-input.form-control, app-saas-input.form-select, app-saas-input.saas-input, app-saas-input.saas-control, app-saas-input.custom_select, app-saas-input.status_select, .candetails app-saas-input.saas-input, jw-modal.candetails app-saas-input.saas-input, .saas-modal-container app-saas-input.saas-input, .candetails app-saas-input.form-control, jw-modal.candetails app-saas-input.form-control, .saas-modal-container app-saas-input.form-control, .candetails .saas-form-group app-saas-input.saas-input, jw-modal.candetails .saas-form-group app-saas-input.saas-input, .saas-modal-container .saas-form-group app-saas-input.saas-input, .candetails .saas-form-group app-saas-input.form-control, jw-modal.candetails .saas-form-group app-saas-input.form-control, .saas-modal-container .saas-form-group app-saas-input.form-control,
app-saas-select.form-control,
app-saas-select.form-select,
app-saas-select.saas-input,
app-saas-select.saas-control,
app-saas-select.custom_select,
app-saas-select.status_select,
.candetails app-saas-select.saas-input,
jw-modal.candetails app-saas-select.saas-input,
.saas-modal-container app-saas-select.saas-input,
.candetails app-saas-select.form-control,
jw-modal.candetails app-saas-select.form-control,
.saas-modal-container app-saas-select.form-control,
.candetails .saas-form-group app-saas-select.saas-input,
jw-modal.candetails .saas-form-group app-saas-select.saas-input,
.saas-modal-container .saas-form-group app-saas-select.saas-input,
.candetails .saas-form-group app-saas-select.form-control,
jw-modal.candetails .saas-form-group app-saas-select.form-control,
.saas-modal-container .saas-form-group app-saas-select.form-control,
app-saas-textarea.form-control,
app-saas-textarea.form-select,
app-saas-textarea.saas-input,
app-saas-textarea.saas-control,
app-saas-textarea.custom_select,
app-saas-textarea.status_select,
.candetails app-saas-textarea.saas-input,
jw-modal.candetails app-saas-textarea.saas-input,
.saas-modal-container app-saas-textarea.saas-input,
.candetails app-saas-textarea.form-control,
jw-modal.candetails app-saas-textarea.form-control,
.saas-modal-container app-saas-textarea.form-control,
.candetails .saas-form-group app-saas-textarea.saas-input,
jw-modal.candetails .saas-form-group app-saas-textarea.saas-input,
.saas-modal-container .saas-form-group app-saas-textarea.saas-input,
.candetails .saas-form-group app-saas-textarea.form-control,
jw-modal.candetails .saas-form-group app-saas-textarea.form-control,
.saas-modal-container .saas-form-group app-saas-textarea.form-control,
app-saas-calendar.form-control,
app-saas-calendar.form-select,
app-saas-calendar.saas-input,
app-saas-calendar.saas-control,
app-saas-calendar.custom_select,
app-saas-calendar.status_select,
.candetails app-saas-calendar.saas-input,
jw-modal.candetails app-saas-calendar.saas-input,
.saas-modal-container app-saas-calendar.saas-input,
.candetails app-saas-calendar.form-control,
jw-modal.candetails app-saas-calendar.form-control,
.saas-modal-container app-saas-calendar.form-control,
.candetails .saas-form-group app-saas-calendar.saas-input,
jw-modal.candetails .saas-form-group app-saas-calendar.saas-input,
.saas-modal-container .saas-form-group app-saas-calendar.saas-input,
.candetails .saas-form-group app-saas-calendar.form-control,
jw-modal.candetails .saas-form-group app-saas-calendar.form-control,
.saas-modal-container .saas-form-group app-saas-calendar.form-control,
app-saas-checkbox.form-control,
app-saas-checkbox.form-select,
app-saas-checkbox.saas-input,
app-saas-checkbox.saas-control,
app-saas-checkbox.custom_select,
app-saas-checkbox.status_select,
.candetails app-saas-checkbox.saas-input,
jw-modal.candetails app-saas-checkbox.saas-input,
.saas-modal-container app-saas-checkbox.saas-input,
.candetails app-saas-checkbox.form-control,
jw-modal.candetails app-saas-checkbox.form-control,
.saas-modal-container app-saas-checkbox.form-control,
.candetails .saas-form-group app-saas-checkbox.saas-input,
jw-modal.candetails .saas-form-group app-saas-checkbox.saas-input,
.saas-modal-container .saas-form-group app-saas-checkbox.saas-input,
.candetails .saas-form-group app-saas-checkbox.form-control,
jw-modal.candetails .saas-form-group app-saas-checkbox.form-control,
.saas-modal-container .saas-form-group app-saas-checkbox.form-control,
app-saas-radio.form-control,
app-saas-radio.form-select,
app-saas-radio.saas-input,
app-saas-radio.saas-control,
app-saas-radio.custom_select,
app-saas-radio.status_select,
.candetails app-saas-radio.saas-input,
jw-modal.candetails app-saas-radio.saas-input,
.saas-modal-container app-saas-radio.saas-input,
.candetails app-saas-radio.form-control,
jw-modal.candetails app-saas-radio.form-control,
.saas-modal-container app-saas-radio.form-control,
.candetails .saas-form-group app-saas-radio.saas-input,
jw-modal.candetails .saas-form-group app-saas-radio.saas-input,
.saas-modal-container .saas-form-group app-saas-radio.saas-input,
.candetails .saas-form-group app-saas-radio.form-control,
jw-modal.candetails .saas-form-group app-saas-radio.form-control,
.saas-modal-container .saas-form-group app-saas-radio.form-control,
app-saas-phone-input.form-control,
app-saas-phone-input.form-select,
app-saas-phone-input.saas-input,
app-saas-phone-input.saas-control,
app-saas-phone-input.custom_select,
app-saas-phone-input.status_select,
.candetails app-saas-phone-input.saas-input,
jw-modal.candetails app-saas-phone-input.saas-input,
.saas-modal-container app-saas-phone-input.saas-input,
.candetails app-saas-phone-input.form-control,
jw-modal.candetails app-saas-phone-input.form-control,
.saas-modal-container app-saas-phone-input.form-control,
.candetails .saas-form-group app-saas-phone-input.saas-input,
jw-modal.candetails .saas-form-group app-saas-phone-input.saas-input,
.saas-modal-container .saas-form-group app-saas-phone-input.saas-input,
.candetails .saas-form-group app-saas-phone-input.form-control,
jw-modal.candetails .saas-form-group app-saas-phone-input.form-control,
.saas-modal-container .saas-form-group app-saas-phone-input.form-control {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  height: auto !important;
  min-height: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
}
app-saas-input.form-control:focus, app-saas-input.form-select:focus, app-saas-input.saas-input:focus, app-saas-input.custom_select:focus, .candetails app-saas-input.saas-input:focus, jw-modal.candetails app-saas-input.saas-input:focus, .saas-modal-container app-saas-input.saas-input:focus, .candetails app-saas-input.form-control:focus, jw-modal.candetails app-saas-input.form-control:focus, .saas-modal-container app-saas-input.form-control:focus, .candetails .saas-form-group app-saas-input.saas-input:focus, jw-modal.candetails .saas-form-group app-saas-input.saas-input:focus, .saas-modal-container .saas-form-group app-saas-input.saas-input:focus, .candetails .saas-form-group app-saas-input.form-control:focus, jw-modal.candetails .saas-form-group app-saas-input.form-control:focus, .saas-modal-container .saas-form-group app-saas-input.form-control:focus,
app-saas-select.form-control:focus,
app-saas-select.form-select:focus,
app-saas-select.saas-input:focus,
app-saas-select.custom_select:focus,
.candetails app-saas-select.saas-input:focus,
jw-modal.candetails app-saas-select.saas-input:focus,
.saas-modal-container app-saas-select.saas-input:focus,
.candetails app-saas-select.form-control:focus,
jw-modal.candetails app-saas-select.form-control:focus,
.saas-modal-container app-saas-select.form-control:focus,
.candetails .saas-form-group app-saas-select.saas-input:focus,
jw-modal.candetails .saas-form-group app-saas-select.saas-input:focus,
.saas-modal-container .saas-form-group app-saas-select.saas-input:focus,
.candetails .saas-form-group app-saas-select.form-control:focus,
jw-modal.candetails .saas-form-group app-saas-select.form-control:focus,
.saas-modal-container .saas-form-group app-saas-select.form-control:focus,
app-saas-textarea.form-control:focus,
app-saas-textarea.form-select:focus,
app-saas-textarea.saas-input:focus,
app-saas-textarea.custom_select:focus,
.candetails app-saas-textarea.saas-input:focus,
jw-modal.candetails app-saas-textarea.saas-input:focus,
.saas-modal-container app-saas-textarea.saas-input:focus,
.candetails app-saas-textarea.form-control:focus,
jw-modal.candetails app-saas-textarea.form-control:focus,
.saas-modal-container app-saas-textarea.form-control:focus,
.candetails .saas-form-group app-saas-textarea.saas-input:focus,
jw-modal.candetails .saas-form-group app-saas-textarea.saas-input:focus,
.saas-modal-container .saas-form-group app-saas-textarea.saas-input:focus,
.candetails .saas-form-group app-saas-textarea.form-control:focus,
jw-modal.candetails .saas-form-group app-saas-textarea.form-control:focus,
.saas-modal-container .saas-form-group app-saas-textarea.form-control:focus,
app-saas-calendar.form-control:focus,
app-saas-calendar.form-select:focus,
app-saas-calendar.saas-input:focus,
app-saas-calendar.custom_select:focus,
.candetails app-saas-calendar.saas-input:focus,
jw-modal.candetails app-saas-calendar.saas-input:focus,
.saas-modal-container app-saas-calendar.saas-input:focus,
.candetails app-saas-calendar.form-control:focus,
jw-modal.candetails app-saas-calendar.form-control:focus,
.saas-modal-container app-saas-calendar.form-control:focus,
.candetails .saas-form-group app-saas-calendar.saas-input:focus,
jw-modal.candetails .saas-form-group app-saas-calendar.saas-input:focus,
.saas-modal-container .saas-form-group app-saas-calendar.saas-input:focus,
.candetails .saas-form-group app-saas-calendar.form-control:focus,
jw-modal.candetails .saas-form-group app-saas-calendar.form-control:focus,
.saas-modal-container .saas-form-group app-saas-calendar.form-control:focus,
app-saas-checkbox.form-control:focus,
app-saas-checkbox.form-select:focus,
app-saas-checkbox.saas-input:focus,
app-saas-checkbox.custom_select:focus,
.candetails app-saas-checkbox.saas-input:focus,
jw-modal.candetails app-saas-checkbox.saas-input:focus,
.saas-modal-container app-saas-checkbox.saas-input:focus,
.candetails app-saas-checkbox.form-control:focus,
jw-modal.candetails app-saas-checkbox.form-control:focus,
.saas-modal-container app-saas-checkbox.form-control:focus,
.candetails .saas-form-group app-saas-checkbox.saas-input:focus,
jw-modal.candetails .saas-form-group app-saas-checkbox.saas-input:focus,
.saas-modal-container .saas-form-group app-saas-checkbox.saas-input:focus,
.candetails .saas-form-group app-saas-checkbox.form-control:focus,
jw-modal.candetails .saas-form-group app-saas-checkbox.form-control:focus,
.saas-modal-container .saas-form-group app-saas-checkbox.form-control:focus,
app-saas-radio.form-control:focus,
app-saas-radio.form-select:focus,
app-saas-radio.saas-input:focus,
app-saas-radio.custom_select:focus,
.candetails app-saas-radio.saas-input:focus,
jw-modal.candetails app-saas-radio.saas-input:focus,
.saas-modal-container app-saas-radio.saas-input:focus,
.candetails app-saas-radio.form-control:focus,
jw-modal.candetails app-saas-radio.form-control:focus,
.saas-modal-container app-saas-radio.form-control:focus,
.candetails .saas-form-group app-saas-radio.saas-input:focus,
jw-modal.candetails .saas-form-group app-saas-radio.saas-input:focus,
.saas-modal-container .saas-form-group app-saas-radio.saas-input:focus,
.candetails .saas-form-group app-saas-radio.form-control:focus,
jw-modal.candetails .saas-form-group app-saas-radio.form-control:focus,
.saas-modal-container .saas-form-group app-saas-radio.form-control:focus,
app-saas-phone-input.form-control:focus,
app-saas-phone-input.form-select:focus,
app-saas-phone-input.saas-input:focus,
app-saas-phone-input.custom_select:focus,
.candetails app-saas-phone-input.saas-input:focus,
jw-modal.candetails app-saas-phone-input.saas-input:focus,
.saas-modal-container app-saas-phone-input.saas-input:focus,
.candetails app-saas-phone-input.form-control:focus,
jw-modal.candetails app-saas-phone-input.form-control:focus,
.saas-modal-container app-saas-phone-input.form-control:focus,
.candetails .saas-form-group app-saas-phone-input.saas-input:focus,
jw-modal.candetails .saas-form-group app-saas-phone-input.saas-input:focus,
.saas-modal-container .saas-form-group app-saas-phone-input.saas-input:focus,
.candetails .saas-form-group app-saas-phone-input.form-control:focus,
jw-modal.candetails .saas-form-group app-saas-phone-input.form-control:focus,
.saas-modal-container .saas-form-group app-saas-phone-input.form-control:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}/*# sourceMappingURL=style.css.map */