@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  outline: none !important;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #374151;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #9CA3AF;
  border-radius: 6px;
}

body {
  width: 100%;
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  min-height: 100%;
  background-color: #F5FAFF;
  font-family: "Poppins";
  overflow-x: hidden;
}

.mainContainer {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 16px;
}

.bttns {
  float: left;
  background-color: #0E7BE0;
  border: 1px solid #0E7BE0;
  color: #fff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none !important;
  padding: 13px 23px;
  transition: 0.3s ease-in-out;
}
.bttns:hover {
  color: #075095;
  background-color: #fff;
}

.closeAsodeMobile {
  display: none;
}

aside {
  width: 249px;
  height: 100%;
  position: fixed;
  background-color: #E3F0FD;
  transition: 0.3s ease-in-out;
  overflow: auto;
}
aside .asideInn {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
}
aside .asideInn a.logoWrap {
  width: 100%;
  float: left;
  padding: 0 20px 20px;
  border-bottom: 1px solid #CEDEED;
  margin: 0 0 20px 0;
}
aside .asideInn a.logoWrap img {
  max-width: 100%;
  float: left;
}
aside .asideInn a.logoWrap p {
  width: 100%;
  float: left;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin: 9px 0 0 0;
}
aside .asideInn .asideMenuListing {
  width: 100%;
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 40px 0;
}
aside .asideInn .asideMenuListing li {
  width: 100%;
  float: left;
  list-style: none;
}
aside .asideInn .asideMenuListing li a {
  width: 90%;
  float: left;
  padding: 10px 0 10px 25px;
  margin: 1px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  transition: 0.3s ease-in-out;
}
aside .asideInn .asideMenuListing li a i {
  float: left;
  font-size: 16px;
  -webkit-text-stroke: 0.7px #586471;
  color: transparent;
  margin: 0;
  width: 35px;
  transition: 0.3s ease-in-out;
}
aside .asideInn .asideMenuListing li a span {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #7C858E;
  text-transform: capitalize;
  width: 125px;
  height: 20px;
  overflow: hidden;
  transition: width 0.3s;
}
aside .asideInn .asideMenuListing li a.active {
  background-color: #fff;
  border-radius: 0px 8px 8px 0px;
  text-decoration: none;
}
aside .asideInn .asideMenuListing li a.active i {
  color: #0E7BE0;
  -webkit-text-stroke: 0px #586471;
}
aside .asideInn .asideMenuListing li a.active::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 80%;
  background-color: #0E7BE0;
  border-radius: 2px;
  left: 0;
  top: 10%;
}
aside .asideInn .asideMenuListing li a:hover {
  background-color: #fff;
  border-radius: 0px 8px 8px 0px;
  text-decoration: none;
}
aside .asideInn .asideMenuListing li a:hover i {
  color: #0E7BE0;
  -webkit-text-stroke: 0px #586471;
}
aside .asideInn .asideMenuListing li a:hover::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 80%;
  background-color: #0E7BE0;
  border-radius: 2px;
  left: 0;
  top: 10%;
}
aside .asideInn .asideMenuListing li a b {
  font-size: 13px;
  color: #7c818c;
}
aside .asideInn .asideMenuListing li a b.rotateIcon {
  transform: rotate(180deg);
}
aside .asideInn .asideMenuListing li .sub-menu {
  width: 100%;
  float: left;
  padding: 10px 0 10px 32px;
  margin: 8px 0 0 0;
  background-color: #0e7be0;
  position: relative;
  display: none;
}
aside .asideInn .asideMenuListing li .sub-menu::after {
  content: "";
  position: absolute;
  background-color: #0e7be0;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  left: 24px;
  top: -5px;
}
aside .asideInn .asideMenuListing li .sub-menu li {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
aside .asideInn .asideMenuListing li .sub-menu li a {
  width: 100%;
  float: left;
  color: #fff;
  padding: 4px 0;
  font-size: 14px;
  background-color: transparent !important;
  transition: 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
aside .asideInn .asideMenuListing li .sub-menu li a::after {
  display: none;
}
aside .asideInn .asideMenuListing li .sub-menu li a b {
  display: none;
}
aside .asideInn .asideMenuListing li .sub-menu li a .arrow {
  margin: 0 22px 0 0;
  float: left;
}
aside .asideInn .asideMenuListing li .sub-menu li .innerSub {
  width: 100%;
  float: left;
  padding: 11px 18px;
  background: #0f66b8;
  margin: 8px 0;
  display: none;
}
aside.thisAnimate {
  width: 79px;
}
aside.thisAnimate .asideInn .asideMenuListing li a span {
  width: 1px;
  overflow: hidden;
  opacity: 0;
}
aside.thisAnimate .asideInn .asideMenuListing li a b {
  opacity: 0;
}

header {
  width: calc(100% - 249px);
  background-color: #fff;
  float: right;
  box-shadow: 0px 6px 13px rgba(14, 123, 224, 0.05);
  transition: 0.3s ease-in-out;
  z-index: 999;
  position: relative;
}
header .headerInner {
  width: 100%;
  float: left;
  padding: 15px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .headerInner .leftContent {
  float: left;
  display: flex;
  align-items: center;
}
header .headerInner .leftContent .backPrev {
  float: left;
  margin: 0 16px 0 0;
}
header .headerInner .leftContent .backPrev i {
  font-size: 23px;
  color: #000;
  -webkit-text-stroke: 1px #fff;
}
header .headerInner .leftContent .companyLogopart {
  float: left;
  display: flex;
  align-items: center;
  position: relative;
}
header .headerInner .leftContent .companyLogopart picture {
  float: left;
  min-width: 38px;
  max-width: 38px;
  height: 38px;
  background: #D5E9FB;
  border-radius: 8px;
  background-image: url(../company_images/companyLogoPlaceholder.svg);
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
header .headerInner .leftContent .companyLogopart picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .headerInner .leftContent .companyLogopart h5 {
  float: left;
  margin: 0 0 0 12px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  display: flex;
  flex-flow: column;
  max-width: 400px;
}
header .headerInner .leftContent .companyLogopart h5 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #838383;
}
header .headerInner .leftContent .HeaderLinkPart {
  float: left;
  margin: 0 0 0 60px;
}
header .headerInner .leftContent .HeaderLinkPart a {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 146.5%;
  text-align: center;
  color: #0E7BE0;
  background-color: #E6F3FF;
  text-decoration: none;
  text-transform: capitalize;
  float: left;
  margin: 0 0 0 6px;
  padding: 5px 13px;
  border-radius: 18px;
}
header .headerInner .rightContent {
  float: left;
  display: flex;
  align-items: center;
}
header .headerInner .rightContent .rbf__Box {
  float: left;
  display: flex;
  align-items: center;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap {
  float: left;
  margin: 0 12px 0 0;
  position: relative;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .cpBttn {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  font-size: 20px;
  color: #0E7BE0;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .cpBttn:hover {
  background-color: #F5FAFF;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .cpBttn:focus {
  background-color: #eff7ff;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions {
  width: 280px;
  border-radius: 17.525px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 20.446px 0px rgba(38, 94, 157, 0.21);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  position: absolute;
  top: 74px;
  right: -47px;
  padding: 0 0 12px 0;
  border: 6px solid #e3eef9;
  display: none;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions h4 {
  width: 100%;
  float: left;
  border-bottom: 1px solid #E3EBF3;
  margin: 0 0 11px 0;
  color: #000;
  font-family: "Poppins";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 11px 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions h4 i {
  color: #FF007A;
  cursor: pointer;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a {
  width: 100%;
  float: left;
  color: #000;
  font-family: "Poppins";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-bottom: 1px solid #E3EBF3;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a:last-child {
  border: 0;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a span {
  float: left;
  display: flex;
  align-items: center;
  gap: 7px;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a span img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a i {
  color: #0E7BE0;
  transition: 0.3s ease-in-out;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a:hover {
  background-color: #eff7ff;
}
header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions a:hover i {
  margin: 0 -10px 0 0;
}
header .headerInner .rightContent a.rAnchor {
  float: left;
  margin: 0 9px 0 7px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #0e7be0;
  font-weight: 500;
}
header .headerInner .rightContent a.rAnchor i {
  color: #fff;
  font-size: 26px;
  -webkit-text-stroke: 1px #0E7BE0;
}
header .headerInner .rightContent a.rAnchor b {
  position: absolute;
  background-color: #FFA800;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1.54px solid #fff;
  right: -2px;
}
header .headerInner .rightContent a.rAnchor.showed b {
  display: none;
}
header .headerInner .rightContent a.rAnchor.clockWrap {
  float: left;
  background-color: #F5FAFF;
  color: #0E7BE0;
  padding: 7px 8px;
  border-radius: 8px;
  margin: 0 6px 0 0;
  cursor: default !important;
}
header .headerInner .rightContent a.rAnchor.clockWrap i {
  font-size: 22px;
  -webkit-text-stroke: 1px #0E7BE0;
  color: transparent;
}
header .headerInner .rightContent a.rAnchor.help {
  float: left;
  background-color: #F5FAFF;
  color: #0E7BE0;
  padding: 7px 8px;
  border-radius: 8px;
}
header .headerInner .rightContent a.rAnchor.help i {
  font-size: 22px;
  -webkit-text-stroke: 1px #0E7BE0;
  color: transparent;
}
header .headerInner .rightContent .profilePicWrp {
  float: left;
  position: relative;
}
header .headerInner .rightContent .profilePicWrp picture {
  float: left;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  overflow: hidden;
  background-color: #0E7BE0;
  background-image: url(../company_images/userProfile.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
header .headerInner .rightContent .profilePicWrp picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .headerInner .rightContent .profilePicWrp .proPop {
  position: absolute;
  width: 216px;
  min-height: unset;
  box-shadow: 0px 11px 14px rgba(14, 123, 224, 0.22);
  border-radius: 12px;
  background-color: #0E7BE0;
  top: 53px;
  right: -8px;
  display: none;
}
header .headerInner .rightContent .profilePicWrp .proPop::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #0E7BE0;
  top: -3px;
  right: 19px;
  transform: rotate(45deg);
}
header .headerInner .rightContent .profilePicWrp .proPop h5 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 12px 20px;
  border-bottom: 1px solid #B3DAFF;
}
header .headerInner .rightContent .profilePicWrp .proPop h5 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #bbd1e6;
  margin: 8px 0 -3px 0;
  word-break: break-all;
}
header .headerInner .rightContent .profilePicWrp .proPop .epLinks {
  width: 100%;
  float: left;
  padding: 20px 25px;
}
header .headerInner .rightContent .profilePicWrp .proPop .epLinks a {
  width: 100%;
  float: left;
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  padding: 6px 0;
}
header .headerInner .rightContent span.toggle_icon {
  float: left;
  position: relative;
  width: 30px;
  height: 21px;
  margin: 0 0 0 35px;
  cursor: pointer;
}
header .headerInner .rightContent span.toggle_icon b {
  width: 23px;
  float: right;
  height: 2px;
  background-color: #000;
  border-radius: 3px;
  position: relative;
  top: calc(50% - 1px);
}
header .headerInner .rightContent span.toggle_icon::after {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  top: 0;
  left: 0;
  background-color: #000;
  border-radius: 2px;
}
header .headerInner .rightContent span.toggle_icon::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000;
  border-radius: 2px;
}
header.thisAnimate {
  width: calc(100% - 79px);
}

.noticePopupWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 9999;
  display: none;
}
.noticePopupWrap .noticePOpContain {
  position: absolute;
  width: 347px;
  height: 90%;
  right: -100%;
  top: 5%;
  background-color: #fff;
  border-radius: 31px;
  z-index: 99;
  transition: 0.4s ease-in-out;
}
.noticePopupWrap .noticePOpContain.activeNoticePOpContain {
  right: 30px;
}
.noticePopupWrap .noticePOpContain h3 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 24px 30px;
  background: #F1F8FF;
  border-radius: 31px 31px 0px 0px;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  color: #075095;
  display: flex;
  align-items: center;
  gap: 12px;
}
.noticePopupWrap .noticePOpContain h3 b {
  width: 20px;
  height: 20px;
  background-color: #0E7BE0;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  border-radius: 100%;
  font-weight: 400;
  margin: 0 0 0 0px;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap {
  width: 100%;
  float: left;
  padding: 0px 32px;
  height: calc(100% - 160px);
  overflow: auto;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap::-webkit-scrollbar {
  display: none;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock {
  width: 100%;
  float: left;
  padding: 25px 0;
  border-bottom: 1px solid #D9EBFB;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock span {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  cursor: pointer;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock span i {
  width: 34px;
  height: 34px;
  float: left;
  border-radius: 100%;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0E7BE0;
  font-size: 16px;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock span p {
  width: calc(100% - 50px);
  float: left;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: #5C5C5C;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock span p small {
  width: 100%;
  float: left;
  color: #FF007A;
  font-weight: 500;
  margin: 8px 0 0 0;
  font-size: 11px;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock:last-child {
  border: 0;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock .noticeInfo {
  width: 100%;
  float: left;
  position: relative;
  background-color: #D5E9FB;
  padding: 15px 12px;
  margin: 14px 0 -25px 0;
  display: none;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock .noticeInfo:after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #D5E9FB;
  position: absolute;
  top: -4px;
  left: 11px;
  transform: rotate(45deg);
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock .noticeInfo h4 {
  width: 100%;
  float: left;
  margin: 0 0;
  font-size: 13px;
}
.noticePopupWrap .noticePOpContain .popNoticeListingWrap .pNoticeBlock .noticeInfo h4 small {
  width: 100%;
  float: left;
  margin: 9px 0 0 0;
  line-height: 15px;
  color: #0f385f;
}
.noticePopupWrap .noticePOpContain .buttonWrap {
  width: 100%;
  float: left;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  border-radius: 0px 0px 31px 31px;
  left: 0;
  padding: 20px 30px;
}
.noticePopupWrap .noticePOpContain .buttonWrap a {
  width: 100%;
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  padding: 13px 1px;
  border-radius: 30px;
}
.noticePopupWrap .closeNoticePop {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

footer {
  width: 100%;
  float: left;
  background: #FFFFFF;
  border-radius: 4px;
  margin: 20px 0 0 0;
  padding: 16px 5px;
}
footer p {
  width: 100%;
  float: left;
  text-align: center;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #919EAA;
}

.usersHead {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.usersHead h2 {
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  color: #000000;
  margin: 0 0 0 0;
  flex-flow: row wrap;
}
.usersHead h2 b {
  float: right;
  color: #0E7425;
  background-color: #BCF0C8;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  margin: 0 0 0 13px;
  padding: 4px 15px;
  border-radius: 21px;
}
.usersHead h2 small {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #075095;
  margin: 12px 0 0 0;
}
.usersHead .headActions {
  float: left;
  position: relative;
}
.usersHead .headActions .headActionsContains {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}
.usersHead .headActions .searchBlock {
  float: left;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(14, 123, 224, 0.08);
  border-radius: 35px;
  overflow: hidden;
  transition: width 0.5s cubic-bezier(0.4, 0.5, 0.3, 1.6);
  width: 46px;
  height: 46px;
  display: flex;
  flex-flow: row;
  background-image: url(../company_images/searchIcon.svg);
  background-repeat: no-repeat;
  background-position: 13px 14px;
  transition: all 0.6s cubic-bezier(0.4, 0.5, 0.3, 1.2);
  cursor: pointer;
}
.usersHead .headActions .searchBlock form {
  width: 100%;
  float: left;
  display: flex;
  align-items: stretch;
  margin: 0 0 0 0;
  padding: 0 0 0 46px;
  gap: 9px;
}
.usersHead .headActions .searchBlock .animateInput {
  width: 100%;
  height: 46px;
  background-position: 14px 14px;
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  border: 0;
  outline: none !important;
  color: #000;
  font-family: "Poppins";
  padding: 0 0 0 10px;
  border-left: 1px solid #D5E9FB;
  font-size: 12px;
}
.usersHead .headActions .searchBlock .animateInput:first-child {
  border: 0;
}
.usersHead .headActions .searchBlock input[type=submit] {
  border: 0;
  background-color: #fff;
  font-size: 0;
  min-width: 50px;
  max-width: 50px;
  background-image: url(../company_images/subArrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
  cursor: pointer;
  margin: 0 0 0 13px;
}
.usersHead .headActions .searchBlock select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: url(../company_images/selectArrow.svg);
  background-position: right center !important;
}
.usersHead .headActions .searchBlock.active {
  position: relative;
  width: 480px !important;
}
.usersHead .headActions .searchBlockLarge {
  width: 46px;
  height: 46px;
  background-color: #fff;
  background-image: url(../company_images/searchIcon.svg);
  background-repeat: no-repeat;
  background-position: 49% 49%;
  border-radius: 40px;
  box-shadow: 0px 2px 6px rgba(14, 123, 224, 0.08);
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.4, 0.5, 0.3, 1.2);
  overflow: hidden;
}
.usersHead .headActions .searchBlockLarge .sblInput {
  width: 0;
  float: left;
  background-color: #fff;
  border: 0;
  font-family: "Poppins";
  color: #747474;
  margin: 0 25px 0 25px;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../company_images/lsbS_arrow.svg);
  background-repeat: no-repeat;
  background-position: right center;
  transition: all 0.6s cubic-bezier(0.4, 0.5, 0.3, 1.2);
  opacity: 0;
}
.usersHead .headActions .searchBlockLarge .sblBttn {
  float: right;
  width: 42px;
  height: 32px;
  opacity: 0;
  outline: none !important;
  cursor: pointer;
  display: none;
}
.usersHead .headActions .searchBlockLarge.activeLargesearch {
  width: 496px;
  background-position: 95% 49%;
  cursor: default;
}
.usersHead .headActions .searchBlockLarge.activeLargesearch .sblInput {
  width: 165px;
  opacity: 1;
}
.usersHead .headActions .searchBlockLarge.activeLargesearch .sblBttn {
  display: block;
}
.usersHead .headActions .habttn {
  width: 46px;
  height: 46px;
  float: left;
  background-color: #fff;
  box-shadow: 0px 2px 6px rgba(14, 123, 224, 0.08);
  color: #0E7BE0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 35px;
  margin: 0 0 0 10px;
  transition: width 0.6s cubic-bezier(0.4, 0.5, 0.3, 1.6);
}
.usersHead .headActions .habttn b {
  font-weight: 500;
  font-size: 0;
  text-transform: capitalize;
  float: left;
  margin: 0 0 0 0;
  transition: 0.3s ease-in-out;
}
.usersHead .headActions .habttn:hover {
  width: 160px;
}
.usersHead .headActions .habttn:hover b {
  font-size: 13px;
  margin: 0 0 0 7px;
}
.usersHead .headActions .habttn.addBttn {
  color: #BB7101;
}
.usersHead .headActions .habttn.addBttn:hover {
  width: 210px;
}
.usersHead .headActions .habttn.fileDownloadBttn {
  color: #18BA3C;
}

main.completeBodyWrap {
  width: calc(100% - 249px);
  float: right;
  transition: 0.3s ease-in-out;
}
main.completeBodyWrap .completeBodyInner {
  width: 100%;
  float: left;
  margin: 0px 0 35px 0;
  min-height: 72%;
  z-index: 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap {
  width: 100%;
  float: left;
  margin: 45px 0 0 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox {
  width: 22%;
  float: left;
  background-color: #fff;
  padding: 32px 30px;
  box-shadow: 0px 4px 16px rgba(169, 212, 255, 0.56);
  border-radius: 16px;
  position: relative;
  height: 252px;
  margin: 6px 0 0 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox h4 {
  width: 100%;
  float: left;
  color: #0E7BE0;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  margin: 0 0 0 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox p {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #FF007A;
  display: flex;
  align-items: center;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox p i {
  font-size: 20px;
  margin: 0 7px 0 0px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox h2 {
  width: 100%;
  float: left;
  color: #0E7BE0;
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  margin: 26px 0 15px 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox a.packUpgradeButton {
  background-color: #18BA3C;
  color: #fff;
  float: left;
  text-transform: capitalize;
  text-decoration: none;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  border-radius: 8px;
  padding: 10px 30px;
  margin: 3px 0 0 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox::after {
  content: "";
  position: absolute;
  height: 116px;
  width: 104.52px;
  background-image: url(../company_images/currentPackTag.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  right: -8px;
  top: -7px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox.db__puBoxBranch {
  float: left;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox.db__puBoxBranch h4 {
  font-size: 15px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox.db__puBoxBranch h2 {
  margin: 16px 0 9px 0;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox.db__puBoxBranch .dashboardBranchLabel {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  color: #075095;
  font-size: 13px;
  padding: 7px 17px;
  border-radius: 6px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox.db__puBoxBranch::after {
  display: none;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap {
  width: 73%;
  float: right;
  display: flex;
  justify-content: space-between;
  position: relative;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 1px;
  background-color: #D9E3EC;
  left: -25px;
  top: 10%;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  row-gap: 13px;
  -moz-column-gap: 1.5%;
       column-gap: 1.5%;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox {
  float: left;
  width: 32%;
  height: 125px;
  border-radius: 11px;
  background-color: #E0F1FF;
  padding: 10px 25px;
  font-family: "Poppins";
  position: relative;
  overflow: hidden;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox:nth-child(even) {
  background-color: #fff;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox h2 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 23px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #000;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox h2 small {
  width: 100%;
  float: left;
  color: #73899E;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.502px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox h3 {
  width: 100%;
  float: left;
  margin: 8px 0 0 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox h3 small {
  width: 100%;
  float: left;
  color: #73899E;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.502px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox img {
  width: 57px;
  height: 57px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  opacity: 0.7;
  right: 11px;
  bottom: 8px;
  transition: 0.3s ease-in-out;
  transform-origin: bottom right;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox .labelText {
  position: absolute;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.502px;
  color: #000;
  right: 20px;
  top: 17px;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox:hover {
  position: relative;
}
main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox:hover img {
  opacity: 1;
  transform: scale(1.2);
}
main.completeBodyWrap.thisAnimate {
  width: calc(100% - 79px);
}

.chartmapWrap {
  width: 100%;
  float: left;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0px 3.59575px 15.2819px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  border: 1px solid #d9ebfb;
  margin: 45px 0 0 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.chartmapWrap::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 1px;
  left: calc(50% - 0.5px);
  top: 10%;
  background-color: #E5ECF2;
}
.chartmapWrap .chartWrap {
  width: 44%;
  float: left;
  position: relative;
}
.chartmapWrap .chartWrap canvas {
  height: 300px !important;
  margin: 20px 0 0 0;
  float: left;
}
.chartmapWrap .chartWrap h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  color: #0E7BE0;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
}
.chartmapWrap .liveTrackMapWrap {
  width: 44%;
  float: left;
}
.chartmapWrap .liveTrackMapWrap h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  color: #0E7BE0;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chartmapWrap .liveTrackMapWrap h4 select {
  width: 230px;
  float: left;
  outline: none !important;
  border: 1.062px solid #D8E0E9;
  background: #FAFCFF;
  padding: 11px 17px;
  font-family: "Inter";
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../app_images/caret.png) !important;
  background-repeat: no-repeat !important;
  background-position: 93% 50% !important;
  background-size: 9px !important;
}
.chartmapWrap .liveTrackMapWrap iframe {
  width: 100%;
  float: left;
  height: 300px;
}

.UsersCompleteBlock {
  width: 100%;
  float: left;
  margin: 40px 0 0 0;
}
.UsersCompleteBlock .userListWrap {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.UsersCompleteBlock .userListWrap .userBox {
  width: 100%;
  float: left;
  margin: 10px 0;
  padding: 15px 25px;
  background-color: #fff;
  border: 1px solid #E0E8EF;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails {
  float: left;
  display: flex;
  align-items: center;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails picture {
  min-width: 90px;
  max-width: 90px;
  height: 90px;
  background-color: #D5E9FB;
  border-radius: 100%;
  float: left;
  background-image: url(../company_images/userPlaceholder.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 38px;
  position: relative;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails picture .permisionIcon {
  position: absolute;
  background-color: #0E7BE0;
  color: #fff;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  font-size: 12px;
  z-index: 0;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article {
  display: flex;
  float: left;
  align-items: center;
  flex-flow: column;
  margin: 0 0 0 15px;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 {
  float: left;
  margin: 0 0 0 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  display: flex;
  flex-flow: row wrap;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #7B7B7B;
  margin: 9px 0 0 0;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span {
  float: right;
  margin: -3px 0 0 10px;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns {
  margin: 0 7px 0 0;
  float: left;
  width: 33px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  background-color: #D5E9FB;
  color: #0E7BE0;
  border-radius: 20px;
  text-decoration: none;
  font-size: 15px;
  transition: width 0.6s cubic-bezier(0.4, 0.5, 0.3, 1.6);
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns b {
  font-size: 0;
  margin: 0 0 0 0;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns:hover {
  width: 135px;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns:hover b {
  font-size: 12px;
  margin: 0 0 0 6px;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns.reset {
  background-color: #FFE2B7;
  color: #BB7101;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns.fLogout {
  background-color: #F8DBE9;
  color: #FF007A;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a {
  float: left;
  background-color: #D5E9FB;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #075095;
  text-decoration: none;
  padding: 4px 9px;
  border-radius: 20px;
  margin: 0 6px 0 0;
  transition: 0.3s ease-in-out;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a i {
  margin: 0 3px 0 0;
  color: #0E7BE0;
  transition: 0.3s ease-in-out;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a.active {
  background-color: #BCF0C8;
  color: #0E7425;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a.inActive {
  background-color: #ddd;
  color: #333;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a.edit:hover {
  color: #fff;
  background-color: #0E7BE0;
}
.UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a.edit:hover i {
  color: #fff;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction a {
  margin: 0 0 0 12px;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction a.viewcheckIns {
  background-color: #D5E9FB;
  color: #075095;
  border-color: #D5E9FB;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction a.viewcheckIns:hover {
  background-color: #0E7BE0;
  border-color: #0E7BE0;
  color: #fff;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction span {
  float: left;
  position: relative;
  margin: 0 15px 0 0;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: -23px;
  top: 0;
  background: #E6ECF2;
}
.UsersCompleteBlock .userListWrap .userBox .rightAction span img {
  width: 28px;
}
.UsersCompleteBlock .showAllUsersBttn {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
}
.UsersCompleteBlock .showAllUsersBttn a.showAllBttn {
  float: left;
  font-family: "Poppins";
  background-color: #0E7BE0;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  padding: 12px 37px;
  border-radius: 8px;
}
.UsersCompleteBlock.tergetAlanysis .usersHead h2 {
  color: #343C44;
  font-size: 16px;
  font-weight: 400;
}

.RecentCheckinsWrap {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
}
.RecentCheckinsWrap .allCheckIns {
  color: #BB7101;
  background-color: #FFE2B7;
  display: flex;
  align-items: center;
  border-color: #FFE2B7;
}
.RecentCheckinsWrap .allCheckIns i {
  margin: 0 0 0 7px;
}
.RecentCheckinsWrap .checkinBlocksWrap {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row wrap;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox {
  width: 32%;
  float: left;
  margin: 10px 0;
  padding: 20px 0;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
  height: unset;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head {
  width: 100%;
  float: left;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 110px;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head picture {
  width: 95px;
  height: 95px;
  float: left;
  background-color: #D5E9FB;
  border-radius: 8px;
  background-image: url(../company_images/locationBac.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  overflow: hidden;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span {
  width: calc(100% - 110px);
  float: left;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span h4 {
  width: 100%;
  float: left;
  color: #1D1D1D;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 3px 0;
  max-height: 34px;
  overflow: hidden;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span h4 a {
  color: #1D1D1D;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span h4 a:hover {
  text-decoration: none;
  color: #0E7BE0;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span p {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #5B5B5B;
  margin: 7px 0 0 0;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span p i {
  font-size: 13px;
  color: #0E7BE0;
  margin: 0 6px 0 0px;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span p.checkinTime i {
  color: #18BA3C;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head span p.checkoutTime i {
  color: #FF007A;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__description {
  width: 100%;
  float: left;
  padding: 0px 20px;
  margin: 15px 0 0 0;
  min-height: 56px;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__description p {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #2D2D2D;
  margin: 0 0 0 0;
  height: 15px;
  overflow: hidden;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__description span {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-start;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #0E7BE0;
  margin: 12px 0 0 0;
  height: 35px;
  overflow: hidden;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__description span i {
  margin: 3px 5px 0 0;
  font-size: 16px;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__bttns {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #D3DEE9;
}
.RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__bttns .deleteBttn {
  background-color: #F8DBE9;
  color: #FF007A;
  margin: 0 0 0 10px;
  border-color: #F8DBE9;
}

.manageClientsLIstWrapper {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.manageClientsLIstWrapper .clientsBlock {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px 20px;
  border: 1px solid #E0E8EF;
  border-radius: 16px;
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails picture {
  width: 85px;
  height: 85px;
  background-color: #D5E9FB;
  border-radius: 100%;
  float: left;
  background-image: url(../company_images/userPlaceholder.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 38px;
  position: relative;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails picture b.active {
  position: absolute;
  background-color: #18BA3C;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1.5px solid #fff;
  bottom: 0;
  right: 11px;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails article {
  display: flex;
  float: left;
  align-items: center;
  flex-flow: column;
  margin: 0 0 0 15px;
  max-width: 450px;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails article h4 {
  width: 100%;
  float: left;
  margin: 0 0 4px 0;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  word-break: break-all;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails article p {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13.2308px;
  color: #5C5C5C;
  margin: 4px 0 2px 0;
  display: flex;
  align-items: flex-start;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails article p i {
  font-size: 14px;
  color: #0E7BE0;
  min-width: 22px;
  max-width: 22px;
  margin: 4px 0 0 0;
}
.manageClientsLIstWrapper .clientsBlock .clientDetails article p i.fa-phone {
  color: #FF007A;
}
.manageClientsLIstWrapper .clientsBlock .rightAction {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
}
.manageClientsLIstWrapper .clientsBlock .rightAction a.bttns {
  margin: 0 0 0 12px;
}
.manageClientsLIstWrapper .clientsBlock .rightAction a.bttns i {
  margin: 0 5px 0 0;
}
.manageClientsLIstWrapper .clientsBlock .rightAction a.bttns i.rotateIcon {
  transform: rotate(180deg);
}
.manageClientsLIstWrapper .clientsBlock .rightAction a.bttns.statsBttn {
  background-color: #FFE2B7;
  color: #BB7101;
  border-color: #FFE2B7;
}
.manageClientsLIstWrapper .clientsBlock .rightAction a.bttns.statsBttn:hover {
  background-color: #FFA800;
  border-color: #FFA800;
  color: #fff;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  padding: 25px 20px;
  border-radius: 16px;
  margin: 15px 0 0 0;
  position: relative;
  display: none;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-flow: row wrap;
  row-gap: 22px;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 80%;
  top: 10%;
  left: calc(50% - 0.5px);
  background-color: #C5DCF0;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel::before {
  content: "";
  position: absolute;
  background-color: #D5E9FB;
  width: 20px;
  height: 20px;
  right: 42px;
  top: -5px;
  transform: rotate(45deg);
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap {
  width: 47%;
  float: left;
  position: relative;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap h5 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #075095;
  margin: 0 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  gap: 10px;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap h5 span {
  float: left;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap h5 span i {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap h5 span i:hover {
  color: #FF007A;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 15px 0 0 0;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner .voBox {
  width: 23%;
  float: left;
  background: #FFFFFF;
  box-shadow: 0px 3.54427px 9.74674px rgba(14, 123, 224, 0.19);
  border-radius: 7.08854px;
  padding: 10px;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner .voBox h6 {
  width: 100%;
  float: left;
  color: #0E7BE0;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 12.4049px;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner .voBox p {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  color: #0E7425;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner .voBox p small {
  width: 100%;
  float: left;
  font-size: 11px;
  color: #000;
  font-weight: 500;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner .voBox.voBoxOutstanding {
  width: 100%;
  padding: 25px 21px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  color: #0E7425;
  font-weight: 500;
  font-size: 15px;
}
.manageClientsLIstWrapper .clientsBlock .visit_orderPanel .voWrap .voInner .voBox.voBoxOutstanding h4 {
  margin: 5px;
  font-size: 14px;
  color: #075095;
}

.manageCheckinsListingWrap {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.manageCheckinsListingWrap .manageCleckinsBox {
  width: 100%;
  float: left;
  background: #FFFFFF;
  border: 1px solid #E0E8EF;
  border-radius: 16px;
  padding: 20px 0;
  margin: 10px 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo {
  width: 100%;
  float: left;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo picture {
  width: 125px;
  height: 100px;
  background-color: #D5E9FB;
  float: left;
  border-radius: 16px;
  overflow: hidden;
  background-image: url(../company_images/locationBac.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article {
  width: calc(100% - 145px);
  float: left;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article h3 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-weight: 500;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article h3 a {
  color: #000;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  word-break: break-all;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article h3 a:hover {
  color: #0E7BE0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article p {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #808C98;
  margin: 7px 0 0 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article span.location {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #3C4C5E;
  margin: 7px 0 0 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article span.location i {
  color: #0E7BE0;
  font-size: 17px;
  float: left;
  margin: 1px 6px 0 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap a {
  float: left;
  font-size: 12px;
  color: #075095;
  background-color: #D5E9FB;
  display: flex;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  padding: 5px 14px;
  margin: 0 7px 0 0px;
  border-radius: 5px;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap a i {
  float: left;
  margin: 0 7px 0 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap a.details {
  color: #0E7425;
  background-color: #BCF0C8;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap a.createLead {
  color: #FF007A;
  background-color: #F8DBE9;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap a.linkLead {
  color: #BB7101;
  background-color: #FFE2B7;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  border-top: 1px solid #DBE7F1;
  padding: 20px 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo .biLeft {
  float: left;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo .biLeft p {
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #3C4C5E;
  margin: 0 25px 0 0;
  padding: 0 25px 0 0;
  border-right: 1px solid #DBE7F1;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo .biLeft p b {
  float: left;
  color: #0E7BE0;
  margin: 0 9px 0 0px;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo .biLeft p:last-child {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 0;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo .biLeft p.checkOut b {
  color: #FF007A;
}
.manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo .biRight {
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #0E7BE0;
  background-color: #D5E9FB;
  padding: 4px 13px;
  border-radius: 13px;
}

.crdCompleteWrap {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
}
.crdCompleteWrap.clientsMapWrap {
  margin: 0 !important;
}
.crdCompleteWrap.clientsMapWrap .crdSectionMapWrap {
  margin: 12px 0 0 0 !important;
}
.crdCompleteWrap .crdSearchForm {
  width: 100%;
  float: left;
}
.crdCompleteWrap .crdSearchForm form {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.crdCompleteWrap .crdSearchForm form.partForm {
  flex-flow: column;
}
.crdCompleteWrap .crdSearchForm form.partForm .topBox {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.crdCompleteWrap .crdSearchForm form.partForm .gpsReportCheckboxContainer {
  width: 100%;
  float: left;
  display: flex;
  gap: 20px;
  margin: 3px 0 0 0;
}
.crdCompleteWrap .crdSearchForm form .multi_select_container {
  width: 100%;
  float: left;
  min-height: unset !important;
}
.crdCompleteWrap .crdSearchForm form .multi_select_container .btn-group button.multiselect {
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0px 1px 5px rgba(14, 123, 224, 0.14) !important;
  border-radius: 30px !important;
}
.crdCompleteWrap .crdSearchForm form .multi_select_container .btn-group button.multiselect .caret {
  margin: 2px 0 0 0 !important;
}
.crdCompleteWrap .crdSearchForm form .crdUsrWrap {
  width: 100%;
  float: left;
}
.crdCompleteWrap .crdSearchForm form .semulateBttn {
  float: left;
  border: 0;
  background-color: #0E7BE0;
  color: #fff;
  font-size: 15px;
  padding: 13px 30px;
  border-radius: 24px;
  letter-spacing: 1px;
  display: none;
}
.crdCompleteWrap .crdSearchForm form .cancelSemulate {
  float: left;
  border: 0;
  background-color: #D5E9FB;
  color: #075095;
  font-size: 15px;
  padding: 13px 30px;
  border-radius: 24px;
  letter-spacing: 1px;
  display: none;
  text-decoration: none !important;
}
.crdCompleteWrap .crdSearchForm .crdUsr {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  background: #FFFFFF;
  box-shadow: 0px 1px 5px rgba(14, 123, 224, 0.14);
  border-radius: 30px;
  border: 0;
  outline: none !important;
  height: 51px;
  padding: 0 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Poppins";
}
.crdCompleteWrap .crdSearchForm select.crdUsr {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../app_images/caret.png) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 19px !important;
  background-size: 9px !important;
}
.crdCompleteWrap .crdSearchForm .btn-group {
  width: 100%;
  float: left;
}
.crdCompleteWrap .crdSearchForm .btn-group button.multiselect {
  width: 100%;
  float: left;
  border: 0;
  background: #fff;
  box-shadow: 0px 1px 5px rgba(14, 123, 224, 0.14);
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 33px;
}
.crdCompleteWrap .crdSearchForm .crdBttn {
  background-color: #0E7BE0;
  font-family: "Poppins";
  color: #fff;
  float: left;
  border: 0;
  outline: none !important;
  font-size: 14px;
  padding: 14px 29px;
  border-radius: 30px;
  margin: 0 0 0 0;
  cursor: pointer;
}
.crdCompleteWrap .crdSectionMapWrap {
  width: 100%;
  float: left;
  position: relative;
  height: 540px;
  border-radius: 16px;
  border: 1px solid #002688;
  background-color: #D5E9FB;
  margin: 30px 0 0 0;
  overflow: hidden;
}
.crdCompleteWrap .crdSectionMapWrap iframe {
  width: 100%;
  height: 540px;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent {
  position: absolute;
  width: 307px;
  height: 92%;
  left: 20px;
  top: 4%;
  background: #0E62E0;
  border: 3px solid #8AC7FF;
  border-radius: 20px;
  padding: 30px 25px;
  overflow: auto;
  box-shadow: 0px 4px 16px rgba(169, 212, 255, 0.56);
  z-index: 99;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent::-webkit-scrollbar {
  display: none;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock {
  width: 100%;
  float: left;
  position: relative;
  min-height: 140px;
  margin: 3px 0;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock::after {
  content: "";
  position: absolute;
  height: calc(100% - 28px);
  width: 1px;
  background-color: #317EF1;
  bottom: 0;
  left: 10px;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock a.circle {
  width: 23px;
  height: 23px;
  border-radius: 100%;
  float: left;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock a.circle b {
  width: 15.33px;
  height: 15.33px;
  float: left;
  border-radius: 100%;
  background: #99CEFF;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox {
  width: calc(100% - 45px);
  float: right;
  margin: 0 0 14px 0;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  max-height: 63px;
  overflow: hidden;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox h4 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #77BEFF;
  margin: 0 0 7px 0;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox .timeBox {
  width: 100%;
  float: left;
  margin: 7px 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox .timeBox .offline {
  position: relative;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox .timeBox .offline::after {
  content: "";
  position: absolute;
  width: 1.3px;
  height: 18px;
  background-color: #ffffff;
  left: 7px;
  transform: rotate(-46deg);
  top: -4px;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox .mdtBttn {
  float: left;
  background-color: #A0D2FF;
  color: #002688;
  font-size: 10px;
  font-weight: 500;
  margin: 0px 0 0 0;
  padding: 5px 7px 4px 7px;
  border-radius: 3px;
  text-decoration: none;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox .mdtBttn i {
  margin: 0 5px 0 0px;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox .mdtBttn.activeStatus {
  background-color: #BCF0C8;
  color: #0E7425;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock:last-child::after {
  display: none;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock.showDpop {
  position: relative;
}
.crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock.showDpop .circle b {
  background-color: #18BA3C;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus {
  width: 300px;
  height: auto;
  background-color: #fff;
  position: absolute;
  box-shadow: 0px 4px 14px rgba(14, 123, 224, 0.3);
  border-radius: 8px;
  left: 181px;
  top: 72px;
  overflow: hidden;
  display: none;
  z-index: 999;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .statusBttnWrap {
  width: 100%;
  float: left;
  display: flex;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .statusBttnWrap a {
  width: 100%;
  float: left;
  padding: 11px 16px;
  text-align: center;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  background: #e3f0fd;
  margin: 0 0 11px 0;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .statusBttnWrap a.active {
  background-color: #BCF0C8;
  color: #0E7425;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap {
  width: 100%;
  float: left;
  padding: 0;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox {
  width: 100%;
  float: left;
  display: none;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox h4 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #002688;
  margin: 9px 0;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox h4 i {
  float: left;
  color: #FF007A;
  cursor: pointer;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox .statusBox {
  width: 100%;
  float: left;
  padding: 0 16px;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #646464;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #EAF1F9;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box:last-child {
  border: 0;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box img {
  width: 18px;
  height: 19px;
  float: left;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.crdCompleteWrap .crdSectionMapWrap .phoneStatus .tabBoxWrap .checkTabBox:first-child {
  display: block;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap {
  width: 322px;
  min-height: 350px;
  background-color: #fff;
  position: absolute;
  right: 32%;
  top: 60px;
  box-shadow: 0px 4px 17px rgba(0, 38, 136, 0.25);
  border-radius: 16px;
  padding: 15px;
  display: none;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap picture {
  width: 100%;
  float: left;
  height: 150px;
  background-color: #D5E9FB;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap picture::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 38, 136, 0) 0%, #002688 100%);
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap picture h3 {
  width: 100%;
  position: absolute;
  padding: 15px 20px;
  bottom: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  z-index: 10;
  margin: 0 0 0;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap picture h3 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #8EAFCD;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  padding: 0 12px;
  position: relative;
  z-index: 9;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article h4 {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  gap: 8px;
  margin: 0 0;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article h4 i {
  color: #0E7425;
  font-size: 25px;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article p {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #636363;
  height: 70px;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article .bottomButtons {
  width: 100%;
  float: left;
  border-top: 1px solid #E8EFF5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 0 0;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article .bottomButtons a.openMapBtn {
  float: left;
  background-color: #D5E9FB;
  color: #075095;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 20px;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article .bottomButtons span {
  float: left;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 15px;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article .bottomButtons span a {
  width: 30px;
  height: 30px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8DBE9;
  color: #FF007A;
  text-decoration: none;
  border-radius: 100%;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap article .bottomButtons span a.del {
  background-color: #FFE2B7;
  color: #BB7101;
}
.crdCompleteWrap .crdSectionMapWrap .locationDetailsWrap::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  bottom: -1px;
  left: 27px;
  transform: rotate(45deg);
}
.crdCompleteWrap .drbBox {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 9999;
}
.crdCompleteWrap .drbBox a {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 11px 25px;
  border-radius: 22px;
  transition: 0.3s ease-in-out;
}
.crdCompleteWrap .drbBox a i {
  font-size: 17px;
  margin: -3px 0 0 11px;
  float: right;
}
.crdCompleteWrap .drbBox a:hover {
  background-color: #18BA3C;
  color: #fff;
}

.manageTasksWrap {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.manageTasksWrap .main-lds-container {
  margin: 10px 0 0 0;
}
.manageTasksWrap .manageTasksBlock {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  background: #FFFFFF;
  border: 1px solid #E0E8EF;
  border-radius: 16px;
  padding: 20px 0;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock {
  width: 100%;
  float: left;
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopText {
  max-width: 662px;
  float: left;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopText h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #000;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopText p {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #5F5F5F;
  margin: 12px 0 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopText p.dateText {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  margin: 12px 0 0 0;
  font-weight: 500;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopText p.dateText i {
  color: #0E7BE0;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopText p.dateText b {
  float: left;
  margin: 0 5px 0px 5px;
  font-weight: 500;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn {
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn a {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 11px 17px;
  margin: 0 0 0 0;
  border-radius: 8px;
  text-transform: capitalize;
  border: 1px solid #0E7BE0;
  transition: 0.3s ease-in-out;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn a i {
  margin: 0 5px 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn a:hover {
  background-color: #fff;
  color: #075095;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn a.delete {
  background-color: #F8DBE9;
  color: #FF007A;
  font-weight: 500;
  border: 1px solid #F8DBE9;
  margin: 0 0 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn a.delete:hover {
  background-color: #FF007A;
  border: 1px solid #FF007A;
  color: #fff;
}
.manageTasksWrap .manageTasksBlock .mtbTopBlock .mtbTopBttn a.editTask {
  margin: 0 0 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo {
  width: 100%;
  float: left;
  padding: 20px 25px 0;
  border-top: 1px solid #DFDFDF;
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .mtbbInfoUserDetails {
  float: left;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .mtbbInfoUserDetails p {
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #5C5C5C;
  margin: 0 25px 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .mtbbInfoUserDetails p:last-child {
  margin: 0 0 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .mtbbInfoUserDetails p i {
  font-size: 15px;
  color: #0E7BE0;
  margin: 0 7px 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .mtbbInfoUserDetails p i.fa-clock {
  color: #FF007A;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority {
  float: left;
  margin: 0 0 0 35px;
  padding: 0 0 0 35px;
  border-left: 1px solid #DFDFDF;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span {
  background-color: #BCF0C8;
  color: #0E7425;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 15px;
  border-radius: 17px;
  margin: 0 10px 0 0px;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span:last-child {
  margin: 0 0 0 0;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span.pending {
  background-color: #FFE2B7;
  color: #BB7101;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span.ongoing {
  background-color: #D5E9FB;
  color: #075095;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span.high {
  background-color: #F8DBE9;
  color: #FF007A;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span.normal {
  background-color: #D5E9FB;
  color: #075095;
}
.manageTasksWrap .manageTasksBlock .mtbBottonInfo .status__priority span.inactive {
  background-color: #F8DBE9;
  color: #FF007A;
}

.tutorialsWrap {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.tutorialsWrap .tutorialBlock {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  background: #FFFFFF;
  border: 1px solid #E0E8EF;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tutorialsWrap .tutorialBlock .pic__info {
  float: left;
  display: flex;
  align-items: center;
}
.tutorialsWrap .tutorialBlock .pic__info picture {
  float: left;
  width: 130px;
  height: 130px;
  border-radius: 16px;
  background-color: #D5E9FB;
  overflow: hidden;
  background-image: url(../company_images/videoThumb.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.tutorialsWrap .tutorialBlock .pic__info picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tutorialsWrap .tutorialBlock .pic__info picture iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tutorialsWrap .tutorialBlock .pic__info picture video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tutorialsWrap .tutorialBlock .pic__info article {
  display: flex;
  float: left;
  align-items: center;
  flex-flow: column;
  margin: 0 0 0 20px;
  max-width: 460px;
}
.tutorialsWrap .tutorialBlock .pic__info article h3 {
  float: left;
  margin: 0 0 0 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
}
.tutorialsWrap .tutorialBlock .pic__info article h3 small {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #7B7B7B;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns {
  width: 100%;
  float: left;
  margin: 17px 0 0 0;
  display: flex;
  align-items: center;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns a {
  float: left;
  background-color: #D5E9FB;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #075095;
  text-decoration: none;
  padding: 4px 9px;
  border-radius: 20px;
  margin: 0 6px 0 0;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns a i {
  margin: 0 3px 0 0;
  color: #0E7BE0;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns a.active {
  background-color: #BCF0C8;
  color: #0E7425;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns a.inactive {
  background-color: #F8DBE9;
  color: #FF007A;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns p {
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #0E7425;
  margin: 0 0 0 8px;
}
.tutorialsWrap .tutorialBlock .pic__info article .actionBttns p i {
  margin: 0 4px 0 0;
}
.tutorialsWrap .tutorialBlock .mtbTopBttn {
  float: left;
}
.tutorialsWrap .tutorialBlock .mtbTopBttn a {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 11px 17px;
  margin: 0 0 0 11px;
  border-radius: 8px;
  text-transform: capitalize;
}
.tutorialsWrap .tutorialBlock .mtbTopBttn a i {
  margin: 0 5px 0 0;
}
.tutorialsWrap .tutorialBlock .mtbTopBttn a.download {
  background-color: #BCF0C8;
  color: #0E7425;
  font-weight: 500;
}
.tutorialsWrap .tutorialBlock .mtbTopBttn a.delete {
  background-color: #F8DBE9;
  color: #FF007A;
  font-weight: 500;
}
.tutorialsWrap .tutorialBlock .mtbTopBttn a.resources {
  background-color: #FFA800;
  color: #fff;
}

.allFormWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.allFormWrap form {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.allFormWrap label.frmFild {
  width: 50%;
  float: left;
  padding: 8px 8px;
  margin: 0 0 12px 0;
  position: relative;
}
.allFormWrap label.frmFild span {
  font-size: 13px;
  color: #9e9e9e;
  position: absolute;
  top: 22px;
  left: 35px;
  z-index: 99;
  transition: 0.3s ease-in-out;
}
.allFormWrap label.frmFild span.invalid {
  font-size: 10px;
  top: -8px;
  left: 8px;
  color: #FF007A;
}
.allFormWrap label.frmFild span.valid {
  font-size: 10px;
  top: -8px;
  left: 8px;
  color: #18BA3C;
}
.allFormWrap label.frmFild span .novalue {
  top: 22px;
  left: 27px;
  font-size: 13px;
}
.allFormWrap label.frmFild .panelInput {
  width: 100%;
  float: left;
  margin: 0 15px 0 0;
  background: #FFFFFF;
  box-shadow: 0px 1px 5px rgba(14, 123, 224, 0.14);
  border-radius: 8px;
  border: 0;
  outline: none !important;
  height: 51px;
  padding: 0 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Poppins";
}
.allFormWrap label.frmFild .panelInput:focus + span {
  font-size: 10px;
  top: -8px;
  left: 8px;
}
.allFormWrap .fileTypeInput {
  width: 100%;
  float: left;
  margin: 0 15px 0 0;
  background: #FFFFFF;
  box-shadow: 0px 1px 5px rgba(14, 123, 224, 0.14);
  border-radius: 8px;
  border: 0;
  outline: none !important;
  height: 51px;
  padding: 0 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Poppins";
}
.allFormWrap .fileTypeInput b {
  font-size: 13px;
  color: #9e9e9e;
  position: absolute;
  top: 22px;
  left: 35px;
  z-index: 99;
  font-weight: normal;
}
.allFormWrap input[type=file] {
  display: none;
}
.allFormWrap .subBttnWrap {
  width: 100%;
  float: left;
  margin: 0px 0 0 0;
  padding: 0 0 0 8px;
}
.allFormWrap .subBttnWrap .bttns {
  outline: none !important;
  border: 0;
  text-transform: capitalize;
}

.mangeLeadsWrapper {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.mangeLeadsWrapper .leadsBlock {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px 25px;
  border: 1px solid #E0E8EF;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mangeLeadsWrapper .leadsBlock .leftContents {
  float: left;
  display: flex;
  gap: 15px;
  align-items: center;
}
.mangeLeadsWrapper .leadsBlock .leftContents h4 {
  float: left;
  display: flex;
  flex-flow: column;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  gap: 4px;
}
.mangeLeadsWrapper .leadsBlock .leftContents h4 a {
  color: #0E7BE0;
  text-decoration: none;
}
.mangeLeadsWrapper .leadsBlock .leftContents h4 small {
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #7B7B7B;
  margin: 8px 0 0 0;
}
.mangeLeadsWrapper .leadsBlock .leftContents h4 small i {
  margin: 0 6px 0 0;
}
.mangeLeadsWrapper .leadsBlock .leftContents h4 small span {
  margin: 0 0 0 12px;
}
.mangeLeadsWrapper .leadsBlock .leftContents h4 small.compName {
  font-weight: 400;
  color: #000;
}
.mangeLeadsWrapper .leadsBlock .rightPart {
  float: left;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mangeLeadsWrapper .leadsBlock .rightPart .leads-content-right {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
  align-items: center;
}
.mangeLeadsWrapper .leadsBlock .rightPart a {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 11px 17px;
  margin: 0 0 0 0;
  border-radius: 8px;
  text-transform: capitalize;
  border: 1px solid #0E7BE0;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
}
.mangeLeadsWrapper .leadsBlock .rightPart a i {
  margin: 0 5px 0 0;
}
.mangeLeadsWrapper .leadsBlock .rightPart a:hover {
  background-color: #fff;
  color: #075095;
}
.mangeLeadsWrapper .leadsBlock .rightPart a.delete {
  background-color: #F8DBE9;
  color: #FF007A;
  font-weight: 500;
  border: 1px solid #F8DBE9;
}
.mangeLeadsWrapper .leadsBlock .rightPart a.delete:hover {
  background-color: #FF007A;
  border: 1px solid #FF007A;
  color: #fff;
}
.mangeLeadsWrapper .leadsBlock .rightPart .tagPart {
  float: left;
  width: 185px;
}
.mangeLeadsWrapper .leadsBlock .rightPart .tagPart p {
  margin: 0 0 0 0;
  width: 100%;
  float: left;
  font-size: 11px;
  color: #000;
  font-weight: 500;
}
.mangeLeadsWrapper .leadsBlock .rightPart .tagPart .progressWrap {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px 0 5px 0;
}
.mangeLeadsWrapper .leadsBlock .rightPart .tagPart .progressWrap b {
  width: 26px;
  height: 17px;
  background-color: #FF007A;
  color: #F8DBE9;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.mangeLeadsWrapper .leadsBlock .rightPart .tagPart .progressWrap .progressContent {
  width: 150px;
  float: left;
  height: auto;
  background-color: #D5E9FB;
  border-radius: 6px;
  padding: 4px;
}
.mangeLeadsWrapper .leadsBlock .rightPart .tagPart .progressWrap .progressContent span {
  float: left;
  height: 4px;
  border-radius: 3px;
  background-color: #0E7BE0;
}

.manageRoutePlan {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.manageRoutePlan .routeBox {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px 25px;
  border: 1px solid #E0E8EF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageRoutePlan .routeBox h4 {
  float: left;
  margin: 0 0 0 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 12px;
}
.manageRoutePlan .routeBox h4 small {
  margin: 0 0 0 0;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
  padding: 3px 10px;
  border-radius: 14px;
}
.manageRoutePlan .routeBox h4 small.active {
  background-color: #18BA3C;
}
.manageRoutePlan .routeBox h4 small.inactive {
  background-color: #FF007A;
}
.manageRoutePlan .routeBox h4 span.subHeadingH4 {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #6e6e6e;
}
.manageRoutePlan .routeBox .rightPart {
  float: left;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.manageRoutePlan .routeBox .rightPart a {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 11px 17px;
  margin: 0 0 0 0;
  border-radius: 8px;
  text-transform: capitalize;
  border: 1px solid #0E7BE0;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
}
.manageRoutePlan .routeBox .rightPart a i {
  margin: 0 5px 0 0;
}
.manageRoutePlan .routeBox .rightPart a:hover {
  background-color: #fff;
  color: #075095;
}
.manageRoutePlan .routeBox .rightPart a.delete {
  background-color: #F8DBE9;
  color: #FF007A;
  font-weight: 500;
  border: 1px solid #F8DBE9;
}
.manageRoutePlan .routeBox .rightPart a.delete:hover {
  background-color: #FF007A;
  border: 1px solid #FF007A;
  color: #fff;
}

.manageTourPlan {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.manageTourPlan .tourBox {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px 25px;
  border: 1px solid #E0E8EF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageTourPlan .tourBox h4 {
  width: 320px;
  float: left;
  margin: 0 0 0 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
}
.manageTourPlan .tourBox h4 a {
  color: #000;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.manageTourPlan .tourBox h4 a:hover {
  color: #0E7BE0;
}
.manageTourPlan .tourBox h4 small {
  margin: 0 0 0 0;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
  padding: 3px 10px;
  border-radius: 14px;
}
.manageTourPlan .tourBox h4 small.active {
  background-color: #18BA3C;
}
.manageTourPlan .tourBox h4 small.inactive {
  background-color: #FF007A;
}
.manageTourPlan .tourBox .rightPart {
  float: left;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.manageTourPlan .tourBox .rightPart a {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 11px 17px;
  margin: 0 0 0 0;
  border-radius: 8px;
  text-transform: capitalize;
  border: 1px solid #0E7BE0;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
}
.manageTourPlan .tourBox .rightPart a i {
  margin: 0 5px 0 0;
}
.manageTourPlan .tourBox .rightPart a:hover {
  background-color: #fff;
  color: #075095;
}
.manageTourPlan .tourBox .rightPart a.delete {
  background-color: #F8DBE9;
  color: #FF007A;
  font-weight: 500;
  border: 1px solid #F8DBE9;
}
.manageTourPlan .tourBox .rightPart a.delete:hover {
  background-color: #FF007A;
  border: 1px solid #FF007A;
  color: #fff;
}
.manageTourPlan .tourBox .datePart {
  width: auto;
  font-size: 14px;
  color: #6d6d6d;
  float: left;
}
.manageTourPlan .tourBox .datePart i {
  color: #075095;
  margin: 0 5px 0 0;
}
.manageTourPlan .tourBox .datePart b {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #D5E9FB;
  font-size: 12px;
  color: #0E7BE0;
  padding: 3px 0;
  border-radius: 100%;
  margin: 0 9px;
  font-weight: 500;
}

.manageDocumentsWrap {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.manageDocumentsWrap .docBox {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px 25px;
  border: 1px solid #E0E8EF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.manageDocumentsWrap .docBox h4 {
  float: left;
  margin: 0 0 0 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-flow: row wrap;
}
.manageDocumentsWrap .docBox h4 span {
  font-size: 12px;
  color: #BB7101;
}
.manageDocumentsWrap .docBox h4 span.dataStat {
  color: #0E7BE0;
  margin: 0 0 0 9px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.manageDocumentsWrap .docBox h4 span.dataStat img {
  width: 22px;
}
.manageDocumentsWrap .docBox h4 small {
  margin: 0 0 0 0;
  color: #fff;
  font-size: 12px;
  text-transform: capitalize;
  padding: 3px 10px;
  border-radius: 14px;
}
.manageDocumentsWrap .docBox h4 small.active {
  background-color: #18BA3C;
}
.manageDocumentsWrap .docBox h4 small.inactive {
  background-color: #FF007A;
}
.manageDocumentsWrap .docBox h4 .datePart {
  width: auto;
  font-size: 14px;
  color: #6d6d6d;
  float: left;
}
.manageDocumentsWrap .docBox h4 .datePart i {
  color: #075095;
  margin: 0 5px 0 0;
}
.manageDocumentsWrap .docBox h4 .datePart b {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #D5E9FB;
  font-size: 12px;
  color: #0E7BE0;
  padding: 3px 0;
  border-radius: 100%;
  margin: 0 9px;
  font-weight: 500;
}
.manageDocumentsWrap .docBox .rightPart {
  float: left;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.manageDocumentsWrap .docBox .rightPart a {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  padding: 11px 17px;
  margin: 0 0 0 0;
  border-radius: 8px;
  text-transform: capitalize;
  border: 1px solid #0E7BE0;
  transition: 0.3s ease-in-out;
  display: flex;
  align-items: center;
  gap: 12px;
}
.manageDocumentsWrap .docBox .rightPart a i {
  margin: 0 0px 0 0;
}
.manageDocumentsWrap .docBox .rightPart a:hover {
  background-color: #fff;
  color: #075095;
}
.manageDocumentsWrap .docBox .rightPart a.delete {
  background-color: #F8DBE9;
  color: #FF007A;
  font-weight: 500;
  border: 1px solid #F8DBE9;
}
.manageDocumentsWrap .docBox .rightPart a.delete:hover {
  background-color: #FF007A;
  border: 1px solid #FF007A;
  color: #fff;
}
.manageDocumentsWrap .docBox .rightPart .type {
  background-color: #BCF0C8;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0E7425;
  margin: 0 5px 0 0;
}
.manageDocumentsWrap .docBox.with_api_Key {
  flex-flow: row wrap;
}
.manageDocumentsWrap .docBox.with_api_Key .apiKeyWrap {
  width: 100%;
  float: left;
  background-color: #BCF0C8;
  padding: 15px 30px;
  margin: 15px 0 0 0;
  border-radius: 10px;
  display: none;
}
.manageDocumentsWrap .docBox.with_api_Key .apiKeyWrap h4 {
  float: left;
  font-size: 14px;
}
.manageDocumentsWrap .docBox.with_api_Key .apiKeyWrap h4 small {
  color: #0E7425;
  font-weight: 500;
}
.manageDocumentsWrap .docBox.with_api_Key .apiKeyWrap h4 small a {
  margin: 0 0 0 8px;
  color: #0E7425;
  font-size: 14px;
}
.manageDocumentsWrap .docBox.with_api_Key .apiKeyWrap .closekeyWrap {
  cursor: pointer;
  float: right;
}

.leaveSttingsWrap {
  width: 100%;
  float: left;
  margin: 32px 0 0 0;
}
.leaveSttingsWrap .reportForm {
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
}
.leaveSttingsWrap .reportForm .inpWrap {
  width: 48.5%;
  margin: 5px 0;
  float: left;
  position: relative;
}
.leaveSttingsWrap .reportForm .inpWrap.fullWidth {
  width: 100%;
}
.leaveSttingsWrap .reportForm .inpWrap p {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #4D4D4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 7px 0;
}
.leaveSttingsWrap .reportForm .inpWrap .inpUsr {
  width: 100%;
  float: left;
  background-color: #fff;
  font-family: "Poppins";
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.04);
  border: 0;
  padding: 18px 25px;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/downArrow.svg);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 18px;
}
.leaveSttingsWrap .selectBranch {
  width: 100%;
  float: left;
  background-color: #fff;
  font-family: "Poppins";
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.04);
  border: 0;
  padding: 18px 25px;
  outline: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../company_images/downArrow.svg);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 18px;
}
.leaveSttingsWrap .configWorkHours {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 25px 40px;
  margin: 18px 0 0 0;
  position: relative;
  z-index: 1;
}
.leaveSttingsWrap .configWorkHours h3 {
  width: 100%;
  float: left;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #0E7BE0;
  margin: 0 0 0 0;
}
.leaveSttingsWrap .configWorkHours .daysWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  background-color: #efefef;
  transition: 0.3s ease-in-out;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip {
  width: 100%;
  float: left;
  padding: 9px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 9px;
  width: 50px;
  height: 50px;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip h4 {
  float: left;
  color: #9E9E9E;
  font-size: 16px;
  display: flex;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 0 0;
  transition: 0.3s ease-in-out;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent {
  float: left;
  display: flex;
  align-items: center;
  gap: 20px;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn {
  position: relative;
  min-width: 78px;
  float: left;
  height: 27px;
  background: rgba(0, 0, 0, 0.13);
  border-radius: 32px;
  cursor: pointer;
  overflow: hidden;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn .bttnCle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 100%;
  background-color: #9E9E9E;
  top: 3px;
  left: 4px;
  transition: 0.3s ease-in-out;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn b {
  position: absolute;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  top: 4px;
  transition: 0.3s ease-in-out;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn b.close {
  right: 7px;
  top: 7px;
  color: #000;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn b.open {
  color: #075095;
  left: -55px;
  opacity: 0;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn input {
  display: none;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn input:checked ~ .bttnCle {
  left: 55px;
  background-color: #075095;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn input:checked ~ b.close {
  opacity: 0;
  right: -55px;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .togBttn input:checked ~ b.open {
  opacity: 1;
  left: 12px;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip .rightcontent .openPanelIcon {
  float: left;
  cursor: pointer;
  color: #B4B4B4;
  transition: 0.3s ease-in-out;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox.dayOpen {
  background-color: #D5E9FB;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox.dayOpen h4 {
  color: #075095;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox.dayOpen .rightcontent .openPanelIcon {
  color: #075095;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox.dayOpen .db__flip::after {
  display: none;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel {
  width: 100%;
  float: left;
  padding: 0 40px;
  display: none;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox {
  width: 100%;
  float: left;
  position: relative;
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #b3dbff;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox .timeBox {
  width: 41%;
  height: 50px;
  float: left;
  background: #b3dbff;
  border: 0;
  padding: 12px 71px;
  color: #075095;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-image: url(../company_images/clock.svg);
  background-repeat: no-repeat;
  background-position: 19px 50%;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox .timeBox::-moz-placeholder {
  color: #075095;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox .timeBox::placeholder {
  color: #075095;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox b {
  float: left;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #075095;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox a {
  display: flex;
  float: left;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  font-size: 17px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  width: 85px;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox a.addRow {
  color: #075095;
  display: none;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox a.removeRow {
  color: #FF007A;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox:first-child {
  position: relative;
  border: 0;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox:first-child a.addRow {
  display: block;
}
.leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox:first-child a.removeRow {
  display: none;
}

.gm__Wrap {
  width: 100%;
  float: left;
  padding: 25px;
  display: flex;
  flex-flow: column;
  align-items: center;
  background-color: #fff;
  margin: 18px 0 0 0;
  gap: 20px;
}
.gm__Wrap .graceTime {
  width: 100%;
  float: left;
}
.gm__Wrap .graceTime label {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.gm__Wrap .graceTime input {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #000;
  margin: 10px 0 0 0;
  font-size: 17px;
  font-family: "Poppins";
  padding: 11px 24px;
}
.gm__Wrap .graceTime p {
  width: 100%;
  float: left;
  font-size: 12px;
  margin: 7px 0 0 0;
  font-weight: 500;
  color: #075095;
}
.gm__Wrap .minWorkHour {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.gm__Wrap .minWorkHour h4 {
  width: 100%;
  float: left;
  display: flex;
  margin: 0 0;
  font-weight: 500;
}
.gm__Wrap .minWorkHour .yn__togBttn {
  position: relative;
  min-width: 56px;
  float: left;
  height: 27px;
  background: rgba(0, 0, 0, 0.13);
  border-radius: 32px;
  cursor: pointer;
  overflow: hidden;
  margin: 0 0 0 0px;
}
.gm__Wrap .minWorkHour .yn__togBttn .bttnCle {
  width: 21px;
  height: 21px;
  position: absolute;
  border-radius: 100%;
  background-color: #9E9E9E;
  top: 3px;
  left: 4px;
  transition: 0.3s ease-in-out;
}
.gm__Wrap .minWorkHour .yn__togBttn b {
  position: absolute;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  top: 4px;
  transition: 0.3s ease-in-out;
}
.gm__Wrap .minWorkHour .yn__togBttn b.close {
  right: 10px;
  color: #4d4d4d;
  top: 7px;
}
.gm__Wrap .minWorkHour .yn__togBttn b.open {
  color: #075095;
  left: -55px;
  opacity: 0;
}
.gm__Wrap .minWorkHour .yn__togBttn input {
  display: none;
}
.gm__Wrap .minWorkHour .yn__togBttn input:checked ~ .bttnCle {
  left: 32px;
  background-color: #075095;
}
.gm__Wrap .minWorkHour .yn__togBttn input:checked ~ b.close {
  opacity: 0;
  right: -55px;
}
.gm__Wrap .minWorkHour .yn__togBttn input:checked ~ b.open {
  opacity: 1;
  left: 7px;
}
.gm__Wrap .minWorkHour p {
  width: 100%;
  float: left;
  font-size: 12px;
  margin: 7px 0 0 0;
  font-weight: 500;
  color: #075095;
}

.min__workBlock {
  width: 100%;
  float: left;
  padding: 25px;
  background-color: #fff;
  margin: 18px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.min__workBlock .timerBlock {
  width: 49%;
  float: left;
}
.min__workBlock .timerBlock.fullDay {
  width: 50%;
}
.min__workBlock .timerBlock.halfDay {
  width: 50%;
}
.min__workBlock .timerBlock label {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.min__workBlock .timerBlock input {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #000;
  margin: 10px 0 0 0;
  font-size: 17px;
  font-family: "Poppins";
  padding: 11px 24px;
}
.min__workBlock .timerBlock p {
  width: 100%;
  float: left;
  font-size: 11px;
  margin: 7px 0 0 0;
  font-weight: 500;
  color: #075095;
}
.min__workBlock .timerBlock .mobileToolWrap {
  z-index: 0 !important;
}

.configureHolidays {
  width: 100%;
  float: left;
  margin: 18px 0 0 0;
  background-color: #fff;
  padding: 25px 25px;
}
.configureHolidays h3 {
  width: 100%;
  float: left;
  font-weight: 500;
  margin: 0 0;
  font-size: 16px;
  padding: 0;
  color: #000;
}
.configureHolidays .holidayBoxWrap {
  width: 100%;
  float: left;
  margin: 23px 0 0 0;
}
.configureHolidays .holidayBoxWrap .h__Box {
  width: 100%;
  float: left;
  display: flex;
  gap: 13px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #f2f2f2;
}
.configureHolidays .holidayBoxWrap .h__Box .inpUsr {
  width: 100%;
  float: left;
  border: 0;
  background-color: #efefef;
  font-size: 15px;
  font-family: "Poppins";
  padding: 13px 25px;
}
.configureHolidays .holidayBoxWrap .h__Box .removeH__box {
  background-color: #fff;
  border: 0;
  font-family: "Poppins";
  color: #FF007A;
  cursor: pointer;
  min-width: 101px;
  float: left;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.configureHolidays .holidayBoxWrap .h__Box:first-child {
  position: relative;
  border: 0;
  padding-top: 0;
  width: calc(100% - 114px);
}
.configureHolidays .holidayBoxWrap .h__Box:first-child .removeH__box {
  display: none;
}
.configureHolidays p {
  width: 100%;
  float: left;
  font-size: 11px;
  margin: 7px 0 0 0;
  font-weight: 500;
  color: #075095;
}
.configureHolidays .addH__box {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  font-family: "Poppins";
  border: 0;
  font-weight: 500;
  padding: 10px 17px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.leaveResetPage {
  width: 100%;
  float: left;
  margin: 18px 0 0 0;
  padding: 25px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.leaveResetPage h3 {
  width: 100% !important;
  float: left !important;
  font-size: 17px;
  font-weight: 500;
  color: #075095;
  margin: 0 0 12px 0 !important;
}
.leaveResetPage .timerBlock {
  width: 49%;
  float: left;
}
.leaveResetPage .timerBlock label {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #000;
  font-weight: 500;
}
.leaveResetPage .timerBlock select {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #000;
  margin: 10px 0 0 0;
  font-size: 17px;
  font-family: "Poppins";
  padding: 11px 24px;
}
.leaveResetPage p {
  width: 100%;
  float: left;
  font-size: 11px;
  margin: 7px 0 0 0;
  font-weight: 500;
  color: #075095;
}

.profileCover {
  width: 100%;
  float: left;
  height: 220px;
  background-color: #0E7BE0;
  background-image: url(../company_images/profileCover.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.profileWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: -81px 0 35px 0;
}
.profileWrap .leftContents {
  width: 29%;
  float: left;
}
.profileWrap .leftContents .accountHolderBox {
  width: 100%;
  float: left;
  background-color: #fff;
  border-radius: 9px;
  padding: 40px 0;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
}
.profileWrap .leftContents .accountHolderBox .ah__dtls {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.profileWrap .leftContents .accountHolderBox .ah__dtls picture {
  width: 126px;
  height: 126px;
  float: left;
  border-radius: 100%;
  background-color: #D5E9FB;
  position: relative;
  background-image: url(../company_images/userPlaceholder.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.profileWrap .leftContents .accountHolderBox .ah__dtls picture .imgPopTrg {
  position: absolute;
  cursor: pointer;
  background: #0E7BE0;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100%;
  border: 3px solid #fff;
  bottom: 4px;
  right: 4px;
  z-index: 111;
}
.profileWrap .leftContents .accountHolderBox .ah__dtls picture .imgPopTrg input {
  display: none;
}
.profileWrap .leftContents .accountHolderBox .ah__dtls picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.profileWrap .leftContents .accountHolderBox .ah__dtls h4 {
  width: 100%;
  float: left;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 13px 0 0 0;
}
.profileWrap .leftContents .accountHolderBox .ah__dtls h4 small {
  width: 100%;
  float: left;
  margin: 4px 0 0 0;
  color: #8B8B8B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.profileWrap .leftContents .accountHolderBox .ot___Details {
  width: 100%;
  float: left;
  margin: 13px 0 0 0;
  border-top: 1px solid #EDEDED;
}
.profileWrap .leftContents .accountHolderBox .ot___Details p {
  width: 100%;
  float: left;
  border-bottom: 1px solid #EDEDED;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #626262;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.profileWrap .leftContents .accountHolderBox .ot___Details p i {
  color: #0E7BE0;
}
.profileWrap .leftContents .accountHolderBox .ot___Details p a {
  text-transform: capitalize;
  color: #0E7BE0;
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.profileWrap .leftContents .accountHolderBox .ot___Details p a.ot_tooltip {
  position: relative;
}
.profileWrap .leftContents .accountHolderBox .ot___Details p a.ot_tooltip .contact-support-alert-toolTip {
  width: 200px;
  background-color: #0E7BE0;
  position: absolute;
  color: #fff;
  padding: 10px 15px;
  font-weight: 400;
  border-radius: 5px;
  bottom: 26px;
  z-index: 9999;
  left: -6px;
  font-size: 13px;
  opacity: 0;
  transform-origin: bottom left;
  transform: scale(0);
  transition: 0.4s ease-in-out;
}
.profileWrap .leftContents .accountHolderBox .ot___Details p a.ot_tooltip .contact-support-alert-toolTip::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: #0E7BE0;
  left: 11px;
  bottom: -5px;
  border-radius: 3px;
  transform: rotate(45deg);
}
.profileWrap .leftContents .accountHolderBox .ot___Details p a.ot_tooltip:hover .contact-support-alert-toolTip {
  opacity: 1;
  transform: scale(1);
}
.profileWrap .leftContents .accountHolderBox .ot___Details p:last-child {
  border: 0;
}
.profileWrap .leftContents .accountHolderBox .ot___Details label {
  width: 100%;
  float: left;
  padding: 22px 19px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.profileWrap .leftContents .accountHolderBox .ot___Details label .checkContainer {
  width: 55px;
  height: 30px;
  background-color: #D5E9FB;
  float: left;
  border-radius: 21px;
  position: relative;
}
.profileWrap .leftContents .accountHolderBox .ot___Details label .checkContainer b {
  width: 32px;
  height: 32px;
  position: absolute;
  background-color: #fff;
  border-radius: 100%;
  left: 0;
  top: -1px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease-in-out;
}
.profileWrap .leftContents .accountHolderBox .ot___Details label .checkContainer input {
  display: none;
}
.profileWrap .leftContents .accountHolderBox .ot___Details label .checkContainer input:checked ~ b {
  left: 23px;
  background-color: #0E7BE0;
}
.profileWrap .leftContents .accountHolderBox .removeBttnWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
}
.profileWrap .leftContents .accountHolderBox .removeBttnWrap button {
  float: left;
  color: #DB0069;
  font-family: "Poppins";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  background-color: #F8DBE9;
  border: 0;
  padding: 14px 43px;
  border-radius: 7px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.profileWrap .leftContents .deleteAccountWrap {
  width: 100%;
  float: left;
  background-color: #fff;
  border-radius: 9px;
  padding: 25px;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
  margin: 27px 0 0 0;
}
.profileWrap .leftContents .deleteAccountWrap h4 {
  width: 100%;
  float: left;
  color: #000;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 0 0;
}
.profileWrap .leftContents .deleteAccountWrap p {
  width: 100%;
  float: left;
  color: #585858;
  font-family: "Inter";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 152%;
  margin: 11px 0 0 0;
}
.profileWrap .leftContents .deleteAccountWrap label {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  gap: 12px;
}
.profileWrap .leftContents .deleteAccountWrap label p {
  margin: -3px 0 0 0;
}
.profileWrap .leftContents .deleteAccountWrap label .chkBox {
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  background-color: #D5E9FB;
  border-radius: 4px;
  overflow: hidden;
  float: left;
}
.profileWrap .leftContents .deleteAccountWrap label .chkBox i {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0E7BE0;
  color: #fff;
  font-size: 20px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.profileWrap .leftContents .deleteAccountWrap label .chkBox input {
  display: none;
}
.profileWrap .leftContents .deleteAccountWrap label .chkBox input:checked ~ i {
  opacity: 1;
}
.profileWrap .leftContents .deleteAccountWrap button {
  background-color: #F8DBE9;
  color: #FF007A;
  font-family: "Inter";
  text-transform: capitalize;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  border: 0;
  outline: none;
  border-radius: 7px;
  padding: 13px 24px;
  margin: 12px 0 0 0;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.profileWrap .leftContents .deleteAccountWrap button:hover {
  background-color: #FF007A;
  color: #fff;
}
.profileWrap .mainFormWrap {
  width: 68.5%;
  background-color: #fff;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
  border-radius: 9px;
  float: left;
  padding: 10px 0;
}
.profileWrap .mainFormWrap h3 {
  width: 100%;
  float: left;
  color: #3F3F3F;
  font-family: "Inter";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 0 0;
  padding: 25px 35px;
  border-bottom: 1px solid #EDEDED;
}
.profileWrap .mainFormWrap .mainForm {
  width: 100%;
  float: left;
  padding: 20px 35px;
}
.profileWrap .mainFormWrap .mainForm form {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.profileWrap .mainFormWrap .mainForm form .inpWrap {
  width: 48.5%;
  margin: 5px 0;
  float: left;
  position: relative;
}
.profileWrap .mainFormWrap .mainForm form .inpWrap p {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #4D4D4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 7px 0;
}
.profileWrap .mainFormWrap .mainForm form .inpWrap .inpUsr {
  width: 100%;
  float: left;
  outline: none !important;
  border: 1.062px solid #D8E0E9;
  background: #FAFCFF;
  padding: 17px 23px;
  font-family: "Inter";
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease-in-out;
}
.profileWrap .mainFormWrap .mainForm form .inpWrap .inpUsr:focus {
  border-color: #0E7BE0;
}
.profileWrap .mainFormWrap .mainForm form .updateBttn {
  float: left;
  background-color: #0E7BE0;
  font-family: "Inter";
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 11px 0 18px 0;
  padding: 14px 25px;
  border-radius: 7px;
  border: 0;
  outline: none !important;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
}
.profileWrap .mainFormWrap .mainForm form .updateBttn:hover {
  background-color: #D5E9FB;
  color: #075095;
}

.editFormWrap {
  width: 100%;
  float: left;
  padding: 0;
  background-color: #fff;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
  border-radius: 9px;
  margin: 35px 0 0 0;
}
.editFormWrap.keyHead {
  padding: 14px 24px;
  margin: 16px 0 -17px 0;
}
.editFormWrap.keyHead h4 {
  width: 100%;
  float: left;
  color: #0E7BE0;
}
.editFormWrap.keyHead h4 small {
  margin: 0 0 0 11px;
}
.editFormWrap.keyHead h4 small a {
  margin: 0 0 0 8px;
  color: #0E7BE0;
}
.editFormWrap h3 {
  width: 100%;
  float: left;
  color: #3F3F3F;
  font-family: "Inter";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 0 0;
  padding: 25px;
  border-bottom: 1px solid #EDEDED;
}
.editFormWrap form {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 15px 25px 25px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.editFormWrap form h4 {
  width: 100%;
  float: left;
  margin: 10px 0 20px 0;
  font-weight: 500;
  color: #0e7be0;
}
.editFormWrap form .inpWrap {
  width: 48.5%;
  margin: 5px 0;
  float: left;
  position: relative;
}
.editFormWrap form .inpWrap p {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #4D4D4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 7px 0;
}
.editFormWrap form .inpWrap .inpUsr {
  width: 100% !important;
  float: left !important;
  outline: none !important;
  border: 1.062px solid #D8E0E9;
  background: #FAFCFF;
  padding: 17px 23px !important;
  font-family: "Inter";
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease-in-out;
  border-radius: 0 !important;
}
.editFormWrap form .inpWrap .inpUsr:focus {
  border-color: #0E7BE0;
}
.editFormWrap form .inpWrap span.username_msg {
  width: 100%;
  float: left;
  font-family: "Inter";
  font-size: 13px;
  margin: 8px 0;
}
.editFormWrap form .inpWrap.fullWidth {
  width: 100%;
}
.editFormWrap form .inpWrap .radioBttnswrap {
  width: 100%;
  float: left;
  cursor: pointer;
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
  margin: 12px 0 0 0;
}
.editFormWrap form .inpWrap .radioBttnswrap label {
  float: left;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.editFormWrap form .inpWrap .radioBttnswrap label span {
  float: left;
  position: relative;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 2px solid #0E7BE0;
}
.editFormWrap form .inpWrap .radioBttnswrap label span b {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  background-color: #0E7BE0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.editFormWrap form .inpWrap .radioBttnswrap label span input {
  display: none;
}
.editFormWrap form .inpWrap .radioBttnswrap label span input:checked ~ b {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.editFormWrap form .inpWrap.uploadContainer {
  width: 100%;
  float: left;
  position: relative;
}
.editFormWrap form .inpWrap.uploadContainer .input-hidden {
  display: none !important;
}
.editFormWrap form .inpWrap.uploadContainer .attachment_input, .editFormWrap form .inpWrap.uploadContainer .photo_input {
  width: 100%;
  float: left;
  outline: none !important;
  border: 1.062px solid #D8E0E9;
  background-color: #FAFCFF;
  padding: 17px 23px 17px 62px;
  font-family: "Inter";
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease-in-out;
  background-image: url(../company_images/file.png), url(../company_images/uploadIcon.png);
  background-repeat: no-repeat;
  background-size: 35px, 25px;
  background-position: 19px 8px, 98% 14px;
  cursor: pointer;
}
.editFormWrap form .inpWrap.uploadContainer .attachment_input:focus, .editFormWrap form .inpWrap.uploadContainer .photo_input:focus {
  border-color: #0E7BE0;
}
.editFormWrap form .inpWrap.uploadContainer .photo_input {
  background-image: url(../company_images/imgFile.png), url(../company_images/uploadIcon.png) !important;
}
.editFormWrap form .hideFields {
  width: 100%;
  float: left;
  display: none;
}
.editFormWrap form .hideFields .fields {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.editFormWrap form .focusField {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: 15px 30px;
  background-color: #D5E9FB;
  margin: 7px 0 0 0;
  border-radius: 7px;
  align-items: flex-end;
  gap: 15px;
}
.editFormWrap form .focusField .addStop {
  float: left;
  background-color: #18BA3C;
  color: #fff;
  font-family: "Poppins";
  min-width: 133px;
  padding: 15px 0;
  margin: 0 0 5px 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.editFormWrap form .stopBlock {
  width: 100%;
  float: left;
  display: none;
}
.editFormWrap form .sbInner {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0 0;
}
.editFormWrap form .sbInner select.areaSelect {
  width: 100%;
  float: left;
  padding: 11px 25px !important;
  border: 1px solid #b5c3cf !important;
  background-color: #f5faff;
  font-family: "Inter" !important;
  font-size: 15px;
  outline: none !important;
  border-radius: 0 !important;
  height: 42px !important;
}
.editFormWrap form .sbInner .removeStopArea {
  background-color: #F8DBE9;
  color: #FF007A;
  border: 0;
  width: 42px;
  height: 42px;
  font-size: 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.editFormWrap form .stopsBlockContainer {
  width: 100%;
  float: left;
  margin: 5px 0;
}
.editFormWrap form .stopsBlockContainer .stopBlock {
  display: block !important;
}
.editFormWrap form label.setTargetToggle {
  width: 100%;
  float: left;
  padding: 22px 0px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.editFormWrap form label.setTargetToggle .checkContainer {
  width: 55px;
  height: 30px;
  background-color: #D5E9FB;
  float: left;
  border-radius: 21px;
  position: relative;
}
.editFormWrap form label.setTargetToggle .checkContainer b {
  width: 32px;
  height: 32px;
  position: absolute;
  background-color: #98ceff;
  border-radius: 100%;
  left: 0;
  top: -1px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
  transition: 0.3s ease-in-out;
}
.editFormWrap form label.setTargetToggle .checkContainer input {
  display: none;
}
.editFormWrap form label.setTargetToggle .checkContainer input:checked ~ b {
  left: 23px;
  background-color: #0E7BE0;
}

.updateBttn {
  float: left;
  background-color: #0E7BE0;
  font-family: "Inter";
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin: 11px 0 18px 0;
  padding: 14px 25px;
  border-radius: 7px;
  border: 0;
  outline: none !important;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
}
.updateBttn:hover {
  background-color: #D5E9FB;
  color: #075095;
}

.tourdetailsWrap {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.tourdetailsWrap .su__details {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
  align-items: center;
  margin: 22px 0 0 0;
}
.tourdetailsWrap .su__details picture {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  float: left;
  border-radius: 100%;
  background-color: #D5E9FB;
  background-image: url(../company_images/userPlaceholder.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
}
.tourdetailsWrap .su__details picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.tourdetailsWrap .su__details h4 {
  width: 100%;
  float: left;
  display: block;
  font-size: 15px;
  font-weight: 500;
}
.tourdetailsWrap .su__details h4 small {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #829ab2;
  margin: 10px 0 0 0;
}
.tourdetailsWrap .tourPlanBlocksWrap {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock {
  width: 100%;
  float: left;
  background-color: #fff;
  margin: 5px 0;
  border: 1px solid #E0E8EF;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip h4 {
  float: left;
  display: flex;
  margin: 0 0 0 0;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  font-size: 17px;
  color: #626262;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip h4 i {
  color: #FFA800;
  font-size: 22px;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip .rightWigt {
  float: left;
  display: flex;
  gap: 15px;
  align-items: center;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip .rightWigt .comnd {
  float: left;
  color: #18BA3C;
  font-size: 30px;
  cursor: pointer;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip .rightWigt .tpCommentIconsCont {
  position: relative;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip .rightWigt .tpCommentIconsCont svg {
  position: absolute;
  right: -7px;
  top: -4px;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip .rightWigt .flipBttn {
  background-color: #D5E9FB;
  width: 32px;
  height: 32px;
  color: #075095;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip .rightWigt .infoIcon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #FFA800;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel {
  width: 100%;
  float: left;
  padding: 20px 30px;
  background-color: #D5E9FB;
  display: none;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap {
  width: 100%;
  float: left;
  margin: 0 0 12px 0;
  display: flex;
  gap: 12px;
  flex-flow: row wrap;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer {
  float: left;
  width: auto;
  position: relative;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0;
  padding: 7px 26px 7px 9px;
  border-radius: 32px;
  cursor: pointer;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer .icon {
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #0E7BE0;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer .icon b {
  width: 12px;
  height: 12px;
  background-color: #0E7BE0;
  float: left;
  border-radius: 100%;
  opacity: 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer.checkedThis .icon b {
  opacity: 1;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer input {
  display: none;
  pointer-events: auto;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer input:checked ~ .icon b {
  opacity: 1;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .tpRadioWrap .tpRadioContainer h4 {
  width: auto;
  float: left;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #000;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel p {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #075095;
  margin: 8px 0 0 0;
  font-size: 13px;
  font-weight: 500;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .areaSelect {
  width: 49%;
  padding: 11px 25px;
  border: 1px solid #b5c3cf;
  background-color: #f5faff;
  font-family: "Inter";
  font-size: 15px;
  outline: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .btn-group {
  width: 49%;
  float: left;
  position: relative;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .btn-group .multiselect {
  width: 100%;
  float: left;
  text-align: left;
  padding: 12px 17px;
  border-radius: 0;
  background: #f5faff;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .btn-group .multiselect b.caret {
  display: none;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .btn-group ul.multiselect-container {
  width: 100%;
  min-height: 25px;
  max-height: 201px;
  overflow: auto;
  padding: 7px 8px;
  border-radius: 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .addStopTour {
  font-family: "Poppins";
  background-color: #0E7425;
  color: #BCF0C8;
  border: 0;
  font-size: 16px;
  padding: 10px 25px;
  margin: 17px 0 0 0;
  outline: none !important;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  float: left;
  text-decoration: none !important;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .stopBlock {
  width: 100%;
  float: left;
  display: none;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 0 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner select.areaSelect {
  width: 100%;
  float: left;
  padding: 11px 25px !important;
  border: 1px solid #b5c3cf;
  background-color: #f5faff;
  font-family: "Inter";
  font-size: 15px;
  outline: none !important;
  border-radius: 0 !important;
  height: 42px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner .btn-group {
  width: 100%;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner .btn-group .multiselect {
  width: 100%;
  float: left;
  text-align: left;
  padding: 12px 17px;
  border-radius: 0;
  background: #f5faff;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner .btn-group .multiselect .caret {
  display: none;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner .multiselect-container {
  width: 100%;
  max-height: 320px;
  overflow: auto;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .sbInner .removeStopArea {
  background-color: #F8DBE9;
  color: #FF007A;
  border: 0;
  width: 42px;
  height: 42px;
  font-size: 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .stopsBlockContainer {
  width: 100%;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .stopsBlockContainer .stopBlock {
  display: block !important;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap {
  position: relative;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer {
  width: 100%;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  margin: 5px 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .clientAreas {
  width: 100%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .clientList {
  display: none;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .btn-group {
  width: 100%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .removeStopArea {
  background-color: #F8DBE9;
  color: #FF007A;
  border: 0;
  min-width: 42px;
  max-width: 42px;
  height: 42px;
  font-size: 25px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .removeStopArea.removeClientArea99 {
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute {
  width: 100%;
  float: left;
  margin: 0px 0 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute p {
  width: 100%;
  float: left;
  margin: 8px 0 11px 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute .areaSelect {
  width: 100%;
  float: left;
  padding: 11px 25px !important;
  border: 1px solid #b5c3cf;
  background-color: #f5faff;
  font-family: "Inter";
  font-size: 15px;
  outline: none !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute .selectRouteContainer {
  width: 100%;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute .selectRouteContainer .btn-group {
  width: 100%;
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute .selectRouteContainer .btn-group .multiselect {
  width: 100%;
  float: left;
  text-align: left;
  padding: 12px 17px;
  border-radius: 0;
  background: #f5faff;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute .selectRouteContainer .btn-group .multiselect .caret {
  display: none;
}

.commentBoxWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: none;
}
.commentBoxWrap .cb__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.commentBoxWrap .cb__inner .commentMain {
  width: 350px;
  height: auto;
  background-color: #fff;
  float: left;
  border-radius: 12px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
  padding: 25px 35px;
  position: relative;
}
.commentBoxWrap .cb__inner .commentMain .closeCmt {
  position: absolute;
  font-size: 24px;
  color: #FF007A;
  cursor: pointer;
  top: 13px;
  right: 18px;
  -webkit-text-stroke: 1px #fff;
}
.commentBoxWrap .cb__inner .commentMain h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-size: 18px;
  font-weight: 500;
}
.commentBoxWrap .cb__inner .commentMain .cmtBox {
  width: 100%;
  float: left;
  height: 120px;
  margin: 19px 0 0 0;
  padding: 16px;
  font-family: "Poppins";
  font-size: 15px;
  background: #fff;
  color: #000;
  border: 1px solid #ddd;
  border-radius: 8px;
  resize: none;
}
.commentBoxWrap .cb__inner .commentMain .popupBttns {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.commentBoxWrap .cb__inner .commentMain .popupBttns button {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  border: 0;
  outline: none !important;
  cursor: pointer;
  padding: 8px 18px;
}

.imagePopupWrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.imagePopupWrapper .imgPopInn {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imagePopupWrapper .imgPopInn .closeOuter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.imagePopupWrapper .imgPopInn .mainImgContain {
  width: 400px;
  height: 450px;
  float: left;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 35px;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  transform: scale(0.5);
  z-index: 9;
}
.imagePopupWrapper .imgPopInn .mainImgContain.openPop {
  opacity: 1;
  transform: scale(1);
}
.imagePopupWrapper .imgPopInn .mainImgContain picture {
  width: 240px;
  height: 240px;
  border-radius: 100%;
  float: left;
  background-color: #F5FAFF;
  background-image: url(../company_images/userPlaceholder.svg);
  background-position: center;
  background-size: 70px;
  background-repeat: no-repeat;
  overflow: hidden;
}
.imagePopupWrapper .imgPopInn .mainImgContain picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.imagePopupWrapper .imgPopInn .mainImgContain .changeImgBttns {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
  justify-content: center;
  margin: 30px 0 0 0;
}
.imagePopupWrapper .imgPopInn .mainImgContain .changeImgBttns .change_button {
  width: 100%;
  float: left;
  text-align: center;
  border: 0px;
  font-family: "Inter";
  color: #0E7BE0;
  padding: 12px 0;
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  background-color: #D5E9FB;
  height: 49px;
  font-weight: 500;
}
.imagePopupWrapper .imgPopInn .mainImgContain .changeImgBttns .change_button.remove {
  color: #FF007A;
  background-color: #F8DBE9;
}
.imagePopupWrapper .imgPopInn .mainImgContain .changeImgBttns .change_button input {
  display: none;
}
.imagePopupWrapper .imgPopInn .mainImgContain span.info {
  width: 100%;
  float: left;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 12px 0 0 0;
  font-family: "Inter";
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}
.imagePopupWrapper .imgPopInn .mainImgContain span.info i {
  font-size: 20px;
  color: #0E7BE0;
}
.imagePopupWrapper .imgPopInn .mainImgContain .closeIcon {
  position: absolute;
  right: 18px;
  top: 14px;
  font-size: 27px;
  color: #b6b6b6;
  -webkit-text-stroke: 1px #fff;
  cursor: pointer;
}

.docBoxWrap {
  width: 100%;
  float: left;
}
.docBoxWrap .docBox {
  margin: 0;
}
.docBoxWrap .docBoxPanel {
  width: 100%;
  float: left;
  padding: 25px 25px;
  background-color: #f1f1f1;
  display: none;
}
.docBoxWrap .docBoxPanel form {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.docBoxWrap .docBoxPanel form .inpWrap {
  width: 48.5%;
  margin: 5px 0;
  float: left;
  position: relative;
}
.docBoxWrap .docBoxPanel form .inpWrap p {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #4D4D4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 7px 0;
}
.docBoxWrap .docBoxPanel form .inpWrap .inpUsr {
  width: 100%;
  float: left;
  outline: none !important;
  border: 1.062px solid #D8E0E9;
  background: #FAFCFF;
  padding: 17px 23px;
  font-family: "Inter";
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s ease-in-out;
}
.docBoxWrap .docBoxPanel form .inpWrap .inpUsr:focus {
  border-color: #0E7BE0;
}
.docBoxWrap .docBoxPanel form .inpWrap.fullWidth {
  width: 100%;
}
.docBoxWrap .docBoxPanel form .inpWrap .radioBttnswrap {
  width: 100%;
  float: left;
  cursor: pointer;
  display: flex;
  gap: 15px;
  margin: 12px 0 0 0;
}
.docBoxWrap .docBoxPanel form .inpWrap .radioBttnswrap label {
  float: left;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.docBoxWrap .docBoxPanel form .inpWrap .radioBttnswrap label span {
  float: left;
  position: relative;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 2px solid #0E7BE0;
}
.docBoxWrap .docBoxPanel form .inpWrap .radioBttnswrap label span b {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  background-color: #0E7BE0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.docBoxWrap .docBoxPanel form .inpWrap .radioBttnswrap label span input {
  display: none;
}
.docBoxWrap .docBoxPanel form .inpWrap .radioBttnswrap label span input:checked ~ b {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.docBoxWrap .docBoxPanel .panels {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 15px;
}

.addAttrsWrap {
  width: 100%;
  float: left;
  margin: 0 0 6px 0;
}
.addAttrsWrap .Attrs {
  width: 100%;
  float: left;
  margin: 6px 0;
  position: relative;
}
.addAttrsWrap .Attrs .RemoveAttr {
  background-color: #FF007A;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.addAttrsWrap .Attrs:first-child {
  position: relative;
}
.addAttrsWrap .Attrs:first-child .RemoveAttr {
  transform: scale(0);
  height: 0 !important;
}

.addAttr {
  float: left;
  background-color: #18BA3C;
  color: #fff;
  font-family: "Poppins";
  padding: 13px 20px;
  margin: 0 0 15px 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 9px;
}

.viewReportWrap {
  width: 100%;
  float: left;
  padding: 25px 35px;
  background-color: #D5E9FB;
  border-radius: 9px;
  margin: 15px 0 0 0;
  display: none;
}
.viewReportWrap .reportBlock {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px 35px;
  margin: 7px 0;
  border-radius: 5px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.viewReportWrap .reportBlock h4 {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: #075095;
  font-weight: 500;
}
.viewReportWrap .reportBlock h4 i {
  font-size: 21px;
  color: #FFA800;
}
.viewReportWrap .reportBlock .rigtPart {
  float: left;
  display: flex;
  gap: 20px;
  align-items: center;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns {
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a {
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  border-radius: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: #D5E9FB;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a i {
  color: #000;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a.add {
  background-color: #BCF0C8;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a.add i {
  color: #0E7425;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a.file {
  background-color: #FFE2B7;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a.file i {
  color: #BB7101;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a.delete {
  background-color: #F8DBE9;
}
.viewReportWrap .reportBlock .rigtPart .actionBttns a.delete i {
  color: #FF007A;
}
.viewReportWrap .reportBlock .rigtPart .date {
  float: left;
  font-size: 13px;
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 500;
  color: #075095;
}
.viewReportWrap .reportBlock p {
  min-width: 100%;
  float: left;
  margin: 8px 0 0 0;
  font-size: 15px;
}

.checkBoxstyle {
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0 0;
  padding: 0 0 0 0px !important;
}
.checkBoxstyle span {
  min-width: 22px;
  height: 22px;
  max-width: 22px;
  background-color: #D5E9FB;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  border-radius: 3px;
  color: #075095;
}
.checkBoxstyle input {
  display: none;
}
.checkBoxstyle input:checked ~ span {
  font-size: 13px;
}
.checkBoxstyle b {
  font-weight: 500;
  font-size: 13px;
  color: #FF007A;
}
.checkBoxstyle.checkTop {
  margin: 9px 0 0 0 !important;
  padding: 18px 0 18px 0 !important;
  display: flex !important;
  align-items: flex-start;
}
.checkBoxstyle.checkTop span {
  margin: 6px 0 0 0;
}
.checkBoxstyle.deleteImmediate {
  border: 0 !important;
  margin: 0 0 18px 0 !important;
}

.editUser {
  margin: 30px 0 0 0;
}
.editUser .fullWidth {
  width: 100% !important;
}

.setTargetFormWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: none;
}
.setTargetFormWrap .stf__Inner {
  width: 400px;
  height: 90%;
  top: 5%;
  right: -430px;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 12px;
  position: absolute;
  border: 2px solid #fff;
  overflow: auto;
  transition: 0.3s ease-in-out;
}
.setTargetFormWrap .stf__Inner.openPop {
  right: 30px;
}
.setTargetFormWrap .stf__Inner h4 {
  width: 100%;
  float: left;
  padding: 16px 35px;
  padding: 16px 35px;
  border-bottom: 1px solid #d2d2d2;
  margin: 10px 0 0 0;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.setTargetFormWrap .stf__Inner h4 i {
  color: #FF007A;
  font-size: 24px;
  position: relative;
  top: -5px;
  cursor: pointer;
}
.setTargetFormWrap .stf__Inner .editFormWrap {
  background-color: transparent;
  box-shadow: none !important;
  margin: 20px 0 0 0;
  padding: 0 5px;
}

.targetBoxsWrap {
  width: 100%;
  float: left;
  margin: 35px 0 0px 0;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.targetBoxsWrap h4 {
  width: 100%;
  float: left;
  color: #000;
  font-size: 25px;
  margin: 0 0 15px 0;
  font-weight: 500;
}
.targetBoxsWrap .targetBox {
  width: 24%;
  float: left;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 3.59575px 15.2819px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  border: 1px solid #d9ebfb;
}
.targetBoxsWrap .targetBox h3 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-size: 30px;
  font-family: "Inter";
  font-weight: 600;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.targetBoxsWrap .targetBox h3 small {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 16px 0;
  color: #7d7d7d;
  display: flex;
  align-items: center;
  gap: 8px;
}
.targetBoxsWrap .targetBox h3 small i {
  font-size: 13px;
  color: #cfcfcf;
}
.targetBoxsWrap .targetBox h3 span {
  font-size: 13px;
  color: #000;
  display: inline-block;
  background: #ddd;
  padding: 3px 6px;
  margin: -1px 0 0 10px;
  height: 22px;
}
.targetBoxsWrap .targetBox h3 span i {
  margin: 0 4px 0 0px;
}
.targetBoxsWrap .targetBox h3 span.loss {
  background-color: #F8DBE9;
  color: #FF007A;
}
.targetBoxsWrap .targetBox h3 span.profit {
  background-color: #BCF0C8;
  color: #18BA3C;
}
.targetBoxsWrap .targetBox p {
  width: 100%;
  float: left;
  font-size: 14px;
  margin: 4px 0 0 0;
  font-family: "Inter";
  color: #787878;
}

.targetReportWrap {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
}
.targetReportWrap .targetreportSearchWrap {
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 0px 3.59575px 15.2819px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  border: 1px solid #d9ebfb;
  padding: 25px;
}
.targetReportWrap .targetreportSearchWrap h4 {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #000;
  margin: 0 0 0 0;
  font-weight: 500;
}
.targetReportWrap .targetreportSearchWrap .searchBox {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  display: flex;
  gap: 12px;
}
.targetReportWrap .targetreportSearchWrap .searchBox .searchFeald {
  width: 100%;
  float: left;
  background-color: #fff;
  font-family: "Inter";
  padding: 0 14px;
  border: 1px solid #d9ebfb;
  height: 45px;
  font-size: 14px;
}
.targetReportWrap .targetreportSearchWrap .searchBox .searchBtn {
  background-color: #0E7BE0;
  color: #fff;
  font-family: "Poppins";
  height: 45px;
  border: 0;
  padding: 0 25px;
  outline: none !important;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.targetReportWrap .targetreportSearchWrap .searchBox .searchBtn:hover {
  background-color: #FFA800;
}

.tr__tableWrap {
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 0px 3.59575px 15.2819px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  border: 1px solid #d9ebfb;
  margin: 30px 0 0 0;
  padding: 25px;
}
.tr__tableWrap h4 {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #000;
  margin: 0 0 0 0;
  font-weight: 500;
  font-size: 14px;
}
.tr__tableWrap .cs__table {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
  border-spacing: 0px;
}
.tr__tableWrap .cs__table thead tr th {
  border: 1px solid #D5E9FB;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 12px;
  text-align: left;
}
.tr__tableWrap .cs__table tbody tr td {
  border: 1px solid #D5E9FB;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 12px;
}
.tr__tableWrap .cs__table tbody tr td span.loss {
  color: #FF007A;
}
.tr__tableWrap .cs__table tbody tr td span.profit {
  color: #18BA3C;
}

.congoPopWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 999;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.congoPopWrap .congoPopMain {
  width: 360px;
  height: 490px;
  background-color: #fff;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  border-radius: 5px;
  padding: 30px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.congoPopWrap .congoPopMain::after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../company_images/successBac.jpg);
  content: "";
  background-size: 270%;
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 0.14;
}
.congoPopWrap .congoPopMain h4 {
  width: 100%;
  float: left;
  font-family: "Poppins";
  text-align: center;
  margin: 0 0 0 0;
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
.congoPopWrap .congoPopMain p {
  width: 100%;
  float: left;
  font-family: "Inter";
  padding: 0 15px;
  text-align: center;
  font-size: 13px;
  margin: 22px 0 0 0;
  line-height: 22px;
  font-weight: 400;
  color: #4b4b4b;
  position: relative;
  z-index: 1;
}
.congoPopWrap .congoPopMain .checkIcon {
  width: 85px;
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid #18BA3C;
  font-size: 32px;
  color: #18BA3C;
  margin: 40px 0;
  position: relative;
  z-index: 1;
}
.congoPopWrap .congoPopMain .backBttn {
  width: 80%;
  float: left;
  background-color: #18BA3C;
  color: #fff;
  font-family: "Inter";
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  padding: 12px 0;
  border-radius: 27px;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 1;
}
.congoPopWrap .congoPopMain .downloadIconWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  gap: 8px;
  position: relative;
  z-index: 1;
  margin: 10px 0 0 0;
}
.congoPopWrap .congoPopMain .downloadIconWrap a.download {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.09);
}
.congoPopWrap .congoPopMain .downloadIconWrap a.download img {
  width: 25px;
}

.multi_select_container {
  position: relative !important;
}
.multi_select_container .btn-group {
  width: 100%;
  float: left;
}
.multi_select_container .btn-group .multiselect {
  width: 100%;
  float: left;
  text-align: left;
  padding: 16px 25px;
  border: 1.062px solid #D8E0E9 !important;
  background: #FAFCFF !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.multi_select_container .btn-group .multiselect b.caret {
  float: right;
  margin: 9px 0 0 0;
}
.multi_select_container .btn-group ul.dropdown-menu {
  width: 100% !important;
  max-height: 320px;
  overflow: auto;
}

.multiselect-clear-filter {
  height: 34px !important;
}

.advance-emp-fields {
  width: 100%;
  float: left;
  display: none;
  margin: 15px 0 0 0;
}
.advance-emp-fields .aef__flex {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.showToggle {
  background-color: #0E7BE0;
  color: #fff !important;
  padding: 9px 28px;
  float: left;
  border-radius: 24px;
  font-family: "Inter";
  font-weight: 500;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

.user-type-tip-container {
  width: 100%;
  float: left;
  margin: 8px 0 12px 0;
}
.user-type-tip-container .user-type-tip {
  width: 100%;
  float: left;
  font-family: "Inter";
  font-size: 13px;
  font-weight: 500;
}
.user-type-tip-container .user-type-tip.tip-3 {
  display: none;
}

.iconMsg {
  position: absolute !important;
  right: 19px;
  bottom: 20px;
  font-size: 17px !important;
}

.contact-support-alert {
  width: 100%;
  float: left;
  background-color: #F8DBE9;
  color: #FF007A;
  font-family: "Inter";
  padding: 14px 24px;
  font-size: 13px;
  font-weight: 500;
  display: none;
}

.deletePopWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.36);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  top: 0;
  left: 0;
}
.deletePopWrap .deleteMain {
  width: 420px;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  overflow: hidden;
}
.deletePopWrap .deleteMain .deleteHeader {
  width: 100%;
  float: left;
  background-color: #bee1ff;
  text-align: center;
  padding: 12px 0;
}
.deletePopWrap .deleteMain .deleteHeader img {
  display: inline-block;
  width: 65px;
}
.deletePopWrap .deleteMain h4 {
  width: 100%;
  float: left;
  text-align: center;
  font-weight: 600;
  font-size: 21px;
  margin: 26px 0 15px 0;
  color: #000;
}
.deletePopWrap .deleteMain h4.ntfcnHdrTxt {
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 17px;
}
.deletePopWrap .deleteMain p {
  width: 100%;
  float: left;
  font-family: "Inter";
  color: #626262;
  text-align: center;
  margin: 3px 0;
  font-size: 13px;
  font-weight: 500;
  padding: 0 55px;
}
.deletePopWrap .deleteMain p.caution {
  font-weight: 600;
}
.deletePopWrap .deleteMain p a img {
  margin: 20px 0 0 0;
}
.deletePopWrap .deleteMain .bttnsWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 15px 0 30px 0;
  border-top: 1px solid #e7e7e7;
  margin: 16px 0 0 0;
}
.deletePopWrap .deleteMain .bttnsWrap a {
  font-family: "Inter";
  background-color: #D5E9FB;
  color: #075095;
  text-decoration: none !important;
  padding: 10px 24px;
  float: left;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
}
.deletePopWrap .deleteMain .bttnsWrap a.delete {
  background-color: #0E7BE0;
  color: #fff;
}
.deletePopWrap .deleteMain form {
  width: 100%;
  float: left;
  margin: 0 0;
  padding: 0;
}
.deletePopWrap .deleteMain form .editFormWrap {
  margin: 0;
  background: #fafafa;
  border-radius: 0;
}
.deletePopWrap .deleteMain form .editFormWrap .inpWrap {
  width: 100%;
  float: left;
  margin: 0 0;
  padding: 10px 50px;
}
.deletePopWrap .deleteMain form .editFormWrap .inpWrap .inpUsr {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  padding: 12px 23px;
  background-position: 96% 50% !important;
}
.deletePopWrap.authorizePop {
  position: fixed;
}
.deletePopWrap.authorizePop .deleteMain {
  position: absolute;
}
.deletePopWrap.authorizePop .deleteMain .deleteHeader {
  background-color: #BCF0C8;
}
.deletePopWrap.authorizePop .deleteMain .bttnsWrap a {
  background-color: #BCF0C8;
  color: #0E7425;
}
.deletePopWrap.authorizePop .deleteMain .bttnsWrap a.delete {
  background-color: #18BA3C;
  color: #fff;
}
.deletePopWrap.unAuthorizePop {
  position: fixed;
}
.deletePopWrap.unAuthorizePop .deleteMain {
  position: absolute;
}
.deletePopWrap.unAuthorizePop .deleteMain .deleteHeader {
  background-color: #F8DBE9;
}
.deletePopWrap.unAuthorizePop .deleteMain .bttnsWrap a {
  background-color: #F8DBE9;
  color: #FF007A;
}
.deletePopWrap.unAuthorizePop .deleteMain .bttnsWrap a.delete {
  background-color: #FF007A;
  color: #fff;
}

.statusPopupWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}
.statusPopupWrap .popContain {
  width: 280px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 55px 0;
}
.statusPopupWrap .popContain h4 {
  width: 100%;
  float: left;
  text-align: center;
  font-family: "Poppins";
  color: #2D2D2D;
  font-size: 21px;
  margin: 0 0 0 0;
}
.statusPopupWrap .popContain p {
  width: 80%;
  float: left;
  text-align: center;
  font-family: "Inter";
  margin: 16px 0 0 0;
  font-weight: 500;
  color: #9a9a9a;
  line-height: 18px;
  font-size: 13px;
}
.statusPopupWrap .popContain i {
  width: 77px;
  height: 77px;
  border: 2px solid #18BA3C;
  color: #18BA3C;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 31px;
  border-radius: 100%;
  margin: 50px 0;
}
.statusPopupWrap .popContain a.closeStatusPop {
  width: 60%;
  float: left;
  background-color: #18BA3C;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 11px 0;
  border-radius: 22px;
  text-decoration: none;
}
.statusPopupWrap.error {
  position: fixed;
}
.statusPopupWrap.error .popContain {
  background-color: #F8DBE9;
}
.statusPopupWrap.error .popContain h4 {
  color: #FF007A;
}
.statusPopupWrap.error .popContain p {
  color: #FF007A;
}
.statusPopupWrap.error .popContain i {
  border-color: #FF007A;
  color: #FF007A;
}
.statusPopupWrap.error .popContain a.closeStatusPop {
  background-color: #FF007A;
}

.clientDetailsPopupWrap {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: none;
}
.clientDetailsPopupWrap .popMainContent {
  width: 550px;
  max-height: 500px;
  background-color: #fff;
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.3);
  overflow: auto;
  padding: 40px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.clientDetailsPopupWrap .popMainContent::-webkit-scrollbar {
  display: none;
}
.clientDetailsPopupWrap .popMainContent.active {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.clientDetailsPopupWrap .popMainContent h3 {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
  font-family: "Poppins";
  color: #075095;
  font-size: 20px;
}
.clientDetailsPopupWrap .popMainContent .textBox {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}
.clientDetailsPopupWrap .popMainContent .textBox h5 {
  width: 100%;
  float: left;
  color: #000;
  font-family: "Inter";
  margin: 0 0 0 0;
  font-size: 15px;
  font-weight: 600;
}
.clientDetailsPopupWrap .popMainContent .textBox p {
  width: 100%;
  float: left;
  color: #696969;
  font-family: "Inter";
  margin: 7px 0 0 0;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.clientDetailsPopupWrap .popMainContent .textBox p i {
  color: #0E7BE0;
  font-size: 16px;
  float: left;
  margin: 5px 0 0 0;
}
.clientDetailsPopupWrap .popMainContent .textBox.copyBlock {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
  margin: 20px 0 0px 0;
  float: left;
}
.clientDetailsPopupWrap .popMainContent .textBox.copyBlock .copy {
  background-color: #BCF0C8;
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter";
  color: #0E7425 !important;
  padding: 8px 15px;
  border-radius: 25px;
  text-decoration: none;
}
.clientDetailsPopupWrap .popMainContent .textBox.copyBlock .copy b {
  font-weight: normal;
}
.clientDetailsPopupWrap .popMainContent .textBox.siteUrl p a {
  float: left;
  display: flex;
  align-items: center;
  gap: 7px;
}
.clientDetailsPopupWrap .popMainContent .textBox.siteUrl p a i {
  float: left;
  margin: 1px 0 0 0;
}
.clientDetailsPopupWrap .popMainContent .closeIcon {
  position: absolute;
  right: 26px;
  top: 26px;
  font-size: 23px;
  color: #f00;
  cursor: pointer;
}

.openDetailsPop {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.openDetailsPop:hover {
  color: #FF007A !important;
}

.downloadAlertWarning {
  width: 600px;
  min-height: 50px;
  position: fixed;
  bottom: 60px;
  z-index: 9999;
  left: calc(50% - 180px);
  background-color: #FFE2B7;
  border-left: 4px solid #FFA800;
  padding: 25px;
  display: none;
}
.downloadAlertWarning .dAlertWarningInner {
  width: 100%;
  float: left;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.downloadAlertWarning .dAlertWarningInner i {
  font-size: 25px;
  color: #FFA800;
}
.downloadAlertWarning .dAlertWarningInner p {
  width: 100%;
  float: left;
  margin: 0;
  font-weight: 500;
  padding: 0 0 0 8px;
}

.downloadListBoxWrap {
  width: 300px;
  position: absolute;
  background-color: #fff;
  right: 31px;
  top: 170px;
  border-radius: 9px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06);
  padding: 25px 25px 10px;
  display: none;
  z-index: 9999;
}
.downloadListBoxWrap::after {
  content: "";
  position: absolute;
  top: -2px;
  right: 13px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  transform: rotate(45deg);
}
.downloadListBoxWrap h4 {
  width: 100%;
  float: left;
  font-family: "Poppins";
  color: #3b4d5f;
  font-weight: 500;
  margin: 0 0 0 0;
  font-size: 15px;
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.downloadListBoxWrap h4 .closeDBox {
  float: left;
  cursor: pointer;
}
.downloadListBoxWrap h4 .closeDBox i {
  font-size: 20px;
  color: #FF007A;
  -webkit-text-stroke: 1px #fff;
}
.downloadListBoxWrap .downloadList {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  max-height: 277px;
  overflow: auto;
}
.downloadListBoxWrap .downloadList::-webkit-scrollbar {
  display: none;
}
.downloadListBoxWrap .downloadList .downloadBox {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid #f0f0f0;
}
.downloadListBoxWrap .downloadList .downloadBox:last-child {
  border: 0;
}
.downloadListBoxWrap .downloadList .downloadBox p {
  float: left;
  margin: 0;
  display: flex;
  align-items: center;
  font-family: "Inter";
  font-size: 12px;
  gap: 8px;
  font-weight: 500;
}
.downloadListBoxWrap .downloadList .downloadBox p i {
  color: #0E7BE0;
}
.downloadListBoxWrap .downloadList .downloadBox .btnsWrap {
  float: left;
  display: flex;
  align-items: center;
  gap: 20px;
}
.downloadListBoxWrap .downloadList .downloadBox .btnsWrap a {
  float: left;
  color: #0e7be0;
  font-size: 13px;
}

.by_sample {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.by_user {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.attributes_container {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.radioBoxes {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
  flex-flow: row wrap;
  align-items: center;
  margin: 25px 0 12px 0;
}
.radioBoxes label.radioButtstyle {
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 500;
}
.radioBoxes label.radioButtstyle span {
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  border: 2px solid #0E7BE0;
  float: left;
  border-radius: 100%;
  position: relative;
}
.radioBoxes label.radioButtstyle span b {
  width: 15px;
  height: 15px;
  background-color: #0E7BE0;
  border-radius: 100%;
  position: absolute;
  transition: 0.3s ease-in-out;
  transform: scale(0);
  top: 2px;
  left: 2px;
}
.radioBoxes label.radioButtstyle input {
  display: none;
}
.radioBoxes label.radioButtstyle input:checked ~ span .mark {
  transform: scale(1);
}

.userDetailsWrap {
  width: 100%;
  float: left;
  margin: 25px 0 15px 0;
  font-size: 17px;
}

.strNewWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 18px;
  margin: 0 0 25px 0;
}
.strNewWrap .strFullSlot {
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  padding: 15px 25px;
  border-radius: 7px;
}
.strNewWrap .strFullSlot .flip {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.strNewWrap .strFullSlot .flip h4 {
  display: flex;
  float: left;
  gap: 8px;
  align-items: center;
  color: #000;
}
.strNewWrap .strFullSlot .flip h4 i {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFE2B7;
  border-radius: 100%;
  color: #BB7101;
  font-size: 15px;
}
.strNewWrap .strFullSlot .flip .rightBox {
  float: left;
  display: flex;
  align-items: center;
  gap: 16px;
}
.strNewWrap .strFullSlot .flip .rightBox .number {
  float: left;
  background-color: #18BA3C;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 7px;
}
.strNewWrap .strFullSlot .flip .rightBox i.toggleSlot {
  float: left;
  cursor: pointer;
  font-size: 17px;
  color: #000000;
}
.strNewWrap .strFullSlot .panelBox {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  padding: 12px 25px;
  border-radius: 12px;
  display: none;
}
.strNewWrap .strFullSlot .panelBox .panelBoxInner {
  width: 100%;
  float: left;
}
.strNewWrap .strFullSlot .panelBox .panelBoxInner:first-child .pSlot.head {
  display: flex !important;
}
.strNewWrap .strFullSlot .panelBox .pSlot {
  width: 100%;
  float: left;
  display: flex;
  margin: 8px 0;
}
.strNewWrap .strFullSlot .panelBox .pSlot span {
  width: 25%;
  float: left;
  color: #000;
}
.strNewWrap .strFullSlot .panelBox .pSlot span:last-child {
  width: 50%;
}
.strNewWrap .strFullSlot .panelBox .pSlot.head {
  position: relative;
  display: none;
}
.strNewWrap .strFullSlot .panelBox .pSlot.head span {
  font-weight: 600;
}

select.inpUsr {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../app_images/caret.png) !important;
  background-repeat: no-repeat !important;
  background-position: 98% 19px !important;
  background-size: 9px !important;
}
select.inpUsr.multiSelect {
  background-image: none !important;
}

.products_container {
  width: 100%;
  float: left;
}
.products_container .product_container {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}
.products_container .product_container:last-child {
  border: 0 !important;
}
.products_container .product_container .productdtls {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.products_container .product_container .productdtls .product_name {
  width: auto;
  float: left;
  display: flex;
  gap: 40px;
}
.products_container .product_container .productdtls .product_name .product_name_text {
  position: relative;
}
.products_container .product_container .productdtls .product_name .product_name_text::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #ccc;
  right: -21px;
}
.products_container .product_container .close_icon {
  float: left;
  margin: 0 0 0 24px;
}
.products_container .product_container .close_icon a {
  float: left;
  color: #f00;
}

.upgrade_package_alert {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
}
.upgrade_package_alert .upgrade_package_alert_inner {
  width: 100%;
  float: left;
  background-color: #F8DBE9;
  text-align: center;
  padding: 15px;
  line-height: 29px;
  border-radius: 15px;
  box-shadow: 0px 3px 10px rgba(208, 79, 142, 0.33);
}
.upgrade_package_alert .upgrade_package_alert_inner i {
  position: absolute;
  top: 8px;
  right: 13px;
  font-size: 18px;
  color: #ff9292;
  cursor: pointer;
  -webkit-text-stroke: 0.5px #fff;
}
.upgrade_package_alert .upgrade_package_alert_inner a {
  color: #FF007A;
}

.helpPopupWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  display: none;
}
.helpPopupWrap .helpPopMain {
  width: 812px;
  min-height: 489px;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 90px;
  padding: 27px;
  box-shadow: 11px 0px 30px rgba(0, 0, 0, 0.1);
  transition: 0.5s ease-in-out;
}
.helpPopupWrap .helpPopMain.open {
  top: 50%;
}
.helpPopupWrap .helpPopMain picture {
  width: 326px;
  height: 340px;
  float: left;
}
.helpPopupWrap .helpPopMain picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.helpPopupWrap .helpPopMain article {
  width: 285px;
  height: auto;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 23px;
}
.helpPopupWrap .helpPopMain article h2 {
  width: 100%;
  float: left;
  color: #FFA800;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
  margin: 0;
}
.helpPopupWrap .helpPopMain article span {
  width: 100%;
  float: left;
}
.helpPopupWrap .helpPopMain article span h4 {
  width: 100%;
  float: left;
  color: #444;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 0 0;
}
.helpPopupWrap .helpPopMain article span h4 a {
  color: #0E7BE0;
}
.helpPopupWrap .helpPopMain article span p {
  width: 100%;
  float: left;
  color: #828282;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 8px 0 0 0;
}
.helpPopupWrap .helpPopMain article span p a {
  font-weight: 500;
  color: #0E7BE0;
}
.helpPopupWrap .helpPopMain .helpPopClose {
  position: absolute;
  right: 31px;
  top: 15px;
  color: #FF8585;
  font-size: 32px;
  -webkit-text-stroke: 2px #fff;
  cursor: pointer;
}

.openCanvas {
  float: right;
  cursor: pointer;
}

.canvasWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}
.canvasWrap .google_canvas_container {
  width: 60%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.canvasWrap .google_canvas_container .closeMap {
  position: absolute;
  right: -38px;
  font-size: 41px;
  color: #fff;
  -webkit-text-stroke: 3px #7d7e7f;
  cursor: pointer;
}
.canvasWrap .google_canvas_container .pac-listing {
  width: 50%;
  position: absolute;
  top: 30px;
  left: 25%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  z-index: 99;
}
.canvasWrap .google_canvas_container .pac-listing .bttn {
  background-color: #0E7BE0;
  border: 0;
  color: #fff;
  padding: 0 18px;
}
.canvasWrap .google_canvas_container .pac-listing .mapAddressRefBtt {
  position: absolute;
  width: 37px;
  height: 37px;
  background-color: #D5E9FB;
  color: #075095;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 105px;
  top: 9px;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
.canvasWrap .google_canvas_container .pac-listing .mapAddressRefBtt:hover {
  background: #BCF0C8;
  color: #0E7425;
}
.canvasWrap .google_canvas_container #google_canvas {
  width: 100%;
  height: 100%;
  background-color: #fff;
  float: left;
}

.pac-container {
  z-index: 99999;
  min-height: 100px;
  position: fixed !important;
  width: 20% !important;
  top: 141px !important;
}

.buttonsCont {
  width: 100%;
  float: left;
  margin: 11px 0 0 0;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-flow: row wrap;
}
.buttonsCont .updateBttn {
  margin: 0 0;
  text-decoration: none !important;
}
.buttonsCont .deleteButt {
  background-color: #F8DBE9;
  color: #FF007A;
  padding: 15px 25px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
  outline: none !important;
}
.buttonsCont .deleteButt:hover {
  background-color: #FF007A;
  color: #fff;
}
.buttonsCont.splitPart {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.buttonsCont.splitPart .rightBttnsPart {
  display: flex;
  gap: 12px;
  align-items: center;
}

.preview {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.preview .custm_tbl {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  white-space: nowrap;
  overflow: auto;
  border: 1px solid #ddd;
}
.preview .custm_tbl table {
  width: 3400px;
  float: left;
  font-size: 13px;
}
.preview .custm_tbl table th, .preview .custm_tbl table td {
  padding: 12px 12px;
}
.preview .custm_tbl table tbody tr:nth-child(odd) {
  background-color: #eaeaea;
}

.error_bulk_upload {
  width: 100%;
  float: left;
  padding: 13px 20px;
  font-size: 13px;
  background-color: #dbe7ed;
}
.error_bulk_upload h3 {
  font-size: 14px;
  padding: 17px 25px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #fff;
  color: #FF007A;
}
.error_bulk_upload p {
  width: 100%;
  float: left;
  font-size: 13px;
  margin: 0 0;
  font-weight: 400;
  padding: 3px 25px;
  color: #945b76;
}

.sampleDwn {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  display: flex;
  align-items: center;
  gap: 25px;
}
.sampleDwn h4 {
  float: left;
  margin: 0 0 0 0;
}
.sampleDwn a.sampleDownloadLink {
  float: left;
  margin: 0 0 0;
  background-color: #BCF0C8;
  color: #0E7425;
  text-decoration: none !important;
  padding: 11px 22px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 7px;
}
.sampleDwn a.sampleDownloadLink img {
  width: 20px;
}

.pagiCont {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0 20px 0;
  gap: 10px;
}
.pagiCont strong, .pagiCont a {
  float: left;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D5E9FB;
  color: #075095;
  border-radius: 100%;
  font-size: 15px;
  transition: 0.3s ease-in-out;
}
.pagiCont strong {
  background-color: #0E7BE0;
  color: #fff;
  font-weight: 400;
}
.pagiCont a {
  text-decoration: none;
}
.pagiCont a:hover {
  background-color: #FFA800;
  color: #000;
}

.main-lds-container {
  width: 100%;
  float: left;
}
.main-lds-container .leads-detils-content {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  border-radius: 11px;
  padding: 15px 20px;
}
.main-lds-container .leads-detils-content .field-leads-container {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  gap: 15px;
  align-items: center;
  position: relative;
}
.main-lds-container .leads-detils-content .field-leads-container .upload-photo-Container {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  border-radius: 100%;
  background-color: #fff;
}
.main-lds-container .leads-detils-content .field-leads-container .upload-photo-Container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-lds-container .leads-detils-content .field-leads-container .upload-photo-Container img.lead-checkin-noimage {
  transform: scale(0.5);
  -o-object-fit: contain;
     object-fit: contain;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer {
  width: 100%;
  float: left;
  padding: 0 95px 0 0;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer.downText {
  padding: 0;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top span {
  float: left;
  display: flex;
  gap: 5px;
  font-size: 12px;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top span i {
  float: left;
  margin: 3px 0 0 0;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-bottom {
  width: 100%;
  float: left;
  margin: 8px 0 0 0;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-bottom span {
  float: left;
  display: flex;
  gap: 5px;
  font-size: 12px;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-bottom span i {
  float: left;
  margin: 3px 0 0 0;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .btn-expand-more {
  position: absolute;
  width: 85px;
  right: 0;
  text-align: center;
  background-color: #18BA3C;
  text-transform: capitalize;
}
.main-lds-container .leads-detils-content .field-leads-container .txtContainer .btn-expand-more a {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  float: left;
  justify-content: center;
  text-decoration: none !important;
}
.main-lds-container .leads-detils-content .expand-lds-div {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.main-lds-container .leads-detils-content .expand-lds-div h4 {
  width: 100%;
  float: left;
  margin: 0 0 13px 0;
  padding: 8px 14px;
  font-size: 14px;
  background: #b2c5d6;
  color: #000;
}
.main-lds-container .leads-detils-content .expand-lds-div .ctWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 11px;
       column-gap: 11px;
  row-gap: 8px;
  margin: 0px 0 0px 0;
  border-bottom: 1px solid #b2c5d6;
  padding: 0 0 11px 0;
}
.main-lds-container .leads-detils-content .expand-lds-div .ctWrap span {
  font-size: 12px;
}
.main-lds-container .leads-detils-content .expand-lds-div .ctWrap span b {
  font-weight: 500;
}
.main-lds-container .leads-detils-content .expand-lds-div .expand-ld-btns {
  width: 100%;
  float: left;
  padding: 9px 0;
}
.main-lds-container .leads-detils-content .expand-lds-div .expand-ld-btns .dtlsbtn {
  float: left;
  font-size: 13px;
  color: #084884 !important;
  text-decoration: none !important;
}
.main-lds-container .leads-detils-content .expand-lds-div .field-leads-container {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  gap: 15px;
  align-items: center;
  position: relative;
  margin: 0 0 12px 0;
}
.main-lds-container .leads-detils-content .expand-lds-div .field-leads-container .upload-photo-Container {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  border-radius: 100%;
  background-color: #fff;
}
.main-lds-container .leads-detils-content .expand-lds-div .field-leads-container .upload-photo-Container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-lds-container .leads-detils-content .expand-lds-div .field-leads-container .upload-photo-Container img.lead-checkin-noimage {
  transform: scale(0.5);
  -o-object-fit: contain;
     object-fit: contain;
}

/*****************************************  11-05-2024  ***************************************/
.searchPopWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}
.searchPopWrap .spopContain {
  width: 400px;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 35px;
}
.searchPopWrap .spopContain .spopClose {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e24747;
  color: #fff;
  font-size: 23px;
  cursor: pointer;
}
.searchPopWrap .spopContain h3 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 20px;
}
.searchPopWrap .spopContain form {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.searchPopWrap .spopContain form .animateInput {
  width: 100%;
  float: left;
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 10px 18px;
  background-color: #fff;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 14px;
  background-position: 96% 50%;
}
.searchPopWrap .spopContain form .btn-group {
  width: 100%;
  float: left;
}
.searchPopWrap .spopContain form .btn-group .multiselect {
  width: 100%;
  float: left;
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 10px 18px;
  background-color: #fff;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 14px;
  background-position: 96% 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url("../company_images/downArrow.svg");
  border-radius: 0;
  box-shadow: none !important;
}
.searchPopWrap .spopContain form .btn-group .multiselect b.caret {
  display: none;
}
.searchPopWrap .spopContain form select {
  background-image: url("../company_images/downArrow.svg");
}
.searchPopWrap .spopContain form p {
  width: 100%;
  float: left;
  margin: 0 0 -9px 0;
  font-size: 12px;
  font-weight: 500;
  color: #000;
}
.searchPopWrap .spopContain form .subBttn {
  background-color: #0E7BE0;
  color: #fff;
  font-size: 15px;
  border: 0;
  outline: none !important;
  padding: 9px 0;
  margin: 0 0 7px 0;
}

.searchAlert {
  width: 100%;
  float: left;
  background-color: #41a657;
  padding: 14px 35px;
  margin: 21px 0 0 0;
  border-radius: 5px;
}
.searchAlert p {
  width: 100%;
  float: left;
  margin: 0 0;
  color: #fff;
  text-align: center;
}
.searchAlert p a {
  color: #fff;
  margin: 0 0 0 5px;
}

.fixElementsWrap {
  position: fixed;
  right: 40px;
  bottom: 50px;
  z-index: 99;
}
.fixElementsWrap .mainButton {
  width: 50px;
  height: 50px;
  float: left;
  border-radius: 100%;
  background-color: #FFA800;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.fixElementsWrap .mainButton i.fa-comment-dots {
  font-size: 20px;
  color: #000;
}
.fixElementsWrap a {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-size: 22px;
  color: #fff;
  opacity: 0;
  text-decoration: none !important;
  transition: all 300ms cubic-bezier(0.4, 0.5, 0.3, 2) 100ms;
}
.fixElementsWrap a.iconOne {
  background-color: #4fb966;
  top: 0px;
  left: 0;
  border-radius: 100%;
}
.fixElementsWrap a.iconTwo {
  background-color: #FF6070;
  top: 0px;
  border-radius: 100%;
  right: 0px;
  transition: all 500ms cubic-bezier(0.4, 0.5, 0.3, 2) 100ms;
}
.fixElementsWrap a.iconThree {
  background-color: #237ed1;
  top: 0px;
  border-radius: 100%;
  right: 0px;
  transition: all 700ms cubic-bezier(0.4, 0.5, 0.3, 2) 100ms;
}
.fixElementsWrap a.iconFour {
  background-color: #C71610;
  top: 0px;
  border-radius: 100%;
  right: 0px;
  transition: all 900ms cubic-bezier(0.4, 0.5, 0.3, 2) 100ms;
}
.fixElementsWrap.showAll {
  position: fixed;
}
.fixElementsWrap.showAll a {
  position: absolute;
  opacity: 1;
}
.fixElementsWrap.showAll a.iconOne {
  top: -99px;
  left: 22px;
}
.fixElementsWrap.showAll a.iconTwo {
  top: -83px;
  right: 41px;
}
.fixElementsWrap.showAll a.iconThree {
  top: -36px;
  right: 87px;
}
.fixElementsWrap.showAll a.iconFour {
  top: 32px;
  right: 89px;
}

.noRecordFound {
  width: 100%;
  float: left;
  margin: 20px 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}
.noRecordFound img {
  max-width: 380px;
}
.noRecordFound a {
  color: #FF007A !important;
  display: block;
  margin: 7px 0 0 0;
}

.breadcrumbs {
  width: 100%;
  float: left;
  display: flex;
  gap: 40px;
  margin: 11px 0 4px 0;
  font-weight: 400;
  font-size: 13px;
  padding: 0 2px;
}
.breadcrumbs a {
  position: relative;
  color: #075095;
  text-decoration: none;
}
.breadcrumbs a::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 13px;
  background-color: #5f6e7c;
  right: -21px;
  top: 3px;
  transform: rotate(17deg);
}
.breadcrumbs span {
  font-weight: 500;
}

.openActionsMobile {
  display: none;
}

.dynamicTableWrap {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.dynamicTableWrap .swipeImg {
  width: 101%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background-image: url(../company_images/swipeIcon.webp);
  background-repeat: no-repeat;
  background-position: 50% 9%;
  background-size: 143px;
  display: none;
  transform: scale(0);
}
.dynamicTableWrap .dynamicTable {
  width: 100%;
  float: left;
  overflow: auto;
  white-space: nowrap;
}
.dynamicTableWrap .dynamicTable::-webkit-scrollbar {
  display: none;
}
.dynamicTableWrap .dynamicTable table {
  width: 100%;
  float: left;
  min-width: 700px;
  border: 0;
  border-collapse: collapse;
  margin: 20px 0 0 0;
  white-space: normal;
}
.dynamicTableWrap .dynamicTable table tbody tr:first-child td {
  color: #757575;
  padding: 10px 7px;
}
.dynamicTableWrap .dynamicTable table tbody tr td {
  font-size: 13px;
  color: #006dff;
  padding: 7px 7px;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
}
.dynamicTableWrap .dynamicTable table tbody tr td select {
  width: 175px;
  float: left;
  font-size: 12px;
  padding: 9px 17px;
  background: transparent;
  border: 1px solid #ececec;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-image: url(../company_images/selectArrow.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 12px;
}

.si-content-wrapper {
  background-color: #fff !important;
  position: relative !important;
  font-family: "Poppins" !important;
}
.si-content-wrapper h1.custom-header {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: auto;
  background: linear-gradient(rgba(0, 38, 136, 0.0509803922), #002688);
  padding: 45px 25px 22px 25px;
}

.clients_list {
  width: 100%;
  float: left;
  margin: 8px 0 0 0;
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}
.clients_list .user_container {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #D5E9FB;
  padding: 9px 15px;
  border-radius: 30px;
}
.clients_list .user_container label {
  float: left;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
}

.rejectReasonBoxWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: none;
}
.rejectReasonBoxWrap .cb__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease-in-out;
  transform: scale(1.4);
  opacity: 0;
}
.rejectReasonBoxWrap .cb__inner.showPop {
  opacity: 1;
  transform: scale(1);
}
.rejectReasonBoxWrap .cb__inner .commentMain {
  width: 300px;
  height: auto;
  background-color: #fff;
  float: left;
  border-radius: 6px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  padding: 25px;
  position: relative;
  text-align: center;
}
.rejectReasonBoxWrap .cb__inner .commentMain .closeCmt {
  position: absolute;
  font-size: 24px;
  color: #FF007A;
  cursor: pointer;
  top: 7px;
  right: 12px;
  -webkit-text-stroke: 1px #fff;
}
.rejectReasonBoxWrap .cb__inner .commentMain h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
.rejectReasonBoxWrap .cb__inner .commentMain p {
  width: 100%;
  float: left;
  margin: 15px 0 12px 0;
  font-size: 13px;
  font-weight: 400;
  color: #797979;
}
.rejectReasonBoxWrap .cb__inner .commentMain .cmtBox {
  width: 100%;
  float: left;
  height: 89px;
  margin: 7px 0 0 0;
  padding: 13px;
  font-family: "Poppins";
  font-size: 13px;
  background: #eee;
  color: #000;
  border: 1px solid #eee;
  border-radius: 4px;
  resize: none;
}
.rejectReasonBoxWrap .cb__inner .commentMain .popupBttns {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 7px;
}
.rejectReasonBoxWrap .cb__inner .commentMain .popupBttns button {
  width: 100%;
  float: left;
  border: 0;
  background-color: #0E7BE0;
  font-size: 13px;
  color: #fff;
  padding: 9px 5px;
  border-radius: 23px;
  outline: none !important;
}
.rejectReasonBoxWrap .cb__inner .commentMain .popupBttns button.cancel {
  background-color: #D5E9FB;
  color: #075095;
}

.su__details__container {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  margin: 25px 0 0 0;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.09);
}
.su__details__container .su__details {
  width: 100%;
  margin: 0 0 0 0;
  padding: 30px 30px;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
  align-items: flex-start;
  gap: 26px;
}
.su__details__container .su__details .statusIcon {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  background-color: #18BA3C;
  float: left;
  border-radius: 100%;
  margin: 15px 0px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 99;
}
.su__details__container .su__details .statusIcon i {
  color: #fff;
  font-size: 12px;
}
.su__details__container .su__details .statusLine {
  width: 3px;
  height: 95px;
  background-color: #18BA3C;
  position: absolute;
  left: 38px;
  top: -47px;
}
.su__details__container .su__details:last-child {
  border: 0;
}
.su__details__container .su__details .statusDate {
  position: absolute;
  right: 38px;
  font-size: 11px;
  top: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.su__details__container .su__details picture {
  margin: 4px 0 0 0;
}
.su__details__container .su__details h4 {
  display: flex;
  flex-flow: column;
  color: #171717;
  margin: 0;
}
.su__details__container .su__details h4 small {
  color: #3a3a3a;
}
.su__details__container .su__details h4 small.status {
  width: 90px;
  background: #D5E9FB;
  margin: 7px 0 0 0;
  float: left;
  padding: 7px 0;
  text-align: center;
  border-radius: 6px;
  color: #075095;
}
.su__details__container .su__details h4 small b {
  font-weight: 500;
}
.su__details__container .su__details h4 p.comment {
  width: 59%;
  float: left;
  margin: 11px 0 0 0;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.su__details__container .su__details.tour-approved-details {
  position: relative;
}
.su__details__container .su__details.tour-approved-details .statusLine {
  background-image: linear-gradient(#18BA3C, #0E7BE0);
}
.su__details__container .su__details.tour-approved-details .statusIcon {
  background-color: #0E7BE0;
  transform: scale(0.8);
}
.su__details__container .su__details.tour-approved-details h4 {
  color: #171717;
}
.su__details__container .su__details.tour-approved-details h4 small {
  color: #0E7425;
}
.su__details__container .su__details.tour-approved-details h4 small.status {
  width: 80px;
  background: #BCF0C8;
  margin: 7px 0 0 0;
  float: left;
  padding: 7px 0;
  text-align: center;
  border-radius: 6px;
}
.su__details__container .su__details.tour-approved-details picture {
  border: 1px solid #18BA3C;
}
.su__details__container .su__details.tour-rejected-details {
  position: relative;
}
.su__details__container .su__details.tour-rejected-details .statusLine {
  background-image: linear-gradient(#18BA3C, #ff3f6f);
}
.su__details__container .su__details.tour-rejected-details .statusIcon {
  background-color: #ff3f6f;
  transform: scale(0.8);
}
.su__details__container .su__details.tour-rejected-details h4 {
  color: #171717;
}
.su__details__container .su__details.tour-rejected-details h4 small {
  color: #FF007A;
}
.su__details__container .su__details.tour-rejected-details h4 small.status {
  width: 80px;
  background: #F8DBE9;
  margin: 7px 0 0 0;
  float: left;
  padding: 7px 0;
  text-align: center;
  border-radius: 6px;
}
.su__details__container .su__details.tour-rejected-details picture {
  border: 1px solid #FF007A;
}

.iframePopupWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 999;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
}
.iframePopupWrap .iframePopMain {
  width: 750px;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.iframePopupWrap .iframePopMain iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.iframePopupWrap .iframePopMain .closeIconFrame {
  position: absolute;
  background: #f00;
  color: #fff;
  padding: 11px 13px;
  right: 0;
  top: 0;
  font-size: 26px;
  cursor: pointer;
}

/*****************************************  drop box style  ************************************/
.file_container {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.file_container .container-uploder {
  width: 100%;
  float: left;
  position: relative;
}
.file_container .container-uploder h3 {
  padding: 0;
  border: 0;
}
.file_container .container-uploder .tag-updoder {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
  color: #FF007A;
}
.file_container .container-uploder .removeFile {
  position: absolute;
  top: 81px;
  right: 8px;
  background: #0facf0;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.file_container .container-uploder .drop_box {
  width: 100%;
  float: left;
  cursor: pointer;
  background-color: #D5E9FB;
  text-align: center;
  text-align: center;
  padding: 25px 0;
  border: 2px dashed #0E7BE0;
  margin: 20px 0 0 0;
}
.file_container .container-uploder .drop_box .drop-zone__input {
  display: none;
}
.file_container .container-uploder .drop_box .contentdrop_box {
  width: 100%;
  float: left;
}
.file_container .container-uploder .drop_box .contentdrop_box h4 {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  font-size: 17px;
  font-weight: 400;
}

.downloadOrlinkBttn {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 23px;
  border-radius: 20px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.downloadOrlinkBttn:hover {
  background-color: #18BA3C;
  color: #fff;
}

.orderPanelDetailsWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
  display: none;
}
.orderPanelDetailsWrap .opDetailsBox {
  width: 1000px;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
}
.orderPanelDetailsWrap .opDetailsBox .closeDetails {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f00;
  right: 0;
  border-radius: 0px 10px 0px 12px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  border-radius: 11px;
  padding: 25px 20px;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  gap: 15px;
  align-items: center;
  position: relative;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .upload-photo-Container {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  border-radius: 100%;
  background-color: #fff;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .upload-photo-Container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .upload-photo-Container img.lead-checkin-noimage {
  transform: scale(0.5);
  -o-object-fit: contain;
     object-fit: contain;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer {
  width: 100%;
  float: left;
  padding: 0 0px 0 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer.downText {
  padding: 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top {
  width: 100%;
  float: left;
  display: flex;
  gap: 15px;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top span {
  float: left;
  display: flex;
  gap: 5px;
  font-size: 12px;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top span i {
  float: left;
  margin: 3px 0 0 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-bottom {
  width: 100%;
  float: left;
  margin: 8px 0 0 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-bottom span {
  float: left;
  display: flex;
  gap: 5px;
  font-size: 12px;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-bottom span i {
  float: left;
  margin: 3px 0 0 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .btn-expand-more {
  position: absolute;
  width: 85px;
  right: 0;
  text-align: center;
  background-color: #18BA3C;
  text-transform: capitalize;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .btn-expand-more a {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  float: left;
  justify-content: center;
  text-decoration: none !important;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content h4 {
  width: 100%;
  float: left;
  margin: 0 0 13px 0;
  padding: 8px 14px;
  font-size: 14px;
  background: #b2c5d6;
  color: #000;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .ctWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 11px;
       column-gap: 11px;
  row-gap: 8px;
  margin: 0px 0 0px 0;
  border-bottom: 1px solid #b2c5d6;
  padding: 0 0 30px 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .ctWrap span {
  font-size: 12px;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .ctWrap span b {
  font-weight: 500;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .expand-ld-btns {
  width: 100%;
  float: left;
  padding: 9px 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .expand-ld-btns .dtlsbtn {
  float: left;
  font-size: 13px;
  color: #084884 !important;
  text-decoration: none !important;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .field-leads-container {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  gap: 15px;
  align-items: center;
  position: relative;
  margin: 0 0 12px 0;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .field-leads-container .upload-photo-Container {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  float: left;
  overflow: hidden;
  border-radius: 100%;
  background-color: #fff;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .field-leads-container .upload-photo-Container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.orderPanelDetailsWrap .opDetailsBox .leads-detils-content .expand-lds-div .field-leads-container .upload-photo-Container img.lead-checkin-noimage {
  transform: scale(0.5);
  -o-object-fit: contain;
     object-fit: contain;
}

.download_icon.slim-btn {
  width: 35px;
  height: 35px;
  background: #ffffff;
  position: fixed;
  top: 59px;
  z-index: 9999;
  font-size: 14px;
  padding: 0;
  border-radius: 100%;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expand_icon.slim-btn {
  width: 35px;
  height: 35px;
  background: #ffffff;
  position: fixed;
  top: 103px;
  z-index: 9999;
  font-size: 14px;
  padding: 0;
  border-radius: 100%;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-button-container {
  z-index: 9999;
}

.custom-button-container a.delete_checkin {
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  background: #ffeaea;
  position: fixed;
  bottom: 62px;
  z-index: 9999;
  font-size: 14px;
  padding: 0;
  border-radius: 100%;
  right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-button-container a.left-button-link {
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  background: #4cc4ff;
  position: fixed;
  bottom: 14px;
  z-index: 9999;
  padding: 0;
  border-radius: 100%;
  right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-button-container a.left-button-link i {
  color: #fff !important;
  font-size: 16px !important;
}

.checkInImagePop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
  display: none;
}
.checkInImagePop picture {
  max-width: 500px !important;
  width: unset !important;
  height: unset !important;
  max-height: 97% !important;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 0 !important;
  transform: translate(-50%, -50%);
  background-color: transparent !important;
  background-image: none !important;
  text-align: center;
}
.checkInImagePop picture .closeImagePop {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  width: 50px;
  height: 50px;
  background: #FF007A;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #fff;
  cursor: pointer;
}
.checkInImagePop picture img {
  max-width: 100%;
  max-height: 100%;
  width: unset !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: center;
     object-position: center;
  border-radius: 0 !important;
}
.checkInImagePop picture .popDownloadPhoto {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #0E7BE0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  top: 50px;
  right: 0;
  text-decoration: none !important;
}

.custom-body {
  padding: 15px 51px 0 15px !important;
  min-height: 100px !important;
}

.reportLIstingWrap {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
  position: relative;
  /************************************************  notification (29-07-2024)  *****************************************/
}
.reportLIstingWrap .reportBox {
  width: 100%;
  float: left;
  margin: 0 0 14px 0;
  background: #FFFFFF;
  border: 1px solid #E0E8EF;
  border-radius: 16px;
  padding: 0px 0;
}
.reportLIstingWrap .reportBox .rbTop {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  flex-flow: row wrap;
  gap: 15px;
}
.reportLIstingWrap .reportBox .rbTop .leftPart {
  width: auto;
  float: left;
  display: flex;
  gap: 55px;
  align-items: flex-start;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 260px;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage picture {
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  border-radius: 100%;
  background-color: #D5E9FB;
  background-image: url("../company_images/userPlaceholder.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage h4 {
  float: left;
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #000;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage h4 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  color: #075095;
  margin: 0px 0 0 0;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage h4 .editBtn {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  max-width: 71px;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 13px;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none !important;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails {
  float: left;
  position: relative;
  width: 115px;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails h4 {
  float: left;
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin: 0 0 0 0;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #000;
  word-break: break-word;
}
.reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails h4 small {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #5f5f5f;
  margin: 0px 0 0 0;
  line-height: 130%;
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.reportLIstingWrap .reportBox .rbTop .rightPart {
  float: left;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .expandDetails {
  float: left;
  background-color: #0E7BE0;
  border: 1px solid #0E7BE0;
  color: #fff;
  padding: 11px 22px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .expandDetails:hover {
  background-color: #fff;
  color: #075095;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns {
  float: left;
  background-color: #D5E9FB;
  color: #075095;
  font-size: 13px;
  font-weight: 500;
  padding: 11px 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 21px;
  text-decoration: none;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns.approve {
  background-color: #BCF0C8;
  color: #0E7425;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns.reject {
  background-color: #F8DBE9;
  color: #FF007A;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns.approved {
  background: #eee;
  color: #a4a4a4;
  cursor: default;
  pointer-events: none;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns.paid {
  background: #eee;
  color: #a4a4a4;
  cursor: default;
  pointer-events: none;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns.rejected {
  background: #eee;
  color: #a4a4a4;
  cursor: default;
  pointer-events: none;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .erningsBtn {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 21px;
  text-decoration: none;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .deductionsBtn {
  float: left;
  background-color: #F8DBE9;
  color: #FF007A;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 21px;
  text-decoration: none;
}
.reportLIstingWrap .reportBox .rbTop .rightPart .infobttn {
  float: left;
  background-color: #FFE2B7;
  color: #BB7101;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 21px;
  text-decoration: none;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop {
  position: relative;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart {
  align-items: flex-start;
  gap: 30px;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .counterNo {
  max-width: 30px;
  min-width: 30px;
  width: auto;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .counterNo h4 {
  width: 30px;
  height: 30px;
  background-color: #D5E9FB;
  color: #075095;
  float: left;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .reasonDetails {
  max-width: 140px;
  word-break: break-all;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .reasonDetails.amountDetails {
  max-width: 250px;
  min-width: 250px;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .reasonDetails.amountDetails h4 {
  width: 100%;
  float: left;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .reasonDetails.amountDetails .amountsContainer {
  width: 100%;
  float: left;
  margin: 7px 0 0 0;
  font-family: "Inter";
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .reasonDetails.amountDetails .amountsContainer .amountBox {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .leftPart .reasonDetails.amountDetails .amountsContainer .totalAmount {
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 500;
  margin: 4px 0 0 0;
  color: #18BA3C;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .rightPart .receptDetailsbtn {
  position: relative;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .rightPart .receptDetailsbtn a {
  float: left;
  background-color: #FFE2B7;
  color: #BB7101;
  font-size: 13px;
  padding: 13px 25px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 34px;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.reportLIstingWrap .reportBox.paymentHistory .rbTop .rightPart .receptDetailsbtn a:hover {
  background-color: #0E7BE0;
  color: #fff;
}
.reportLIstingWrap .reportBox .phoneStatus {
  width: 300px;
  height: auto;
  background-color: #fff;
  position: absolute;
  box-shadow: 0px 4px 14px rgba(14, 123, 224, 0.3);
  border-radius: 8px;
  left: 53px;
  top: 46px;
  overflow: hidden;
  display: none;
  z-index: 999;
}
.reportLIstingWrap .reportBox .phoneStatus .statusBttnWrap {
  width: 100%;
  float: left;
  display: flex;
}
.reportLIstingWrap .reportBox .phoneStatus .statusBttnWrap a {
  width: 100%;
  float: left;
  padding: 11px 16px;
  text-align: center;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  background: #e3f0fd;
  margin: 0 0 11px 0;
}
.reportLIstingWrap .reportBox .phoneStatus .statusBttnWrap a.active {
  background-color: #BCF0C8;
  color: #0E7425;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap {
  width: 100%;
  float: left;
  padding: 0;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox {
  width: 100%;
  float: left;
  display: none;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox h4 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #002688;
  margin: 9px 0;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox h4 i {
  float: left;
  color: #FF007A;
  cursor: pointer;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox .statusBox {
  width: 100%;
  float: left;
  padding: 0 16px;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #646464;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #EAF1F9;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box:last-child {
  border: 0;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box img {
  width: 18px;
  height: 19px;
  float: left;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.reportLIstingWrap .reportBox .phoneStatus .tabBoxWrap .checkTabBox:first-child {
  display: block;
}
.reportLIstingWrap .reportBox .rbBottom {
  width: 100%;
  float: left;
  padding: 20px 25px;
  border-top: 1px solid #E0E8EF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
  gap: 50px;
}
.reportLIstingWrap .reportBox .rbBottom p {
  float: left;
  margin: 0;
  float: left;
  min-width: 215px;
}
.reportLIstingWrap .reportBox .rbBottom .leftBottom {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 20px;
  float: left;
}
.reportLIstingWrap .reportBox .rbBottom .leftBottom p {
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #000;
  margin: 0 0px 0 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.reportLIstingWrap .reportBox .rbBottom .leftBottom p:last-child {
  margin: 0 0 0 0;
}
.reportLIstingWrap .reportBox .rbBottom .leftBottom p i {
  font-size: 15px;
  color: #0E7BE0;
}
.reportLIstingWrap .reportBox .rbBottom .leftBottom p i.fa-clock {
  color: #FF007A;
}
.reportLIstingWrap .reportBox .rbBottom .leftBottom p b {
  font-weight: 600;
}
.reportLIstingWrap .reportBox .rbBottom .buttons {
  float: left;
  display: flex;
  gap: 12px;
  flex-flow: row wrap;
  justify-content: center;
}
.reportLIstingWrap .reportBox .rbBottom .buttons .actionBttns {
  float: left;
  background-color: #D5E9FB;
  color: #075095;
  font-size: 13px;
  font-weight: 500;
  padding: 11px 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 21px;
  text-decoration: none;
}
.reportLIstingWrap .reportBox .rbBottom .buttons .actionBttns.approve {
  background-color: #BCF0C8;
  color: #0E7425;
}
.reportLIstingWrap .reportBox .rbBottom .buttons .actionBttns.reject {
  background-color: #F8DBE9;
  color: #FF007A;
}
.reportLIstingWrap .reportBox .expand_items_div {
  width: 100%;
  float: left;
  display: none;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report {
  width: 100%;
  float: left;
  border-top: 1px solid #d4d4d4;
  padding: 16px 25px;
  display: flex;
  flex-flow: row wrap;
  gap: 40px;
  background: #f7f7f7;
  border-radius: 0px 0px 17px 15px;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid {
  float: left;
  width: 25%;
  position: relative;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid.totalLeave {
  width: 10%;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid.details {
  width: 40%;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid.type {
  width: 12%;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid p {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #000;
}
.reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid h4 {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 400;
}
.reportLIstingWrap .reportBox.dueCollectionReport {
  position: relative;
}
.reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .detailsWithImage {
  width: 230px;
}
.reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .reasonDetails {
  max-width: 165px !important;
}
.reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .reasonDetails h4 {
  font-size: 13px;
}
.reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .reasonDetails h4 small {
  font-size: 13px;
}
.reportLIstingWrap .reportBox.dueCollectionReport .expand_items_div .row-field-report {
  row-gap: 17px;
}
.reportLIstingWrap .reportBox.dueCollectionReport .expand_items_div .row-field-report .field-content-grid {
  width: 21%;
  position: relative;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport {
  position: relative;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart {
  gap: 22px;
  align-items: flex-start;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .detailsWithImage {
  width: 235px;
  float: left;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .reportDateCont {
  width: 110px;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .reasonDetails h4 small {
  flex-flow: row;
  gap: 6px;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .reasonDetails h4 small i {
  margin: 2px 0 0 0;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rightPart .expandDetails {
  background-color: #D5E9FB;
  color: #0E7BE0;
  padding: 0 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .reasonDetails {
  float: left;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .reasonDetails.timeBox {
  float: left;
  position: relative;
  width: 110px;
}
.reportLIstingWrap .reportBox.outStandingReport .rbTop .leftPart {
  gap: 95px;
}
.reportLIstingWrap .reportBox.geoFence {
  float: left;
}
.reportLIstingWrap .reportBox.geoFence .breachUserName {
  width: 220px;
}
.reportLIstingWrap .reportBox.geoFence .breachDate {
  width: 120px;
}
.reportLIstingWrap .reportBox.expanceReport {
  width: 100%;
  float: left;
  overflow: visible;
}
.reportLIstingWrap .reportBox.expanceReport .rbTop .rightPart .infobttn {
  font-size: 13px;
  font-weight: 500;
  padding: 11px 22px;
}
.reportLIstingWrap .reportBox.expanceReport .detailsWithImage {
  min-width: 270px;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom {
  padding: 15px 25px;
  gap: 0;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox {
  width: 20%;
  float: left;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details {
  width: 60%;
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: 15px;
  padding: 0 25px 0 0;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details p {
  width: 100%;
  float: left;
  margin: 0;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop {
  float: left;
  position: relative;
  margin: 0px 0 0 0;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop .fa-info {
  min-width: 25px;
  float: left;
  height: 25px;
  max-width: 25px;
  background-color: #0E7BE0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 11px;
  cursor: pointer;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop .queryBox {
  position: absolute;
  width: 287px;
  background: #D5E9FB;
  bottom: 34px;
  left: -9px;
  font-size: 12px;
  padding: 12px 16px;
  transition: 0.3s ease-in-out;
  transform: scale(0);
  opacity: 0;
  transform-origin: bottom left;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop .queryBox p {
  width: 100%;
  float: left;
  margin: 3px 0;
  color: #075095;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop .queryBox p strong {
  font-weight: 600;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop .queryBox::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -4px;
  left: 15px;
  background-color: #d5e9fb;
  transform: rotate(45deg);
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.details .qbosDesktop:hover .queryBox {
  transform: scale(1);
  opacity: 10;
}
.reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox.expanceAmount {
  float: left;
  font-size: 17px;
  float: left;
  font-size: 17px;
  gap: 15px;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #0E7BE0;
}
.reportLIstingWrap .reportBox.outStandingReport .rbTop .leftPart .reasonDetails {
  width: 280px;
  max-width: 280px;
}
.reportLIstingWrap .totalExpenseContainer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  background-color: #FFE2B7;
  color: #BB7101;
  font-size: 16px;
  font-weight: 500;
  padding: 17px 29px;
  margin: 0 0 12px 0;
  border-radius: 13px;
}
.reportLIstingWrap .anaChartContainer {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
}
.reportLIstingWrap .anaChartContainer h4 {
  width: 100%;
  float: left;
  margin: 0 0 15px 0;
  color: #000;
}
.reportLIstingWrap .anaChartContainer .chartContainer {
  width: 100%;
  float: left;
}
.reportLIstingWrap .anaChartContainer .chart_pagination {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.reportLIstingWrap.advCheckinRepWrap {
  position: relative;
}
.reportLIstingWrap.advCheckinRepWrap .reportBox {
  position: relative;
}
.reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart {
  float: left;
  gap: 25px;
  align-items: flex-start;
}
.reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .detailsWithImage h4 {
  width: 115px;
  font-size: 12px;
  max-height: 37px;
  overflow: hidden;
}
.reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .reasonDetails {
  max-width: 200px;
}
.reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .reasonDetails.advUser {
  width: 140px;
}
.reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .reasonDetails.advDate {
  width: 100px;
}
.reportLIstingWrap .notificationBox {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fafcff;
  padding: 20px 30px;
  margin: 0 0 20px 0;
  box-shadow: -3px -8px 6px rgb(255, 255, 255), 5px 5px 7px rgba(0, 0, 0, 0.04);
  border-radius: 14px;
}
.reportLIstingWrap .notificationBox .contents {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap .checkBoxMain {
  float: left;
  position: relative;
  margin: 0;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap .checkBoxMain .checkHolder {
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  border: 1px solid #075095;
  float: left;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap .checkBoxMain .checkHolder i {
  font-size: 16px;
  display: none;
  color: #fff;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap .checkBoxMain input {
  display: none;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap .checkBoxMain input:checked ~ .checkHolder {
  background-color: #0E7BE0;
  border-color: #0E7BE0;
}
.reportLIstingWrap .notificationBox .contents .checkBoxWrap .checkBoxMain input:checked ~ .checkHolder i {
  display: block;
}
.reportLIstingWrap .notificationBox .contents a {
  float: left;
  color: #545454;
  font-family: "Poppins";
  margin: 0 0 0 10px;
  font-weight: 400;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
.reportLIstingWrap .notificationBox .contents a:hover {
  color: #0E7BE0;
}
.reportLIstingWrap .allNotificationsBoxes {
  width: 100%;
  float: left;
}
.reportLIstingWrap .allNotificationsBoxes .checkAll {
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 50px 15px 27px;
  margin: 0 0 28px 0;
  border-radius: 12px;
  background-color: #D5E9FB;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
}
.reportLIstingWrap .allNotificationsBoxes .checkAll .checkHolder {
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  border: 1px solid #075095;
  float: left;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.reportLIstingWrap .allNotificationsBoxes .checkAll .checkHolder i {
  font-size: 16px;
  display: none;
  color: #fff;
}
.reportLIstingWrap .allNotificationsBoxes .checkAll input {
  display: none;
}
.reportLIstingWrap .allNotificationsBoxes .checkAll input:checked ~ .checkHolder {
  background-color: #0E7BE0;
  border-color: #0E7BE0;
}
.reportLIstingWrap .allNotificationsBoxes .checkAll input:checked ~ .checkHolder i {
  display: block;
}
.reportLIstingWrap .notification_manager {
  position: fixed;
  left: calc(50% + 90px);
  bottom: 50px;
  z-index: 999;
}
.reportLIstingWrap .notification_manager a {
  float: left;
  background-color: #FF007A;
  color: #fff;
  font-size: 16px;
  padding: 13px 36px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  border-radius: 31px;
  text-decoration: none !important;
  box-shadow: 0px 5px 12px rgba(216, 30, 119, 0.38);
}

.drbBox {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
  display: flex;
  justify-content: center;
}
.drbBox a {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  text-decoration: none !important;
  padding: 12px 25px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: 0.3s ease-in-out;
}
.drbBox a:hover {
  background-color: #0E7425;
  color: #fff;
}

.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: none;
}
.loader .loaderContent {
  width: 320px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-align: center;
}
.loader .loaderContent img {
  width: 65px;
}
.loader .loaderContent p {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
}

.transectionBttn {
  float: left;
  background-color: #FFE2B7;
  color: #BB7101;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none !important;
  padding: 13px 23px;
  transition: 0.3s ease-in-out;
  margin: 0 0 0 0px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.transectionBttn:hover {
  background-color: #FFA800;
  color: #000;
}

.transectionPopWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: none;
}
.transectionPopWrap .transecPopBox {
  background-color: #fff;
  width: 850px;
  max-height: 500px;
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  padding: 45px 45px;
  background-color: #F5FAFF;
}
.transectionPopWrap .transecPopBox::-webkit-scrollbar {
  display: none;
}
.transectionPopWrap .transecPopBox .closeIcon {
  position: absolute;
  right: 28px;
  top: 25px;
  font-size: 23px;
  -webkit-text-stroke: 0.5px #fff;
  color: #f00;
  cursor: pointer;
}
.transectionPopWrap .transecPopBox h2 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
}
.transectionPopWrap .transecPopBox .transectionsListWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox {
  width: 100%;
  float: left;
  padding: 20px 20px;
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  margin: 7px 0;
  background-color: #fff;
  border-radius: 13px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.04);
  position: relative;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .tlContent {
  width: 23%;
  float: left;
  display: flex;
  flex-flow: row;
  gap: 12px;
  align-items: center;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .tlContent img {
  width: 22px;
  height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .tlContent h4 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 13px;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .tlContent h4 small {
  width: 100%;
  float: left;
  margin: 0 0 4px 0;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .tlContent.dueAmmount {
  width: 20%;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .expandArrow {
  position: absolute;
  right: 27px;
  top: 19px;
  width: 26px;
  height: 26px;
  background: #dfefff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  color: #81b5dc;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .expandDetailsPanel {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  padding: 15px 25px;
  margin: 18px 0 0 0;
  border-radius: 16px;
  display: none;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .expandDetailsPanel p {
  width: 100%;
  float: left;
  margin: 8px 0;
}
.transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .expandDetailsPanel p b {
  width: 20px;
  text-align: center;
  float: left;
  margin: 3px 8px 0 0;
}

.reportBox {
  position: relative;
}
.reportBox .detailedPopWrap {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  top: 0;
  left: 0;
  display: none;
}
.reportBox .detailedPopWrap.updateLog .detailedPOpInner {
  width: 505px;
}
.reportBox .detailedPopWrap .detailedPOpInner {
  width: 1000px;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 500px;
  overflow: auto;
  padding: 35px 35px;
}
.reportBox .detailedPopWrap .detailedPOpInner::-webkit-scrollbar {
  display: none;
}
.reportBox .detailedPopWrap .detailedPOpInner .closeDetailPop {
  background-color: #f00;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  border-radius: 0px 0px 0px 24px;
  cursor: pointer;
}
.reportBox .detailedPopWrap .detailedPOpInner .custm_tbl {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: auto;
}
.reportBox .detailedPopWrap .detailedPOpInner .custm_tbl::-webkit-scrollbar {
  display: none;
}
.reportBox .detailedPopWrap .detailedPOpInner .custm_tbl table {
  border-color: #e4e4e4;
}
.reportBox .detailedPopWrap .detailedPOpInner .custm_tbl table tr th, .reportBox .detailedPopWrap .detailedPOpInner .custm_tbl table tr td {
  color: #000;
  font-size: 12px;
  padding: 9px 12px;
}
.reportBox .detailedPopWrap .detailedPOpInner .custm_tbl table tr th {
  white-space: nowrap;
  font-weight: 600;
}

p.status {
  color: #000;
}
p.status b {
  font-weight: 600;
  color: #000 !important;
}
p.status.pending {
  color: #FFA800 !important;
  font-weight: 600 !important;
}
p.status.processing {
  color: #0E7BE0 !important;
  font-weight: 600 !important;
}
p.status.despatched {
  color: #18BA3C !important;
  font-weight: 600 !important;
}
p.status.complete {
  color: #0E7425 !important;
  font-weight: 600 !important;
}
p.status.paid {
  color: #075095 !important;
  font-weight: 600 !important;
}
p.status.cancelled {
  color: #FF007A !important;
  font-weight: 600 !important;
}

.pcInForm {
  margin: -22px 0 30px 0 !important;
}
.pcInForm .product_container {
  display: flex;
  justify-content: space-between;
  background-color: #e7f4ff;
  padding: 15px 28px;
  border-radius: 11px;
  margin: 6px 0;
  border: 0;
}
.pcInForm .product_container .productdtls {
  width: auto;
  float: left;
  justify-content: flex-start;
  gap: 30px;
  font-size: 12px;
  color: #5a768d;
}
.pcInForm .product_container .productdtls .product_name {
  gap: 54px;
  align-items: center;
}
.pcInForm .product_container .productdtls .product_name .product_name_text {
  padding: 10px 0;
}
.pcInForm .product_container .productdtls .product_name .product_name_text::after {
  right: -28px;
  top: 0;
}
.pcInForm .product_container .productdtls .product_name .attributes_text {
  position: relative;
  padding: 0px 0;
}
.pcInForm .product_container .productdtls .product_name .attributes_text::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #ccc;
  right: -28px;
  top: 0;
}
.pcInForm .product_container .close_icon {
  display: flex;
  gap: 12px;
}
.pcInForm .product_container .close_icon a {
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  float: left;
  background-color: #F8DBE9;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pcInForm .product_container .close_icon a.edit_product_link {
  background-color: #D5E9FB;
  color: #0E7BE0;
}

.show_product_container {
  margin: 7px 0 23px 0 !important;
}
.show_product_container h4 {
  color: #488d58 !important;
  font-size: 16px !important;
  background-color: #BCF0C8;
  padding: 12px 22px;
}
.show_product_container h4 .product_name_text {
  width: 100%;
  float: left;
}
.show_product_container h4 .attributes_text {
  word-spacing: 4px;
  margin: 8px 0 0 0;
  width: 100%;
  float: left;
}

.AddFieldContainer {
  width: 100%;
  float: left;
  background-color: #fff;
  margin: 15px 0 0 0;
  box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.05);
  padding: 25px 25px;
  border-radius: 12px;
}
.AddFieldContainer .textfieldContainer {
  width: 100%;
  float: left;
}
.AddFieldContainer .textfieldContainer h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-size: 18px;
  color: #000;
}
.AddFieldContainer .textfieldContainer h4 a {
  float: right;
  background-color: #BCF0C8;
  color: #0E7425;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 14px;
  margin: 0 0 -16px 0;
}
.AddFieldContainer .textfieldContainer .paySLipDataWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.AddFieldContainer .textfieldContainer .paySLipDataWrap .payslipData {
  float: left;
  font-size: 13px;
  background: #ecf4ff;
  padding: 8px 12px;
  border-radius: 5px;
  color: #33598d;
}

.nw__reportBox {
  width: 100%;
  float: left;
}
.nw__reportBox .nt__toggleinfos {
  width: 100%;
  float: left;
  padding: 15px 25px;
  border-bottom: 1px solid #ddd;
  display: none;
}
.nw__reportBox .nt__toggleinfos h2 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  font-size: 18px;
}
.nw__reportBox .nt__toggleinfos h2 .closeInfo {
  float: right;
  background-color: #FF007A;
  color: #fff;
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 15px;
  cursor: pointer;
}
.nw__reportBox .nt__toggleinfos .ntt__boxes {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 0;
  margin: 5px 0 0 0;
}
.nw__reportBox .nt__toggleinfos .ntt__boxes h4 {
  background-color: #eee;
  padding: 15px 20px;
  font-size: 15px;
}
.nw__reportBox .nt__toggleinfos .ntt__boxes h4 small {
  width: 100%;
  float: left;
  margin: 0 0 8px 0;
}
.nw__reportBox .nt__toggleinfos.erningsInfosBox {
  margin: 0;
}
.nw__reportBox .nt__toggleinfos.erningsInfosBox .ntt__boxes h4 {
  background-color: #BCF0C8;
  color: #0E7425;
}
.nw__reportBox .nt__toggleinfos.erningsInfosBox .ntt__boxes h4 small {
  color: #0E7425;
}
.nw__reportBox .nt__toggleinfos.deductionsInfosBox {
  margin: 0;
}
.nw__reportBox .nt__toggleinfos.deductionsInfosBox .ntt__boxes h4 {
  background-color: #F8DBE9;
  color: #FF007A;
}
.nw__reportBox .nt__toggleinfos.deductionsInfosBox .ntt__boxes h4 small {
  color: #FF007A;
}
.nw__reportBox .nt__toggleinfos.othersInfosBox {
  margin: 0;
}
.nw__reportBox .nt__toggleinfos.othersInfosBox .ntt__boxes h4 {
  background-color: #D5E9FB;
  color: #075095;
}
.nw__reportBox .nt__toggleinfos.othersInfosBox .ntt__boxes h4 small {
  color: #075095;
}

.editFormWrap form .mapWrap {
  width: 100%;
  float: left;
  height: 400px;
  margin: 14px 0 0 0;
  overflow: hidden;
  border-radius: 15px;
  position: relative;
}
.editFormWrap form .mapWrap #map_loader {
  width: 100%;
  height: 100%;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.all_employees {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  padding: 15px 28px;
  margin: 14px 0 16px 0;
  border-radius: 25px;
}
.all_employees .employeeRow {
  width: 100%;
  float: left;
  border-bottom: 1px solid #bad1e5;
  padding: 20px 20px;
  display: flex;
  justify-content: space-between;
}
.all_employees .employeeRow p {
  width: 100%;
  float: left;
  margin: 0 !important;
  color: #075095 !important;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.all_employees .employeeRow label {
  width: 100%;
  float: left;
  margin: 0 !important;
  color: #075095 !important;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.all_employees .employeeRow label .branch_managers, .all_employees .employeeRow label .branch_users {
  float: left;
  margin: 2px 0 0 0;
  width: 20px;
  height: 17px;
}
.all_employees .employeeRow:last-child {
  border: 0;
}
.all_employees .employeeRow .branchUserRow {
  width: 30%;
  float: left;
}
.all_employees .employeeRow .branchUserRow.closeBranchManager {
  width: 30px !important;
}
.all_employees .employeeRow .branchUserRow.closeBranchManager p {
  justify-content: flex-end;
}
.all_employees .employeeRow .branchUserRow.closeBranchManager p a i.closeIcon {
  width: 25px;
  height: 25px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 100%;
  font-size: 17px;
  color: #f00;
}

.tabBttns {
  width: 100%;
  float: left;
  display: flex;
  gap: 0px;
  margin: 25px 0 -2px 0;
  position: relative;
  z-index: 1;
}
.tabBttns .tabBtn {
  float: left;
  color: #869db5;
  text-decoration: none !important;
  padding: 13px 30px;
  border-bottom: 2px solid transparent;
  font-size: 15px;
  font-weight: 500;
}
.tabBttns .tabBtn.active {
  color: #0E7BE0;
  border-bottom: 2px solid #0E7BE0;
}

.tabBoxWrap {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 35px;
}
.tabBoxWrap .UsersCompleteBlock {
  margin: 0;
}
.tabBoxWrap .tabBox {
  width: 100%;
  float: left;
  display: none;
}
.tabBoxWrap .tabBox:first-child {
  display: block;
}
.tabBoxWrap .tabBox .usersHead h2 {
  font-size: 15px;
}

.topTd {
  width: 100%;
  display: flex;
  gap: 30px;
  border: 1px solid #808080;
  border-bottom: 0;
  align-items: center;
}
.topTd .textContent {
  width: 100%;
}

.previewPayslipContainer {
  width: 100%;
  float: left;
}

.textBox {
  width: 100%;
  float: left;
  margin: 20px 0;
}

.hide_for_info_fields {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.addRepeaterFieldContainer {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0 0 18px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
}

.repeterFieldWrap {
  width: 100%;
  float: left;
}
.repeterFieldWrap .fieldsBlock {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  padding: 22px 135px 22px 30px;
  margin: 12px 0;
  background: #f3f8fd;
  row-gap: 6px;
  -moz-column-gap: 11px;
       column-gap: 11px;
  border-radius: 13px;
  position: relative;
  align-items: center;
}
.repeterFieldWrap .fieldsBlock .repeaterFieldItem {
  display: flex;
  gap: 8px;
  background: #e3f0fd;
  padding: 8px 12px;
  float: left;
  font-size: 13px;
  color: #000;
  white-space: nowrap;
}
.repeterFieldWrap .fieldsBlock .repeaterFieldItem p {
  width: 100%;
  float: left;
  margin: 0;
  font-weight: 500;
}
.repeterFieldWrap .fieldsBlock .deleteFeld {
  position: absolute;
  right: 22px;
}
.repeterFieldWrap .fieldsBlock .deleteFeld a {
  float: left;
  background-color: #F8DBE9;
  color: #FF007A;
  padding: 10px 17px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.steps_container {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 45px 0;
}
.steps_container .step-group {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 75px;
  position: relative;
}
.steps_container .step-group::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #e0e9f2;
  top: 41px;
  left: 0;
}
.steps_container .step-group li {
  float: left;
  position: relative;
  z-index: 1;
}
.steps_container .step-group li a {
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.steps_container .step-group li a span {
  width: 80px;
  height: 80px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #c7d5e2;
}
.steps_container .step-group li a .text {
  width: 100%;
  float: left;
  text-align: center;
  margin: 10px 0 0 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  font-weight: 500;
  letter-spacing: 0px;
}
.steps_container .step-group li.completed-step a span {
  background-color: #18BA3C;
}
.steps_container .step-group li.current-step a span {
  background-color: #0E7BE0;
}

.accountStatusAlert {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  background-color: #F8DBE9;
  color: #FF007A;
  text-align: center;
  padding: 15px 23px;
  border-radius: 30px;
}
.accountStatusAlert span a {
  color: #1b91ff !important;
}

.live_track_inactive {
  width: 100%;
  float: left;
  position: relative;
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 350px;
}
.live_track_inactive img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.live_track_inactive .live_track_inactive_text {
  position: absolute;
  font-weight: 500;
  color: #000;
  background: #fff;
  font-size: 14px;
  padding: 9px 21px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
  border-radius: 21px;
}

.live_track_map_content {
  width: 100%;
  float: left;
  position: relative;
  margin: 20px 0 0 0;
  height: 350px;
}
.live_track_map_content .live_track_google_canvas {
  height: 100%;
}
.live_track_map_content .live_track_google_canvas iframe {
  height: 100%;
}
.live_track_map_content .mapLabelWrap {
  width: 70%;
  position: absolute;
  bottom: 23px;
  left: 15%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 17px 25px;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 12px;
  z-index: 99;
}
.live_track_map_content .mapLabelWrap h3 {
  width: 100%;
  float: left;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  margin: 0;
}
.live_track_map_content .mapLabelWrap p {
  width: 100%;
  float: left;
  margin: 4px 0 0 0;
  color: #ccc;
}
.live_track_map_content .mapLabelWrap p#mapLabelLastSpotted {
  color: #fff;
}
.live_track_map_content .mapLabelWrap i.closeIcon {
  position: absolute;
  right: 17px;
  color: #fff;
  z-index: 11;
  cursor: pointer;
}

.geofenceMap .mapFullscreen {
  display: none;
}

.pac-listing {
  width: 400px;
  position: absolute;
  top: 25px;
  display: flex;
  justify-content: center;
  z-index: 9;
  left: calc(50% - 200px);
}
.pac-listing .inpUsr {
  width: 100%;
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 15px 29px;
  color: #fff;
  outline: none !important;
  color: #000;
}
.pac-listing .bttn {
  background-color: #18BA3C;
  color: #fff;
  padding: 0 15px;
  border: 1px solid #ddd;
}

.reviewPopUpWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  top: 0;
  left: 0;
  position: fixed;
}
.reviewPopUpWrap .reviewPopInner {
  width: 700px;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 44px 35px 52px 35px;
  text-align: center;
  border-radius: 15px;
}
.reviewPopUpWrap .reviewPopInner .reviewOptions {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  row-gap: 7px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.reviewPopUpWrap .reviewPopInner .reviewOptions .revBox {
  width: 150px;
  height: 65px;
  float: left;
  border: 1px solid #ddd;
  padding: 11px 17px;
  border-radius: 10px;
}
.reviewPopUpWrap .reviewPopInner .reviewOptions .revBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.reviewPopUpWrap .reviewPopInner .reviewOptions .devider {
  width: 100%;
  float: left;
}
.reviewPopUpWrap .reviewPopInner .closeicon {
  position: absolute;
  right: 21px;
  top: 21;
  color: #adadad;
  font-size: 24px;
  cursor: pointer;
}
.reviewPopUpWrap .reviewPopInner h3 {
  width: 100%;
  float: left;
  font-family: "Poppins";
  margin: 0 0 30px 0;
  font-size: 23px;
  font-weight: 400;
}

.custom_forms_sample_images {
  width: 100%;
  float: left;
  margin: 30px 0;
  padding: 0 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.custom_forms_sample_images li {
  width: 250px;
  float: left;
}
.custom_forms_sample_images li a {
  width: 100%;
  float: left;
}
.custom_forms_sample_images li a img {
  width: 100%;
  float: left;
}

.gpsReportSummary {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  position: relative;
}
.gpsReportSummary .gpsSummaryItem {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
  font-weight: 600;
}
.gpsReportSummary .gpsSummaryItem .mdtBttn {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: #D5E9FB;
  color: #075095;
  border-radius: 100%;
  padding: 9px 10px;
  margin: 0 0 -6px 9px;
}
.gpsReportSummary .phoneStatus {
  width: 300px;
  height: auto;
  background-color: #fff;
  position: absolute;
  box-shadow: 0px 4px 14px rgba(14, 123, 224, 0.3);
  border-radius: 8px;
  left: 199px;
  top: 38px;
  overflow: hidden;
  display: none;
  z-index: 999;
}
.gpsReportSummary .phoneStatus .statusBttnWrap {
  width: 100%;
  float: left;
  display: flex;
}
.gpsReportSummary .phoneStatus .statusBttnWrap a {
  width: 100%;
  float: left;
  padding: 11px 16px;
  text-align: center;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  background: #e3f0fd;
  margin: 0 0 11px 0;
}
.gpsReportSummary .phoneStatus .statusBttnWrap a.active {
  background-color: #BCF0C8;
  color: #0E7425;
}
.gpsReportSummary .phoneStatus .tabBoxWrap {
  width: 100%;
  float: left;
  padding: 0;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox {
  width: 100%;
  float: left;
  display: none;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox h4 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #002688;
  margin: 9px 0;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox h4 i {
  float: left;
  color: #FF007A;
  cursor: pointer;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox .statusBox {
  width: 100%;
  float: left;
  padding: 0 16px;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #646464;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #EAF1F9;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box:last-child {
  border: 0;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box img {
  width: 18px;
  height: 19px;
  float: left;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.gpsReportSummary .phoneStatus .tabBoxWrap .checkTabBox:first-child {
  display: block;
}

.gpsReportDisclaimer {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  line-height: 27px;
}

.rawDataBttn {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  padding: 11px 26px;
  font-weight: 600;
  border-radius: 22px;
  text-decoration: none !important;
  margin: 8px 0 0 0;
  transition: 0.3s ease-in-out;
}
.rawDataBttn:hover {
  background-color: #18BA3C;
  color: #fff;
}

.distanceHeader {
  width: 100%;
  float: left;
  margin: 20px 0 -13px;
}

.crdSectionMapWrap #map_loader {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
}

.deleteAccount {
  width: 100%;
  float: left;
  text-align: center;
  background-color: #D5E9FB;
  color: #075095;
  padding: 16px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 9px;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
.deleteAccount:hover {
  background-color: #0E7BE0;
  color: #D5E9FB;
}

.tableScrollWrap {
  width: 100%;
  float: left;
  overflow: auto;
  margin: 25px 0 0 0;
}
.tableScrollWrap::-webkit-scrollbar {
  display: none;
}
.tableScrollWrap .paymentTable {
  width: 100%;
  float: left;
  font-size: 13px;
  background-color: #fff;
}

.dashboardCongPopWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}
.dashboardCongPopWrap .dashboardCongPopMain {
  width: 750px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 35px 35px 70px;
}
.dashboardCongPopWrap .dashboardCongPopMain h4 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 22px;
  margin: 10px 0 0 0;
  color: #0E7BE0;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer {
  width: 100%;
  float: left;
  display: flex;
  gap: 45px;
  margin: 45px 0 0 0;
  align-items: center;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer picture {
  min-width: 55%;
  max-width: 55%;
  float: left;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer picture img {
  width: 100%;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article {
  width: 100%;
  float: left;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article p {
  width: 100%;
  float: left;
  margin: 0 0;
  font-size: 13px;
  color: #686868;
  line-height: 22px;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article .bttnsWrap {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article .bttnsWrap a {
  float: left;
  background-color: #D5E9FB;
  color: #075095;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 5px;
  margin: 0 9px 0 0px;
  font-weight: 500;
  text-decoration: none !important;
}
.dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article .bttnsWrap a.congratsCompanyConfirmButton {
  background-color: #BCF0C8;
  color: #0E7425;
}

.billInvoiceWrapper {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 35px;
  border-radius: 15px;
  border: 1px solid #ddd;
}
.billInvoiceWrapper .invoiceTopContent {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #e0e0e0;
  padding: 0 0 13px 0;
  margin: 0 0 20px 0;
}
.billInvoiceWrapper .invoiceTopContent .logo {
  float: left;
}
.billInvoiceWrapper .invoiceTopContent .billInfo {
  float: left;
  display: flex;
  flex-flow: column;
}
.billInvoiceWrapper .invoiceTopContent .billInfo p {
  float: left;
  margin: 2px 0;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.billInvoiceWrapper .invoiceMiddleContent {
  width: 100%;
  float: left;
  margin: 0 0 15px 0;
}
.billInvoiceWrapper .invoiceMiddleContent h4 {
  width: 100%;
  float: left;
  margin: 0 0;
}
.billInvoiceWrapper .invoiceMiddleContent p {
  width: 100%;
  float: left;
  margin: 6px 0 0 0;
  color: #9b9b9b;
}
.billInvoiceWrapper .invoiceTablecontent {
  width: 100%;
  float: left;
}
.billInvoiceWrapper .invoiceTablecontent .invoiceTable {
  font-size: 13px;
  border: 1px solid #000;
}
.billInvoiceWrapper .invoiceTablecontent .invoiceTable thead tr th, .billInvoiceWrapper .invoiceTablecontent .invoiceTable tbody tr td {
  border: 1px solid #000;
  padding: 15px 23px;
  font-weight: 500;
}
.billInvoiceWrapper .invoiceTablecontent .invoiceTable thead tr th .price__mb__container, .billInvoiceWrapper .invoiceTablecontent .invoiceTable tbody tr td .price__mb__container {
  width: 100%;
  float: left;
}
.billInvoiceWrapper .invoiceBottomContent {
  width: 100%;
  float: left;
  position: relative;
  margin: 0px 0 0 0;
}
.billInvoiceWrapper .invoiceBottomContent p {
  width: 100%;
  float: left;
  margin: 5px 0 0 0;
}
.billInvoiceWrapper .invoiceBottomContent p img {
  width: 100px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.setPermission {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  padding: 35px;
}
.setPermission h4 {
  width: 100%;
  float: left;
  margin: 0;
  color: #000;
}
.setPermission .inpWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ededed;
  padding: 0 0 16px 0;
}
.setPermission .inpWrap .radioBttnswrap {
  max-width: 340px;
  min-width: 340px;
}
.setPermission .inpWrap .radioBttnswrap label.radioBttn {
  font-size: 12px;
  width: 110px;
  font-weight: 500;
  color: #000;
}
.setPermission .inpWrap.headBox {
  justify-content: flex-end;
}
.setPermission .inpWrap .permissionName {
  float: left;
  position: relative;
}
.setPermission .inpWrap .permissionName .iconTooltip {
  float: right;
  position: relative;
  margin: 3px 0 0 6px;
  cursor: pointer;
}
.setPermission .inpWrap .permissionName .iconTooltip .toolTipStyle {
  position: absolute;
  width: 350px;
  background: #D5E9FB;
  color: #075095;
  padding: 9px 15px;
  bottom: 26px;
  font-size: 13px;
  left: -13px;
  line-height: 23px;
  transition: 0.3s ease-in-out;
  transform-origin: bottom left;
  transform: scale(0);
  opacity: 0;
}
.setPermission .inpWrap .permissionName .iconTooltip .toolTipStyle::after {
  width: 13px;
  height: 13px;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 13px;
  background-color: #d5e9fb;
  transform: rotate(45deg);
}
.setPermission .inpWrap .permissionName .iconTooltip:hover .toolTipStyle {
  transform: scale(1);
  opacity: 1;
}

.tableLeadsResponsive {
  width: 100%;
  float: left;
  overflow: auto;
  margin: 25px 0 0 0;
  box-shadow: 2px 0px 17px rgba(38, 118, 207, 0.09);
}
.tableLeadsResponsive .tableLeadsReport {
  position: relative;
  background-color: #fff;
  font-size: 13px;
  margin: 0;
}
.tableLeadsResponsive .tableLeadsReport tr th {
  white-space: nowrap;
  min-width: 247px;
  padding: 15px 20px;
  font-weight: 600;
  border-top: 0;
}
.tableLeadsResponsive .tableLeadsReport tr td {
  word-break: break-all;
  padding: 15px 20px;
  border: 0;
}
.tableLeadsResponsive .table-striped tbody tr:nth-of-type(odd) {
  background-color: #e3f0fd;
}

.toolTipWrap {
  width: 100%;
  float: left;
  position: relative;
}
.toolTipWrap .mobileToolWrap {
  float: left;
  width: auto;
  margin: 3px 0 5px 0;
  display: flex;
  flex-flow: row;
  gap: 8px;
  position: relative;
  z-index: 99;
}
.toolTipWrap .mobileToolWrap .iconTooltip {
  float: right;
  position: relative;
  margin: 3px 0 0 0px;
  cursor: pointer;
}
.toolTipWrap .mobileToolWrap .iconTooltip .toolTipStyle {
  position: absolute;
  width: 250px;
  background: #D5E9FB;
  color: #075095;
  padding: 9px 15px;
  bottom: 26px;
  font-size: 13px;
  left: -13px;
  line-height: 23px;
  transition: 0.3s ease-in-out;
  transform-origin: bottom left;
  transform: scale(0);
  opacity: 0;
}
.toolTipWrap .mobileToolWrap .iconTooltip .toolTipStyle::after {
  width: 13px;
  height: 13px;
  content: "";
  position: absolute;
  bottom: -5px;
  left: 13px;
  background-color: #d5e9fb;
  transform: rotate(45deg);
}
.toolTipWrap .mobileToolWrap .iconTooltip:hover .toolTipStyle {
  transform: scale(1);
  opacity: 1;
}

.consolidatedMapWrap {
  width: 100%;
  float: left;
  display: flex;
  overflow: hidden;
  margin: 20px 0;
  border-radius: 16px;
  border: 1px solid #0E7BE0;
}
.consolidatedMapWrap .consolidatedMap {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  height: 500px;
}
.consolidatedMapWrap .consolidatedMap #map_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.consolidatedMapWrap .consolidateditemsWrap {
  min-width: 37%;
  max-width: 37%;
  float: left;
  background-color: #fff;
  height: 500px;
  overflow: auto;
  transition: all 0.4s ease-in-out;
}
.consolidatedMapWrap .consolidateditemsWrap::-webkit-scrollbar {
  display: none;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner {
  width: 100%;
  float: left;
  padding: 10px 15px;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox {
  width: 100%;
  float: left;
  margin: 13px 0 0 0;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head {
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.09);
  border-radius: 15px;
  padding: 8px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  overflow: hidden;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .userContent {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .userContent picture {
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  float: left;
  border-radius: 100%;
  border: 3px solid #ddd;
  overflow: hidden;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .userContent picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .userContent h4 {
  float: left;
  margin: 0;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  width: 230px;
  transition: 0.3s ease-in-out;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .flipBtnIcon {
  float: left;
  min-width: 31px;
  max-width: 31px;
  height: 31px;
  border-radius: 100%;
  background-color: #BCF0C8;
  color: #0E7425;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .flipBtnIcon.rotate {
  transform: rotate(180deg);
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  margin: 14px 0 0 0;
  border-radius: 15px;
  padding: 15px 18px;
  display: none;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .togglePanelInner {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info {
  width: 47%;
  float: left;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info .consolidated_emp_info_item {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  margin: 6px 0;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info .consolidated_emp_info_item small {
  width: auto !important;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info .consolidated_emp_info_item small img {
  width: 15px !important;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 7px 0 0;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info .consolidated_emp_info_item span {
  float: left;
  font-size: 11px;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info .consolidated_emp_info_item span small {
  float: right;
  margin: 1px 0 0 5px;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_info .consolidated_emp_info_item span small img {
  width: 13px !important;
  height: 13px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 0;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_bottom {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 15px 0 0 0;
}
.consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .consolidated_emp_bottom a {
  width: 50%;
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  text-align: center;
  padding: 12px 42px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  letter-spacing: 2px;
  border-radius: 6px;
  text-decoration: none;
}
.consolidatedMapWrap .consolidateditemsWrap.shrink {
  min-width: 114px;
  max-width: 114px;
}
.consolidatedMapWrap .consolidateditemsWrap.shrink .itemsinner .itemsBox .consolidated_emp_head .flipBtnIcon {
  opacity: 0;
}
.consolidatedMapWrap .consolidateditemsWrap.shrink .itemsinner .itemsBox .consolidated_emp_head .userContent h4 {
  opacity: 0;
}

.timelinePopWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: none;
}
.timelinePopWrap .popContent {
  width: 480px;
  max-height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
  background-color: #fff;
  padding: 55px 35px;
  overflow: hidden;
  border-radius: 20px;
  overflow: auto;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.timelinePopWrap .popContent::-webkit-scrollbar {
  display: none;
}
.timelinePopWrap .popContent.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.timelinePopWrap .popContent .closeIocn {
  position: absolute;
  top: 19px;
  right: 28px;
  font-size: 27px;
  -webkit-text-stroke: 1px #fff;
  color: #ff8989;
  cursor: pointer;
}
.timelinePopWrap .popContent .activityListWrap {
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.timelinePopWrap .popContent .activityListWrap::after {
  content: "";
  height: 100%;
  background-color: #d5ebff;
  position: absolute;
  top: 0;
  left: 20px;
  width: 1px;
}
.timelinePopWrap .popContent .activityListWrap .activities_row {
  width: 100%;
  float: left;
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.timelinePopWrap .popContent .activityListWrap .activities_row .eventIcon {
  min-width: 40px;
  max-height: 40px;
  height: 40px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid #0E7BE0;
  background-color: #fff;
}
.timelinePopWrap .popContent .activityListWrap .activities_row .eventIcon img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.timelinePopWrap .popContent .activityListWrap .activities_row .eventText {
  width: 100%;
  float: left;
  font-size: 16px;
  margin: 0;
}
.timelinePopWrap .popContent .activityListWrap .activities_row .eventText small {
  width: 100%;
  float: left;
  margin: 5px 0 0 0;
}

.reportBoxWrapComplete {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
}
.reportBoxWrapComplete .rBox {
  float: left;
  background: #E3F0FD;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.reportBoxWrapComplete .rBox p {
  float: left;
  margin: 0 0;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  gap: 8px;
  color: #075095;
}
.reportBoxWrapComplete .formRepRepeaterCont {
  width: 100%;
  float: left;
  margin: 20px 0;
  padding: 20px 0px;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.reportBoxWrapComplete .formRepRepeaterCont h4 {
  width: 100%;
  float: left;
  margin: 0 0 0px 0;
  color: #000;
}
.reportBoxWrapComplete .formRepRepeaterCont .reportBoxWrapFull {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  margin: 25px 0 0 0;
}
.reportBoxWrapComplete .formRepRepeaterCont .reportBoxWrapFull .reportBoxInn {
  float: left;
  background: #BCF0C8;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.reportBoxWrapComplete .formRepRepeaterCont .reportBoxWrapFull .reportBoxInn p {
  float: left;
  margin: 0 0;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  gap: 8px;
  color: #0E7425;
}

.maps {
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}
.maps .mapContain {
  width: 550px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  overflow: hidden;
}
.maps .mapContain i.fa-times {
  position: absolute;
  color: #fff;
  background-color: #FF007A;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  right: 0;
  top: 0;
  z-index: 99;
}
.maps .mapContain .map_canvas {
  width: 100%;
  float: left;
  position: relative;
  height: 450px;
}
.maps .mapContain .map_canvas iframe {
  width: 100%;
  height: 100%;
}

.mapTriggerIcon {
  color: #0E7BE0;
  margin: 0 3px 0 2px;
  text-decoration: none !important;
}

.mdtBttn {
  color: #FF007A;
  margin: 0 3px 0 2px;
  text-decoration: none !important;
}

.summaryReportAnalysis {
  width: 100%;
  float: left;
  margin: 0 0 40px 0;
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
}
.summaryReportAnalysis h4 {
  width: 100%;
  float: left;
  color: #000;
  margin: 0 0 0px 0;
}
.summaryReportAnalysis .reportAnalysisData {
  width: 320px;
  float: left;
  background-color: #D5E9FB;
  padding: 15px 22px;
  font-size: 13px;
  border-radius: 8px;
}
.summaryReportAnalysis .reportAnalysisData b {
  font-weight: 600;
  margin: 0 7px 0 0;
}

.packagesContainer {
  width: 100%;
  float: left;
  margin: 35px 0 0 0;
}
.packagesContainer .packages_top {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  gap: 80px;
}
.packagesContainer .packages_top .current_package {
  min-width: 400px;
  max-width: 400px;
  float: left;
  background-color: #fff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 4px 5px 21px rgba(23, 107, 255, 0.13);
  position: relative;
}
.packagesContainer .packages_top .current_package::after {
  content: "";
  position: absolute;
  height: 146px;
  width: 129.52px;
  background-image: url(../company_images/currentPackTag.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  right: -11px;
  top: -8px;
}
.packagesContainer .packages_top .current_package.new_package::after {
  display: none !important;
}
.packagesContainer .packages_top .current_package h3 {
  width: 100%;
  float: left;
}
.packagesContainer .packages_top .current_package h3 .tag {
  background-color: #18BA3C;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 6px 13px;
  border-radius: 22px;
}
.packagesContainer .packages_top .current_package .lp-price-card__price {
  width: 100%;
  float: left;
  margin: 0px 0 0 0;
  font-weight: 500;
  font-size: 25px;
  color: #000;
}
.packagesContainer .packages_top .current_package .lp-price-card__price .lp-price-card__price-ammount {
  font-size: 80px;
  font-family: "Inter";
  color: #0E7BE0;
}
.packagesContainer .packages_top .current_package .lp-price-card__price .lp-price-card__price-ammount b {
  font-weight: 300;
}
.packagesContainer .packages_top .current_package .renewBtnWrap {
  width: 100%;
  float: left;
  margin: -5px 0 12px 0;
}
.packagesContainer .packages_top .current_package .renewBtnWrap .renewBtn {
  float: left;
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 500;
  font-size: 15px;
  color: #FF007A;
  background-color: #F8DBE9;
  padding: 11px 25px 10px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
}
.packagesContainer .packages_top .current_package .renewBtnWrap .renewBtn:hover {
  text-decoration: none;
  color: #BB7101;
  background-color: #FFE2B7;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot {
  width: 100%;
  float: left;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .buttonsWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  margin: 12px 0 0 0;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .buttonsWrap .lp-button {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  padding: 11px 22px;
  font-size: 13px;
  border-radius: 23px;
  box-shadow: 0px 2px 6px rgba(23, 107, 255, 0.18);
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .buttonsWrap .lp-button:nth-child(2) {
  background: #FFA800;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .buttonsWrap .lp-button:nth-child(3) {
  background: #FF007A;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .buttonsWrap .lp-button:hover {
  background-color: #fff;
  color: #0E7BE0;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .infotext {
  width: 100%;
  float: left;
  margin: 10px 0;
  padding: 0 0;
  list-style: none;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .infotext li {
  width: 100%;
  float: left;
  padding: 12px 9px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .infotext li:last-child {
  border: 0;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .infotext li i {
  color: #18BA3C;
}
.packagesContainer .packages_top .current_package .lp-price-card__bot .userBilled {
  width: 100%;
  float: left;
  margin: 19px 0 9px 0;
  color: #000;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.6px;
}
.packagesContainer .packages_top .package_description {
  width: 100%;
  float: left;
  border: 1px solid #0E7BE0;
  padding: 45px 55px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 16px;
}
.packagesContainer .packages_top.confirmTop {
  justify-content: center;
}

.change_package {
  width: 100%;
  float: left;
  margin: 50px 0 0 0;
}
.change_package h2 {
  width: 100%;
  float: left;
  margin: 0;
  text-align: center;
  color: #000;
}
.change_package .allPackages {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
}
.change_package .allPackages .tabLintWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  padding: 0 0;
}
.change_package .allPackages .tabLintWrap .tab-links {
  float: left;
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 8px;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 2px 12px rgba(23, 107, 255, 0.12);
  gap: 8px;
}
.change_package .allPackages .tabLintWrap .tab-links li {
  float: left;
  margin: 0;
}
.change_package .allPackages .tabLintWrap .tab-links li a {
  float: left;
  padding: 13px 30px;
  border-radius: 50px;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
}
.change_package .allPackages .tabLintWrap .tab-links li a:hover {
  background-color: #D5E9FB;
}
.change_package .allPackages .tabLintWrap .tab-links li.active a {
  background-color: #0E7BE0;
  color: #fff;
}
.change_package .allPackages .tab-content {
  width: 100%;
  float: left;
}
.change_package .allPackages .tab-content .tab {
  width: 100%;
  float: left;
}
.change_package .allPackages .tab-content .tab .tabBoxInner {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 55px 0 0 0;
  flex-flow: row wrap;
  gap: 25px;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards {
  min-width: 320px;
  max-width: 320px;
  float: left;
  background-color: #fff;
  padding: 32px 0 0 0;
  border-radius: 16px;
  position: relative;
  box-shadow: 0px 2px 12px rgba(23, 107, 255, 0.12);
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards.most_popular::after {
  content: "";
  position: absolute;
  height: 146px;
  width: 129.52px;
  background-image: url(../company_images/mostPopular.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  right: -12px;
  top: -8px;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards h3 {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0 0;
  display: flex;
  justify-content: center;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards h3 .tag {
  background-color: #18BA3C;
  font-size: 15px;
  color: #fff;
  padding: 7px 12px 5px;
  border-radius: 17px;
  font-family: "Inter";
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent {
  width: 100%;
  float: left;
  text-align: center;
  height: 165px;
  margin: 20px 0 0 0;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .lp-price-card__price {
  width: 100%;
  float: left;
  margin: 0px 0 0 0;
  font-weight: 500;
  font-size: 17px;
  color: #000;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .lp-price-card__price .lp-price-card__price-ammount {
  font-size: 50px;
  font-family: "Inter";
  color: #0E7BE0;
  position: relative;
  font-weight: 400;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .lp-price-card__price .lp-price-card__price-ammount b {
  font-weight: 400;
  font-size: 25px;
  position: absolute;
  top: 6px;
  left: -18px;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .save_content {
  width: 100%;
  float: left;
  margin: 6px 0 0 0;
  font-size: 18px;
  font-family: "Inter";
  font-weight: 400;
  color: #FF007A;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .save_content .custom_strike_number {
  margin: 0 5px;
  position: relative;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .save_content .custom_strike_number::after {
  content: "";
  position: absolute;
  background-color: #FF007A;
  width: 41px;
  height: 1px;
  left: -3px;
  top: 11px;
  transform: rotate(-11deg);
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .midContent .lp-price-card_user-accom {
  width: 100%;
  float: left;
  margin: 9px 0 0 0;
  display: flex;
  justify-content: center;
  gap: 12px;
  font-weight: 400;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .lp-price-card__bot {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .lp-price-card__bot .lp-price-card__bot--cta-business {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards .lp-price-card__bot .lp-price-card__bot--cta-business a.lp-button {
  width: 100%;
  float: left;
  text-align: center;
  padding: 13px 0;
  text-decoration: none !important;
  color: #000;
  background: #FFA800;
  border-radius: 0px 0px 15px 15px;
  font-weight: 500;
  font-size: 17px;
  margin: 0 0 -2px 0;
}
.change_package .allPackages .tab-content .tab .tabBoxInner .priceCards.priceCards_active {
  border: 1px solid #FFA800;
  transform: scale(1.08);
}
.change_package .compareBttnWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 40px 0 30px 0;
}
.change_package .compareBttnWrap .btn-compare {
  float: left;
  background-color: #0E7BE0;
  color: #fff;
  font-size: 16px;
  padding: 14px 25px;
  border-radius: 10px;
  text-decoration: none !important;
}

.showingPriceWrap {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.showingPriceWrap .showingPrice {
  width: 900px;
  float: left;
  background-color: #fff;
  padding: 25px 45px;
  border: 2px dashed #0e7be0;
  margin: 25px 0 0 0;
}
.showingPriceWrap .showingPrice div {
  width: 100%;
  float: left;
  margin: 8px 0;
}
.showingPriceWrap .showingPrice div b {
  font-weight: 500;
  color: #000;
}
.showingPriceWrap .showingPrice div#extra_price_alert {
  background-color: #FFE2B7;
  text-align: center;
  padding: 15px 0;
  color: #000;
  font-weight: 500;
  word-spacing: 3px;
}
.showingPriceWrap .showingPrice div#extra_price_alert span {
  color: #0E7BE0;
}

.submitbuttonContainer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  margin: 35px 0 0 0;
}
.submitbuttonContainer .submitButton {
  background-color: #18BA3C;
  border: 0;
  color: #fff;
  width: 60%;
  float: left;
  font-size: 17px;
  padding: 13px 20px;
  border-radius: 25px;
  cursor: pointer;
  outline: none !important;
  transition: 0.3s ease-in-out;
}
.submitbuttonContainer .submitButton:hover {
  background-color: #FFA800;
  color: #000;
}

.enterpriseToBasicPop .deleteMain, .downgradeToFreePop .deleteMain {
  width: 590px;
}
.enterpriseToBasicPop .deleteMain .downgradeFeatureComparison, .downgradeToFreePop .deleteMain .downgradeFeatureComparison {
  width: 100%;
  float: left;
  padding: 10px 20px 20px;
}
.enterpriseToBasicPop .deleteMain .downgradeFeatureComparison .important, .downgradeToFreePop .deleteMain .downgradeFeatureComparison .important {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 12px;
}
.enterpriseToBasicPop .deleteMain .downgradeFeatureComparison .important b, .downgradeToFreePop .deleteMain .downgradeFeatureComparison .important b {
  font-weight: 500;
}
.enterpriseToBasicPop .deleteMain .downgradeFeatureComparison .downgradeAlertTable, .downgradeToFreePop .deleteMain .downgradeFeatureComparison .downgradeAlertTable {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
  padding: 25px 0 0 0;
  border-top: 1px solid #ddd;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  row-gap: 21px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.enterpriseToBasicPop .deleteMain .downgradeFeatureComparison .downgradeAlertTable li, .downgradeToFreePop .deleteMain .downgradeFeatureComparison .downgradeAlertTable li {
  width: auto;
  float: left;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.enterpriseToBasicPop .deleteMain .downgradeFeatureComparison .downgradeAlertTable li i, .downgradeToFreePop .deleteMain .downgradeFeatureComparison .downgradeAlertTable li i {
  color: #FF007A;
}

.add_remove_users {
  width: 100%;
  float: left;
  margin: 35px 0 20px 0;
}
.add_remove_users .addRemoveInner {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
}
.add_remove_users .addRemoveInner h3 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  text-align: center;
  color: #000;
  font-size: 40px;
}
.add_remove_users .addRemoveInner .addRemoveUsersContainer {
  float: left;
  margin: 32px 0 0 0;
  gap: 10px;
  display: flex;
  align-items: center;
}
.add_remove_users .addRemoveInner .addRemoveUsersContainer .arBtn {
  float: left;
}
.add_remove_users .addRemoveInner .addRemoveUsersContainer .arBtn a {
  background-color: #D5E9FB;
  color: #075095;
  padding: 10px 25px;
  text-decoration: none !important;
  border-radius: 20px;
  min-width: 142px;
  text-align: center;
  float: left;
}
.add_remove_users .addRemoveInner .addRemoveUsersContainer .numberOfUsersContainer {
  float: left;
}
.add_remove_users .addRemoveInner .addRemoveUsersContainer .numberOfUsersContainer .packageCal {
  text-align: center;
  float: left;
  width: 150px;
  border: 1px solid #ddd;
  padding: 9px 0;
  border-radius: 32px;
}
.add_remove_users .addRemoveInner #add_remove_user_loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.add_remove_users .addRemoveInner #add_remove_user_loader span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin_renew_container {
  width: 100%;
  float: left;
}

.confirmContainBox {
  width: 100%;
  float: left;
  margin: 40px 0 0 0;
  padding: 27px 0 0 0;
  border-top: 1px solid #dbe0e5;
}
.confirmContainBox p {
  width: 100%;
  float: left;
  margin: 0;
  text-align: center;
}
.confirmContainBox p a {
  text-decoration: none !important;
  font-weight: 600;
  color: #0E7BE0;
}

.coupon_input_container {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
}
.coupon_input_container .couponContainer {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.coupon_input_container .couponContainer .inpUsr {
  width: 250px;
  float: left;
  padding: 15px 30px;
  border: 1px solid #ddd;
}
.coupon_input_container .couponContainer .discount_button {
  padding: 16px 20px;
  background-color: #0E7BE0;
  color: #fff;
  float: left;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
.coupon_input_container .couponContainer .discount_button:hover {
  background-color: #FFA800;
  color: #000;
}

.pSelectWrap {
  width: 100%;
  float: left;
  padding: 20px 30px;
  margin: 0px 0 0 0;
}
.pSelectWrap .inpUsr {
  width: 100%;
  float: left;
  border: 1px solid #ddd;
  padding: 14px 39px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #fff !important;
}

.expiry_date_container {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.expiry_date_container .checkBoxstyle {
  margin: 0 0 15px 0;
}

.free_package_tip {
  width: 100%;
  float: left;
  text-align: center;
}

.paymentCompleteWrap {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 35px 0 0 0;
}
.paymentCompleteWrap .paymentSuccessMsgContainer {
  width: 700px;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.paymentCompleteWrap .paymentSuccessMsgContainer picture {
  width: 300px;
  float: left;
}
.paymentCompleteWrap .paymentSuccessMsgContainer picture img {
  width: 100%;
}
.paymentCompleteWrap .paymentSuccessMsgContainer p {
  width: 100%;
  float: left;
  margin: 20px 0;
  font-size: 14px;
  color: #000;
  text-align: center;
  font-weight: 500;
}
.paymentCompleteWrap .paymentSuccessMsgContainer .backHomeBtn {
  float: left;
  background-color: #18BA3C;
  font-family: "Inter";
  color: #BCF0C8;
  text-decoration: none !important;
  font-weight: 500;
  padding: 16px 33px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 30px;
  margin: 0px 0 0 0;
  box-shadow: 0px 4px 10px rgba(20, 131, 45, 0.5);
  transition: 0.3s ease-in-out;
}
.paymentCompleteWrap .paymentSuccessMsgContainer .backHomeBtn:hover {
  color: #0E7425;
  background-color: #BCF0C8;
  box-shadow: 0px 4px 10px rgba(20, 131, 45, 0.3);
}
.paymentCompleteWrap .paymentFailureMsgContainer {
  width: 700px;
  float: left;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.paymentCompleteWrap .paymentFailureMsgContainer picture {
  width: 400px;
  float: left;
}
.paymentCompleteWrap .paymentFailureMsgContainer picture img {
  width: 100%;
}
.paymentCompleteWrap .paymentFailureMsgContainer p {
  width: 100%;
  float: left;
  margin: 20px 20px;
  font-size: 14px;
  color: #000;
  text-align: center;
  font-weight: 500;
}
.paymentCompleteWrap .paymentFailureMsgContainer p a {
  text-decoration: none !important;
  color: #0E7BE0;
}
.paymentCompleteWrap .paymentFailureMsgContainer p a:hover {
  color: #18BA3C;
}
.paymentCompleteWrap .paymentFailureMsgContainer .failBttns {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
}
.paymentCompleteWrap .paymentFailureMsgContainer .failBttns .failBtn {
  float: left;
  background-color: #18BA3C;
  font-family: "Inter";
  color: #BCF0C8;
  text-decoration: none !important;
  font-weight: 500;
  padding: 16px 33px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-radius: 30px;
  margin: 0px 0 0 0;
  box-shadow: 0px 4px 10px rgba(20, 131, 45, 0.5);
  transition: 0.3s ease-in-out;
}
.paymentCompleteWrap .paymentFailureMsgContainer .failBttns .failBtn:hover {
  color: #0E7425;
  background-color: #BCF0C8;
  box-shadow: 0px 4px 10px rgba(20, 131, 45, 0.3);
}
.paymentCompleteWrap .paymentFailureMsgContainer .failBttns .failBtn.retry {
  background-color: #FF007A;
  color: #F8DBE9;
  box-shadow: 0px 4px 10px rgba(192, 65, 136, 0.5);
}
.paymentCompleteWrap .paymentFailureMsgContainer .failBttns .failBtn.retry:hover {
  background-color: #F8DBE9;
  color: #FF007A;
  box-shadow: 0px 4px 10px rgba(192, 65, 136, 0.4);
}

.coupon_show {
  width: 100%;
  float: left;
  background-color: #BCF0C8;
  text-align: center;
  position: relative;
  padding: 15px 12px;
  border-radius: 13px;
  margin: 30px 0 0 0;
}
.coupon_show .promo_msg {
  width: 100%;
  float: left;
}
.coupon_show .promo_msg .active_color {
  font-family: "Inter";
  color: #0E7425;
  font-weight: 500;
}
.coupon_show .coupon_applied {
  width: 100%;
  float: left;
  margin: 5px 0 0 0;
}
.coupon_show .coupon_applied .label-form {
  color: #0E7425;
  margin: 0;
  font-weight: 600;
}
.coupon_show .coupon_applied a {
  position: absolute;
  top: 7px;
  right: 7px;
  color: #7eb88b;
  font-size: 27px;
}

.successMessage {
  width: 100%;
  float: left;
  background-color: #0E7BE0;
  margin: 35px 0 0 0;
  padding: 14px 15px;
  border-radius: 26px;
  box-shadow: 0px 8px 12px rgba(14, 123, 224, 0.3);
}
.successMessage a {
  width: 100%;
  float: left;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-decoration: none !important;
}

.copyAlert {
  position: fixed;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  padding: 13px 41px;
  background: #fff;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.09);
  border-radius: 32px;
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.copyAlert.show {
  top: 10%;
  opacity: 1;
}

.uploadMessage {
  display: block;
  position: absolute;
  bottom: 0;
  background: #38a750;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  color: #fff;
  text-transform: capitalize;
  font-size: 13px;
  letter-spacing: 0.6px;
}
.uploadMessage.errorUpload {
  display: block;
  font-size: 12px;
  letter-spacing: 0px;
  padding: 13px 37px;
  background: #ff1818;
}

.companyLogoWrap {
  width: 100%;
  float: left;
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 30px 0;
}
.companyLogoWrap picture {
  position: relative;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  float: left;
  border-radius: 100%;
}
.companyLogoWrap picture img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.companyLogoWrap picture a {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #ffa800;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: #000;
}

.phnStsHghlgt {
  color: #ec6565 !important;
}

.roundBtn {
  float: left;
}
.roundBtn a {
  padding: 0 0 !important;
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  border-radius: 100% !important;
  display: flex !important;
  justify-content: center;
  align-items: center !important;
}

.delete_cl_gr_options {
  width: 100%;
  float: left;
}
.delete_cl_gr_options .radioBttnswrap {
  width: 100%;
  float: left;
  cursor: pointer;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 12px 0 0 0;
}
.delete_cl_gr_options .radioBttnswrap .move_to_segment {
  width: 80%;
  border: 0;
  outline: none;
  background-color: transparent;
}
.delete_cl_gr_options .radioBttnswrap label {
  float: left;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.delete_cl_gr_options .radioBttnswrap label span {
  float: left;
  position: relative;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 2px solid #0E7BE0;
}
.delete_cl_gr_options .radioBttnswrap label span b {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  position: absolute;
  background-color: #0E7BE0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.delete_cl_gr_options .radioBttnswrap label span input {
  display: none;
}
.delete_cl_gr_options .radioBttnswrap label span input:checked ~ b {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.delete_cl_gr_options .radioBttnswrap label p {
  width: auto;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #000;
}
.delete_cl_gr_options .radioBttnswrap.all_cl_grs {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  padding: 20px 0;
  -moz-column-gap: 18px;
       column-gap: 18px;
}

/************************************  compare popup  *********************************/
.compareWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-backdrop-filter: blur(11px);
          backdrop-filter: blur(11px);
  background: #F6F6F6;
  padding: 30px 12px;
  display: none;
}
.compareWrap .closeCompare {
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 43px;
  -webkit-text-stroke: 2px #f6f6f6;
  cursor: pointer;
  z-index: 999;
}
.compareWrap .compareContainer {
  width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-family: "Inter";
  -moz-column-gap: 45px;
       column-gap: 45px;
}
.compareWrap .compareContainer h3 {
  width: 100%;
  float: left;
  color: #4A4A4A;
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 35px;
  font-weight: 600;
}
.compareWrap .compareContainer .compareBox {
  width: 350px;
  height: auto;
  float: left;
  border-radius: 27px;
  background: #F5F5F5;
  box-shadow: -9px -6px 14px 0px #FFF, 13px 16px 24px 0px rgba(0, 0, 0, 0.06);
  margin: 15px 0 0 0;
  padding: 35px 35px;
}
.compareWrap .compareContainer .compareBox h4 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 25px;
  color: #4a4a4a;
}
.compareWrap .compareContainer .compareBox h4 small {
  width: 100%;
  float: left;
  font-size: 15px;
  margin: 7px 0 0 0;
  color: #4a4a4a;
}
.compareWrap .compareContainer .compareBox ul {
  width: 100%;
  float: left;
  margin: 20px 0 5px 0;
  padding: 0 0;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 15px;
}
.compareWrap .compareContainer .compareBox ul li {
  width: 100%;
  float: left;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #4e4e4e;
  font-size: 15px;
}
.compareWrap .compareContainer .compareBox ul li i {
  color: #18BA3C;
}
.compareWrap .compareContainer .compareBox .price {
  width: 100%;
  float: left;
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 19px;
  font-weight: 500;
  margin: 12px 0 0 0;
}
.compareWrap .compareContainer .compareBox .price .amount {
  float: left;
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 35px;
  color: #0E7BE0;
  font-weight: 700;
}
.compareWrap .compareContainer .compareBox .price .amount small {
  font-size: 19px;
  color: #4a4a4a;
  font-weight: 600;
  margin: 0 0 0 0px;
}
.compareWrap .compareContainer .compareBox .priceBttn {
  float: left;
  background-color: #18BA3C;
  color: #fff;
  margin: 10px 0 0 0;
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 26px;
  box-shadow: 0px 5px 8px rgba(63, 183, 38, 0.48);
  text-decoration: none !important;
}
.compareWrap .compareContainer .compariseWrap {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
  display: flex;
  justify-content: center;
}
.compareWrap .compareContainer .compariseWrap .cBttn {
  float: left;
  background-color: #F8DBE9;
  color: #FF007A;
  font-size: 15px;
  padding: 15px 35px;
  font-weight: 500;
  border-radius: 50px;
  text-decoration: none !important;
}

#chatbase-bubble-button {
  display: none !important;
}

.closetwibChat {
  position: fixed;
  z-index: 9999;
  background-color: #000;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 28px;
  right: 28px;
  bottom: 28px;
  transition: 0.3s ease-in-out;
  transform: scale(0);
}
.closetwibChat.showClose {
  transform: scale(1);
}

button.tawk-button-large {
  display: none !important;
  opacity: 0 !important;
}

.gm-style-iw-d .rawGPSTooltipItem {
  width: 100%;
  float: left;
  margin: 2px 0;
  font-weight: 600;
  color: #000;
}

.gm-style-iw-chr button {
  position: absolute !important;
  right: 0;
}

.clientsListPrintCont {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  margin: 30px 0 0 0;
}
.clientsListPrintCont .clientListPrintItem {
  float: left;
  width: 33.33%;
  font-size: 13px;
  padding: 8px 0;
  font-weight: 500;
}
.clientsListPrintCont h4 {
  width: 100%;
  float: left;
  font-size: 20px;
  margin: 0 0 21px 0;
  color: #000;
  font-weight: 600;
}

.searchParamsCont {
  width: 100%;
  float: left;
  margin: 15px 0 5px 0;
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
}
.searchParamsCont small {
  font-size: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #D5E9FB;
  padding: 10px 22px;
  border-radius: 6px;
}

.semulatorDataWrap {
  width: 100%;
  float: left;
  position: relative;
  margin: 20px 0 0 0;
}
.semulatorDataWrap .selectedItemsCompleteWrap {
  width: 100%;
  float: left;
  position: relative;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: column;
  gap: 2px;
  margin: 0 0 25px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent {
  width: 100%;
  float: left;
  background-color: #E2F0FD;
  border-radius: 12px;
  padding: 20px 25px;
  min-height: 123px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntHeader {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntHeader h4 {
  float: left;
  margin: 0 0 0 0;
  color: #0E7BE0;
  font-size: 18px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntHeader a {
  color: #0E7BE0;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntBody {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
  margin: 14px 0 0 0;
  display: flex;
  flex-flow: column;
  gap: 9px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntBody p {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  display: flex;
  gap: 12px;
  color: #7C858E;
  font-size: 14px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntBody p i {
  float: left;
  width: 15px;
  margin: 5px 0 0 0;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntBody p i.fa-map-marker-alt {
  color: #0E7BE0;
}
.semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent .clcntBody p i.fa-phone {
  color: #18BA3C;
}
.semulatorDataWrap .selectedItemsCompleteWrap .routeSimulatorData {
  width: 280px;
  height: unset;
  border-radius: 14px;
  background: #F2F9FF;
  box-shadow: 4px 0px 11px 0px rgba(189, 207, 223, 0.55);
  border: 1px solid #dde2e6;
  position: absolute;
  right: 58px;
  padding: 15px 18px 15px 40px;
  top: 68px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .routeSimulatorData p {
  width: 100%;
  float: left;
  margin: 3px 0;
  font-size: 13px;
  color: #787F86;
  letter-spacing: 0.6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.semulatorDataWrap .selectedItemsCompleteWrap .routeSimulatorData p i {
  width: 15px;
  float: left;
  color: #18BA3C;
}
.semulatorDataWrap .selectedItemsCompleteWrap .routeSimulatorData .bothIcon {
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 2px solid #F2F9FF;
  background: #0E7BE0;
  box-shadow: 0px 4px 7px 0px rgba(34, 98, 193, 0.39);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  color: #fff;
  left: -20px;
  top: 30px;
}
.semulatorDataWrap .semulatorMapWrap {
  margin: -12px 0 0 0 !important;
}
.semulatorDataWrap .semulatorMapWrap .crdSectionMapWrap {
  height: 420px !important;
}
.semulatorDataWrap .distanceTimeWrap {
  width: 100%;
  float: left;
  margin: 0px 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  position: relative;
  gap: 60px;
}
.semulatorDataWrap .distanceTimeWrap p {
  float: left;
  display: flex;
  gap: 12px;
  color: #565656;
  font-size: 13px;
  margin: 0;
}
.semulatorDataWrap .distanceTimeWrap p i {
  float: left;
  font-size: 15px;
}
.semulatorDataWrap .distanceTimeWrap p i.fa-route {
  color: #0E7BE0;
}
.semulatorDataWrap .distanceTimeWrap p i.fa-clock {
  color: #18BA3C;
}

.noLoginBodyWrap {
  padding: 0;
}
.noLoginBodyWrap header {
  width: 100%;
}
.noLoginBodyWrap header .headerInner .leftContent .companyLogopart picture {
  float: left;
  min-width: 107px;
  max-width: 107px;
  height: 53px;
  background: #fff;
  border-radius: 0;
  background-image: none;
}
.noLoginBodyWrap header .headerInner .leftContent .companyLogopart picture img {
  -o-object-fit: contain;
     object-fit: contain;
}
.noLoginBodyWrap .completeBodyWrap {
  width: 100%;
}

.gpsDataReportWrap {
  width: 100%;
  float: left;
  background-color: #FFF;
  box-shadow: 3px 9px 15px rgba(14, 123, 224, 0.1);
  padding: 42px 50px;
  margin: 35px 0 0 0;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.gpsDataReportWrap .gpsDataListWrap {
  width: 50%;
  float: left;
  padding: 0 65px 0 0;
  border-right: 1px solid #E6E6E6;
  position: relative;
}
.gpsDataReportWrap .gpsDataListWrap h3 {
  width: 100%;
  float: left;
  color: #000;
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain {
  width: 100%;
  float: left;
  position: relative;
  margin: 30px 0 0 0;
  padding: 10px;
  min-height: 350px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain.showButton {
  -webkit-mask-image: linear-gradient(180deg, #000 40%, transparent);
          mask-image: linear-gradient(180deg, #000 40%, transparent);
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox {
  width: 100%;
  float: left;
  display: flex;
  gap: 28px;
  position: static;
  margin-bottom: 16px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox:last-child {
  margin-bottom: 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon {
  min-width: 35px;
  max-width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 1px solid #E1E1E1;
  background: #FDFDFD;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 9;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon i {
  color: #18BA3C;
  font-size: 15px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon i.fa-map-pin, .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon i.fa-map-marked-alt {
  color: #0E7BE0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon i.fa-times {
  color: #FF007A;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon img {
  width: 19px;
  height: 19px;
  -o-object-fit: contain;
     object-fit: contain;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .icon::after {
  content: "";
  height: 80%;
  width: 1px;
  background-color: #dfdfdf;
  top: 42px;
  left: 16px;
  position: absolute;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain {
  width: 100%;
  float: left;
  border-radius: 8px;
  background: #FAFAFA;
  padding: 13px 23px;
  position: static;
  margin: -5px 0 0 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain h4 {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  color: #3A3A3A;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  margin: 0;
  position: relative;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain p {
  width: 100%;
  float: left;
  color: #616161;
  font-family: "Inter";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  margin: 1px 0 0 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain a {
  position: absolute;
  font-family: "Inter";
  color: #3A3A3A;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: auto;
  right: 0;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
  top: 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fafafa;
  transform: rotate(45deg);
  left: 66px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus {
  width: 300px;
  height: auto;
  background-color: #fff;
  position: absolute;
  box-shadow: 0px 4px 14px rgba(14, 123, 224, 0.3);
  border-radius: 8px;
  left: inherit;
  top: 40px;
  overflow: hidden;
  display: none;
  z-index: 999;
  right: 14px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .statusBttnWrap {
  width: 100%;
  float: left;
  display: flex;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .statusBttnWrap a {
  width: 100%;
  float: left;
  padding: 11px 16px;
  text-align: center;
  font-size: 12px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  background: #e3f0fd;
  margin: 0 0 11px 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .statusBttnWrap a.active {
  background-color: #BCF0C8;
  color: #0E7425;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap {
  width: 100%;
  float: left;
  padding: 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox {
  width: 100%;
  float: left;
  display: none;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox h4 {
  width: 100%;
  float: left;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: #002688;
  margin: 9px 0;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox h4 i {
  float: left;
  color: #FF007A;
  cursor: pointer;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox .statusBox {
  width: 100%;
  float: left;
  padding: 0 16px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #646464;
  gap: 10px;
  padding: 14px 0;
  border-bottom: 1px solid #EAF1F9;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box:last-child {
  border: 0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox .statusBox .s__box img {
  width: 18px;
  height: 19px;
  float: left;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain .phoneStatus .tabBoxWrap .checkTabBox:first-child {
  display: block;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox:hover .boxContain a {
  color: #0E7BE0;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox:hover .icon::before {
  background: #D5E9FB;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox.lastListBox .icon::after {
  display: none;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .hideBoxes {
  width: 100%;
  float: left;
  display: none;
  position: relative;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .hideBoxes .listBox {
  position: relative;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .hideBoxes .listBox .boxContain {
  float: left;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .hideBoxes .listBox .boxContain::after {
  left: 55px;
}
.gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .hideBoxes .listBox .boxContain .phoneStatus {
  right: 22px;
  bottom: 18px;
  top: inherit;
}
.gpsDataReportWrap .gpsDataListWrap .showMore {
  position: absolute;
  bottom: 35px;
  left: calc(44% - 65px);
  color: #0E7BE0;
  text-align: center;
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  padding: 14px 25px;
  border-radius: 28px;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);
  border: 0;
  outline: none !important;
}
.gpsDataReportWrap .gpsDataSummeryText {
  width: 50%;
  float: left;
  padding: 45px 55px;
}
.gpsDataReportWrap .gpsDataSummeryText p {
  width: 100%;
  float: left;
  color: #545454;
  font-family: "Poppins";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 249.5%;
}
.gpsDataReportWrap .gpsDataSummeryText p b {
  color: #333;
  font-weight: 500;
}
.gpsDataReportWrap .gpsDataSummeryText p a {
  color: #18BA3C;
  text-decoration: none !important;
  text-decoration: none !important;
  margin: 0 0 0 9px;
}

.accessGroupUsersContainer {
  width: 100%;
  float: left;
  margin: 0px 0 0 0;
  padding: 0 25px 35px 25px;
}
.accessGroupUsersContainer h4 {
  width: 100%;
  float: left;
  color: #000;
  font-size: 18px;
}
.accessGroupUsersContainer ul {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.accessGroupUsersContainer ul li {
  width: 100%;
  float: left;
  margin: 6px 0;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  padding: 8px 0 8px 37px;
  background-image: url(../company_images/checkIconGreen.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
}

.analysisReportWrap {
  width: 100%;
  float: left;
  margin: 25px 0 0 0;
}
.analysisReportWrap .employeeReportBoxWrap {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  background-color: #fff;
  padding: 15px 15px;
  border-radius: 16px;
}
.analysisReportWrap .employeeReportBoxWrap .employeName {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.analysisReportWrap .employeeReportBoxWrap .employeName .enWrap {
  float: left;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.analysisReportWrap .employeeReportBoxWrap .employeName .enWrap picture {
  width: 35px;
  min-width: 35px;
  height: 35px;
  float: left;
  border-radius: 100%;
  overflow: hidden;
  background-color: #D5E9FB;
  background-image: url(../company_images/userPlaceholder.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.analysisReportWrap .employeeReportBoxWrap .employeName .enWrap picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.analysisReportWrap .employeeReportBoxWrap .employeName i.expandBtn {
  display: none;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox {
  width: 100%;
  float: left;
  border-radius: 6.319px;
  background: #F5FAFF;
  padding: 15px 15px;
  display: flex;
  align-items: center;
  gap: 13px;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox:nth-child(even) {
  background-color: #fff;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain {
  width: auto;
  font-family: "Inter";
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  border-right: 1px solid #CFDDEB;
  padding: 0 14px 0 0;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain.month {
  color: #075095;
  width: 102px;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain.visit {
  width: 193px;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain.order {
  width: 191px;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain.amount {
  width: 255px;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain.collection {
  width: 255px;
}
.analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain:last-child {
  border: 0;
  padding: 0;
}

.loaderWrap {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background-image: url(../company_images/loader.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}

.pendingWorkWrap {
  width: 100%;
  float: left;
  display: flex;
  gap: 20px;
  margin: 25px 0 -20px 0;
}
.pendingWorkWrap .pWork {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  border: 2px solid #d0deeb;
  padding: 8px 10px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 4px 8px rgba(102, 149, 193, 0.21);
}
.pendingWorkWrap .pWork .textSection {
  float: left;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  color: #45515a;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: "Inter";
}
.pendingWorkWrap .pWork .textSection .icon {
  min-width: 38px;
  max-width: 38px;
  height: 38px;
  background-color: #0E7BE0;
  float: left;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pendingWorkWrap .pWork .textSection .icon i {
  background-color: #fff;
  width: 25px;
  height: 25px;
  float: left;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0E7BE0;
}
.pendingWorkWrap .pWork .arrow {
  float: left;
  margin: 0 15px 0 0;
  font-size: 18px;
  color: #0E7BE0;
}

.setTargetToggle {
  font-weight: 500;
  color: #FF007A;
}

.formBttns {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row;
  gap: 8px;
}
.formBttns .removeTarget {
  background-color: #F8DBE9;
  height: 50px;
  float: left;
  margin: 12px 0 0 0;
  padding: 0 21px;
  color: #FF007A;
  border-radius: 8px;
  display: flex;
  align-items: center;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}
.formBttns .removeTarget:hover {
  color: #fff;
  background-color: #FF007A;
}

/**********************************************  02-12-2024 target anylysis  ************************************/
.companTargetAnalysisWrap {
  width: 100%;
  float: left;
  margin: 17px 0 0 0;
  display: flex;
  gap: 23px;
}
.companTargetAnalysisWrap .compTgtAnlBox {
  width: 100%;
  float: left;
  height: 130px;
  border-radius: 7px;
  background: #F5FAFF;
  box-shadow: -5.097px -3.641px 6.553px 0px #FFF, 2.913px 3.641px 8.009px 0px rgba(0, 0, 0, 0.04);
  padding: 19px 31px;
  position: relative;
}
.companTargetAnalysisWrap .compTgtAnlBox img {
  position: absolute;
  width: 56px;
  height: 56px;
  bottom: 16px;
  right: 18px;
}
.companTargetAnalysisWrap .compTgtAnlBox .stats {
  position: absolute;
  font-size: 13px;
  right: 19px;
  font-weight: 500;
  top: 15px;
}
.companTargetAnalysisWrap .compTgtAnlBox h2 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 16px;
  color: #828D98;
  font-weight: 400;
}
.companTargetAnalysisWrap .compTgtAnlBox h2 strong {
  width: 100%;
  float: left;
  color: #586471;
  font-size: 21px;
  font-weight: 500;
  margin: 21px 0 4px 0;
}
.companTargetAnalysisWrap .compTgtAnlBox h2 small {
  width: 100%;
  float: left;
  color: #586471;
  font-size: 16px;
  font-weight: 400;
}

.branchTargetAnalysis {
  width: 100%;
  float: left;
  margin: 37px 0 0 0;
}
.branchTargetAnalysis h3 {
  width: 100%;
  float: left;
  color: #343C44;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
}
.branchTargetAnalysis .branchAnalysisWrap {
  width: 100%;
  float: left;
  margin: 18px 0 0 0;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails {
  width: 100%;
  float: left;
  border-radius: 10px;
  background: #E5F3FF;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails:nth-child(even) {
  background-color: transparent;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox {
  width: 100%;
  float: left;
  padding: 13px 18px 15px;
  display: flex;
  flex-flow: row wrap;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain {
  width: 25%;
  position: relative;
  display: flex;
  gap: 10px;
  padding: 0 0 0 30px;
  border-left: 1px solid #A5C8E5;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain img {
  min-width: 21px;
  max-width: 21px;
  height: 21px;
  -o-object-fit: contain;
     object-fit: contain;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.tgtBrchNme {
  width: 100%;
  margin: 0 0 20px 0;
  color: #0E7BE0;
  font-weight: 400;
  font-size: 15px;
  padding: 0;
  border: 0;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain h4 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 13px;
  color: #075095;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain h4 strong {
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: 500;
  margin: 7px 0 0 0;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.visit {
  padding: 0;
  border: 0;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.visit, .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.order {
  width: 19%;
}
.branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.amount, .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.collection {
  width: 31%;
}
.branchTargetAnalysis .branchAnalysisWrap {
  width: 100%;
  float: left;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap {
  width: 100%;
  float: left;
  border-radius: 10px;
  background: #E5F3FF;
  padding: 15px 18px;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap:nth-child(even) {
  background-color: transparent;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .tgtAnlBrchName {
  width: 100%;
  float: left;
  color: #0E7BE0;
  font-size: 15px;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails {
  border-radius: 0;
  margin: 5px 0 0 0;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox {
  padding: 23px 0;
  position: relative;
  border-bottom: 1px solid #D8E4EE;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox:last-child {
  border: 0;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox .recordContain {
  width: 20%;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.month {
  padding: 0;
  border: 0;
  width: 12%;
  margin: 0;
  color: #075095;
  font-size: 13px;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.visit {
  width: 15%;
}
.branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.amount, .branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.collection {
  width: 26%;
}

.multiselect-container li a label {
  white-space: normal !important;
}

.multiselect-selected-text {
  text-overflow: ellipsis;
  width: 92%;
  float: left;
  overflow: hidden;
}

.showHolidayListPopHeader {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.showHolidayListPopHeader .popCompleteWrap {
  float: left;
  position: relative;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysLnk {
  float: left;
  background-color: #BCF0C8;
  color: #0E7425;
  font-size: 13px;
  padding: 11px 19px;
  border-radius: 23px;
  letter-spacing: 0.3px;
  text-decoration: none !important;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap {
  width: 260px;
  min-height: 180px;
  background-color: #fff;
  position: absolute;
  top: 62px;
  right: 0;
  z-index: 999;
  border-radius: 17px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.11);
  padding: 20px;
  display: none;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysYr {
  width: 100%;
  float: left;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysYr p {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  text-align: left;
  font-size: 15px;
  color: #2d2d2d;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysYr p i.closehdBtn {
  float: right;
  cursor: pointer;
  color: #FF007A;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysYr select {
  width: 100%;
  float: left;
  color: #626262;
  padding: 8px 11px;
  border: 1px solid #cecece;
  margin: 12px 0 0 0;
  border-radius: 7px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../company_images/downArrow.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: 94% 50%;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .searchImg {
  width: 100%;
  float: left;
  height: 130px;
  background-image: url(../company_images/searchGraphic.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 15px 0 0 0;
  opacity: 0.8;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysList {
  width: 100%;
  float: left;
  margin: 12px 0 0 0;
  padding: 0 6px;
  max-height: 250px;
  overflow: auto;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysList .pastHoldyDtls {
  width: 100%;
  float: left;
  padding: 9px 0;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysList .pastHoldyDtls .pastHoldyTitle {
  width: 100%;
  float: left;
  color: #000;
  font-size: 15px;
}
.showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap .pastHoldysList .pastHoldyDtls .pastHoldyDate {
  width: 100%;
  float: left;
  color: #6a6a6a;
  font-size: 13px;
  margin: 4px 0 0 0;
}

/************************************************* 07-02-2025 ****************************************/
.visitDetailsTab {
  width: 100%;
  float: left;
  padding: 0 25px 25px 25px;
}
.visitDetailsTab .visitTabLinks {
  width: 100%;
  float: left;
  display: flex;
  gap: 23px;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #E6E6E6;
}
.visitDetailsTab .visitTabLinks a {
  float: left;
  padding: 12px 0px;
  font-family: "Poppins";
  color: #777777;
  font-weight: 500;
  font-size: 15px;
  margin: 0 0 -1px 0;
  text-decoration: none;
}
.visitDetailsTab .visitTabLinks a.active {
  color: #0E7BE0;
  border-bottom: 2px solid #0E7BE0;
}
.visitDetailsTab .visitTabsContainer {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.visitDetailsTab .visitTabsContainer .visitTab {
  width: 100%;
  float: left;
  display: none;
}
.visitDetailsTab .visitTabsContainer .visitTab:first-child {
  display: block;
}
.visitDetailsTab .visitTabsContainer .visitTab span.visitItem {
  background-color: #D5E9FB;
  font-size: 14px;
  float: left;
  padding: 5px 9px;
  border-radius: 10px;
  color: #075095;
  margin: 0 6px 6px 0px;
  display: flex;
  flex-flow: column;
}
.visitDetailsTab .visitTabsContainer .visitTab span.visitItem b {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  margin: 1px 0 0 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .visitedClients {
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.visitDetailsTab .visitTabsContainer .visitTab .visitedClients h4 {
  width: 100%;
  float: left;
  color: #18BA3C;
  margin: 0 0 6px 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .visitedClients span.visitItem {
  background-color: #BCF0C8;
  font-size: 14px;
  float: left;
  padding: 5px 9px;
  border-radius: 10px;
  color: #0E7425;
  margin: 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .missedClients {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.visitDetailsTab .visitTabsContainer .visitTab .missedClients h4 {
  width: 100%;
  float: left;
  color: #fb3241;
  margin: 0 0 6px 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .missedClients span.visitItem {
  background-color: #F8DBE9;
  font-size: 14px;
  float: left;
  padding: 5px 9px;
  border-radius: 10px;
  color: #fb3241;
  margin: 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .visitedLeads {
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.visitDetailsTab .visitTabsContainer .visitTab .visitedLeads h4 {
  width: 100%;
  float: left;
  color: #18BA3C;
  margin: 0 0 6px 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .visitedLeads span.visitItem {
  background-color: #BCF0C8;
  font-size: 14px;
  float: left;
  padding: 5px 9px;
  border-radius: 10px;
  color: #0E7425;
  margin: 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .missedLeads {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
}
.visitDetailsTab .visitTabsContainer .visitTab .missedLeads h4 {
  width: 100%;
  float: left;
  color: #fb3241;
  margin: 0 0 6px 0;
}
.visitDetailsTab .visitTabsContainer .visitTab .missedLeads span.visitItem {
  background-color: #F8DBE9;
  font-size: 14px;
  float: left;
  padding: 5px 9px;
  border-radius: 10px;
  color: #fb3241;
  margin: 0;
}

.multiselect-container li a label input[type=radio] {
  margin-top: 3px !important;
}

.editFormWrap form .inpWrap.fullWidth.setPermissionBlocks {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.editFormWrap form .inpWrap.fullWidth.setPermissionBlocks .radioBttnswrap {
  min-width: unset;
  max-width: unset;
  width: auto;
}
.editFormWrap form .inpWrap.fullWidth.setPermissionBlocks .radioBttnswrap label.radioBttn {
  width: 170px;
}
.editFormWrap form .inpWrap.fullWidth.setPermissionBlocks.headBox {
  justify-content: flex-end;
}

.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew {
  float: left;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart {
  gap: 35px;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .detailsWithImage {
  width: 300px;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .reportDateCont {
  width: 163px;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap {
  float: left;
  display: flex;
  flex-flow: row;
  gap: 35px;
}
.reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .reasonDetails h4 small {
  font-size: 13px !important;
}

.reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report {
  float: left;
}
.reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report .field-content-grid {
  float: left;
}
.reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report .field-content-grid p {
  display: none;
}
.reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report:first-child p {
  display: block;
}

.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock {
  flex-flow: column;
  padding: 16px 50px 23px 0;
  position: relative;
  margin: 0px 0;
  border-bottom: 1px solid #ffffff;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock:last-child {
  border: 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .inpUsr {
  width: 100%;
  float: left;
  text-align: left;
  padding: 12px 17px;
  border-radius: 0;
  background: #f5faff;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
  border: 1px solid #ccc;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpClientsList, .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpLeadsList {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpClientsList .tpACDataContainer, .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpLeadsList .tpACDataContainer {
  float: left;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpClientsList .tpACDataContainer label, .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpLeadsList .tpACDataContainer label {
  font-weight: 500;
  margin: 0;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpClientsList .tpACDataContainer a, .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .tpLeadsList .tpACDataContainer a {
  color: #FF007A;
  margin: 0 0 0 2px;
}
.tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock .removeStopArea {
  position: absolute;
  right: 0;
}

.selectAreablock {
  gap: 15px;
}
.selectAreablock input.areaAutocomplete {
  width: 100%;
  float: left;
  text-align: left;
  padding: 12px 17px;
  border-radius: 0;
  background: #f5faff;
  background-image: url(../company_images/caret.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 97% 50%;
  border: 1px solid #ccc;
}

.sbInner input.areaAutocomplete {
  width: 100%;
  float: left;
  text-align: left;
  padding: 12px 17px;
  border-radius: 0;
  background: #f5faff;
  border: 1px solid #ccc;
}

.alert-info {
  width: 100%;
  float: left;
  margin: 40px 0 0 0;
  background-color: #0E7BE0;
  border-color: #cee6ff;
  position: relative;
  border-radius: 15px;
  padding: 20px 24px;
}
.alert-info .deleteJobProcess {
  position: absolute;
  right: 22px;
  top: 13px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2392156863);
  width: 35px;
  height: 35px;
  border-radius: 100%;
  -webkit-text-stroke: 0.4px #489be7;
}
.alert-info .deleteJobProcess i {
  font-size: 15px;
}
.alert-info .progress {
  width: 100%;
  float: left;
  position: relative;
  margin: 9px 0 6px 0 !important;
  background-color: rgba(255, 255, 255, 0.6117647059) !important;
  border-radius: 21px;
}
.alert-info .progress .progress-bar {
  background-color: #0d5da7;
  border-radius: 20px;
}
.alert-info h4 {
  width: 100%;
  float: left;
  margin: 0;
  color: #fff;
}
.alert-info p {
  width: 100%;
  float: left;
  color: rgba(255, 255, 255, 0.8117647059);
  font-size: 13px;
  margin: 6px 0 0 0;
}
.alert-info p strong {
  font-weight: 500 !important;
}

.frmACDataContent {
  width: 100%;
  float: left;
  display: flex;
  flex-flow: row wrap;
  gap: 8px;
  margin: 5px 0 0 0;
}
.frmACDataContent .frmACDataContainer {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f2f7fb;
  padding: 6px 13px;
  border-radius: 5px;
}
.frmACDataContent .frmACDataContainer label {
  font-weight: 400;
  margin: 0 0;
}

.fileInputHdn {
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  opacity: 0 !important;
}

.exportFieldsPop {
  position: fixed;
}
.exportFieldsPop .deleteMain {
  width: 520px;
}
.exportFieldsPop .deleteMain h4 {
  font-size: 16px;
  margin: 20px 0 0 0;
}
.exportFieldsPop .deleteMain .editFormWrap {
  min-height: 250px;
  max-height: 300px;
  overflow: auto;
  padding: 0 15px;
  background-color: #fbfbfb;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 5px 0 0 0;
}
.exportFieldsPop .deleteMain .editFormWrap li.multiselect-item .btn-danger {
  width: 100%;
  background: #e6e6e6;
  border: 0;
  border-radius: 0;
  color: #000;
  float: left;
  margin: 0 0 5px 0;
}
.exportFieldsPop .deleteMain .editFormWrap .inpWrap {
  width: 50%;
  float: left;
}
.exportFieldsPop .deleteMain .editFormWrap .inpWrap p {
  padding: 0;
}
.exportFieldsPop .deleteMain .editFormWrap .inpWrap .selectedFields {
  width: 100%;
  float: left;
}
.exportFieldsPop .deleteMain .editFormWrap .inpWrap .selectedFields ul.ui-sortable {
  width: 100%;
  float: left;
  padding: 0;
  cursor: grab;
}
.exportFieldsPop .deleteMain .editFormWrap .inpWrap .selectedFields ul.ui-sortable li {
  padding: 6px 9px;
  font-size: 13px;
}
.exportFieldsPop .deleteMain .bttnsWrap {
  border: 0;
  padding: 0 0 12px 0;
}
.exportFieldsPop .deleteMain .inpWrap.fullWidth {
  width: 100%;
  padding: 0 16px;
}

.gstWrapper {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.gstWrapper .gstItem {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.gstWrapper .gstItem .gstInfo {
  display: inline-block;
  width: 151px;
  text-align: left;
  border: 0;
}
.gstWrapper .gstItem .gstAmt {
  min-width: 127px;
  text-align: left;
}

.editFormWrap form .inpWrap .inpUsr {
  width: 100% !important;
  float: left !important;
  outline: none !important;
  padding: 17px 23px !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.deduction_discount_container {
  width: 100%;
  float: left;
  margin: 15px 0 0 0;
}
.deduction_discount_container .pSelectWrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.clientAddress {
  width: 100%;
  float: left;
  background-color: #D5E9FB;
  border: 1px solid #075095;
  padding: 13px 14px;
}
.clientAddress b {
  width: 100%;
  float: left;
  font-weight: 500;
  font-size: 13px;
  line-height: 27px;
}/*# sourceMappingURL=style.css.map */