/* Styles for Button  */

.height-none {
  height: 0 !important;
}

.opacity40 {
  opacity: 0.4;
}

.opacity50 {
  opacity: 0.5;
}

.opacity80 {
  opacity: 0.8;
}

.nextjs-toast {
  display: none !important;
}

* {
  letter-spacing: -0.14px;
}

.borderRad-8 {
  border-radius: 8px !important;
}

.borderRad-10 {
  border-radius: 10px !important;
}

.borderRad-12 {
  border-radius: 12px !important;
}

.borderRad-15 {
  border-radius: 15px !important;
}

.borderTop209-cust50 {
  border-top: 1px solid rgba(209, 213, 219, 0.5);
}

.borderTop209-cust75 {
  border-top: 1px solid rgba(209, 213, 219, 0.75);
}

.borderBtm209-cust50 {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

.borderRgt209-cust50 {
  border-right: 1px solid rgba(209, 213, 219, 0.5);
}

.border209-cust50 {
  border: 1px solid rgba(209, 213, 219, 0.5) !important;
}

.borderBtm704-cust50 {
  border-bottom: 1px solid #704b37;
}

.borderBtm209-cust25 {
  border-bottom: 1px solid rgba(209, 213, 219, 0.25);
}

.borderTop125-cust15 {
  border-top: 1px solid rgb(125, 129, 144, 0.15) !important;
}

.borderTop125-cust25 {
  border-top: 1px solid rgb(125, 129, 144, 0.25) !important;
}

.disabledInpBox {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.disabledInpBox.h45 {
  height: 45px;
}

p {
  letter-spacing: -0.14px;
}

.imgBox-logo {
  border-radius: 8px;
  border: 1px solid rgba(209, 213, 219, 0.25);
  background: #fff;
}

.imgBox-logo.h42 {
  height: 42px;
  width: 42px;
  min-width: 42px;
}

.imgBox-logo.h28 {
  height: 28px;
  width: 28px;
  min-width: 28px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 15px;
}

.w-75px {
  width: 75px !important;
  max-width: 75px !important;
  min-width: 75px !important;
}

.w-70px {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px;
}

.w-18px {
  width: 18px !important;
  max-width: 18px !important;
  min-width: 18px !important;
}

.w-25px {
  width: 25px !important;
  max-width: 25px !important;
  min-width: 25px !important;
}

.w-32px {
  width: 32px !important;
  max-width: 32px !important;
  min-width: 32px !important;
}

.w-40px {
  width: 40px !important;
  max-width: 40px !important;
  min-width: 40px !important;
}

.w-45px {
  width: 45px !important;
  max-width: 45px !important;
  min-width: 45px !important;
}

.w-50px {
  width: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
}

.w-55px {
  width: 55px !important;
  max-width: 55px !important;
  min-width: 55px !important;
}

.w-56px {
  width: 56px !important;
  max-width: 56px !important;
  min-width: 56px !important;
}
.w-67px {
  width: 67px !important;
  max-width: 67px !important;
}

.w-60px {
  width: 60px !important;
  max-width: 60px !important;
}

.w-85px {
  width: 85px !important;
  max-width: 85px !important;
  min-width: 85px !important;
}

.w-80px {
  width: 80px !important;
  max-width: 80px !important;
}

.w-90px {
  width: 90px !important;
  max-width: 90px !important;
  min-width: 90px !important;
}

.w-92px {
  width: 92px !important;
  max-width: 92px !important;
}

.w-95px {
  width: 95px !important;
  max-width: 95px !important;
}

.w-125px {
  width: 125px !important;
  max-width: 125px !important;
}

.w-135px {
  width: 135px !important;
  max-width: 135px !important;
}

.w-163px {
  width: 163px !important;
  max-width: 163px !important;
}

.w-165px {
  width: 165px !important;
  max-width: 165px !important;
}

.w-170px {
  width: 170px !important;
  max-width: 170px !important;
}

.w-175px {
  width: 175px !important;
  max-width: 175px !important;
}

.w-200px {
  width: 200px !important;
  max-width: 200px !important;
}

.w-206px {
  width: 206px !important;
  max-width: 206px !important;
}

.w-250px {
  width: 250px !important;
  max-width: 250px !important;
}

.w-276px {
  width: 276px !important;
  max-width: 276px !important;
}

.w-256px {
  width: 256px !important;
  max-width: 256px !important;
}

.w-155px {
  width: 155px !important;
  max-width: 155px !important;
}

.w-380px {
  width: 380px !important;
  max-width: 380px !important;
}

.w-500px {
  width: 500px !important;
  max-width: 500px !important;
  min-width: 500px !important;
}

.w-183px {
  width: 183px !important;
  max-width: 183px !important;
}

.w-185px {
  width: 185px !important;
  max-width: 185px !important;
}

.w-195px {
  width: 195px !important;
  max-width: 195px !important;
}

.w-180px {
  width: 180px !important;
  max-width: 180px !important;
}

.w-190px {
  width: 190px !important;
  max-width: 190px !important;
}

.w-130px {
  width: 130px !important;
  max-width: 130px !important;
}

.w-122px {
  width: 122px !important;
  max-width: 122px !important;
}

.w-120px {
  width: 120px !important;
  max-width: 120px !important;
  min-width: 120px !important;
}

.w-104px {
  width: 104px !important;
  max-width: 104px !important;
  min-width: 104px !important;
}

.w-106px {
  width: 106px !important;
  max-width: 106px !important;
}

.w-110px {
  width: 110px !important;
  max-width: 110px !important;
}

.w-111px {
  width: 111px !important;
  max-width: 111px !important;
}

.w-115px {
  width: 115px !important;
  max-width: 115px !important;
}

.w-212px {
  width: 212px !important;
  max-width: 212px !important;
}

.w-205px {
  width: 205px !important;
  max-width: 205px !important;
}

.w-210px {
  width: 210px !important;
  max-width: 210px !important;
}

.w-300px {
  width: 300px !important;
  max-width: 300px !important;
}

.w-320px {
  width: 320px !important;
  max-width: 320px !important;
}

.w-330px {
  width: 330px !important;
  max-width: 330px !important;
}

.wCust-344px {
  width: calc(100% - 468px) !important;
  max-width: calc(100% - 468px) !important;
}

.w-355px {
  width: 355px !important;
  max-width: 355px !important;
}

.w-350px {
  width: 350px !important;
  max-width: 350px !important;
}

.w-390px {
  width: 390px !important;
  max-width: 390px !important;
}

.w-440px {
  width: 440px !important;
  max-width: 440px !important;
}

.w-100px {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}

.w-108px {
  width: 108px !important;
  max-width: 108px !important;
}

.w-118px {
  width: 118px !important;
  max-width: 118px !important;
}

.w-144px {
  width: 144px !important;
  max-width: 144px !important;
}

.w-98px {
  width: 98px !important;
  max-width: 98px !important;
}

.w-88px {
  width: 88px !important;
  max-width: 88px !important;
}

.w-140px {
  width: 140px !important;
  max-width: 140px !important;
}

.w-102px {
  width: 102px !important;
  max-width: 102px !important;
}

.img-fluid40 {
  height: 40px;
  width: 40px;
}

.img-fluid42 {
  height: 42px;
  width: 42px;
}

.img-fluid32 {
  height: 32px;
  width: 32px;
}

.img-fluid33 {
  height: 33px;
  width: 33px;
  min-width: 33px;
}

.img-fluid35 {
  height: 35px;
  width: 35px;
  min-width: 35px;
}

.img-fluid100 {
  height: 100px;
  width: 100px;
}

.img-fluid44 {
  height: 44px;
  width: 44px;
}

.img-fluid28 {
  height: 28px;
  width: 28px;
}

.img-fluid26 {
  height: 26px;
  width: 26px;
}

.img-fluid25 {
  height: 25px;
  width: 25px;
}
.img-fluid24 {
  height: 24px;
  width: 24px;
}

.img-fluid22 {
  height: 22px;
  width: 22px;
}

.img-fluid21 {
  height: 21px;
  width: 21px;
}

.img-fluid20 {
  height: 20px;
  width: 20px;
}

.img-fluid16 {
  height: 16px;
  width: 16px;
}

.img-fluid17 {
  height: 17px;
  width: 17px;
}

.img-fluid18 {
  height: 18px;
  width: 18px;
}

.img-fluid19 {
  height: 19px;
  width: 19px;
}

.lp2p4 {
  letter-spacing: 2.4px;
}

.lp1p4 {
  letter-spacing: 1.4px;
}

.lsm-p16 {
  letter-spacing: -0.16px;
}

.switchInp-cmn {
  position: relative;
  display: inline-block;
}

.switchInp-cmn .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switchInp-cmn .slider:before {
  position: absolute;
  cursor: pointer;
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switchInp-cmn input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switchInp-cmn .slider {
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.switchInp42 {
  width: 42px;
  height: 22px;
}

.switchInp42 .slider:before {
  height: 20px;
  width: 20px;
  background-color: #ec0000;
  border: 1px solid rgba(26, 26, 26, 0.25);
}

.switchInp36 {
  width: 36px;
  height: 19px;
}

.switchInp36 .slider:before {
  height: 18px;
  width: 18px;
  background-color: #ff2f2f;
  border: 1px solid rgba(26, 26, 26, 0.25);
}

input:checked + .sliderInp36 {
  background-color: #fff;
}

input:checked + .sliderInp36:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
  background-color: #10c27b;
}

input:checked + .sliderInp42 {
  background-color: #fff;
}

input:checked + .sliderInp42.disabled {
  background-color: rgb(75, 85, 99, 0.1);
}

input:checked + .sliderInp42:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  background-color: #10c27b;
}

/* Rounded sliderInp42s */
.switchInp-cmn .slider.round {
  border-radius: 12px;
}

.switchInp-cmn .slider.round:before {
  border-radius: 50%;
}

.square42 {
  width: 42px;
  height: 42px;
}

.square38 {
  width: 38px;
  height: 38px;
}

.square26 {
  width: 26px;
  height: 26px;
}

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

.font-trans {
  color: transparent !important;
}

.colorFMain-sgg {
  color: #575b6c !important;
}

.colorFMain7d-sgg {
  color: #7d8190 !important;
}

.colorBlue-sgg {
  color: #3b6cd8 !important;
}

.colorFF9-sgg {
  color: #ff9502 !important;
}

.color202-sgg {
  color: #202020 !important;
}

.colorBl50-sgg {
  color: rgba(0, 0, 0, 0.5);
}

.colorFA0-sgg {
  color: #fa0 !important;
}

.colorBlue-sgg50 {
  color: rgba(59, 108, 216, 0.5) !important;
}

.colorBlue-sgg85 {
  color: rgba(59, 108, 216, 0.85) !important;
}

.colorBlue-sgg75 {
  color: rgba(59, 108, 216, 0.85) !important;
}

.colorBlue-sgg15 {
  color: rgba(59, 108, 216, 0.15) !important;
}

.colorInfo-sgg {
  color: #42a3f2 !important;
}

.colorWarn-sgg {
  color: #f99a0b !important;
}

.colorRed-sgg {
  color: #d31820 !important;
}

.colorBlack-sgg {
  color: rgb(0, 0, 0) !important;
}

.colorBlack-sgg75 {
  color: rgba(0, 0, 0, 0.75) !important;
}

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

.colorSuccess-sgg {
  color: #5bc589 !important;
}

.colorCashOut-sgg {
  color: #ec0000 !important;
}

.colorCashIn-sgg {
  color: #05c368 !important;
}

.colorPending-sgg {
  color: #ff9800 !important;
}

.bgColorSuccess-sgg {
  background: #5bc589 !important;
}

.bgColorSuccess-sgg10 {
  background: rgba(91, 197, 137, 0.1) !important;
}

.bgColorDanger-sgg {
  background: #ec0000 !important;
}

.colorDanger-sgg {
  color: #ec0000 !important;
}

.disabledIMG {
  opacity: 0.75;
}

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

.color575-sgg {
  color: #575b6c !important;
}

.color404-sgg {
  color: #404040 !important;
}

.color125-sgghf {
  color: rgba(125, 129, 144, 0.5) !important;
}

.color252-sgg {
  color: #252525 !important;
}

.color05C-sgg {
  color: #05c368 !important;
}

.colorFF2-sgg {
  color: #ff2f2f !important;
}

.color4B5-sgg {
  color: #4b5563 !important;
}

.colorWhite-sgg {
  color: #ffffff !important;
}

.color727-sgg {
  color: #727b82 !important;
}

.color1A1-sgg {
  color: #1a1a1a !important;
}

.color337-sgg {
  color: #3375e0 !important;
}
.color704-sgg {
  color: #704b37 !important;
}

.color7d8-sgg {
  color: #7d8190 !important;
}

.color197-sgg {
  color: #1976d2 !important;
}

.color10C-sgg {
  color: #10c27b !important;
}

.colorE97-sgg {
  color: #e97208;
}

.color1A1-sgg50 {
  color: rgba(26, 26, 26, 0.5) !important;
}

.color916-sgg {
  color: #9162f9 !important;
}

.remCheck-cust {
  border-radius: 5px;
  border: 1px solid #d1d5db;
  background: #fff;
}

.remCheck-cust .img18 {
  height: 18px;
  width: 18px;
}

.remCheck-cust.br6 {
  border-radius: 6px;
}

/* Image Box Class New */

.up_proImgInit125 .img_box {
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: rgba(125, 129, 144, 0.1);
}

.up_proImgInit125 .img_box.brdD1d {
  border: 1px solid #d1d5db;
}

.up_proImgInit125 img {
  object-fit: cover;
}

.up_proImgInit125 .img_box.w166 {
  width: 166px;
}

.up_proImgInit125 .img_box.w175 {
  width: 175px;
}

.up_proImgInit125 .img_box.w102 {
  width: 102px;
}

.up_proImgInit125 .img_box.w80 {
  width: 80px;
}

.up_proImgInit125 .img_box.w250 {
  width: 250px;
}

.up_proImgInit125 .img_box.h102 {
  height: 102px;
}

.up_proImgInit125 .img_box.h100 {
  height: 100px;
}

.up_proImgInit125 .img_box.h80 {
  height: 80px;
}

.up_proImgInit125 .img_box.h135 {
  height: 135px;
}

/* -------------------- */

.upload_photoInit button {
  font-size: 11.5px;
  font-weight: 600;
  height: 30px;
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.1);
  padding: 0px 12px;
}
.upload_photoInit button {
  color: #3b6cd8;
}

.upload_photoInit input {
  top: 0px;
  left: 0px;
  opacity: 0;
}

.remCheck-cust.w20 {
  width: 20px;
  height: 20px;
}

.remCheck-cust.w24 {
  width: 24px;
  height: 24px;
}

.otp-containerAuth input {
  caret-color: #4b5563; /* hides the caret */
  background-color: #ffffff;
}

.otp-containerAuth > div {
  justify-content: space-between;
  width: 100%;
}

.otp-containerAuth .otpContainer-inp input {
  color: rgba(0, 0, 0);
  margin-bottom: 0;
  box-shadow: none;
  text-align: center;
  transition: border 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
}

.otp-containerAuth .otpContainer-inp.bgGry input {
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}
.otp-containerAuth .otpContainer-inp input:focus,
.otp-containerAuth .otpContainer-inp input:focus-visible,
.otp-containerAuth .otpContainer-inp input:active {
  outline: 0;
  border: 1px solid #d1d5db;
  background: none;
}
.remCheck-cust.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.15) 0%,
      rgba(59, 108, 216, 0.15) 100%
    ),
    #fff;
}

