@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
@media screen and (min-width: 240px) and (max-width: 900px) {
  body.noScroll {
    overflow: hidden;
  }
  aside {
    left: -250px;
    z-index: 99999;
  }
  aside.thisAnimate {
    left: 0;
    width: 249px !important;
  }
  aside.thisAnimate .asideInn .asideMenuListing li a span {
    width: auto;
    overflow: hidden;
    opacity: 1;
  }
  .closeAsodeMobile {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.36);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
  }
  header {
    width: 100% !important;
    z-index: 99;
  }
  header .headerInner {
    padding: 10px 10px;
  }
  header .headerInner .leftContent {
    position: relative;
  }
  header .headerInner .leftContent .HeaderLinkPart {
    display: none;
  }
  header .headerInner .rightContent {
    position: relative;
  }
  header .headerInner .rightContent .rbf__Box {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    justify-content: space-around;
    padding: 14px 0;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06);
    border-radius: 20px 20px 0px 0px;
  }
  header .headerInner .rightContent .rbf__Box a.rAnchor {
    margin: 0;
  }
  header .headerInner .rightContent .rbf__Box.iOSAppFooter {
    padding-bottom: 33px !important;
  }
  header .headerInner .rightContent .profilePicWrp {
    position: relative;
  }
  header .headerInner .rightContent .profilePicWrp .proPop {
    position: fixed;
    width: 70%;
    min-height: unset;
    border-radius: 12px;
    background-color: #075095;
    top: unset;
    right: 15px;
    bottom: 79px;
  }
  header .headerInner .rightContent .profilePicWrp .proPop::after {
    background-color: #075095;
    top: unset;
    right: 39px;
    transform: rotate(45deg);
    bottom: -4px;
  }
  .UsersCompleteBlock {
    margin: 19px 0 0 0;
  }
  .usersHead {
    position: relative;
  }
  .usersHead h2 {
    font-size: 15px;
  }
  .usersHead h2 b {
    font-size: 10px;
    margin: 0 0 0 7px;
    padding: 4px 9px;
  }
  .completeBodyWrap {
    position: relative;
    width: 100% !important;
    padding: 0 0 90px 0;
  }
  .completeBodyWrap .manageClientsLIstWrapper {
    position: relative;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock {
    float: left;
    padding: 15px;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails {
    flex-flow: row wrap;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails picture {
    width: 70px;
    height: 70px;
    border-radius: 8px !important;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails picture b {
    right: -4px;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails picture img {
    border-radius: 8px !important;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails article {
    margin: 0;
    float: right;
    width: calc(100% - 80px);
    display: block;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails article h4 {
    font-size: 11px;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails article p {
    font-size: 9px;
    font-weight: 500;
    align-items: flex-start;
    margin: 0 0 5px 0;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .clientDetails article p i {
    font-size: 10px;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .rightAction {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .rightAction a {
    width: 48%;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px 10px;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel {
    padding: 11px 12px;
    margin: 20px 0 0 0;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel::after {
    display: none;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner {
    flex-flow: row wrap;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap {
    width: 100%;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap .voInner {
    display: inherit;
    white-space: nowrap;
    overflow: auto;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap .voInner::-webkit-scrollbar {
    display: none;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap .voInner .voBox {
    width: 120px;
    display: inline-block;
    float: none;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap .voInner .voBox p small {
    width: auto;
    float: none;
    display: block;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap .voInner .voBox.voBoxOutstanding {
    width: 100%;
  }
  .completeBodyWrap .manageClientsLIstWrapper .clientsBlock .visit_orderPanel .vo__panelInner .voWrap .voInner .voBox.voBoxOutstanding h4 {
    margin: 0 0 12px 0;
  }
  .noticePopupWrap .noticePOpContain {
    width: 100%;
    max-height: 80%;
    height: unset;
    right: 0 !important;
    top: unset;
    background-color: #fff;
    border-radius: 31px 31px 0px 0px;
    z-index: 99;
    transition: 0.4s ease-in-out;
    bottom: -100%;
  }
  .noticePopupWrap .noticePOpContain.activeNoticePOpContain {
    bottom: 0;
  }
  .noticePopupWrap .noticePOpContain .popNoticeListingWrap {
    height: 460px;
    padding-bottom: 75px;
  }
  /*************  dashboard style  ***********/
  main.completeBodyWrap .completeBodyInner {
    position: relative;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap {
    white-space: nowrap;
    overflow: auto;
    display: flex;
    justify-content: space-between;
    margin: 26px 0 0 0px;
    padding: 0 12px;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap::-webkit-scrollbar {
    display: none;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__puBox {
    min-width: 255px;
    margin: 11px 10px;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap {
    width: auto;
    min-width: 820px;
    float: left;
    margin: 14px 0 0 23px;
    max-width: 820px;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap::after {
    display: none;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__tInfoBox {
    width: 250px;
    margin: 0 11px 0 0px;
  }
  main.completeBodyWrap .completeBodyInner .db__topPartwrap .db__topotCWrap .db__topInfoBoxesInner .db__sBox img {
    width: 57px;
    height: 57px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
  main.completeBodyWrap .completeBodyInner .chartmapWrap {
    margin: 25px 0 0 0;
    padding: 15px;
    flex-flow: row wrap;
    border: 0;
    border-radius: 0;
  }
  main.completeBodyWrap .completeBodyInner .chartmapWrap:after {
    display: none;
  }
  main.completeBodyWrap .completeBodyInner .chartmapWrap .chartWrap {
    width: 100%;
    float: left;
  }
  main.completeBodyWrap .completeBodyInner .chartmapWrap .chartWrap canvas {
    height: auto !important;
    margin: 12px 0 0 0;
  }
  main.completeBodyWrap .completeBodyInner .chartmapWrap .chartWrap #checkinChart {
    width: 100%;
    float: left;
  }
  main.completeBodyWrap .completeBodyInner .chartmapWrap .liveTrackMapWrap {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock {
    width: 100%;
    float: left;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .usersHead.doSmall {
    position: static;
    display: block;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .usersHead.doSmall .headActions {
    position: relative;
    right: 0;
    bottom: 0;
    transform-origin: center right;
    transform: rotate(0deg) scale(0.66);
    float: right;
    margin: -11px 0 0 0;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .usersHead.doSmall .headActions .searchBlock {
    transform: rotate(0deg);
    top: unset;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap {
    position: relative;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox {
    width: 100%;
    float: left;
    padding: 12px !important;
    flex-flow: column;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails {
    width: 100%;
    float: left;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails picture {
    width: 70px;
    height: 70px;
    border-radius: 8px;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails picture img {
    border-radius: 8px !important;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article {
    width: calc(100% - 80px);
    align-items: flex-start;
    position: relative;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 {
    font-size: 11px;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span {
    position: absolute;
    width: 99px;
    right: 0;
    top: 40px;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns {
    margin: 0 0 0 6px;
    width: 27px !important;
    height: 25px;
    font-size: 13px;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article h3 span a.uAbttns b {
    display: none !important;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns {
    margin: 6px 0 0 0;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .userPicDetails article .actionBttns a {
    font-size: 9px;
    margin: 0 6px 0 0;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .rightAction {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin: 10px 0 0 0;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .rightAction a {
    width: 48%;
    font-size: 10px;
    padding: 10px 9px;
    text-align: center;
    margin: 0 3px;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .rightAction .authorizeIcn {
    margin: 0 10px 0 0;
  }
  main.completeBodyWrap .completeBodyInner .UsersCompleteBlock .userListWrap .userBox .rightAction .authorizeIcn img {
    width: 19px;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap {
    position: relative;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .usersHead {
    position: static;
    padding: 0 15px;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .usersHead .headActions {
    position: static;
    right: unset;
    bottom: unset;
    transform: rotate(0deg);
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .checkinBlocksWrap {
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: auto;
    flex-flow: row;
    padding: 0 15px;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .checkinBlocksWrap::-webkit-scrollbar {
    display: none;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .checkinBlocksWrap .checkInBox {
    min-width: 310px;
    height: auto;
    margin: 0 13px 0 0px;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__head {
    white-space: normal;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__description {
    white-space: normal;
  }
  main.completeBodyWrap .completeBodyInner .RecentCheckinsWrap .checkinBlocksWrap .checkInBox .cb__bttns {
    white-space: normal;
  }
  .profileWrap {
    position: relative;
  }
  .profileWrap .leftContents {
    width: 100%;
  }
  .profileWrap .mainFormWrap {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .profileWrap .mainFormWrap .mainForm form .inpWrap {
    width: 100% !important;
  }
  .editFormWrap form {
    padding: 10px 10px;
  }
  .editFormWrap form .focusField {
    flex-flow: column;
    padding: 12px;
    border-radius: 0;
  }
  .editFormWrap form .focusField .inpWrap {
    width: 100%;
  }
  .editFormWrap form .focusField .addStop {
    width: 100%;
  }
  .manageRoutePlan .routeBox {
    flex-flow: column;
    gap: 15px;
  }
  .manageRoutePlan .routeBox h4 {
    text-align: center;
    flex-flow: column;
  }
  .manageTourPlan .tourBox {
    align-items: center;
    flex-flow: column;
    padding: 12px;
  }
  .manageTourPlan .tourBox h4 {
    width: 100%;
    text-align: center;
    flex-flow: column;
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .manageTourPlan .tourBox h4 a {
    width: 100%;
    text-align: center;
    float: left;
  }
  .manageTourPlan .tourBox h4 small {
    width: 103px;
  }
  .manageTourPlan .tourBox .datePart {
    font-size: 11px;
    margin: 18px 0;
  }
  .manageTourPlan .tourBox .rightPart a {
    font-size: 0;
    gap: 0;
  }
  .manageTourPlan .tourBox .rightPart a i {
    font-size: 15px;
    margin: 0;
  }
  .imagePopupWrapper .imgPopInn .mainImgContain {
    width: 100%;
    border-radius: 12px 12px 0 0;
    position: absolute;
    bottom: -450px;
    transform: scale(1);
    opacity: 1;
  }
  .imagePopupWrapper .imgPopInn .mainImgContain.openPop {
    bottom: 0;
  }
  .commentBoxWrap .cb__inner .commentMain {
    width: 90%;
  }
  .commentBoxWrap .cb__inner .commentMain .closeCmt {
    right: 0;
    top: -57px;
    padding: 15px 18px;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock {
    flex-flow: column;
    gap: 9px;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .areaSelect {
    width: 100%;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock:first-child {
    position: relative;
    flex-flow: column;
    padding: 0 0 22px 0;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock:first-child .removeStopArea {
    display: none !important;
  }
  aside .asideInn .asideMenuListing li a {
    position: relative;
  }
  aside .asideInn .asideMenuListing li a b {
    position: absolute;
    right: 8px;
    opacity: 1 !important;
  }
  .mangeLeadsWrapper .leadsBlock {
    flex-flow: column;
    flex-flow: column;
    padding: 14px 14px;
  }
  .mangeLeadsWrapper .leadsBlock .leftContents {
    width: 100%;
  }
  .mangeLeadsWrapper .leadsBlock .rightPart {
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 21px 0 0 0;
    gap: 14px;
    width: 100%;
  }
  .mangeLeadsWrapper .leadsBlock .rightPart .leads-content-right {
    gap: 6px;
  }
  .mangeLeadsWrapper .leadsBlock .rightPart .leads-content-right a {
    padding: 0 0;
    font-size: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin: 0px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .mangeLeadsWrapper .leadsBlock .rightPart .leads-content-right a i {
    font-size: 14px !important;
    margin: 0;
  }
  .mangeLeadsWrapper .leadsBlock .rightPart .leads-content-right .btn-check-in-expand {
    width: 100%;
    height: auto;
    padding: 8px 14px;
    font-size: 15px;
    border-radius: 5px;
    display: block;
    margin: 0 0 11px 0;
  }
  .mangeLeadsWrapper .leadsBlock .rightPart .leads-content-right .btn-check-in-expand i {
    float: right;
    margin: 4px 0 0 0;
  }
  .editFormWrap form .inpWrap {
    width: 100%;
  }
  .manageTasksBlock {
    float: left;
  }
  .manageTasksBlock .mtbTopBlock {
    flex-flow: column;
    align-items: flex-start;
    gap: 12px;
  }
  .manageTasksBlock .mtbTopBlock .mtbTopText {
    width: 100%;
    text-align: left;
  }
  .manageTasksBlock .mtbTopBlock .mtbTopBttn {
    width: 100%;
  }
  .manageTasksBlock .mtbBottonInfo {
    flex-flow: column;
  }
  .manageTasksBlock .mtbBottonInfo .mtbbInfoUserDetails {
    width: 100%;
  }
  .manageTasksBlock .mtbBottonInfo .status__priority {
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .manageCheckinsListingWrap .manageCleckinsBox {
    width: 100%;
  }
  .manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo {
    flex-flow: column;
  }
  .manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo picture {
    width: 100%;
    height: 140px;
    background-size: 58px;
  }
  .manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article {
    width: 100%;
    margin: 15px 0 0 0;
  }
  .manageCheckinsListingWrap .manageCleckinsBox .mcbTopInfo article .mcbBttnsWrap {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
  }
  .manageCheckinsListingWrap .manageCleckinsBox .mcbBottomInfo {
    flex-flow: column;
    gap: 12px;
  }
  .manageDocumentsWrap .docBox {
    padding: 12px;
    flex-flow: column;
    gap: 13px;
    align-items: flex-start;
  }
  .manageDocumentsWrap .docBox .rightPart a {
    font-size: 0;
    gap: 0;
  }
  .manageDocumentsWrap .docBox .rightPart a i {
    font-size: 15px;
    margin: 0;
  }
  .viewReportWrap {
    background-color: transparent;
    padding: 0;
    margin: 12px 0 0 0;
  }
  .viewReportWrap .reportBlock {
    padding: 15px 25px;
  }
  .viewReportWrap .reportBlock .rigtPart {
    width: 100%;
    flex-flow: column;
    align-items: flex-start;
    gap: 10px;
    margin: 9px 0 0 0;
  }
  .helpPopupWrap .helpPopMain {
    width: 98%;
    justify-content: center;
  }
  .helpPopupWrap .helpPopMain picture {
    display: none;
  }
  .canvasWrap .google_canvas_container {
    width: 98%;
    height: 70%;
  }
  .canvasWrap .google_canvas_container .closeMap {
    right: 0;
    top: -43px;
  }
  .canvasWrap .google_canvas_container .pac-listing {
    width: 90%;
    left: 5%;
  }
  .deletePopWrap .deleteMain {
    width: 95%;
    max-width: 414px;
  }
  .searchPopWrap .spopContain {
    max-width: 94%;
    padding: 25px 32px;
  }
  .searchPopWrap .spopContain h3 {
    font-size: 15px;
  }
  .searchPopWrap .spopContain form {
    margin: 20px 0 0 0;
    gap: 11px;
  }
  .searchPopWrap .spopContain form .animateInput {
    font-size: 13px;
    padding: 8px 13px;
  }
  /********************************************  mobile action Bttn style  ********************************/
  .usersHead .headActions {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;
    display: none;
  }
  .usersHead .headActions .hideActionMobile {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .usersHead .headActions .headActionsContains {
    position: absolute;
    width: 320px;
    bottom: -50%;
    left: calc(50% - 160px);
    background-color: #fff;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 40px 18px 60px;
    border-radius: 19px;
    -moz-column-gap: 27px;
         column-gap: 27px;
    row-gap: 40px;
    transition: 0.4s ease-in-out;
    z-index: 2;
    transform-origin: bottom center;
    opacity: 0;
  }
  .usersHead .headActions .headActionsContains.activeActions {
    bottom: 80px;
    opacity: 1;
  }
  .usersHead .headActions .headActionsContains .habttn {
    box-shadow: 0px 2px 6px rgba(14, 123, 224, 0.2);
    border: 1px solid #c7e6ff;
    width: 56px !important;
    height: 56px !important;
    font-size: 17px;
    position: relative;
    margin: 0;
  }
  .usersHead .headActions .headActionsContains .habttn b {
    position: absolute;
    width: 84px !important;
    left: -14px;
    bottom: -36px;
    font-size: 9px !important;
    text-align: center;
    color: #434343;
    height: 29px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 10px;
  }
  .usersHead .headActions .headActionsContains .habttn:hover {
    width: 56px !important;
  }
  .usersHead .headActions .headActionsContains .habttn:hover b {
    margin: 0 0 0 0px;
  }
  .usersHead .headActions .headActionsContains .searchBlock {
    width: 100% !important;
    border: 1px solid #cfdfee;
  }
  .usersHead .headActions .headActionsContains .searchBlock form {
    padding: 0;
  }
  .usersHead .headActions .headActionsContains .searchBlock input[type=submit] {
    margin: 0;
    background-size: 16px;
    min-width: 35px;
  }
  .fixElementsWrap {
    position: fixed;
    right: 10px;
    bottom: 76px;
    z-index: 99;
    transition: 0.3s ease-in-out;
  }
  .fixElementsWrap.showAll {
    right: 30px;
  }
  .openActionsMobile {
    display: flex;
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    z-index: 99;
    background: #4ba751;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    float: right;
    gap: 1px;
  }
  .clientDetailsPopupWrap .popMainContent {
    max-width: 95%;
    padding: 20px 20px;
    word-break: break-all;
  }
  .main-lds-container .leads-detils-content {
    border-radius: 5px;
    padding: 10px 10px;
  }
  .main-lds-container .leads-detils-content .field-leads-container {
    flex-flow: column;
    align-items: flex-start;
    position: relative;
  }
  .main-lds-container .leads-detils-content .field-leads-container .upload-photo-Container {
    min-width: 70px;
    max-width: 70px;
    height: 70px;
  }
  .main-lds-container .leads-detils-content .field-leads-container .txtContainer {
    padding: 0;
  }
  .main-lds-container .leads-detils-content .field-leads-container .txtContainer .btn-expand-more {
    top: 0;
  }
  .main-lds-container .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top {
    gap: 9px;
    flex-flow: column;
  }
  .iframePopupWrap .iframePopMain {
    width: 95%;
    height: 95%;
  }
  /************************  map popup  *****************************/
  .crdCompleteWrap {
    width: 100%;
    float: left;
  }
  .crdCompleteWrap .crdSearchForm form {
    flex-flow: row wrap;
  }
  .crdCompleteWrap .crdSearchForm form .topBox {
    flex-flow: column;
  }
  .crdCompleteWrap .crdSearchForm form .gpsReportCheckboxContainer {
    flex-flow: column;
  }
  .crdCompleteWrap .crdSectionMapWrap {
    width: 100%;
    float: left;
    height: 650px;
  }
  .crdCompleteWrap .crdSectionMapWrap .phoneStatus {
    left: calc(50% - 152px);
    top: 178px;
  }
  .crdCompleteWrap .crdSectionMapWrap .cadSContent {
    width: 100%;
    float: left;
    height: auto;
    left: 0;
    top: 0;
    border-radius: 15px;
    position: relative;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    padding: 17px 14px;
  }
  .crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock {
    position: relative;
    min-height: unset;
    white-space: normal;
    min-width: 245px;
  }
  .crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock span.locationBox h4 {
    font-weight: 400;
    font-size: 11px;
    cursor: pointer;
    line-height: 17px;
  }
  .crdCompleteWrap .crdSectionMapWrap .cadSContent .locationBlock::after {
    display: block !important;
  }
  .checkInImagePop picture {
    width: 97% !important;
    min-width: unset !important;
    max-width: unset !important;
    height: unset !important;
  }
  .checkInImagePop picture img {
    width: 100% !important;
  }
  /*************************************************  leave settings  ***************************************/
  .leaveSttingsWrap {
    width: 100%;
  }
  .leaveSttingsWrap .configWorkHours {
    padding: 15px 15px;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox {
    width: 100%;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__flip {
    padding: 10px;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel {
    padding: 0 10px;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox {
    padding: 10px 0;
    flex-flow: column;
    align-items: center;
    justify-content: center;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox .timeBox {
    width: 100%;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox .addRow {
    width: 100%;
    margin: 12px 0 0 0;
    text-align: center;
  }
  .leaveSttingsWrap .configWorkHours .daysWrap .dayBox .db__panel .workTimeBox .removeRow {
    width: 100%;
    margin: 12px 0 0 0;
    justify-content: center;
  }
  .gm__Wrap {
    padding: 15px;
    flex-flow: column;
    gap: 15px;
  }
  .gm__Wrap .graceTime {
    width: 100%;
  }
  .gm__Wrap .minWorkHour {
    width: 100%;
  }
  .leaveResetPage {
    padding: 15px;
    flex-flow: column;
    gap: 15px;
  }
  .leaveResetPage .timerBlock {
    width: 100%;
  }
  .min__workBlock {
    padding: 15px;
    flex-flow: column;
    gap: 15px;
  }
  .min__workBlock .timerBlock {
    width: 100% !important;
  }
  .min__workBlock .timerBlock label {
    font-size: 14px;
  }
  .configureHolidays {
    padding: 15px;
  }
  .configureHolidays .holidayBoxWrap {
    padding: 0;
  }
  .configureHolidays .holidayBoxWrap .h__Box {
    flex-flow: column;
    width: 100% !important;
  }
  .configureHolidays .holidayBoxWrap .h__Box .removeH__box {
    width: 100%;
    justify-content: center;
    background-color: #F8DBE9;
  }
  .configureHolidays .addH__box {
    width: 100%;
    justify-content: center;
  }
  .reportLIstingWrap {
    padding: 0;
  }
  .reportLIstingWrap .reportBox {
    padding: 0;
    border-radius: 5px;
  }
  .reportLIstingWrap .reportBox .rbTop {
    padding: 10px;
    flex-flow: column;
    gap: 15px;
  }
  .reportLIstingWrap .reportBox .rbTop .leftPart {
    flex-flow: column;
    gap: 20px;
    width: 100%;
  }
  .reportLIstingWrap .reportBox .rbTop .leftPart .detailsWithImage {
    width: 100%;
  }
  .reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails {
    max-width: 100% !important;
    width: 100% !important;
  }
  .reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails.reportDateCont {
    max-width: 100% !important;
  }
  .reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails.reportDateCont h4 {
    width: 100%;
    flex-flow: row;
    white-space: nowrap;
  }
  .reportLIstingWrap .reportBox .rbTop .leftPart .reasonDetails.reportDateCont h4 small {
    flex-direction: row;
    white-space: normal;
  }
  .reportLIstingWrap .reportBox .rbTop .rightPart {
    width: 100%;
    justify-content: flex-start;
    flex-flow: row;
    gap: 5px;
  }
  .reportLIstingWrap .reportBox .rbTop .rightPart .actionBttns {
    font-size: 12px;
    padding: 10px 16px;
    gap: 6px;
  }
  .reportLIstingWrap .reportBox .rbTop .rightPart a {
    float: left;
    font-size: 10px !important;
    padding: 10px 10px !important;
    border: 0 !important;
    border-radius: 3px;
  }
  .reportLIstingWrap .reportBox .expand_items_div {
    position: relative;
  }
  .reportLIstingWrap .reportBox .expand_items_div .row-field-report {
    padding: 13px;
  }
  .reportLIstingWrap .reportBox .expand_items_div .row-field-report .field-content-grid {
    width: 100% !important;
  }
  .reportLIstingWrap .reportBox .rbBottom {
    padding: 12px;
    gap: 15px;
  }
  .reportLIstingWrap .reportBox .rbBottom p {
    width: 100%;
    float: left;
    flex-flow: row wrap;
    text-align: center;
    justify-content: center;
  }
  .reportLIstingWrap .reportBox .rbBottom p b {
    width: 100%;
    float: left;
  }
  .reportLIstingWrap .reportBox .rbBottom .leftBottom {
    gap: 12px;
    float: left;
  }
  .reportLIstingWrap .reportBox .rbBottom .leftBottom p {
    width: 100%;
    text-align: left;
    padding: 3px 7px;
    justify-content: flex-start;
  }
  .reportLIstingWrap .reportBox .detailedPopWrap .detailedPOpInner {
    width: 98%;
    max-height: 93%;
    overflow: auto;
    padding: 15px;
  }
  .reportLIstingWrap .reportBox.expanceReport .rbBottom {
    flex-flow: column;
    gap: 22px;
    align-items: flex-start;
    text-align: left;
  }
  .reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox {
    width: 100% !important;
    align-items: flex-start !important;
    text-align: left;
    padding: 0 !important;
  }
  .reportLIstingWrap .reportBox.expanceReport .rbBottom .rbBox p {
    text-align: left;
  }
  .reportLIstingWrap .reportBox.outStandingReport .rbTop .leftPart {
    gap: 20px;
  }
  .transectionPopWrap .transecPopBox {
    width: 95%;
    padding: 25px;
  }
  .transectionPopWrap .transecPopBox h2 {
    font-size: 17px;
  }
  .transectionPopWrap .transecPopBox .transectionsListWrap .tlBox {
    flex-flow: column;
    gap: 12px;
  }
  .transectionPopWrap .transecPopBox .transectionsListWrap .tlBox .tlContent {
    width: 100% !important;
  }
  .breadcrumbs {
    gap: 20px;
    margin: 23px 0 4px 0;
    font-size: 11px;
    padding: 0 0px;
  }
  .breadcrumbs a::after {
    right: -11px;
    top: 2px;
  }
  .previewPayslipContainer {
    width: 100%;
    overflow: auto;
  }
  .previewPayslipContainer .topTd {
    width: 550px;
  }
  .previewPayslipContainer table {
    min-width: 550px;
    max-width: 550px;
  }
  .previewPayslipContainer::-webkit-scrollbar {
    display: none;
  }
  .steps_container {
    margin: 17px 0;
  }
  .steps_container .step-group {
    gap: 23px;
  }
  .steps_container .step-group li {
    position: relative;
  }
  .steps_container .step-group li a {
    position: relative;
  }
  .steps_container .step-group li a span {
    width: 45px;
    height: 45px;
  }
  .steps_container .step-group li a span img {
    width: 20px;
  }
  .steps_container .step-group li a .text {
    font-size: 10px;
    font-weight: 600;
  }
  .steps_container .step-group::after {
    width: 95%;
    top: 22px;
    right: 0;
    left: inherit;
  }
  .dashboardContainer {
    padding: 0 0 !important;
  }
  .gpsReportSummary .phoneStatus {
    left: 0;
    top: 91px;
  }
  .dashboardCongPopWrap .dashboardCongPopMain {
    width: 96%;
    padding: 30px 20px 35px;
  }
  .dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer {
    flex-flow: column;
  }
  .dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer picture {
    max-width: 80%;
    min-width: 80%;
  }
  .dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article {
    text-align: center;
  }
  .dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article .bttnsWrap {
    display: flex;
    justify-content: center;
    gap: 12px;
  }
  .dashboardCongPopWrap .dashboardCongPopMain .congratulationsContainer article .bttnsWrap a {
    margin: 0;
  }
  .billInvoiceWrapper {
    padding: 15px;
  }
  .billInvoiceWrapper .invoiceTopContent {
    flex-flow: column;
    gap: 20px;
  }
  .billInvoiceWrapper .invoiceBottomContent p img {
    width: 80px;
  }
  .setPermission {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .setPermission form {
    padding: 0;
  }
  .setPermission form .inpWrap {
    width: 100%;
    flex-flow: column;
  }
  .setPermission form .inpWrap.headBox {
    justify-content: flex-start;
  }
  .setPermission form .inpWrap .permissionName {
    width: 100%;
  }
  .setPermission form .inpWrap .permissionName .mobileToolWrap {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 500;
    margin: 16px 0 5px 0;
  }
  .setPermission form .inpWrap .permissionName .mobileToolWrap .iconTooltip {
    float: left;
    margin: 3px 10px 0 0;
  }
  .setPermission form .inpWrap .permissionName .mobileToolWrap .iconTooltip .toolTipStyle {
    width: 300px;
  }
  .setPermission form .inpWrap .radioBttnswrap {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }
  .toolTipWrap .mobileToolWrap {
    display: block !important;
    position: relative;
    padding: 1px 0px 0 20px;
    font-size: 14px;
  }
  .toolTipWrap .mobileToolWrap .iconTooltip {
    float: none;
    position: absolute;
    margin: 0;
    cursor: pointer;
    top: 2px;
    left: 0px;
  }
  .consolidatedMapWrap {
    flex-flow: column;
    border: 0;
    border-radius: 0;
    overflow: visible;
  }
  .consolidatedMapWrap .consolidatedMap {
    width: 100%;
    height: 300px;
  }
  .consolidatedMapWrap .consolidateditemsWrap {
    min-width: 100%;
    max-width: 100%;
    background-color: transparent;
    margin: 25px 0 0 0;
    overflow: visible;
    height: auto;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner {
    padding: 0;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox {
    padding: 0 0;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head {
    padding: 10px 12px;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .consolidated_emp_head .userContent h4 {
    width: 100%;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel {
    padding: 15px;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .togglePanelInner {
    width: 100%;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .togglePanelInner .consolidated_emp_info {
    width: 100%;
  }
  .consolidatedMapWrap .consolidateditemsWrap .itemsinner .itemsBox .togglePanel .togglePanelInner .consolidated_emp_bottom a {
    width: 100%;
  }
  .consolidatedMapWrap .consolidateditemsWrap.shrink {
    min-width: 100%;
    max-width: 100%;
  }
  .consolidatedMapWrap .consolidateditemsWrap.shrink .itemsinner .itemsBox .consolidated_emp_head .flipBtnIcon {
    opacity: 1;
  }
  .consolidatedMapWrap .consolidateditemsWrap.shrink .itemsinner .itemsBox .consolidated_emp_head .userContent h4 {
    opacity: 1;
    width: 100% !important;
  }
  .timelinePopWrap .popContent {
    width: 95%;
    padding: 36px 20px;
  }
  .timelinePopWrap .popContent .closeIocn {
    z-index: 9;
  }
  .timelinePopWrap .popContent .activityListWrap .activities_row .eventText {
    font-size: 13px;
  }
  .pac-container {
    width: 60% !important;
  }
  .packagesContainer .packages_top {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 30px;
  }
  .packagesContainer .packages_top .current_package {
    max-width: unset;
    min-width: unset;
    width: 100%;
    padding: 15px;
  }
  .packagesContainer .packages_top .current_package .lp-price-card__price {
    font-size: 17px;
  }
  .packagesContainer .packages_top .current_package .lp-price-card__price .lp-price-card__price-ammount {
    font-size: 50px;
  }
  .packagesContainer .packages_top .package_description {
    padding: 15px;
    line-height: 22px;
    font-size: 13px;
    border-radius: 9px;
  }
  .change_package {
    margin: 55px 0 0 0;
  }
  .change_package .allPackages {
    width: 100%;
  }
  .change_package .allPackages .tabLintWrap {
    padding: 0;
  }
  .change_package .allPackages .tabLintWrap .tab-links {
    padding: 5px;
    gap: 0;
  }
  .change_package .allPackages .tabLintWrap .tab-links li a {
    padding: 11px 15px;
    font-size: 13px;
  }
  .change_package .allPackages .tab-content .tab .tabBoxInner .priceCards {
    position: relative;
  }
  .change_package .allPackages .tab-content .tab .tabBoxInner .priceCards.most_popular::after {
    height: 100px;
    width: 89.52px;
    right: -9px;
    top: -6px;
  }
  .change_package .allPackages .tab-content .tab .tabBoxInner .priceCards.priceCards_active {
    transform: scale(1);
  }
  .showingPriceWrap .showingPrice {
    padding: 11px;
  }
  .showingPriceWrap .showingPrice div {
    font-size: 13px;
  }
  .add_remove_users .addRemoveInner {
    position: relative;
  }
  .add_remove_users .addRemoveInner h3 {
    font-size: 25px;
  }
  .add_remove_users .addRemoveInner .addRemoveUsersContainer {
    gap: 12px;
  }
  .add_remove_users .addRemoveInner .addRemoveUsersContainer .arBtn a {
    padding: 10px 14px;
    min-width: unset;
    font-size: 12px;
    font-weight: 500;
  }
  .add_remove_users .addRemoveInner .addRemoveUsersContainer .numberOfUsersContainer .packageCal {
    width: 65px;
  }
  .paymentCompleteWrap {
    width: 100%;
  }
  .paymentCompleteWrap .paymentFailureMsgContainer {
    width: 100%;
  }
  .paymentCompleteWrap .paymentFailureMsgContainer picture {
    width: 250px;
  }
  .paymentCompleteWrap .paymentFailureMsgContainer .failBttns {
    flex-flow: row wrap;
  }
  .successMessage, .accountStatusAlert {
    border-radius: 0;
  }
  .nw__reportBox .nt__toggleinfos.othersInfosBox .ntt__boxes h4 {
    padding: 10px 14px;
    font-size: 15px;
    width: 100%;
    margin: 5px 0;
  }
  .reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart {
    gap: 18px;
  }
  .reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .detailsWithImage h4 {
    max-width: unset;
    width: 100% !important;
  }
  .reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .reasonDetails {
    max-width: unset;
  }
  .reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .reasonDetails.advUser {
    width: 100%;
  }
  .reportLIstingWrap.advCheckinRepWrap .reportBox .rbTop .leftPart .reasonDetails.advDate {
    width: 100%;
  }
  .reportLIstingWrap .reportBox {
    float: left;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart {
    float: left;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .detailsWithImage {
    width: 100% !important;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .reasonDetails {
    max-width: unset;
    width: 100%;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rbTop .leftPart .reasonDetails.timeBox {
    width: 100%;
  }
  .reportLIstingWrap .reportBox .phoneStatus {
    left: -15px;
  }
  .reportLIstingWrap .reportBox.geoFence .breachUserName {
    width: 100%;
  }
  .reportLIstingWrap .reportBox.geoFence .breachDate {
    width: 100%;
  }
  .dynamicTableWrap .swipeImg {
    transform: scale(1);
  }
  /**********************************  compare popup  *******************************/
  .compareWrap .compareContainer {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 56px 0;
    row-gap: 10px;
  }
  .reportLIstingWrap .notificationBox {
    flex-flow: row wrap;
  }
  .reportLIstingWrap .notificationBox .contents {
    flex-flow: row wrap;
    margin: 0 0 15px 0;
  }
  .reportLIstingWrap .notificationBox .contents a {
    margin: 0;
  }
  .reportLIstingWrap .notification_manager {
    left: calc(50% - 75px);
  }
  .selectedItemsCompleteWrap {
    flex-flow: column;
    margin: 30px 0 20px 0;
    gap: 20px;
  }
  .selectedItemsCompleteWrap .routeSimulatorData {
    min-width: unset;
    max-width: unset;
    gap: 20px;
    padding: 0 15px;
    border-left: 0;
    height: unset;
    width: 100%;
  }
  .selectedItemsCompleteWrap .selectedClientsForRS .clientContent {
    padding: 14px 15px;
  }
  .selectedItemsCompleteWrap .selectedClientsForRS .clientContent p {
    font-size: 13px;
  }
  .reportLIstingWrap .notification_manager {
    bottom: 85px;
  }
  .geofenceMap {
    flex-flow: column;
    gap: 18px !important;
    height: 450px !important;
    border-radius: 0 !important;
  }
  .geofenceMap .pac-listing {
    width: 100% !important;
    position: relative;
    float: left;
    top: 0;
    left: 0 !important;
  }
  .geofenceMap #google_canvas {
    float: left !important;
    margin: 18px 0 0 0 !important;
  }
  .geofenceMap .mapFullscreen {
    width: 50px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    top: 82px;
    left: 15px;
    border-radius: 7px;
    box-shadow: 2px 3px 14px rgba(0, 0, 0, 0.3);
    background-image: url(../company_images/fullScreen.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9999;
    display: block;
  }
  .geofenceMap .mapFullscreen.exit {
    background-image: url(../company_images/exitfullscreen.jpg);
    background-size: 40px;
    position: fixed;
    top: inherit;
    bottom: 82px;
  }
  .geofenceMap #google_canvas.doFull {
    width: 100%;
    height: 100%;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 999;
    margin: 0 0 0 0 !important;
  }
  .semulatorDataWrap {
    margin: 0;
  }
  .semulatorDataWrap .selectedItemsCompleteWrap {
    margin: 0;
  }
  .semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS {
    gap: 2px;
  }
  .semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS.moreGap {
    gap: 84px;
  }
  .semulatorDataWrap .selectedItemsCompleteWrap .selectedClientsForRS .clientContent {
    height: 170px;
  }
  .semulatorDataWrap .selectedItemsCompleteWrap .routeSimulatorData {
    right: 10px;
    top: 157px;
    background: #F2F9FF;
    box-shadow: 4px 0px 11px 0px rgba(189, 207, 223, 0.75);
    border: 1px solid #dde2e6;
  }
  .semulatorDataWrap .distanceTimeWrap {
    gap: 7px;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip {
    padding: 12px 13px;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourFlip h4 {
    font-size: 13px;
    color: #333333;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel {
    padding: 13px 13px;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .selectRoute .areaSelect {
    height: 42px;
    padding: 10px 20px !important;
    border-radius: 0px !important;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel label .togglerBttn {
    transform-origin: left;
    transform: scale(0.7);
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .selectAreablock .areaSelect {
    height: 42px;
    padding: 10px 20px !important;
    border-radius: 0px !important;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox .stopsBlockContainer .sbInner select.areaSelec {
    height: 42px !important;
    padding: 10px 20px !important;
    border-radius: 0px !important;
  }
  .gpsDataReportWrap {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none !important;
    padding: 0;
    flex-flow: column;
  }
  .gpsDataReportWrap .gpsDataListWrap {
    width: 100%;
    padding: 0;
    border: 0;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain {
    padding: 12px 0;
    -webkit-mask-image: linear-gradient(180deg, #000 100%, transparent);
            mask-image: linear-gradient(180deg, #000 100%, transparent);
    max-height: unset !important;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain::after {
    left: 20px;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox {
    gap: 5px;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain {
    background-color: #fff;
    padding: 13px 16px;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain a {
    right: 2px;
    top: 9px;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain::after {
    display: none;
  }
  .gpsDataReportWrap .gpsDataListWrap .gpsDataListContain .listBox .boxContain h4 {
    font-size: 16px;
  }
  .gpsDataReportWrap .gpsDataListWrap .showMore {
    left: calc(50% - 65px);
  }
  .gpsDataReportWrap .gpsDataSummeryText {
    width: 100%;
    float: left;
    padding: 0 0;
    margin: 12px 0 0 0;
  }
  .copyAlert {
    width: 90%;
    padding: 13px 20px;
    text-align: center;
    left: 5%;
    transform: translate(0px, 0px);
    background-color: #BCF0C8;
    color: #0E7425;
  }
  .copyAlert.show {
    top: 10%;
  }
  .all_employees {
    padding: 12px;
    border-radius: 5px;
  }
  .all_employees .employeeRow {
    flex-flow: column;
    padding: 15px 0;
    gap: 12px;
    position: relative;
  }
  .all_employees .employeeRow .closeBranchManager {
    position: absolute;
    right: 0;
  }
  .maps .mapContain {
    width: 90%;
  }
  .analysisReportWrap {
    margin: 15px 0 0 0;
  }
  .analysisReportWrap .employeeReportBoxWrap {
    padding: 12px;
    border-radius: 12px;
  }
  .analysisReportWrap .employeeReportBoxWrap .employeName {
    float: left;
  }
  .analysisReportWrap .employeeReportBoxWrap .employeName .enWrap picture {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
  .analysisReportWrap .employeeReportBoxWrap .employeName i.expandBtn {
    background: #f7f7f7;
    font-size: 13px;
    width: 31px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
  }
  .analysisReportWrap .employeeReportBoxWrap .employeeReportdetails {
    float: left;
    display: none;
  }
  .analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox {
    flex-flow: column;
    align-items: flex-start;
    gap: 0;
    padding: 5px 10px;
  }
  .analysisReportWrap .employeeReportBoxWrap .employeeReportdetails .employeeReportBox .recordContain {
    width: 100% !important;
    padding: 12px 0 !important;
    border-right: 0;
    border-bottom: 1px solid #CFDDEB;
  }
  .trailPackages {
    position: absolute;
    z-index: 9999;
  }
  .pendingWorkWrap {
    padding: 0 12px;
    flex-flow: column;
    gap: 15px;
    margin: 20px 0 0 0;
  }
  .pendingWorkWrap a.pWork {
    border-radius: 5px;
  }
  /***************************************  14-11-2024  ************************************/
  .orderPanelDetailsWrap .opDetailsBox {
    width: 98%;
    max-height: 70%;
    overflow: auto;
  }
  .orderPanelDetailsWrap .opDetailsBox::-webkit-scrollbar {
    display: none;
  }
  .orderPanelDetailsWrap .opDetailsBox .leads-detils-content {
    padding: 13px 13px;
  }
  .orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container {
    flex-flow: column !important;
    align-items: flex-start !important;
  }
  .orderPanelDetailsWrap .opDetailsBox .leads-detils-content .field-leads-container .txtContainer .leads-detils-content-top {
    flex-flow: column;
  }
  .paymentCompleteWrap .paymentSuccessMsgContainer {
    width: 100%;
  }
  .reviewPopUpWrap .reviewPopInner {
    width: 95%;
    padding: 47px 5px;
  }
  /**********************************************************  06-12-2024 target analysis  *****************************************************/
  .companTargetAnalysisWrap {
    flex-flow: column;
  }
  .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails {
    float: left;
  }
  .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox {
    flex-flow: column;
    padding: 12px 12px !important;
    border-bottom: 1px solid #aabac6 !important;
  }
  .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox:last-child {
    border: 0 !important;
  }
  .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain {
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    margin: 12px 0 !important;
  }
  .branchTargetAnalysis .branchAnalysisWrap .branchAnalysisdetails .branchAnalysisBox .recordContain.month {
    color: #f00 !important;
  }
  .branchTargetAnalysis .branchAnalysisWrap .tgtAnalysisReportBoxWrap .branchAnalysisdetails .branchAnalysisBox {
    padding: 9px 0 !important;
  }
  /*********************************************  tour plan 08-01-2025  **********************************************/
  .su__details__container {
    margin: 15px 0 0 0;
  }
  .su__details__container .su__details {
    padding: 35px 14px 25px;
    gap: 10px;
  }
  .su__details__container .su__details .statusDate {
    right: 16px;
    font-size: 10px;
    top: 11px;
  }
  .su__details__container .su__details .statusLine {
    left: 22px;
    top: -42px;
  }
  .su__details__container .su__details h4 p.comment {
    width: 100%;
    float: left;
    margin: 11px 0 0 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.3px;
  }
  .showHolidayListPopHeader .popCompleteWrap .pastHoldysWrap {
    width: 100%;
    position: fixed;
    top: inherit;
    right: 0;
    z-index: 999;
    box-shadow: 0px -9px 26px rgba(0, 0, 0, 0.2);
    bottom: 49px;
  }
  .setTargetFormWrap {
    z-index: 9999;
  }
  .setTargetFormWrap .stf__Inner {
    width: 100%;
    height: 75%;
    right: -100%;
    border-radius: 0;
    top: unset;
    bottom: 0 !important;
    padding: 0 0 77px 0;
    border: 0;
  }
  .setTargetFormWrap .stf__Inner.openPop {
    right: 0;
  }
  .setTargetFormWrap .stf__Inner h4 {
    padding: 16px 8px;
    margin: 0 0 0 0;
  }
  .setTargetFormWrap .stf__Inner h4 i {
    margin: 0;
    top: 0;
  }
  .buttonsCont.splitPart {
    justify-content: center;
  }
  .btn-group {
    width: 100% !important;
  }
  .product_container {
    width: 100% !important;
    float: left !important;
    flex-flow: column;
    align-items: flex-start !important;
    padding: 10px 15px !important;
    gap: 18px;
  }
  .product_container .productdtls {
    flex-flow: column;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .product_container .close_icon {
    margin: 0 !important;
  }
  header .headerInner .rightContent .rbf__Box .changePanelWrap .switchOptions {
    top: inherit;
    bottom: 74px;
    right: 0;
  }
  .editFormWrap form .inpWrap.fullWidth.setPermissionBlocks {
    float: left;
  }
  .editFormWrap form .inpWrap.fullWidth.setPermissionBlocks .radioBttnswrap {
    display: flex;
    flex-flow: row;
    width: 100%;
  }
  .editFormWrap form .inpWrap.fullWidth.setPermissionBlocks .radioBttnswrap label.radioBttn {
    min-width: unset;
    width: 100%;
  }
  .editFormWrap form .inpWrap.fullWidth.setPermissionBlocks.headBox .radioBttnswrap {
    flex-flow: row wrap;
  }
  .editFormWrap form .inpWrap.fullWidth.setPermissionBlocks.headBox .radioBttnswrap label.radioBttn {
    min-width: unset;
    width: unset;
  }
  .daterangepicker {
    z-index: 9999;
    width: 100% !important;
    left: 0 !important;
    border-radius: 0 !important;
  }
  .daterangepicker .drp-calendar {
    max-width: 95% !important;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .reasonDetails {
    max-width: 100% !important;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .reasonDetails h4 {
    width: 100%;
    flex-flow: row;
    white-space: nowrap;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport .rbTop .leftPart .reasonDetails h4 small {
    flex-flow: row;
    white-space: normal;
    font-size: 13px;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport .rightPart .expandDetails {
    position: absolute;
    top: 217px;
    right: 12px;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop {
    position: relative;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart {
    gap: 22px;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap {
    gap: 0;
    position: relative;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 141px;
    background-color: #c0c0c0;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap .timeBox {
    width: 155px !important;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap .timeBox h4 .title span {
    display: none;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap .timeBox:last-child {
    position: relative;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap .timeBox:last-child h4 .title {
    display: none;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .timeBoxWrap .timeBox:last-child .phoneStatus {
    left: inherit !important;
    right: 0 !important;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .reasonDetails.reportDateCont h4 {
    font-size: 0;
    gap: 0;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .reasonDetails.reportDateCont h4 small {
    font-size: 13px;
    color: #000;
    font-weight: 500;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .leftPart .reasonDetails.reportDateCont h4 small i {
    margin: 0 0 !important;
  }
  .reportLIstingWrap .reportBox.dueCollectionReport.advanceAttendanceReport.advReportNew .rbTop .rightPart .expandDetails {
    top: 170px;
    right: 20px;
  }
  .reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report {
    flex-flow: row;
    justify-content: space-between;
    row-gap: inherit;
    gap: unset;
  }
  .reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report .field-content-grid {
    width: 100% !important;
    position: relative;
  }
  .reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report .field-content-grid.durationBox {
    width: 80px !important;
    min-width: 80px;
  }
  .reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report .field-content-grid:nth-child(2) {
    position: relative;
  }
  .reportLIstingWrap .reportBox .expand_items_div.forAdvExpand .row-field-report .field-content-grid:nth-child(2) .phoneStatus {
    left: -95px !important;
  }
  .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:first-child {
    flex-flow: column;
  }
  .tourdetailsWrap .tourPlanBlocksWrap .tourBlock .tourPanel .notSelectedBox.clientSelectWrap .clientsBlockContainer .selectAreablock:first-child .btn-group {
    max-width: 100%;
  }
  /*******************************************  22-09-2025(3:50)  ********************************/
  .strNewWrap .strFullSlot .panelBox {
    margin: 12px 0 0 0;
  }
  .strNewWrap .strFullSlot .panelBox .panelBoxInner .pSlot {
    display: flex !important;
    flex-direction: column;
    gap: 25px;
  }
  .strNewWrap .strFullSlot .panelBox .panelBoxInner {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #a1b3c3;
  }
  .strNewWrap .strFullSlot .panelBox .panelBoxInner:last-child {
    border: 0;
  }
  .strNewWrap .strFullSlot .panelBox .panelBoxInner .pSlot {
    width: 100%;
  }
  .strNewWrap .strFullSlot .panelBox .panelBoxInner .pSlot.head {
    width: 130px;
  }
  .strNewWrap .strFullSlot .panelBox .panelBoxInner .pSlot span {
    width: 100%;
  }
  .showToggle {
    float: left !important;
  }
  .downloadAlertWarning {
    width: 100%;
    left: 0;
    top: 119px;
    z-index: 99999;
    bottom: inherit;
  }
  .gstWrapper .gstItem {
    width: 100%;
    justify-content: center;
  }
  .deletePopWrap .deleteMain p {
    padding: 0 25px;
  }
}
@media screen and (min-width: 999) and (max-width: 9000px) {
  .daterangepicker {
    z-index: 9999;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}/*# sourceMappingURL=responsive.css.map */