.remCheck-cust.bg05.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

input::placeholder {
  color: rgba(0, 0, 0, 0.25) !important;
}

.searchBar-role input::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

.minHeight350 {
  min-height: 350px !important;
}

.selectOpt-success {
  color: #05c368 !important;
}

.selectOpt-info {
  color: #5e99fd !important;
}

.selectOpt-danger {
  color: #ec0000 !important;
}

.selectOpt-fixed {
  color: #9641c1 !important;
}

.selectOpt-security {
  color: #9d6a46 !important;
}

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

.backShadow-sgg {
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.05)) !important;
}

.backShadow-sgg2 {
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.2)) !important;
}

.bgTransparent {
  background: transparent !important;
  opacity: 1 !important;
}

.borderRadius0 {
  border-radius: 0 !important;
}

.font-20px {
  font-size: var(--s20) !important;
}

.font-28px {
  font-size: var(--s28) !important;
}

.font-24px {
  font-size: var(--s24) !important;
}

.font-18px {
  font-size: var(--s18) !important;
}

.font-17px {
  font-size: var(--s17) !important;
}

.font-16px {
  font-size: var(--s16) !important;
}

.font-14px {
  font-size: var(--s14) !important;
}

.font-15px {
  font-size: var(--s15) !important;
}

.font-12px {
  font-size: var(--s12) !important;
}

.font-13px {
  font-size: var(--s13) !important;
}

.font-11px {
  font-size: var(--s11) !important;
}

.font-10px {
  font-size: var(--s10) !important;
}

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

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

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

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

.borderLeft-custom {
  border-left: 1px solid rgb(125, 129, 144, 0.15) !important;
}

.borderLeft-custom25 {
  border-left: 1px solid rgb(125, 129, 144, 0.25) !important;
}

.borderRight-custom {
  border-right: 1px solid rgb(125, 129, 144, 0.15) !important;
}

.borderRight-custom25 {
  border-right: 1px solid rgb(125, 129, 144, 0.25) !important;
}

.borderBtm-blue {
  border-bottom: 1px solid #3b6cd8 !important;
}

.borderBtm-main {
  border-bottom: 1px solid #575b6c !important;
}

.borderBtm-4b5 {
  border-bottom: 1px solid #4b5563 !important;
}

.borderBtm-d1d {
  border-bottom: 1px solid #d1d5db !important;
}

.borderBtm-main2px {
  border-bottom: 2px solid #575b6c !important;
}

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

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

.borderRight-none {
  border-right: none !important;
}

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

.borderInpGp {
  border: 1px solid rgba(125, 129, 144, 0.15) !important;
  border-radius: 12px;
  overflow: hidden;
}

.lineHeight-nrm {
  line-height: normal !important;
}

.lineHeight1 {
  line-height: 1 !important;
}
.lineHeight110 {
  line-height: 110% !important;
}
.lineHeight120 {
  line-height: 120% !important;
}
.lineHeight130 {
  line-height: 130% !important;
}

.lineHeight140 {
  line-height: 140% !important;
}
.lineHeight150 {
  line-height: 150% !important;
}
.lineHeight160 {
  line-height: 160% !important;
}

.zIndex1 {
  z-index: 1;
}

.top-8px {
  top: 8px;
}

.top-12px {
  top: 12px;
}

.top-14px {
  top: 14px;
}

.right-14px {
  right: 14px;
}

.right-6px {
  right: 6px;
}

.right-0px {
  right: 0px;
}

.left-0px {
  left: 0px;
}

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

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

.px-200px {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

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

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

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

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

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

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

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

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

.pe-6px {
  padding-right: 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-15px {
  margin: 15px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-18px {
  margin-bottom: 18px !important;
}
.mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

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

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

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

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

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

.m-10px {
  margin: 10px !important;
}

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

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

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

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

.m-12px {
  margin: 12px !important;
}

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

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

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

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

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

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

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

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

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

.textUnderline {
  text-decoration: underline;
  display: block;
}

.margin-autoTbl {
  margin-left: -2px;
}

.hgt100 {
  height: 100% !important;
}

.gap-15px {
  gap: 15px !important;
}

.gapCol-15px {
  column-gap: 15px !important;
}

.gapRow-10px {
  row-gap: 10px !important;
}

.gap-14px {
  gap: 14px !important;
}

.gap-18px {
  gap: 18px !important;
}

.gap-16px {
  gap: 16px !important;
}

.gap-12px {
  gap: 12px !important;
}

.rgap-12px {
  row-gap: 12px !important;
}

.cgap-15px {
  column-gap: 15px !important;
}

.rgap-15px {
  row-gap: 15px !important;
}

.cgap-12px {
  column-gap: 12px !important;
}

.gap-20px {
  gap: 20px !important;
}

.gap-10px {
  gap: 10px !important;
}

.rgap-10px {
  row-gap: 10px !important;
}

.cgap-10px {
  column-gap: 10px !important;
}

.gap-25px {
  gap: 25px !important;
}

.gap-8px {
  gap: 8px !important;
}

.rgap-8px {
  row-gap: 8px !important;
}

.cgap-8px {
  column-gap: 8px !important;
}

.gap-7px {
  gap: 7px !important;
}

.gap-6px {
  gap: 6px !important;
}

.gap-5px {
  gap: 5px !important;
}

.gap-3px {
  gap: 3px !important;
}

.gap-1px {
  gap: 1px !important;
}

.gap-2px {
  gap: 2px !important;
}

.modal-header {
  padding: 15px !important;
}

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

.style-selectDef14 {
  color: rgba(26, 26, 26, 0.25) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.style-selectDef {
  color: rgba(125, 129, 144, 0.5) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.style-selectDef option,
.selectOpt-success option,
.selectOpt-danger option,
.selectOpt-fixed option,
.selectOpt-info option,
.selectOpt-security option,
.style-selectDef14 option {
  color: #000 !important;
}

.disbaledInp {
  pointer-events: none;
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1),
      rgba(125, 129, 144, 0.1)
    ),
    #ffffff !important;
}

.pad-15x {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-15y {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn3b6 {
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.btn3b6.font14 {
  font-size: 14px;
  font-weight: 600;
}

.btn3b6:hover {
  opacity: 0.8;
}

.btn3b6.h40 {
  height: 40px;
}

.btn3b6.h42 {
  height: 42px;
}

.btn3b6.h44 {
  height: 44px;
}

.btn3b6.h45 {
  height: 45px;
}
.btn3b6.h46 {
  height: 46px;
}

.btn3b6-primary {
  background-color: #3b6cd8;
  border: 1px solid rgba(125, 129, 144, 0.25);
  color: #fff;
}

.btn3b6-primaryVar {
  background-color: #fff;
  border: 1px solid #3b6cd8;
  color: #3b6cd8;
}

.toastModalOne {
  min-height: 44px;
  width: 400px;
  position: fixed;
  top: 30px;
  right: 30px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.25, 1.35);
  z-index: 100000;
}

.toastModalOne .modal-dg {
  gap: 10px;
  padding: 10px;
}

.toastModalOne.active {
  transform: translateX(0);
}

.toastModalOne .bgTSuccess {
  background: linear-gradient(
      0deg,
      rgba(51, 153, 0, 0.05) 0%,
      rgba(51, 153, 0, 0.05) 100%
    ),
    #fff;
}

.toastModalOne .bgTError {
  background: linear-gradient(
      0deg,
      rgba(204, 51, 0, 0.05) 0%,
      rgba(204, 51, 0, 0.05) 100%
    ),
    #fff;
}

.toastModalOne .bgTWarn {
  background: linear-gradient(
      0deg,
      rgba(255, 204, 0, 0.05) 0%,
      rgba(255, 204, 0, 0.05) 100%
    ),
    #fff;
}

.toastModalOne .msgTxt p {
  color: rgba(28, 29, 31, 0.8);
  font-size: 14px;
  font-weight: 500;
}

/* Button design #704B37 */
.upload_photo3b6 button {
  color: #3b6cd8;
  font-size: 11.5px;
  font-weight: 600;
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.1);
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}

.upload_photo3b6.h30 button {
  height: 30px;
  padding: 0px 12px;
}

.coverInp {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
  max-width: 100px;
}

.btnPrimaryEC0,
.btnPrimaryEC0-var {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  padding: 4px 10px;
}

.btnPrimaryEC0-var:hover .act,
.btnPrimaryEC0-var .inAct {
  display: none;
}

.btnPrimaryEC0-var .act,
.btnPrimaryEC0-var:hover .inAct {
  display: block;
}

/* Button design #EC0000; */

.btnPrimaryEC0-var {
  border: 1px solid rgba(236, 0, 0, 0.15);

  background: rgba(236, 0, 0, 0.05);
  color: #ec0000;
}

.btnPrimaryEC0 {
  border: 1px solid rgba(112, 75, 55, 0.15);
  background: #ec0000;
  color: #ffffff;
}

.btnPrimaryEC0-var.h34,
.btnPrimaryEC0.h34 {
  height: 34px;
}

.btnPrimaryEC0-var:hover {
  background: #ec0000;
  color: #ffffff;
}

.btn-main3B6 {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 45px;
  background: #3b6cd8;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}

.btn-main3B6.h46,
.btn-mainVar575.h46 {
  height: 46px;
}

.btn-main3B6:disabled {
  opacity: 0.6;
}

.btn-mainVar575 {
  border-radius: 12px;
  border: 1px solid #575b6c;
  height: 45px;
  background: transparent;
  color: #575b6c;
  font-size: 15px;
  font-weight: 600;
}

.btn-mainVar575:disabled {
  opacity: 0.6;
}

/* Button design Dynamic */

.btnDynamic {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
}

.btnDynamic.br10 {
  border-radius: 10px;
}

.btnDynamic.br8 {
  border-radius: 8px;
}

.btnDynamic:disabled {
  opacity: 0.5;
}

.btnDynamic.outD1D {
  outline: 1px solid #d1d5db;
}

.btnDynamic:hover {
  opacity: 0.85;
}

.btnDynamic.h52 {
  height: 52px;
}

.btnDynamic.h46 {
  height: 46px;
}
.btnDynamic.h44 {
  height: 44px;
}
.btnDynamic.h45 {
  height: 46px;
}

.btnDynamic.h42 {
  height: 42px;
}
.btnDynamic.h40 {
  height: 40px;
}

.btnDynamic.h36 {
  height: 36px;
}

.btnDynamic.h35 {
  height: 35px;
}

.btnDynamic.h34 {
  height: 34px;
}

.btnDynamic.h32 {
  height: 32px;
}

.btnDynamic.h33 {
  height: 33px;
}

.btnDynamic.h38 {
  height: 38px;
}

.btnDynamic.h39 {
  height: 39px;
}

.btnDynamic.h28 {
  height: 28px;
}

.btnDynamic.h26 {
  height: 26px;
}

.btnDynamic.h24 {
  height: 24px;
}
.btnDynamic.borD1D {
  border: 1px solid #d1d5db !important;
}

.btnDynamic:hover .act,
.btnDynamic.active .act,
.btnDynamic .inAct {
  display: none;
}

.btnDynamic .act,
.btnDynamic:hover .inAct,
.btnDynamic.active .inAct {
  display: block;
}

/* Btn design for Red(#ec0000)*/

.btnEC0 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #ec0000;
  color: #fff;
}

.btnEC0-cust {
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: #ec0000;
  color: #fff;
}

.btnVarEC0 {
  border: 1px solid rgba(236, 0, 0, 0.15);
  background: rgba(236, 0, 0, 0.05);
  color: #ec0000;
}

.btnVarEC0Wt {
  border: 1px solid rgba(236, 0, 0, 0.15);
  background: #fff;
  color: #ec0000;
}

.btnVarEC0.brd2 {
  border: 1px solid rgba(236, 0, 0, 0.2);
}

.btn5VarEC0 {
  border: 1px solid rgba(236, 0, 0, 0.5);
  background: transparent;
  color: #ec0000;
}

.btnVarEC0Wt:hover,
.btn5VarEC0:hover {
  background: rgba(236, 0, 0, 0.05);
}

.btn10VarEC0 {
  border: 1px solid rgba(236, 0, 0, 0.1);
  background: rgba(236, 0, 0, 0.05);
  color: #ec0000;
}

.btnVarEC0.chng:hover {
  background: #ec0000;
  color: #ffffff;
}

/* Btn design for Blue(#3b6cd8)*/

.btn3B6 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #3b6cd8;
  color: #fff;
}

.btn3B6.brdD1D {
  border: 1px solid #d1d5db !important;
}

.btn3B6.brdD1D-mid {
  border: 1px solid rgba(209, 213, 219, 0.5) !important;
}

.btn3B6.brd7d8-qt {
  border: 1px solid rgba(125, 129, 144, 0.25) !important;
}

.btnVar3B6 {
  border: 1px solid #3b6cd8;
  background: #ffffff;
  color: #3b6cd8;
}

.btn5Var3B6 {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: transparent;
  color: #3b6cd8;
}

.btn5Var3B6-bg {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  color: #3b6cd8;
}

.btn5Var3B6-bg.brdHlf {
  border: 1px solid rgba(59, 108, 216, 0.25);
}

.btn5Var3B6-bg2 {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  color: #3b6cd8;
}

.btn5Var3B6:hover {
  background: rgba(59, 108, 216, 0.1);
}

.btn10Var3B6 {
  border: 1px solid rgba(59, 108, 216, 0.1);
  background: rgba(59, 108, 216, 0.05);
  color: #3b6cd8;
}

.btnVar3B6:hover {
  background: rgba(59, 108, 216, 0.05);
}

.btnVar3B6.brdHv:hover {
  border: 1px solid rgba(59, 108, 216, 0.5);
}

.btnVar3B6:focus,
.btnVar3B6:active {
  background: rgba(59, 108, 216, 0.1);
}

.btnVar3B6.var15:hover,
.btnVar3B6.var15.active {
  background: rgba(59, 108, 216, 0.15);
}

.btnVar3B6-cust {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  color: #3b6cd8;
}

/* Btn design for(#3C3E49)*/

.btnVar3C3-bg {
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(60, 62, 73, 0.05) 0%,
      rgba(60, 62, 73, 0.05) 100%
    ),
    #fff;
  color: #3c3e49;
}

.btnVar3C3-bg.hov3b6:hover {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  color: #3b6cd8;
}

/* Btn design for(#4B5563)*/

.btnVar4B5 {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #4b5563;
}

.btnVar4B5.hovff2:hover {
  color: #ff2f2f;
  border: 1px solid rgba(255, 47, 47, 0.5);
  background: linear-gradient(
      0deg,
      rgba(255, 47, 47, 0.05) 0%,
      rgba(255, 47, 47, 0.05) 100%
    ),
    #fff;
}
/* Btn design for(#704b37)*/

.btn704 {
  border: 1px solid rgba(112, 75, 55, 0.15);
  background: #704b37;
  color: #fff;
}

.btnVar704 {
  border: 1px solid rgba(112, 75, 55, 0.15);
  background: rgba(112, 75, 55, 0.05);
  color: #704b37;
}

.btnVar704.chng:hover {
  background: #704b37;
  color: #ffffff;
}

/* Btn design for(#05c368)*/

.btn05C {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #05c368;
  color: #fff;
}

.btnVar05C {
  border: 1px solid rgba(5, 195, 104, 0.15);
  background: rgba(5, 195, 104, 0.05);
  color: #05c368;
}

.btnVar05C.chng:hover {
  background: #05c368;
  color: #ffffff;
}

/* Btn design for(#1a1a1a)*/

.btn1A1 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #1a1a1a;
  color: #fff;
}

.btnVar1A1 {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #1a1a1a;
}

/* Btn design for(#3375E0)*/

.btn337 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #3375e0;
  color: #fff;
}

.btnVar337 {
  border: 1px solid #3375e0;
  background: #fff;
  color: #3375e0;
}

/* Btn design for(#9162f9)*/

.btn916 {
  border: 1px solid #d1d5db;
  background: #9162f9;
  color: #fff;
}

.btnVar916 {
  border: 1px solid #9162f9;
  background: rgba(145, 98, 249, 0.03);
  color: #9162f9;
}

.btnVar916:hover {
  background: rgba(145, 98, 249, 0.1);
}

/* Btn design for(#fa0)*/

.btnFA0 {
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: #fa0;
  color: #fff;
}

.btnVarFA0 {
  border: 1px solid #fa0;
  background: linear-gradient(
      0deg,
      rgba(255, 170, 0, 0.02) 0%,
      rgba(255, 170, 0, 0.02) 100%
    ),
    #fff;
  color: #fa0;
}

/* Btn design for(#0097A7)*/

.btn7A7 {
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: #0097a7;
  color: #fff;
}

.btnVar7A7 {
  border: 1px solid #0097a7;
  background: #fff;
  color: #0097a7;
}

/* Btn design for(#ff9c00)*/

.btnFF9 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #ff9c00;
  color: #fff;
}

.btnVarFF9 {
  border: 1px solid #ff9c00;
  background: rgba(255, 255, 255, 0.25);
  color: #ff9c00;
}

.btnVarFF9:hover {
  background: linear-gradient(
      0deg,
      rgba(255, 156, 0, 0.1) 0%,
      rgba(255, 156, 0, 0.1) 100%
    ),
    rgba(255, 255, 255, 0.25);
}

/* Btn design for(#FF2F2F)*/

.btnFF2 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #ff2f2f;
  color: #fff;
}

.btnVarFF2 {
  border: 1px solid rgba(255, 47, 47, 0.15);
  background: rgba(255, 47, 47, 0.05);
  color: #ff2f2f;
}

.btnVarFF2.chng:hover {
  color: #fff;
  background: #ff2f2f;
}

.btnFF2.brdD1D {
  border: 1px solid #d1d5db !important;
}

.btnVarFF2-hf {
  border: 1px solid rgba(255, 47, 47, 0.5);
  background: #fff;
  color: #ff2f2f;
}
.btnVarFF2-hf5 {
  border: 1px solid rgba(255, 47, 47, 0.05);
  background: rgba(255, 47, 47, 0.05);
  color: #ff2f2f;
}

.btnVarFF2-hf:hover {
  background: rgba(255, 47, 47, 0.05);
}

.btnFF2.brdD1D-mid {
  border: 1px solid rgba(209, 213, 219, 0.5) !important;
}

.btnVarFF2:hover {
  background: linear-gradient(
      0deg,
      rgba(255, 47, 47, 0.1) 0%,
      rgba(255, 47, 47, 0.1) 100%
    ),
    rgba(255, 255, 255, 0.25);
}

/* Btn design for Blue(#1976D2)*/

.btnVar197 {
  border: 1px solid #1976d2;
  background: #ffffff;
  color: #1976d2;
}

.btnVar197.var15:hover,
.btnVar197.var15.active {
  background: rgba(25, 118, 210, 0.15);
}

/* Btn design for Green(#00897B)*/

.btnVar008 {
  border: 1px solid #00897b;
  background: #ffffff;
  color: #00897b;
}

.btnVar008.var15:hover,
.btnVar008.var15.active {
  background: rgba(0, 137, 123, 0.15);
}

/* Btn design for Purple(#6B2DAD)*/

.btnVar6B2 {
  border: 1px solid #6b2dad;
  background: #ffffff;
  color: #6b2dad;
}

.btnVar6B2.var15:hover,
.btnVar6B2.var15.active {
  background: rgba(107, 45, 173, 0.15);
}

/* Btn design for Brown(#AD6900)*/

.btnVarAD6 {
  border: 1px solid #ad6900;
  background: #ffffff;
  color: #ad6900;
}

.btnVarAD6.var15:hover,
.btnVarAD6.var15.active {
  background: rgba(173, 105, 0, 0.15);
}

/* Custom Select form */

.customSelect-form {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  background: #fff;
  transition: box-shadow 0.3s ease;
}

.customSelect-form.h48 {
  height: 48px;
}

.customSelect-form .imgBox {
  height: 28px;
  width: 28px;
  border-radius: 8px;
  background: rgba(217, 217, 217, 0.5);
}

.customSelect-form.active {
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid transparent;
}

.customSelect-form .list {
  width: 100%;
  border-radius: 0px 0px 12px 12px;
  outline: 1px solid #d1d5db;
  background: #fff;
  z-index: 1000;
  left: 0;
}

.customSelect-form.h240 .list,
.customSelect-form.h240 .list ul {
  max-height: 240px;
}

.customSelect-form.h48 .list {
  top: 48px;
}

.customSelect-form .list .brdBtm {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
}

/* Card Classes */

.card-D1d {
  border: 1px solid #d1d5db;
}

.card-D1d.bdr12 {
  border-radius: 12px;
}

.card-D1d.bdr15 {
  border-radius: 15px;
}

.progressBar-ln {
  height: 7px;
  border-radius: 10px;
  padding: 1px 2px;
}

.progressBar-ln .bar {
  height: 4px;
  background-color: #fa0;
  border-radius: 10px;
  border: none;
  stroke: none;
}

/* TableDesign - Light Brown */

.tableBox-br {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.5);
}

.tableBox-br .ct-table tbody {
  height: calc(100% - 16px);
  display: block;
  overflow: auto;
}

.tableBox-br th {
  border-bottom: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.1) 0%,
      rgba(112, 75, 55, 0.1) 100%
    ),
    #fff;
}

.tableBox-br th.h38 {
  height: 38px;
}

.tableBox-br tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.tableBox-br tbody tr {
  border-radius: 8px;
}

.tableBox-br tbody tr.h32 {
  height: 32px;
}

.tableBox-br tr:hover {
  background: rgba(112, 75, 55, 0.05);
}

/* -----------Tabel design End----------- */

/* .input-groupTime {
  width: 84px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #fff;
}

.input-groupTime input {
  width: calc(100% - 26px);
} */

.input-groupTime .igClock {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-55%);
  z-index: 3;
}

.input-groupTime {
  width: 84px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #fff;
  position: relative;
}

.input-groupTime input {
  padding-left: 12px !important; /* Enough to avoid overlapping icon */
  padding-right: 2px !important;
  border: none;
  background: transparent;
  position: relative;
  z-index: 3;
  appearance: none;
}

.input-groupTime input.hide {
  color: transparent !important;
}

.input-groupTime input::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

.input-groupTime .time-placeholder {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(26, 26, 26, 0.25);
  pointer-events: none;
  z-index: 1;
}

/* Form Input D1D Class */

.formInpGp-d1d {
  border: 1px solid #d1d5db;
  background: #fff;
}

.formInpGp-d1d.h48 {
  height: 48px;
}
.formInpGp-d1d.h44 {
  height: 44px;
}

.formInpGp-d1d.h26 {
  height: 26px;
}

.formInpGp-d1d.w300px {
  width: 300px;
}

.formInpGp-d1d.w260px {
  width: 260px;
}

.formInpGp-d1d.w240px {
  width: 240px;
}
.formInpGp-d1d.w160px {
  width: 160px;
}

/* .formInpGp-d1d.w138px {
  width: 138px;
}

.formInpGp-d1d.w98px {
  width: 98px;
} */

.formInpGp-d1d input,
.formInpGp-d1d textarea {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  resize: none;
}

.formInpGp-d1d input::placeholder,
.formInpGp-d1d textarea::placeholder {
  color: rgba(26, 26, 26, 0.25);
  font-size: 14px;
  font-weight: 500;
}

.formInpGp-d1d input {
  line-height: 100%;
}

/* Popup Box Back Btn */

.bckBtn-box {
  border-radius: 10px;
  border: 1px solid rgba(59, 108, 216, 0.5);
}

.bckBtn-box.h38 {
  width: 38px;
  height: 38px;
}

.bckBtn-box.h36 {
  width: 36px;
  height: 36px;
}
.bckBtn-box:hover {
  background: rgba(59, 108, 216, 0.1);
}

/* Group Button design */

.sBox-btn.h32 {
  height: 32px;
}

.sBox-btn .cmnBtn {
  outline: none;
  border: 1px solid rgba(59, 108, 216, 0.25);
  background: rgba(59, 108, 216, 0.02);
}

.sBox-btn .cmnBtn .imgAct,
.sBox-btn .cmnBtn.active .imgInAct {
  display: none;
}

.sBox-btn .cmnBtn.active .imgAct,
.sBox-btn .cmnBtn .imgInAct {
  display: block;
}

.sBox-btn p {
  color: #575b6c;
}
.sBox-btn .lftbtn {
  border-radius: 10px 0 0 10px;
  border-right: 1px solid transparent;
  width: 102px;
}
.sBox-btn .rgtbtn {
  border-radius: 0 10px 10px 0;
  border-left: 1px solid transparent;
  width: 100px;
}

.sBox-btn .active {
  background: rgba(59, 108, 216, 0.05);
  border: 1px solid rgba(59, 108, 216, 0.5);
}

.sBox-btn .active p {
  color: #3b6cd8;
}

/* adderss Inp Box */
.inputGp-address {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
}

.inputGp-address input::placeholder,
.inputGp-address textarea::placeholder {
  color: rgba(114, 123, 130, 0.5);
}

.inputGp-address input:disabled,
.inputGp-address textarea:disabled {
  background: transparent;
}
.inputGp-address textarea {
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  resize: none;
}

.inputGp-address .addrGp-btm {
  height: 48px;
  border-top: 1px solid rgba(209, 213, 219, 0.75);
}

.inputGp-address .addrGp-btm .rgt {
  width: calc(100% - 90px);
  border-left: 1px solid rgba(209, 213, 219, 0.75);

  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

/* Custom Check Box Element */

.chckBox-cust {
  border-radius: 8px;
  border: 1px solid rgba(87, 91, 108, 0.25);
  background: #fff;
}

.chckBox-cust img {
  display: none;
  height: 19px;
  width: 19px;
}

.chckBox-cust.h25 {
  width: 25px;
  height: 25px;
}

.chckBox-cust.active {
  border: 1px solid rgba(59, 108, 216, 0.25);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.chckBox-cust.active img {
  display: block;
}

.btnBack-top {
  background: rgba(80, 80, 80, 0.02);
  color: #505050;
}

.btnBack-top.h34 {
  height: 34px;
}

/* Tags (like Button CSS) */

.lil-Tag.h22 {
  height: 22px;
}

.lil-Tag.h23 {
  height: 23px;
}

.ltag05c {
  border: 1px solid rgba(5, 195, 104, 0.25);
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
  color: #05c368;
}

.ltagff2 {
  border: 1px solid rgba(255, 47, 47, 0.25);
  background: linear-gradient(
      0deg,
      rgba(255, 47, 47, 0.05) 0%,
      rgba(255, 47, 47, 0.05) 100%
    ),
    #fff;
  color: #ff2f2f;
}

/* DIsabled Input Box*/

.disbInp-box {
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.1) 0%,
      rgba(87, 91, 108, 0.1) 100%
    ),
    #fff;
}

.disbInp-box.h45 {
  height: 45px;
}

.lp2p1 {
  letter-spacing: 2.1px;
}

.btnVar575Nb {
  border: 1px solid transparent;
  background: transparent;
  color: #575b6c;
  padding: 0px;
  justify-content: start;
}

.btnVar575Nb:hover {
  border: 1px solid rgba(59, 108, 216, 0.5);
  color: #3b6cd8;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  padding: 0px 8px;
  justify-content: center;
}

/* Hover Button img Styling */

.hoverBtn-at .imgAct,
.hoverBtn-at.active .imgInAct,
.hoverBtn-at:hover .imgInAct {
  display: none;
}

.hoverBtn-at.active .imgAct,
.hoverBtn-at:hover .imgAct {
  display: block;
}