@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css";
@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

.fc-event-time {
    display: none;
}

.fc-daygrid-event-harness.fc-daygrid-event-harness-abs {
    visibility: visible !important;
}

.alert-wrapper {
    z-index: 999999;
}

img.dz-thumbnail {
    width: 100px;
    background: #ccc;
    height: 100px;
}

/* for carve corner styles*/
.carveRightCorner.carveLeftCorner.length0 {
    left: initial !important;
    right: initial !important;
}
.carveRightCorner.carveLeftCorner.length0 {
	position: initial !important;
}
.carveRightCorner.carveLeftCorner.length1 {
    width: calc(200% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length2 {
    width: calc(300% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length3 {
    width: calc(400% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length4 {
    width: calc(500% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length5 {
    width: calc(600% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length6 {
    width: calc(700% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length7 {
    width: calc(800% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length8 {
    width: calc(900% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length9 {
    width: calc(1000% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length10 {
    width: calc(1100% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length11 {
    width: calc(1200% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.lengt12 {
    width: calc(1300% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length13 {
    width: calc(1400% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length14 {
    width: calc(1500% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length15 {
    width: calc(1600% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length16 {
    width: calc(1700% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length17 {
    width: calc(1800% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length18 {
    width: calc(1900% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length19 {
    width: calc(2000% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length20 {
    width: calc(2100% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length21 {
    width: calc(2200% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length22 {
    width: calc(2300% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length23 {
    width: calc(2400% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length24 {
    width: calc(2500% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length25 {
    width: calc(2600% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length26 {
    width: calc(2700% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length27 {
    width: calc(2800% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length28 {
    width: calc(2900% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length29 {
    width: calc(3000% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length30 {
    width: calc(3100% - 100%) !important;
}
.carveRightCorner.carveLeftCorner.length31 {
    width: calc(3200% - 100%) !important;
}
.carveLeftCorner.length1,.carveRightCorner.length1 {
    width: calc(200% - 50%) !important;
}
.carveLeftCorner.length2,.carveRightCorner.length2 {
    width: calc(300% - 50%) !important;
}
.carveLeftCorner.length3,.carveRightCorner.length3 {
    width: calc(400% - 50%) !important;
}
.carveLeftCorner.length4,.carveRightCorner.length4 {
    width: calc(500% - 50%) !important;
}
.carveLeftCorner.length5,.carveRightCorner.length5 {
    width: calc(600% - 50%) !important;
}
.carveLeftCorner.length6,.carveRightCorner.length6 {
    width: calc(700% - 50%) !important;
}
.carveLeftCorner.length7,.carveRightCorner.length7 {
    width: calc(800% - 50%) !important;
}
.carveLeftCorner.length8,.carveRightCorner.length8 {
    width: calc(900% - 50%) !important;
}
.carveLeftCorner.length9,.carveRightCorner.length9 {
    width: calc(1000% - 50%) !important;
}
.carveLeftCorner.length10,.carveRightCorner.length10 {
    width: calc(1100% - 50%) !important;
}
.carveLeftCorner.length11,.carveRightCorner.length10 {
    width: calc(1200% - 50%) !important;
}
.carveLeftCorner.length12,.carveRightCorner.length12 {
    width: calc(1300% - 50%) !important;
}
.carveLeftCorner.length13,.carveRightCorner.length13 {
    width: calc(1400% - 50%) !important;
}
.carveLeftCorner.length14,.carveRightCorner.length14 {
    width: calc(1500% - 50%) !important;
}
.carveLeftCorner.length15,.carveRightCorner.length15 {
    width: calc(1600% - 50%) !important;
}
.carveLeftCorner.length16,.carveRightCorner.length16 {
    width: calc(1700% - 50%) !important;
}
.carveLeftCorner.length17,.carveRightCorner.length17 {
    width: calc(1800% - 50%) !important;
}
.carveLeftCorner.length18 ,.carveRightCorner.length18{
    width: calc(1900% - 50%) !important;
}
.carveLeftCorner.length19,.carveRightCorner.length19 {
    width: calc(2000% - 50%) !important;
}
.carveLeftCorner.length20,.carveRightCorner.length20 {
    width: calc(2100% - 50%) !important;
}
.carveLeftCorner.length21,.carveRightCorner.length21 {
    width: calc(2200% - 50%) !important;
}
.carveLeftCorner.length22,.carveRightCorner.length22 {
    width: calc(2300% - 50%) !important;
}
.carveLeftCorner.length23,.carveRightCorner.length23 {
    width: calc(2400% - 50%) !important;
}
.carveLeftCorner.length24,.carveRightCorner.length24 {
    width: calc(2500% - 50%) !important;
}
.carveLeftCorner.length25,.carveRightCorner.length25 {
    width: calc(2600% - 50%) !important;
}
.carveLeftCorner.length26,.carveRightCorner.length26 {
    width: calc(2700% - 50%) !important;
}
.carveLeftCorner.length27,.carveRightCorner.length27 {
    width: calc(2800% - 50%) !important;
}
.carveLeftCorner.length28,.carveRightCorner.length28 {
    width: calc(2900% - 50%) !important;
}
.carveLeftCorner.length29,.carveRightCorner.length29 {
    width: calc(3000% - 50%) !important;
}
.carveLeftCorner.length30,.carveRightCorner.length30 {
    width: calc(3100% - 50%) !important;
}
.carveLeftCorner.length31,.carveRightCorner.length31 {
    width: calc(3200% - 50%) !important;
}

.tasksEdit textarea#description {
    height: 250px !important;
}
img.icon-csv {
    width: 37px;
    display: inline-block;
}
.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Tooltip is hidden by default */
.tooltip-wrapper .tooltip-text {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 125%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  font-size: 10px;
  color: #fff;
  padding: 2px 10px;
  border-radius: 4px;
  white-space: nowrap;
  transition: opacity 0.2s ease;
  z-index: 99;
}

/* Arrow */
.tooltip-wrapper .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}

/* Show tooltip on hover */
.tooltip-wrapper:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}


/* END:: for carve corner styles*/
.timeClockHeader .btnCreRep button, .timeClockHeader .btnCreRep a.reportsBtn {
    margin-bottom: 10px;
    display: inline-block;
}
.jobsListingsForShifts {
    display: flex;
    flex-direction: column;
}
.btnCreRep {
    display: flex;
    column-gap: 10px;
    float: right;
}
h3.jobListTitle {
    font-size: 22px;
    font-weight: 500;
    color: #008bd7;
    margin-top: 10px;
}
body {
    background: #fff;
    color: #263238!important;
    font-family: Roboto!important;
    font-size: 18px!important;
    font-weight: 400;
    letter-spacing: -.26px;
    line-height: 22px!important;
}
li.drag-column.drag-column-Archived.Tenants {
    display: none !important;
}
.navbar-left ul.menubar li.menu-item>a .menu-label
{
    display: block !important;
}
.lead-person a {
    font-size: 22px;
    color: #0e90d9;
    font-weight: 500;
}
.lead-block .lead-person {
    display: flex;
    align-items: center;
}
.lead-person i.icon.avatar-dark-icon {
    background-size: 26px;
    background-position: top;
    height: 27px;
}
i.icon.plus-white-icon.forplusicon {
    background: #0e90d9;
    border: 2px solid #0e90d9;
    border-radius: 43px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    font-style: normal;
    font-size: 31px;
    line-height: 34px;
}
.page-title.wplusbtn {
    display: flex;
    margin-bottom: 15px;
    width: 100%;
    justify-content: space-between;
}
span.button.iconplus-b {
    margin-left: 20px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.dashboard .row-grid-3 .card .card-data::-webkit-scrollbar {
    -webkit-appearance: scrollbarthumb-vertical;
}
div#edit_Media_popup .modal-dialog {
    max-width: 1031px;
}
.dashboard .row-grid-3 .card .card-data::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.dashboard .row-grid-3 .card .card-data {
    max-height: 320px;
    padding-right: 2px;
    padding-top: 2px;
    padding-left: 0;
}
.dashboard .row-grid-3 .card .card-data .lead {
    margin-top: 1px;
}
.navbar-left ul.menubar li.menu-item>a .menu-label{margin-left:7px;}
.navbar-left ul.menubar li.menu-item>a {
    padding-right: 5px;
    padding-left: 5px;
}
.tooltip.show {
    opacity: .9;
    left: 138px!important;
}
.inputBlock lable {
    color: #263238;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px;
}
.navbar-left ul.menubar li.menu-item ul.sub-menubar{top: 20px;z-index: 9;}
.actions.btn-group .btn {
    min-width: 220px;
}

.actions.btn-group {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
    column-gap: 20px;
}

.btn.secondary {
    background: #fff;
    border: 2px solid #0e90d9;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgb(14 144 217 / 10%), 0 2px 4px -1px rgb(14 144 217 / 6%);
    color: #0e90d9;
    padding: 10px;
    text-align: center;
}

.leadStatusQuestionnaire {
    display: none;
    max-width: 80%;
    z-index: 9;
    overflow: scroll;
    max-height: 90vh;
    position: absolute;
    top: 1%;
    left: 25%;
    background: #fff;
    width: 50%;
    text-align: center;
    border: 0.5px #ccc solid;
    padding: 25px;
}

.btn.secondary{
    background: #fff;
    border: 2px solid #0e90d9;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgb(14 144 217 / 10%), 0 2px 4px -1px rgb(14 144 217 / 6%);
    color: #0e90d9;
    padding: 10px;
    text-align: center;
}
.content-container {
    padding-left: 165px!important;
}
.inputBlock {
    margin-top: 20px;
}
.menubar-bottom {
    display: none;
}
table.guestHomeBox tr th, table.guestHomeBox tr td {
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.smb-folders {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    column-gap: 15px;
}
.smb-item {
    display: flex;
    text-align: center;
    justify-content: flex-start;
    border: 2px solid #ccc;
    align-items: center;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 19px;
    margin-bottom: 20px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    column-gap: 10px;
    background: #0e90d930;
}
.smb-file {
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
    max-height: 300px;
    border: 1px solid #e5e4e4;
    overflow: hidden;
    min-height: 150px;
}
.smb-files {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    column-gap: 15px;
}
.smb-file i.smb-icon.smb-icon-delete:hover {background-position: -54px -8px;}
.smb-file:hover i.smb-icon.smb-icon-file { background-position: -9px -8px;}
i.smb-icon.smb-icon-file {
    background-position: -9px -35px;
    width: 26px;
    height: 20px;
    padding-right: 26px;
}
.smp-nofiles-available {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 300px;
}
.vuecal__flex.vuecal__cell-content .vuecal__cell-date {
    position: absolute;
    left: 12%;
    top: 11%;
}
i.icon.sprite.tasks-icon {
    background-position: -98px -7px;
    height: 21px;
    width: 17px;
    background-image: url(../img/icons.png);
}
.menu-item:hover i.icon.sprite.activities-icon {
    background-position: -74px -32px!important;
}
.menu-item:hover i.icon.sprite.tasks-icon {
    background-position: -98px -32px;
}
.menu-item:hover .policies-icon {
    background-position: -299px -2px;
}
.vuecal__cell-events {
    position: relative;
    height: 100%;
}
.pink-event .eventAdded {
    background-color: #ffa966!important;
}

.green-event .eventAdded {
    background-color: #00FF00!important;
}

.red-event .eventAdded {
    background-color: #00c8ff!important;
}
.grey-event .eventAdded {
    background: #ff4d50;
    bottom: 3px;
}
.vuecal__cell-events {
    display: flex;
    flex-direction: column;
    justify-content: end;
    max-height: 78px;
    position: absolute;
    bottom: 0;
}
.grey-event {
    background-color: transparent!important;
}
.eventAdded {
    width: 100%;
    /* position: absolute; */
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: #333;
    border-radius: 20px;
    padding-left: 10px;
    color: #fff;
    padding: 8px;
    font-size: 16px;
    bottom: 42px;
}
select.btn.dropdownCalendarbx.dropdown-toggle {
    border: 1px solid #000;
}
.vuecal__cell-events .vuecal__event {
    overflow: inherit;
}
.filter-left.calendarWrapOpt select.btn {
    text-align: left;
}
i.smb-icon.smb-icon-delete {
    background-position: -53px -35px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 13px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 4px;
    z-index: 9;
}
i.smb-icon {
    background-image: url(../img/icons.png);
}
a.btnWNormal.btn.btn-primary {
    width: fit-content;
    float: right;
    margin-left: auto;
}
img.smb-icon-file {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: auto;
    overflow: hidden;
    max-height: 140px;
    width: auto;
}
p.smb-icon-des {
    margin-bottom: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0px;
    padding-right: 33px;
}
.smb-file-title {font-size: 12px;}
.smb-file-title {
    display: flex;
    /* justify-content: space-between; */
    position: absolute;
    top: 0;
    padding: 15px 15px;
    background: #ffffffeb;
    width: 100%;
}
.dz-preview.dz-file-preview.dz-processing .dz-photo:before,.dz-preview.dz-file-preview .dz-photo:before {
    font-weight: 400;
    font-family: "Font Awesome 6 Free";
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    position: absolute;
    content: "\f144";
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
}
p.smb-title {
    margin-bottom: 0px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.smb-item:hover,.smb-item.active {
    -webkit-filter: grayscale(1%);
    filter: grayscale(1%);
    cursor: pointer;
}
p.smb-title {
    margin-bottom: 0px;
}
table.guestHomeBox {
    font-size: 15px;
    border: 1px solid #fdfdfd;
}
.menu-item:hover .ticket-system-icon {
    background-position:-31px -36px;
}
i.icon.sprite.policies-icon {
    background-position: -322px -2px;
    height: 18px;
    width: 20px;
    background-image: url(../vendor/webkul/admin/assets/images/sprite-main.svg);
}
.reservations-icon {
    background-position: -514px -2px;
    background-image: url(../vendor/webkul/admin/assets/images/sprite-main.svg);
}
.reservations-icon {
    background-position: -514px -2px;
    background-image: url(../vendor/webkul/admin/assets/images/sprite-main.svg);
}
.job-scheduler-icon {
    background-position: -191px -8px!important;
    height: 21px;
    width: 17px;
    background-image: url(../img/icons.png);
}
.activities-icon {
    background-position: -74px -8px!important;
    height: 21px;
    width: 17px;
    background-image: url(../img/icons.png);
}
.menu-item:hover .policies-icon {
    background-position:-95px -34px;
}
.menu-item:hover .leads-icon {
    background-position: -106px -2px;
}
.menu-item.active .job-scheduler-icon, .menu-item:hover .job-scheduler-icon{
    background-position: -191px -30px!important;
}
img.popupMediaimg {
    max-width: 94%;
    padding: 5px;
    max-height: 95vh;
}
.ticket-system-icon {
    background-position:-31px -8px;
}
.menu-item:hover .reservations-icon {
    background-position:-491px -2px;
}
.media-manager-icon {
    background-position:-9px -8px;
}

 .menu-item:hover .activities-icon {
    background-position: -75px -35px;
}
.activities-icon{background-position:-75px -7px;height:21px;width:17px;background-image: url(../img/icons.png)}
.ci {
    background-image: url(../img/icons.png);
}
.navbar-left, .navbar-left.open {
    width: 185px;
    overflow: auto;
}
input.control, textarea.control {
    background: #fff;
    border: 1px solid #c1c2c3;
    border-radius: 3px;
    color: #546e7a;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 10px;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    vertical-align: middle;
    width: 100%;
}
.navbar-left {
    width: 165px;
    overflow: auto;
    transition: .3s;
}
.navbar-left ul.menubar li.menu-item>a {
    display: flex;
}
.navbar-left ul.menubar li.menu-item>a .menu-label {
    color: #fff;
}
.content.full-page.adjacent-center.form-pqr{max-height: 75vh;}
.content-container .content.full-page {
    overflow: auto;
}
.content-container {
    overflow: auto;
}
.form-group.prod-photos-idv {
    display: ruby;
    column-gap: 15px;
}
.imageGallery {
    position: relative;
    float: left;
    margin-right: 14px;
    margin-bottom: 10px;
}
.table {
    overflow-x: unset!important;
}
span.icon.trash-icon {
    position: absolute;
    left: 9px;
    top: 2px;
}
.viewport-height {
    height: calc(100vh - 240px);
}
input.control,textarea.control {
    background: #fff;
    border: 1px solid #c1c2c3;
    border-radius: 3px;
    color: #546e7a;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 10px;
    transition: .2s cubic-bezier(.4,0,.2,1);
    vertical-align: middle;
    width: 100%;
}
.table {
    height: 100%;
    width: 100%;
}
/* .content-container {
    overflow: hidden;
} */
.imageGallery .trash-icon {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 7px;
    cursor: pointer;
}
.imgGalleryB {cursor: pointer;max-width: 100px; height: auto;max-height: 100px;}
ol.breadcrumb {
    background: transparent;
}
a.carousel-control-prev-icon.carousel-control-prev, a.carousel-control-next-icon.carousel-control-next {
  position: absolute;
  top: 48%;
}
a.carousel-control-prev-icon.carousel-control-prev {
  left: 10px;
}
a.carousel-control-next-icon.carousel-control-next {
  right: 10px;
}
.close.clicktoclose {
  position: absolute;
  right: 20px;
  top: 10px;
  /* background: #000; */
  color: #fff;
  z-index: 9;
  opacity: 1;
  font-size: 35px;
  cursor: pointer;
  text-shadow: 3px 3px 3px #2d2c2c;
}
div#photoSlideshow .modal-dialog {
    max-width: 800px;
    max-height: 88vh;
}
div#photoSlideshow .modal-dialog img.d-block {
    max-height: 92vh;
    max-width: 100%;
    margin: 0 auto;
}
div#photoSlideshow {
    padding: 5%;
}
div#carouselGalleryIndicators a.carousel-control-next-icon, div#carouselGalleryIndicators a.carousel-control-prev-icon {
    right: 10px;
    background-color: #333;
    padding: 20px 13px;
}
div#dabba {
    position: absolute;
    top: 0;
    left: 0;
    background: #808080e6;
    width: 100%;
    z-index: 99999;
    display: none;
    height: 100%;
}
.tooltipCopied {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 12px;
    background-color: black;
    color: white;
    border-radius: 4px;
    font-size: 16px;
    opacity: 0.8;
    z-index: 99;
  }
li.list-inline-item.copy-button {
    border: 1px solid #ccc;
    padding: 2px 5px;
    color: #ffffff;
    box-shadow: 3px 2px 1px #ccc;
    font-size: 16px;
    cursor: pointer;
    background: #0e90d9;
    margin-bottom: 5px;
}
video.lightbox-trigger:hover {
    opacity: .8;
}
.vuecal__cell-events .vuecal__event-delete {
    display: none;
}
.overlayOPtionCalendar {
    position: absolute;
    top: 50%;
    left: 50%;
    background: black;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: 99;
    /* display: none; */
}
#dabba a {
    display: block;
    width: 100%;
    text-align: left;
    background: black;
}

#dabba a:hover {
    background: black;
}

#calendar .fc-button-group, #calendar button.fc-today-button.fc-button.fc-button-primary {
    display: none !important;
}

div#subdabba {
    position: absolute;
    top: 0;
    left: 0%;
    background: #000000cc;
    padding: 30px;
    z-index: 99999;
    display: none;
    overflow: scroll;
    right: 0;
    bottom: 0;
}
.propertyBoxSction {
    background: #fff;
    padding: 33px;
    transform: initial;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    margin-top: 0px;
}
.closesubdabba{
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.switchIcon.emailStatus {
    cursor: pointer;
}

.selectColorForSelectOption {
    max-width: 45px;
    height: 50px;
    float: left;
}

div#options {
    position: absolute;
    top: 50%;
    right: 0;
    background: #fff;
    transform: translateY(-50%);
    width: 300px;
    z-index: 9999;
}
i.icon.trash-icon.editAttrTrash {
    position: initial!important;
}
.form-group.attributesInputs {
    padding-right: 0px!important;
}
.form-group.attributesInputs i.icon.align-justify-icon {
    right: 6px!important;
}
.attributes-box-color-del {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    align-items: center;
}
ul.list-group.dragable-list {
    max-height: 59vh;
    overflow: scroll;
}

#options a {
    display: block;
    width: 100%;
    text-align: left;
    background: #323232;
}

.vuecal__flex .vuecal__cells.month-view .vuecal__cell.highlighted {
    background: #333!important;
    color: #fff;
}

#divbxx {
    display: none;
    background: #1f1f1fa8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

#termsModalCenter .modal-dialog.modal-dialog-centered {
    position: absolute;
    right: 0;
    margin-top: 0;
}
#termsModalCenter .modal-content {
    height: 100vh;
}


.radiogroup input {
    position: inherit !important;
    opacity: 1 !important;
}
.radiogroup label {
    display: inline!important;
}
#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    text-align: center;
  }
  video.popupMediavideo {
    padding: 10px;
    width: 86%;
}
div#lightbox video {
    width: 100%;
    height: 100%;
}
#lightbox-content {
    width: 80vw; /* Ensure it takes 80% of viewport width */
    height: 99vh; /* Ensure it takes 80% of viewport height */
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .videoFile {
    height: 44px;
}
.navbar-top .navbar-top-right .quick-create {
    display: none;
}
.smb-file.mediaFilesThumb button.vidoeIconBx {
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 100%;
    cursor: pointer;
}
.field-container i.icon.close-icon {
    display: none;
}
button.vidoeIconBx {
    background: url(../img/vidoe-icon.png)center;
    background-color: transparent;
    border: 0px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: 120px;
}
  span.mediaFoldName {
    color: #333;
}
  .lightbox-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
    color: #fff;
    padding: 20px;
    cursor: pointer;
    z-index: 999;
  }
.backBtn {
    float: right;
    background: #545b62;
    text-align: center;
    padding: 13px 38px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 300;
    font-size: 18px;
    position: relative;
    right: -28px;
}
.backBtn:before {
   content:"❮";
   position: relative;
   right: 10px;
}
.backBtn2 {
    float: right;
    background: #545b62;
    text-align: center;
    padding: 13px 38px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 300;
    font-size: 18px;
    position: relative;
    right: 0px;
}
.backBtn2:before {
   content:"❮";
   position: relative;
   right: 10px;
}

#ruleModal
.modal-dialog {
max-width: 700px;
}
.form-create-policy {
    margin-bottom: 50px !important;
}
.form-create-policy .page-content {
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}
.form-create-policy
.page-header,
.form-create-policy
.page-content
 {
  width: 100% !important;
}
.form-create-policy
.form-control {
  height: 50px;
  margin-bottom: 15px;
}
#ruleModal
.form-control {
  height: 40px;
  margin-bottom: 15px;
}
#ruleModal
label {
    font-size: 17px;
}
.small-h-space {
    min-height: 32px;
}
.small-h2-space {
    min-height: 25px;
}
#ruleModal
legend {
    min-height: 75px;
    font-size: 16px;
}

.small-txt {
    padding: 10px 0 0 15px;
    font-size: 14px;
}
#rule_list li
{
  font-size: 14px;
  color: #454545;
 font-weight: 400;
 padding-left: 15px;
 position:relative;
 display: block;
 line-height: normal;
 margin-bottom: 5px;
}
#rule_list li:before
{
    content: "\f105";
    font-family: "FontAweSome";
    font-size: 20px;
    position: absolute;
    color: #0062cc;
    left: 0;
    top: -3px;
    font-weight: 900;
}
#rule_list li i.fa-trash-o
{
    color: #cb1305;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
}
.lookup-control .lookup-results {
    box-shadow: none;
}
div#addedLookups span.mLookup {
    background: #243238;
    color: #fff;
    margin-right: 10px;
    padding: 4px 17px;
    border-radius: 3px;
    position: relative;
    font-size: 16px;
}
span.mLookup:before {
    content: "×";
    position: absolute;
    right: 4px;
    top: -1px;
    cursor: pointer;
    color: #008bd7;
}
select#hiddenValue {
    display: none;
}
div#addedLookups {
    margin-top: 5px;
}
.booking-t {
  margin-top: -8px !important;
}
.form-create-policy
.btn.btn-sm
{
    font-size: 14px;
    height: 40px;
    padding: 11px 12px;
    line-height: normal;
}
#ruleModal
.row {
    margin-top:9px;
}

.navbar-left ul.menubar li.menu-item ul.sub-menubar {
    top: -10px;
    z-index: 9;
    left: 18px;
    background: none;
    border: 0;
    color: #fff;
    box-shadow: none;
}

.navbar-left ul.menubar li.menu-item ul.sub-menubar {
    background-color:transparent;
    border:0;
    border-left: 0;
    border-radius:0;
    box-shadow:none;
    display: none;
    color: #fff;
    left: 18px;
    min-width: 160px;
    position:relative;
    top: 0;
}

.sub-menu-item  a {
    color: #fff !important;
}
.navbar-left ul.menubar li.menu-item:hover ul.sub-menubar .sub-menu-item .menu-label {
    color: #fff !important;
}

.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a {
    color: #546e7a;
    display: block;
    font-size: 12px;
    padding: 0px 12px;
    text-decoration: none;
}
.sub-menu-item li a{
    position: relative;
    padding-left: 25px;
}
.sub-menu-item a:before {
    position:absolute;
    font-family: "fontAweSome";
    color:#0e90d9;
    content: "\f0da";
    font-size: 12px;
    left: 0;
}
.navbar-left {
    padding-bottom: 50px;
    z-index: 4;
}
.navbar-left ul.menubar li.menu-item ul.sub-menubar li.sub-menu-item a {
    color: #fff !important;
}
.navbar-left ul.menubar li.menu-item>a {
    color: #546e7a;
    padding: 10px 5px;
    width: 100%;
    line-height: 20px;
}

.page-content.form-policy {
    margin-bottom: 50px !important;
}

.form-policy
.form-control {
  height: 50px;
  margin-bottom: 15px;
}

.form-policy
.btn.btn-sm
{
    font-size: 14px;
    height: 40px;
    padding: 11px 12px;
    line-height: normal;
}
.new-lead-block
.lead-person a{
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}
.new-lead-block
.lead-title ul li {
    font-weight: normal;
    font-size: 15px;
    line-height: normal;
}
.tab-create-lead {
    float: right;
    clear: both;
    height: 30px;
    text-align: center;
    text-decoration: none;
    background:#0e90d9 !important;
    text-align: center;
    color: #fff !important;
    font-size: 14px;
    text-decoration: none !important;
    line-height: normal;
    padding: 5px !important;
}
.drag-column-header >div {
    display: inline-flex;
    position: relative;
}

.drag-column-header >div h2{
  width: 60%;
}
.tab-create-lead {
    position: absolute;
    right: 0;
    top: -5px;
}

.drag-column .drag-column-header {
    padding: 5px 10px;
}

.drag-column .drag-column-header {
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 14px;
    border: 1px solid #ccc;
}

.drag-column .drag-column-header>div h2 {
    color: #454545;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
}
.lead-title li {
    position: relative;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    padding-left: 10px;
    margin-bottom: 3px;
}
.lead-title li:before {
    position:absolute;
    content: "\f105";
    font-family: fontAweSome;
    left: 0;
    top: 0;
    color: #0e90d9;
}
.info-details {
    max-width: 180px;
}
.info-details i{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    display: block;
    background: #0e90d9;
    line-height: 10px;
}
.info-details {
    max-width: 100%;
    font-size: 20px;
    line-height: 38px;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 12px;
}
.info-details i{
    padding-top:10px;
}
ul.drag-inner-list li.drag-item:hover ul.leadsListingBx {
    max-height: fit-content;
    overflow: initial;
}
.lead-title {
  display: block;/* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 20px;
  line-height: 22px;
  margin-top: 10px;
}

.new-lead-block
.btn {
    height: 31px;
    margin: 0 auto;
    font-size: 12px;
    padding: 2px 15px;
}
ul.leadsListingBx {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 20px;
}
.no-padding {
    padding: 2px !important;
}
.content-container {
    overflow-x: hidden !important;
}
/* Tooltip container */

.tooltipNew {
  position: relative;
}

.tooltipNew .tooltiptext {
  visibility: hidden;
  width:auto;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 0px 10px;
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  white-space: nowrap;
  left: 50%;
  margin-left: -30px;
}

.tooltipNew i .tooltiptext {
    visibility: hidden;
    width: 80px;
    height: 34px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 10px;
    font-size: 12px !important;
    line-height: 34px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    white-space: nowrap;
    text-transform: none !important;
    left: 50%;
    margin-left: -30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

}
.tooltipNew:hover .tooltiptext {
  visibility: visible;
}

.tooltipNew .tooltiptext2 {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 10px;
    font-size: 14px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    white-space: nowrap;
    left: auto;
    right: 3px;
    margin-left: -30px;
}

.tooltipNew:hover .tooltiptext2 {
  visibility: visible;
}
/* Tooltip container */

.table table tbody tr td {
    word-break: normal;
    max-width: 320px;
    overflow: hidden;
    max-height: 120px;
    white-space: pre;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.shair-properties  {
    max-width:100%;
    margin: 0 auto;
}

.shair-properties
.page-header {
    max-width:100%;
    width: 100% !important;
}
.shair-properties
.page-content {
    width: 100% !important;
}

#destinationsTableBody tr {
    padding: 0;
    margin: 0;
}
.shair-properties
.page-content {
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}
.shair-properties
.shair-properties-left {
    max-height: 700px;

}
.shair-properties
.shair-properties-left >div {
    padding-right: 50px;
    position: relative;
    font-size: 16px;
    overflow-x: hidden;
}
.shair-properties
.shair-properties-left >div:before {
    content: "";
    width: 1px;
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 40px;
    background-color: #ddd;
}
.shair-properties
.checkbox {
    font-size: 16px;
}

.shair-properties
.shair-properties-right {
    padding-right: 15px;
    position: relative;
    font-size: 16px;
    overflow-x: hidden;
    max-height: 700px;
    overflow-y: auto;
}

.shair-properties
.shair-properties-right table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #eee;
}
.shair-properties .shair-properties-right th,
.shair-properties .shair-properties-right td {
  text-align: left;
  padding: 16px;
}

.shair-properties .shair-properties-right th {
    background: #0e90d9;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: #fff;
    padding: 11px 15px;
}

.shair-properties
 tr:nth-child(even) {
    background: #eee;
}
.shair-properties .shair-properties-right
tfoot {
    border-top: 1px solid #999;
    padding:20px;
}
.shair-properties
.container {
    width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
}

.styleB1 {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  position: relative;
  padding: 8px 0;
  padding-left: 38px;
}

.styleB1 span{
    width:30px;
    height:30px;
    text-align:center;
    color:#fff;
    display:inline-block;
    background-color:#0e90d9;
    position: absolute;
    line-height: 32px;
    border-radius: 50%;
    left: 0;
    top: 4px;
}
.styleB1 label {
    display: block;
    font-size: 16px;
    border-bottom: 1px dashed #999;
    padding-bottom: 5px;
    display: inline-block;
}
.styleB2{
    width:25px;
    height:25px;
    text-align:center;
    color:#fff;
    display:inline-block;
    background-color:#0e90d9;
    line-height: 25px;
    border-radius: 50%;
    left: 0;
    top: 4px;
}
.highliter {
    background-color: #f4f4f4;
    font-size: 13px;
    color: #000;
    padding: 18px;
    margin-top: 10px;
}
.highliter h3{
   font-size: 22px;
   margin: 0 0 0px 0;
}
.st-text {
    color: #000;
    position: relative;
    top: -10px;
    font-size: 12px;
}
#number_of_payments option::first-letter {
    color: #0e90d9;
}

.form-pqr {
    padding: 20px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    width: 98%;
}
.form-pqr
.tabs-content {
    box-shadow: none;
}
.form-pqr
.tabs
.active a {
    background-color: #f4f4f4;
}
.form-pqr
.tabs {
    box-shadow: inset 0 -2px 0 #0e90d9;
    max-width: 94%;
}
.form-pqr
.tabs ul {
    margin: 0;
}
#reservationCost {
    padding-top: 5px;
}
#productPolicy {
    padding-top: 5px;
}
#reservationCost h3, #productPolicy h3 {
    color: #fff;
    font-size: 15px;
    border: 1px solid #0e90d9;
    text-transform: uppercase;
    background: #0e90d9;
    margin-top: 20px;
    padding: 9px;
}
.SendPaymentRequest .btn.btn-primary {
    text-transform: uppercase;
    font-size: 14px;
}
#reservationCost ul,
#productPolicy ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#reservationCost li,
#productPolicy li {
    padding: 0;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #333;
    margin: 0 0 10px 0;
}
#reservationCost li label,
#productPolicy li label {
    position: relative;
    padding-left: 10px;
    display: block;
    font-weight: 600;
}

#reservationCost li label:before,
#productPolicy li label:before {
    left: 0;
    top: 0;
    color: #0e90d9;
    position: absolute;
    content: "|";
    font-weight: 900;
}

#reservationCost li label:after,
#productPolicy li label:after {
    position: relative;
    right: -3px;
    content: ":";
}


/*...........3 march.............*/
.photo-container img {
    max-width: 100%;
    min-height: 100px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}
.style-phone-format {
    padding-left: 15px;
    padding-top: 30px;
    font-size: 14px;
}
.form-pqr
.alert-info {
    color: #333;
    background-color: #eee;
    border-bottom: 3px solid #ccc;
}

.form-pqr
.note-view {
    display: none;
}
.form-pqr
.note-video-btn {
    background: #0e90d9;
    color: #fff;
    position: relative;
    top: -20px;
}

.form-pqr .note-video-btn {
    background: #0e90d9;
    color: #fff;
    position: relative;
    top: -20px;
    margin-right: 18px;
}
.phonEG {
    font-size: 14px;
    margin-bottom: 5px;
}
i.icon.duplicate-icon {
    background-image: url(/vendor/webkul/ui/assets/images/copy-svgrepo-com.png);
}
i.icon.trash-icon {
    filter: invert(67%) sepia(51%) saturate(4878%) hue-rotate(346deg) brightness(104%) contrast(97%);
    cursor: pointer;
}
#drop_zone {
    border: 1px solid #ccc;
    width: 100%;
    padding: 10px;
    text-align: center;
}
#drop_zone p {
    border: 2px dashed #ccc;
    margin-bottom: 0;
    padding: 40px;
    color: #a4a1a1;
}
i.icon.switchIcon.switch-icon-off {
    background: url(./../img/witch-icon-off.png);
    height: 34px;
    width: 60px;
}
i.icon.switchIcon.switch-icon-on {
    background: url(./../img/witch-icon-on.png);
    height: 34px;
    width: 60px;
}
.table table tbody tr td.action {
    text-align: right;
    align-items: center;
    justify-content: right;
}
.mediaPallet {
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
}
.mediaPallet .uploadedMedia {
    padding: 3px;
}
.mediaPallet .uploadedMedia img {
    max-height: 120px;
}
.table table thead th.actions {
    width: 127px;
}
.table table thead th {
    white-space: nowrap;
}
.commingMessage {
    max-width: 88%;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 18px 18px 6px 20px;
    display: inline-block;
    clear: both;
    margin-top: 10px;
}
span.messageTime {
    font-size: 13px;
    color: #202020;
    display: block;
    padding: 4px 7px;
    float: right;
    background: #e1e1e1;
    border-radius: 2px;
}
.outMessage {
    max-width: 88%;
    float: right;
    background: #e7b34438;
    border-radius: 6px;
    padding: 18px 18px 6px 20px;
    display: inline-block;
    clear: both;
    margin-top: 10px;
}
.outMessage p,.commingMessage p {
    font-size: 15px;
}
.commingMessage h6 {
    color: #000;
}
.messageDiv {
    display: flow-root;
}
.outMessage h6 {
    color:#858585;
}
body .alertBoxContainer {
    display: flex;
    vertical-align: middle;
    flex-direction: column;
    max-width: 360px;
    position: fixed;
    z-index: 222;
    right: 0;
    list-style: none;    margin-top: 10px;
}

.hideThisWithCSS {
    display: none !important;
}

.modal-content .page-content {
    width: 100% !important;
}

input.control[type="color"] {
    max-width: 50px;
    min-height: 50px;
}

body .progressBox {
    display: none;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    z-index: 222;
    right: 0;
    text-align: center;
    margin: 0 auto;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}
body .alert.alert-success.styleError::after {
    content: "Click to Close";
    font-family: monospace;
    color: white;
    padding: 0px;
    border-radius: 100px;
    line-height: 1;
    position: absolute;
    text-align: center;
    padding: 4px 9px;
    bottom: 0;
    right: 0;
    font-size: 9px;
}
body .alert.alert-success.styleError {
    display: list-item;
    position: relative;
    background: #0e90d9;
    /* box-shadow: 1px 0px 9px 0px #0000002e; */
    font-size: 14px;
    line-height: 1.4;
    color: white;
    cursor: pointer;
}

body .alert.alert-success.styleError:hover {
    transition: .3s;
    opacity: .8;
}
body .recentMessage {
    border: 1px solid #cbcbcb;
    font-size: 16px;
    padding: 20px 25px;
    border-bottom: 5px solid #263238;
    background: #263238;
    color: white;
}
body .recentMessage span {
    background: #606060;
    border-radius: 100px;
    padding: 4px 20px;
    color: white;
    font-size: 14px;
    float: right;
}
a:hover {
    color: #0056b3;
    text-decoration: none!important;
}
/* START:: Properties box styles */
.action.actionbtnList a:last-child {
    margin-bottom: 0px;
}
.action.actionbtnList a {
    margin-bottom: 8px;
}
.actionCat.show {
    display: block;
}
.proPertiesCheckbx {
    display: none;
}

#mapPartnerLocations {
    height: 100vh;
    width: 100%;
}

.propertiesInsideBx:hover {
    box-shadow: none;
}
.propertiesInsideBx {
    background: #fbfbfb;
    border-radius: 10px;
    margin-bottom: 30px;
    display: grid;
    box-shadow: 3px 3px 4px #e5e5e5;
    transition: 0.5s;
}
a.btnLinkPro {
    background: #fff;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding: 11px 20px;
    margin: 2px 20px 20px 20px!important;
    border-radius: 6px;
    color: #333;
}
.actionCat {
    position: relative;
    display: none;
}

.action.actionbtnList {
    background: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    padding: 8px;
    right: 0;
    border-radius: 4px;
}

.actionBtn {
    position: absolute;
    right: 18px;
    top: 5px;
    cursor: pointer;
}
img.img-fluid.imgProp {
    border-radius: 10px 10px 0 0;
}
.proPerties-info {
    padding: 20px;
    min-height: 170px;
}
.proPerties-info>div:first-child {
    font-size: 16px;
    font-weight: 500;
}
.proPerties-info>div:nth-child(2) {
    font-size: 13px;
    color: gray;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
.proPerties-info>div:nth-child(3) {
    color: #008bd7;
    font-weight: 500;
}

.shair-properties-left
.checkbox label.required {
    position:absolute;
    height: 39px;
    background: #fff;
    z-index: 999;
    width: 325px;
    margin-top: -40px;
}
.shair-properties-left
.checkbox .form-group {
    padding-top: 0px;
    margin-top: 60px !important;
}
.shair-properties-left
.checkbox
.form-group
span.checkbox {
    display: block !important;
    font-size: 13px;
    padding-left: 29px;
}

.shair-properties-left
.checkbox .form-group {
    position: relative;
    height: 440px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 20px;
}
.tileView
.propertiesInsideBx
img.img-fluid.imgProp {
    border-radius: 10px 10px 0 0;
    height: 180px;
    width: 100%;
    object-fit: cover;
}
.shair-properties-left
.checkbox
.form-group
.checkbox {
    position: relative !important;
}
.shair-properties-left
.checkbox
.form-group
.checkbox input[type="checkbox"]{
    position:absolute !important;
    left: 0;
    top: 0;
}
.shair-properties-left
.checkbox
.form-group
.checkbox
.checkbox-view {
    position: absolute;
    left: 0;
}
i.icon.duplicate-icon {
    background-image: url(./../img/copy-svgrepo-com.png) !important;
}

.no-records {
    position: absolute;
    right: 50%;
    top: 50%;
}

/* END:: Properties box styles */


.alert.alert-success.text-alert {
    top: 0;
    position: absolute;
    right: 15px;
    z-index: 9;
    font-size: 14px;
}

.shair-properties-left .form-group.checkbox,
.shair-properties-left .form-group.checkbox .checkbox {
    display: none;
}
span.addJob, span.setJob {
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 5px;
    display: none;
    position: absolute;
    top: 1%;
    border: 1px solid #e8a93f;
    right: 1%;
    box-shadow: 2px 3px 2px #ccc;
    background: #000;
    z-index: 99;
}
.dashboardSections .card-data>div i.fa {
    color: #880808;
}
td.jobsTd {
    position: relative;
}
td.jobsTd:hover span.addJob,
td.jobsTd:hover span.setJob {
    display: inline;
}
td.jobsTd {
    height: 112px;
}
.jobBox {
    background: #427D9D;
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
}
.jobBox p {
    margin-bottom: 0px;
    font-size: 13px;
}
.nextPreviousWeekJob .btn {
    font-size: 14px;
}
.jobSchedulerLabelbx {
    margin-bottom: 10px;
}
.jobBox p:first-child {
    font-weight: 500;
}
.nextPreviousWeekJob {
    max-width: 266px;
}
span.daytablejob, .job .fa-trash-can {
    color: #a3a3a3;
    font-weight: normal;
}
span.TrashIt i {
    font-size: 17px;
    color: red;
    padding: 4px 6px;
    border-radius: 3px;
    cursor: pointer;
}
span.editJob i {
    font-size: 17px;
    color: #fff;
    padding: 4px 6px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}
.lookup-selected-options span.badge.badge-sm.badge-pill.badge-secondary-outline i {
    width: 12px;
    height: 12px;
}
.lookup-selected-options span.badge.badge-sm.badge-pill.badge-secondary-outline {
    font-size: 13px;
    font-weight: normal;
}
.lookup-control .lookup-selected-options {
    margin-top: 2px;
}

body .navbar-top .navbar-top-right .profile-info {
    vertical-align: middle;
    text-align: left;
    position: relative;
    cursor: pointer;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .navbar-top .navbar-top-right .profile-info .marketName {
    margin-right: 20px;
    position: relative;
    top: 5px;
}

.btnAddMore.shiftTask{
    background: #3F51B5;
    border: 0px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}
.loop.btntoclosethis {
    position: relative;
}
.inputXfoc i.icon.close-icon {
    position: absolute;
    right: 7px;
    top: 50%;
    cursor: pointer;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
}
.inputXfoc {
    position: relative;
}
div#timeOff .modal-dialog,
div#jobEditor .modal-dialog {
    transform: initial;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
    height: 100%;
    margin-top: 0px;
}
#timeOff .modal-body,
#jobEditor .modal-body {
    max-height: 100%;
    overflow-y: scroll;
}

div#timeOff .modal-content,
div#jobEditor .modal-content {
    height: 100vh;
}
.pac-container.pac-logo {
    z-index: 2147483647;
}

div#timeOff,
div#jobEditor {
    background: #000000cc;
    z-index: 999;
}
.jobBox.CleaningPet {
    background: #8caa7e;
}
table.table.table-striped.table-bordered.table-sm th {
    font-weight: 500;
    font-size: 16px;
    min-height: 112px;
}
.btn.btn-success.btn-general {
    background: #008bd7;
    border-color: #008bd7;
}
.badge.badge-secondary-outline {
    background: #fff;
    border: 2px solid #008bd7;
    color: #008bd7;
}

.nextPreviousWeekJob {
    max-width: 100%;
    background: rgba(0,0,0,.1);
    display: flex;
    justify-content: space-between;
    padding: 5px 6px;
}
i.angleNext {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 0.25em;
    transform: rotate(-45deg);
}
i.anglePrev {
    border: solid;
    border-width: 2px 0 0 2px;
    display: inline-block;
    padding: 0.25em;
    transform: rotate(-45deg);
}
tbody.dayCells th {
    display: flex;
    height: 100%;
    align-items: center;
}
.filterOption i.icon.search-icon {
    margin-right: 7px;
}
.button-group.calendarModualBtns {
    margin-top: 20px;
    max-width: 100%;
    background: rgba(0,0,0,.1);
    display: flex;
    justify-content: space-between;
    padding: 5px 6px;
}
.calendarModualSelection {
    display: flex;
    column-gap: 20px;
    border: 1px solid #e7e7e7;
    box-shadow: 2px 3px 2px #f7f7f7;
    align-items: center;
    padding: 12px 0px;
}
.calendarModualOpt ul.btn-group {
    margin-bottom: 0px;
    margin-left: 10px;
}
li.btn.modualcalendarBtn.active {
    border: 1px solid #ccc;
    border-radius: 6px!important;
    background: #008bd7;
}
li.btn.modualcalendarBtn.active a {
    color: #fff;
}
li.btn.modualcalendarBtn {
    padding: 0px;
}

h3.calendarMmessage {
    font-size: 18px;
    display: flex;
    align-items: center;
    height: 37vh;
    justify-content: center;
}
div#calendar .fc-header-toolbar.fc-toolbar {
    text-align: center;
    justify-content: center;
    position: absolute;
    top: -35px;
    font-size: 13px;
    z-index: 1;
    right: 10%;
    left: 10%;
}
.reservationCalendarTask{
    background-color: #ff6050;
    border-color: #ff6050;
}
.CleaningCars{
    background-color: #00a6ee;
    border-color: #00a6ee;
}
.CleaningPet {
    background-color: #8cc34b;
    border-color: #8cc34b;
}
.BatteryChange{
    background-color: #3f4044;
    border-color: #3f4044;
}
.QCOvertimeShopping{
    background-color: #fba263;
    border-color: #fba263;
}
.MovingRelated{
    background-color: #032062;
    border-color: #032062;
}
  div#calendar {
    position: relative;
}
div#calendar table.fc-col-header {
    background: whitesmoke;
}
.fc .fc-col-header-cell-cushion {
    color: #333333;
    font-weight: normal;
    font-size: 15px;
}
.fc .fc-daygrid-day-number{
    color: #333;
    font-size: 15px;
}
.calendarModualOpt li.btn a {
    color: #0a0a0a;
}
.fc .fc-daygrid-day-frame .fc-daygrid-day-top {
    flex-direction: column;
    padding-left: 10px;
    padding-top: 10px;
}
.fc-toolbar-chunk h2#fc-dom-1 {
    font-size: 1.4em;
    margin-bottom: 0px;
}
div#dabba button.close.closeBtnCalendorDate {
    padding: 33px;
    color: #fff;
    opacity: 1;
    font-size: 35px;
}
div#customCalendar tr#head th {
    background: whitesmoke;
    color: #333333;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    min-width: 126px;
    max-width: 100px;
}
div#customCalendar td {
    font-size: 14px;
}
div#customCalendar td.tBodyCells {
    position: relative;
    min-height: 120px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 20px;
    padding-bottom: 3rem;
}

div#customCalendar td  .reservation:before {
    content: "";
    background: url(/vendor/webkul/admin/assets/images/favicon/android-icon-36x36.png);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    background-size: contain;
}
div#customCalendar td .length0 {width: 100%;}
div#customCalendar td .length1 {width: 200%;}
div#customCalendar td .length2 {width: 300%;}
div#customCalendar td .length3 {width: 400%;}
div#customCalendar td .length4 {width: 500%;}
div#customCalendar td .length5 {width: 600%;}
div#customCalendar td .length6 {width: 700%;}
div#customCalendar td .length7 {width: 800%;}
div#customCalendar td .length8 {width: 900%;}
div#customCalendar td .length9 {width: 1000%;}
div#customCalendar td .length10 {width: 1100%;}
div#customCalendar td .length11 {width: 1200%;}
div#customCalendar td .length12 {width: 1300%;}
div#customCalendar td .length13 {width: 1400%;}
div#customCalendar td .length14 {width: 1500%;}
div#customCalendar td .length15 {width: 1600%;}
div#customCalendar td .length16 {width: 1700%;}
div#customCalendar td .length17 {width: 1800%;}
div#customCalendar td .length18 {width: 1190%;}
div#customCalendar td .length19 {width: 2000%;}
div#customCalendar td .length20 {width: 2100%;}
div#customCalendar td .length21 {width: 2200%;}
div#customCalendar td .length22 {width: 2300%;}
div#customCalendar td .length23 {width: 2400%;}
div#customCalendar td .length24 {width: 2500%;}
div#customCalendar td .length25 {width: 2600%;}
div#customCalendar td .length26 {width: 2700%;}
div#customCalendar td .length27 {width: 2800%;}
div#customCalendar td .length28 {width: 2900%;}
div#customCalendar td .length29 {width: 3000%;}
div#customCalendar td .length30 {width: 3100%;}
div#customCalendar td .length31 {width: 3200%;}
div#customCalendar td .length0,
div#customCalendar td .length1,
div#customCalendar td .length2,
div#customCalendar td .length3,
div#customCalendar td .length4,
div#customCalendar td .length5,
div#customCalendar td .length6,
div#customCalendar td .length7,
div#customCalendar td .length8,
div#customCalendar td .length9,
div#customCalendar td .length10,
div#customCalendar td .length11,
div#customCalendar td .length12,
div#customCalendar td .length13,
div#customCalendar td .length14,
div#customCalendar td .length15,
div#customCalendar td .length16,
div#customCalendar td .length17,
div#customCalendar td .length18,
div#customCalendar td .length19,
div#customCalendar td .length20,
div#customCalendar td .length21,
div#customCalendar td .length22,
div#customCalendar td .length23,
div#customCalendar td .length24,
div#customCalendar td .length25,
div#customCalendar td .length26,
div#customCalendar td .length27,
div#customCalendar td .length28,
div#customCalendar td .length29,
div#customCalendar td .length30,
div#customCalendar td .length31 {
    position: absolute;
    left: 0;
    border: 2px solid;
    border-radius: 18px;
    padding: 2px;
    background: white;
    padding-left: 29px;
    /* top: 50%;
    transform: translateY(-50%); */
    z-index: 1;
}
div#customCalendar td.tBodyCells .job:first-of-type:nth-last-of-type(2) {
    padding-top: 0;
    min-height: 16px;
}
div#customCalendar td.tBodyCells:has(.reservation) {
    background: #f7f7f7;
}
div#customCalendar td.tBodyCells:hover span.openTaskPopup {display: block;}
span.openTaskPopup {
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 5px;
    display: none;
    position: absolute;
    top: 0%;
    border: 1px solid #e8a93f;
    right: 0%;
    box-shadow: 2px 3px 2px #ccc;
    z-index: 9999;
    background: #000;
}
div#customCalendar .propertyRow>td:first-child {
    /* position: absolute; */
    border: 0px;
    height: 100%;
    align-items: center;
    z-index: 2;
}
div#customCalendar td.tBodyCells .job {
    color: #fff;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    display: list-item;
}
span.itemjobnameTxt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#customCalendar {
    overflow: auto;
    max-height: 68vh;
}
div#datagrid-filters .filter-right {
    display: flex;
    justify-content: right;
}
.date-container input.control.form-control.input {
    background: #fff;
}
div#datagrid-filters .filter-right label.per-page-label {
    margin-bottom: 0px;
}

.fc-h-event .fc-event-title{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table .table-header h1,.dashboard>h1 {
    font-size: 28px;
}

.dashboardSections .card-data>div {
    max-height: 226px;
    overflow: auto;
}

/* width */
.dashboardSections .card-data>div::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.dashboardSections .card-data>div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 6px;
}

/* Handle */
.dashboardSections .card-data>div::-webkit-scrollbar-thumb {
  background:#0e90d9;
  border-radius: 6px;
}

/* Handle on hover */
.dashboardSections .card-data>div::-webkit-scrollbar-thumb:hover {
  background: #066ca8;
}
.dashboardSections .card-data>div .table thead th {
    font-size: 14px;
    border-top: 0px;
    white-space: nowrap;
}
.dashboardSections .card-data>div .table tbody td {
    /* white-space: nowrap; */
    font-size: 14px;
}

.dashboardSections table.table.table-stripped{
    position: relative;
}
.dashboardSections thead {
    position: sticky;
    top: 0;
    width: 100%;
    background:#f7f7f7;
}
/* .dashboard-content .row-grid-3 {
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    align-items: center;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(2,1fr);
} */
.info-details i.fa.fa-trash {
    background: gray;
}
.fc-daygrid-day {
    cursor: pointer;
}
#reservationCost .editReservationMod label, #productPolicy .editReservationMod label {
    position: relative;
    padding-left: 10px;
    display: block;
    font-weight: 600;
}
#reservationCost .editReservationMod {
    font-size: 14px;
    display: flex;
    align-items: center;
}
#reservationCost .editReservationMod label:before, #productPolicy .editReservationMod label:before {
    left: 0;
    top: 0;
    color: #0e90d9;
    position: absolute;
    content: "|";
    font-weight: 900;
}
input.edit-fields {
    width: 100%;
}
div#customCalendar td.tBodyCells .job{cursor: pointer;}
.reservation.multiCal.reservationCalendarTask {
    cursor: pointer;
    bottom: 15px;
}
/* .lead tr:hover::before {
    font-size: 14px;
    content: attr(title);
    background: #fff;
    color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 1;
    background-color: #008bd7;
    position: absolute;
    left: 10px;
} */
.editReservationMod .icon,.editReservationMod .fa-regular {
    cursor: pointer;
}
.editReservationMod i.fa-regular.fa-floppy-disk {
    font-size: 18px;
    color: #008bd7;
    padding-top: 3px;
}
.hide-me{display:none;}
.row.editReservationMod {
    font-size: 14px;
}
div#due_date input.control.flatpickr-input {
    font-size: 14px;
    height: 26px;
}
.btn.btnShareLink {
    background: #0e90d9;
    color: #fff!important;
}
button.btn.btn-turnon {
    background: #263238;
    color: #fff;
}
span#lightbox-prev,span#lightbox-next {
    font-size: 33px;
    color: #fff;
    cursor: pointer;
    top: 47%;
    position: absolute;
    padding: 20px;
    background: #cccccc70;
    border-radius: 4px;
}
span#lightbox-prev {
    left: 1%;
}
span#lightbox-next {
    right: 1%;
}
.bodyPopUpBox {
    position: relative;
    min-height: 100%;
}
span#tooltipMessage {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 1px 7px;
    font-size: 12px;
    bottom: -8px;
    left: 0;
    display: none;
}
.mediaManagerBtns {
    position: relative;
}
div#mediaSharePublic .content.full-page.adjacent-center {
    max-width: 1200px;
    width: 100%!important;
    margin: 0 auto;
    display: block;
}
div#shareHeaderMaster p.smb-title {
    margin-top: 0;
}
.panel.loginPageWelcome {
    text-align: left;
    width: 476px;
    margin: 0 auto;
    display: block;
}
i.fas.fa-check-circle.text-success, i.fas.fa-times-circle.text-danger {
    font-size: 23px;
}
th.tenant_notified.cursor-pointer,
th.deposit.cursor-pointer,
th.return_letter_signed.cursor-pointer,
th.return_letter.cursor-pointer,
th.qc_report.cursor-pointer,
th.feedback.cursor-pointer{text-align: center;}
td:has(i.depositStatus) {
    text-align: center;
}
.lightboxForFeedback {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.lightboxForFeedback  .lightbox-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}
.incomeTrackersBox .table td{
    border-top:1px solid #ababab;
    text-align: left;
}
.incomeTrackersBox .table table tbody tr {
    border-bottom: 1px solid rgba(193, 194, 195, 0.5);
}
.incomeTrackersBox .table td.action {
    display: table-cell;
}
.incomeTrackersBox .table td, .incomeTrackersBox .table th {
    width: auto;
}
.incomeTrackersBox table {
    width: auto;
}
 .jobBox {
    max-width: 150px;
    float: left;
    display: inline;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
    background-color: rgb(255 187 0.5);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
 .tdboxJobs.jobBox {
    float: initial;
    max-width: 150px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin: 10px auto;
    padding: 10px;
    background-color: rgb(255, 187, 0.5);
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
}

.form-group.snapshots a img.image {
    top: 46px;
}
th.property_deposit.cursor-pointer {
    white-space: nowrap;
}

.editTimings {
    display: none;
}
.timeClockHeader {
    display: flex;
    justify-content: space-between;
}
.jobsListingsForShifts .jobBox {
    min-width: 197px!important;
    float: left;
    display: inline;
    background-color:#008bd7ed;
    text-align: center;
    text-transform: uppercase;
    cursor: context-menu;
    box-shadow:rgb(216 212 212) 4px 0px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    margin-top: 5px;
    padding: 20px 0 0 0;
    border: 1px solid #b7b7b7cc;
}
.forTimingsBx span.dot.green-dot {
    background: green;
}
.forTimingsBx span.dot.yellow-dot {
    background: #ffc107;
}
.forTimingsBx span.dot {
    height: 12px;
    width: 12px;
    border-radius: 100%;
    color: transparent;
    font-size: 1px;
    display: inline-block;
    margin-left: 8px;
}
.jobBoxFor h4 {
    font-size: 15px;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 38px;
}
.jobBoxFor p {
    margin-bottom: 0px;
    font-size: 13px;
    color: #fff;
}
ul.timeClockList li {
    text-transform: capitalize;
    font-size: 16px;
    color: #fff;
}
button.startShiftButton,button.editJob {
    font-size: 14px;
    background: rgb(204, 204, 204);
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 4px;
    padding: 2px 10px;
}
button.addJob, button.setJob {
    border-radius: 0.25rem;
    height: 34px;
    background: #008bd7;
    color: #fff;
    border: 0px;
    padding: 6px 22px;
}
img.acknowlegeImg {
    max-width: 38px;
}
.jobDetails p {
    font-size: 16px;
    margin-bottom: 5px;
}
p.timeCPara span {
    font-weight: 500;
}
.jobDetails span.badge.badge-sm.badge-pill.badge-secondary-outline {
    margin-bottom: 10px;
    margin-right: 10px;
}
.jobDetails h4 {
    font-size: 18px;
    border-bottom: 2px dashed;
    padding-bottom: 2px;
    display: flex;
    text-align: center;
    max-width: 120px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.spinner-container.full-page {
    z-index: 9999 !important;
}
ul.listForNote li p {
    display: inline-block;
    margin-right: 10px;
}
/* START JOB VIEW POPUP INSIDE GALLERY*/
span.acknowledged {
    text-transform: uppercase;
    font-size: 11px;
    background: #57b957;
    color: white;
    padding: 2px 6px;
    border-radius: 12px;
    cursor: not-allowed;
    display: none;
}
button.acknowledge {
    text-transform: uppercase;
    font-size: 11px;
    background:rgb(222 111 111);
    color: white;
    padding: 2px 6px;
    border-radius: 12px;
    cursor:pointer;
    display: none;
    border: 0px;
}
button.startShiftButton {
    background:#0E90D9!important;
}
/* Modal Styles */
.image-modal-inside {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
  }
  .modalImageBox {
    left: 50%;
    position: absolute;
    top: 15%;
    cursor: pointer;
    transform: translate(-50%);
}
img.modal-image-inside {
    max-width: 100%;
    max-height: 80vh;
}

  .modal-controls {
    position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; font-size:40px; color:white;
  }

  .prev-btn { left: 20px; }
  .next-btn { right: 20px; }
  .close-btn-inside {
    position:absolute; top:20px; right:30px; cursor:pointer; font-size:30px; color:white;
  }
/* END:: JOB VIEW POPUP INSIDE GALLERY*/

#jobViewPopup {
    position: absolute;
    background: #2c2c2ced;
    left: 0;
    z-index: 9999;
    width: 100%;
    overflow: auto;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    top: 0;
    bottom: 0;
}
ul.listForTasks {
    width: 100%;
    display: block;
}
ul.listForTasks li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}
.jobDetails {
    font-size: 16px;
    display: flow-root;
    width: 100%;
}
ul.listForTasks li {
    background: #f3f1f1;
    color: #008bd7;
    font-size: 16px;
    text-transform: capitalize;
    padding: 3px 11px;
    border-radius: 5px;
}
.jobDetails h3 {
    display: block;
    font-size: 20px;
    color: #008bd7;
    margin-bottom: 12px;
    margin-top: 10px;
}
p.timeCPara {
    border-bottom: 1px solid #f6f6f6;
    margin: 0 auto;
    padding: 5px 4px;
}
p.timeCPara:nth-child(odd) {
    background: #f6f6f6;
}
ul.listForNote {
    text-align: left;
}
.jobViewPopup_inside_content {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    border: 12px solid #e1e1e1;
    height: 85vh;
    overflow: scroll;
}
div#jobViewPopup .jobDetails img {
    max-width: 120px;
    max-height: 200px;
    margin-right: 10px;
    margin-left: 10px;
}
.timeClockBottomBtn button.viewJob {
    border: 0px;
    font-size: 15px;
    border-radius: 4px;
}
.btnBox-group {
    max-width: 300px;
    float: right;
    display: flex;
    column-gap: 40px;
}
.timeClockHeader h1 {
    font-size: 28px;
}
.timeClockBottomBtn {
    background: rgb(0, 139, 215);
    padding: 20px;
    border-radius: 0 0 10px 10px;
}
.jobViewPopup_inside_content button.close {
    font-size: 16px;
}
.jobBoxFor {
    padding-right: 15px;
    padding-left: 15px;
    min-height: 165px;
}
.timeClockJobBox h6 {
    color: #fff;
    text-transform: capitalize;
}
.timeClockJobBox:hover .timeClockBottomBtn {
    background: #263238;
}
.jobsListingsForShifts {
    display: flex;
    flex-direction: column;
}
.timeClockJobBox.Cleaning:hover button.startShiftButton {
    background: #0085d5;
    color: #fff;
}
.timeClockBox {
    max-height: 120px;
    width: 217px;
    text-align: center;
}
.clockDiv.startTimeClock {
    height: 20vh;
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    background: rgb(128 128 128 / 50%);
    min-width: 320px;
    right: 30px;
}
button.endShiftButton {
    border: 0px;
    background: #243238;
    color: #fff;
    width: 100%;
    border-radius: 4px;
    font-size: 16px;
    padding: 11px;
}

.jobBoxpaulgrunwald {
    display: ruby;
}
a.reportsBtn, button.startShiftButton {
    border-radius: 0.25rem;
    height: 34px;
    background: #243238;
    color: #fff;
    border: 0px;
    padding: 6px 22px;
    font-size: 16px;
    display: inline-block;
}
a.reportsBtn:hover {
    color: #fff;
}
h1 {
    font-size: 28px!important;
}
table.timeclock_statistics td {
    font-size: 14px!important;
}
.forTimingsBx {
    display: flex;
    column-gap: 10px;
}
span.icon.pencil-icon.editTiming {
    cursor: pointer;
}
button.btnjobShiftb {
    background: #0e90d9;
    border: 0px;
    color: #fff;
    border-radius: 4px;
}
table.timeclock_statistics {
    height: auto;
}
.shiftuserEmail {
    color: #879aa3;
}
input.timeClokcDate {
    margin-right: 10px;
}
span.icon.fa-regular.cursor.editTimingSave.fa-floppy-disk {
    padding-top: 7px;
    cursor:pointer;
}
#dataForJobAgaintUser{
    display:none;
    width: 100%;
    bottom:0;
    position: absolute;
    top:0;
    left:0;
    background-color:#1c1c1ce6;
    color: white;
    padding: 20px;
    z-index: 99999;
}
div#userDataForShiftOfTheJob {
    background: #fafafa;
    padding: 1px 20px;
    min-width: 300px;
    text-align: center;
}
.cardTimeBlock {
    max-width: 700px;
    margin: 0 auto;
}
.cardTimeClockJobPro {
    max-width: 550px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.timeClockJobAgaintUser {
    max-width: 1000px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 1%;
    background: #fff;
    max-height: 85vh;
    overflow-x: auto;
}
h2#userNameForShift {
    font-size: 15px;
    text-align: center;
    background: #e6e6e6;
    padding: 6px;
}
h3.shiftNumber {
    font-size: 18px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 5px;
}
h4.shiftStarted, div#userDataForShiftOfTheJob h4 {
    font-size: 18px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 5px;
}
h4.shiftTotalHours {
    font-size: 18px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 5px;
}
h5.shiftDetails {
    font-size: 18px;
    padding-bottom: 5px;
}
h4.shiftDate {
    font-size: 18px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 5px;
}
p.shiftStatus {
    border-bottom: 1px solid gainsboro;
    padding-bottom: 5px;
}

h4.shiftDate span,h4.shiftStarted span,p.shiftStatus span,h4.shiftTotalHours span {
    color: #0e90d9;
}

span.closeXbox {
    color: #fff;
    font-size: 17px;
    float: right;
    background: #0e90d9;
    border-radius: 4px;
    cursor: pointer;
    height: 23px;
    width: 23px;
    line-height: 26px;
    text-align: center;
}
.timeStatisDateGroup {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
}
.form-group.tsdg_filter {
    margin-bottom: 0px;
    margin-top: 13px;
}
.form-group.tsdg_filter button.btn {
    background: #0e90d9;
    color: #fff;
}
table.table.tsdgTable {
    font-size: 14px;
}
img#userIDPic {
    margin-bottom: 10px;
    border-radius: 8px;
    max-width: 130px;
    height: auto;
}
.timeClockJobPro {
    min-width: 150px;
    padding-right: 20px;
    border-right: 1px solid #d7d7d7;
    margin-right: 10px;
}
.timeClockJobBox.jobBox.Cleaning {
    background: rgb(65, 62, 62);
}
.jobBox.Miscellaneous{
    background: rgb(11, 44, 208);
}
.jobBox.MovingRelated{background:#032062}
.jobBox.Service{background: rgb(117, 173, 245);}
.jobBox.Inspection{background:rgb(86, 230, 110)}
.jobBox.Cleaning{background-color:rgb(65, 62, 62) ;}
.jobBox.QC{background-color: #ff6050;}
.jobBox.LinenRelated{background-color: #39ff02;}
.timeClockJobBox.jobBox.CleaningCars{background-color: #00a6ee;}
.timeClockJobBox.jobBox.CleaningPet {background-color: #8cc34b;}
.timeClockJobBox.jobBox.BatteryChange{background-color: #3f4044;}
.timeClockJobBox.jobBox.QCOvertimeShopping{background-color: #fba263;}
.timeClockJobBox.jobBox.MovingRelated{background-color: #032062;}
h1.payTyCicked {
    margin-bottom: 0;
    color: #fff;
    font-size: 23px !important;
    padding-right: 20px;
    padding-left: 20px;
}
.payTyCickedBox {
    height: 61vh;
    align-items: center;
}
.forIdCard i.fa-solid.fa-circle-exclamation.tooltipNew {
    right: 0px;
    color: red;
    font-size: 20px;
    top: 0px;
}
.fa-circle-exclamation.currentActive {
    position: absolute;
    right: 11px;
    color: red;
    font-size: 28px;
}
li.drag-column ul.drag-inner-list {
    height: calc(100% - 10px);
    overflow-y: hidden !important;
    padding: 0px;
}
.drag-inner-list {min-height: 63px;}
i.fa-solid.fa-hand-holding-dollar {
    background: green;
}
i.fa-solid.fa-hand-holding-dollar.invoiceSentStatus {
    background: #0e90d9;
}
.info-details i.fa-regular.fa-pen-to-square {
    background: #cdbb1d;
}
.info-details i.fa-regular.fa-pen-to-square.orangePencel {
    background: orange;
}
.info-details i.fa-regular.fa-pen-to-square.redPencel {
    background: red;
}
.quote-item-list table tr th .form-group {
    padding-right: 15px;
}
.content-container .content {
    padding: 25px;
    height: 100%;
}
.quote-item-list .table table tr th.actions {
    width: 0px;
    padding: 0;
}
.quote-item-list .table table tr td .form-group .control {
    margin: 0;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
}
.quote-item-list .table table tr th label,.quote-item-list table tr th .form-group {
    font-size: 13px;
    padding-right: 12px;
}
.quote-item-list .table table tr th, .quote-item-list .table table tr td {
    padding-right: 5px;
    padding-left: 5px;
}
.PaymentStatusTdbx {
    text-wrap: nowrap;
}
.adjacent-center .page-content, .adjacent-center .page-header {
    max-width: 1000px;
    width: 100% !important;
}
.idReservationBF {
    cursor:pointer;
}
.uploadedFilesControl {
    position: absolute;
    top: 18px;
    left: 139px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    column-gap: 5px;
    row-gap: 5px;
    z-index: 1;
    box-sizing: border-box;
    overflow: hidden;
}
.snapshotsBloadFile {
    position: relative;
}
.ucffileBox .form-group .icon.download-icon,.ucffileBox a img.image,.form-group .icon.download-icon {
    position: initial !important;
}
.ucffileBox i.fa-solid.fa-file-pdf {
    font-size: 35px;
}
 .ucffileBox i.fa-regular.fa-file-word {
    font-size: 35px;
}
input#uploads[type="file"]::-webkit-file-upload-button,input#task_image[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}
span.ifUploadedFiles {
    background: white;
    height: 30px;
    position: absolute;
    left: 130px;
    top: 12px;
    width: 120px;
}
img.profilePhotoModal {
    cursor: pointer;
}
button.close.closeBtnViewPrtner {
    position: absolute;
    right: 18px;
    top: 5px;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
    opacity: 1;
    width: 28px;
    height: 28px;
    line-height: 20px;
    border-radius: 50%;
    z-index: 1;
    font-size: 28px;
    transform: translate(50%);
}
.snapshotsBloadFile span.ifUploadedFiles {
    right: 3px;
    width: auto;
}
.tablecontentboxTable table.tableBoxContent .listMediaFold {
    text-align: left;
}

.modal-body.forjobEditor .snapshotsBloadFile input[type="file"]::before,
.snapshotsBloadFile input#task_image[type="file"]::before,
input#uploads:before
{
    content: "Upload File";
    display: inline-block;
    background-color: #efefef;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    position: absolute;
    width: 99px;
    border: 1px solid black;
    color: #333;
}
div#uploadedfileMessageuploads {
    font-size: 14px;
}
/* The Modal (background) */
#imageModal.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    padding-bottom: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
  }
  img#modalImage, video#modalVideo {
    max-height: 58vh !important;
    height: auto !important;
    width: auto;
    max-width: 70%;
    margin: auto;
    display: block;
}
  /* Modal Content (Image) */
  #imageModal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-height: 75vh !important;
    height: auto !important;
    width: auto;
    max-width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
  }

  /* Caption (text below the image) */
  #imageModal #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
  }

  /* Close Button */
  #imageModal .closeBtn {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 9;
  }

  #imageModal .closeBtn:hover,
  #imageModal .closeBtn:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  /* Next and Previous Buttons */
#imageModal .prevBtn, #imageModal .nextBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    user-select: none;
    width: 40px;
    text-align: center;
    line-height: 40px;
}

#imageModal .prevBtn {
  left: 20px;
}

#imageModal .nextBtn {
  right: 20px;
}

#imageModal .prevBtn:hover,
#imageModal .nextBtn:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}
/* END:: The Modal (background) */

.ucffileBox a img.image {
    height: 25px;
    width: auto;
}
.table table {
    overflow: scroll !important;
    table-layout: initial;
    padding-bottom: 5px;
    border-left: 1px solid #dedddd;
    border-right: 1px solid #dedddd;
}
.table table td, .table table th {
    width: auto;
}
div#customCalendar thead {
    position: sticky;
    top: -1px;
    z-index: 2;
}
div#customCalendar table tbody tr td:First-child {
    position: sticky;
    left: 0;
    background: #fff;
}
 .table table tr {
    width: 100%;
}
div#customCalendar tr#head th:first-child {
    position: sticky;
    top: 0;
    left: 0;
}
div#customCalendar td.tBodyCells .job .multiCal {
    border-radius: 10px;
    padding: 1px 5px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
    margin-top: 0;
}
i.fa-solid.fa-trash-can.deleteJobFromCalendar {
    background: red;
    color: white;
    top: 8px;
    right: 10px;
    padding: 3px 2px;
    border-radius: 3px;
    font-size: 10px;
    /* position:absolute; */
}

td.tBodyCells:has(.reservation.multiCal.res_count_2) {
    padding-bottom: 102px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_3) {
    padding-bottom: 137px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_4) {
    padding-bottom: 165px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_5) {
    padding-bottom: 200px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_6){
    padding-bottom:228px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_7){
    padding-bottom:257px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_8){
    padding-bottom:290px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_9){
    padding-bottom:307px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_10){
    padding-bottom:331px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_11){
    padding-bottom:360px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_12){
    padding-bottom:385px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_13){
    padding-bottom:416px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_14){
    padding-bottom:445px !important;
}
td.tBodyCells:has(.reservation.multiCal.res_count_15){
    padding-bottom:479px !important;
}

td.tBodyCells:has(.job.job_count_2) {
    padding-bottom: 5rem !important;
}
td.tBodyCells:has(.job.job_count_3){
padding-bottom: 6.5rem !important
}
td.tBodyCells:has(.job.job_count_4){
padding-bottom: 8rem !important
}
td.tBodyCells:has(.job.job_count_5){
padding-bottom: 9.5rem !important
}
td.tBodyCells:has(.job.job_count_6){
padding-bottom: 11rem !important
}
td.tBodyCells:has(.job.job_count_7){
padding-bottom: 12.5rem !important
}
td.tBodyCells:has(.job.job_count_8){
padding-bottom: 14rem !important
}
td.tBodyCells:has(.job.job_count_9){
padding-bottom: 15.5rem !important
}
td.tBodyCells:has(.job.job_count_10){
padding-bottom: 17rem !important
}
td.tBodyCells:has(.job.job_count_11){
padding-bottom: 18.5rem !important
}
td.tBodyCells:has(.job.job_count_12){
padding-bottom: 20rem !important
}
td.tBodyCells:has(.job.job_count_13){
padding-bottom: 21.5rem !important
}
td.tBodyCells:has(.job.job_count_14){
padding-bottom: 23rem !important
}
td.tBodyCells:has(.job.job_count_15){
padding-bottom: 24.5rem !important
}
.reservation.multiCal.reservationCalendarTask + .job {
    margin-top: 44px;
}
/* .reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask {
    bottom: 107px !important;
}
.reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask {
    bottom: 76px !important;
}
.reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask {
    bottom: 45px !important;
} */
.reservation.multiCal.reservationCalendarTask + .reservation.multiCal.reservationCalendarTask + .job {
    margin-top: 79px;
}
label.form-label.uploadpv {
    text-align: center;
    padding-top: 5px;
    color: #0e90d9 !important;
}
form.formForDropZone {
    border: 0px;
}
.dropzone-drag-area.form-control.uploadedFilePreviews {
    height: 100%;
    margin: 0 !important;
}
.dz-message.text-muted.opacity-50.uploadFilesHereMedia {
    margin: 0;
    padding: 43px;
    background: #f7f7f7;
}
.dropzone .dz-preview a.dz-remove:before {
    content: "\f2ed";
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
}
.dropzone .dz-preview .dz-remove {
    font-size: 0px !important;
    background-color: white;
    position: absolute;
    padding: 0px 2px;
    color: red;
    border-radius: 2px;
    right: 2px;
    top: 2px;
}
.dropzone .dz-preview.dz-image-preview {
    background: #fff;
    max-height: 100px;
    width: 100px;
}
.note-modal-backdrop {
    z-index: 9;
}
.ucffileBox {
    position: relative;
    margin-right: 5px;
    height: 25px;
    width: 35px;
    overflow: hidden;
}
span.trashForthisFile:before {
    content: "\f2ed";
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
}
span.trashForthisFile {
    cursor: pointer;
    position: absolute;
    color: red;
    top: 2px;
    font-size: 0px !important;
    background: rgb(255, 255, 255);
    padding: 0px 1px;
    border-radius: 2px;
    height: 20px;
    right: -1px;
}
.adjacent-center .page-content,.content-container .content .page-header {
    overflow: auto;
    width: 100%;
    max-width: 100%;
}
td.utilityBladTd label {
    font-size: 14px;
    margin-bottom: 4px;
}
td.utilityBladTd input.utility.form-control {
    margin-bottom: 5px;
}
td.utilityBladTdFirst {
    font-size: 16px;
}
tr.utilityBladTr th {
    font-size: 15px;
    min-width: 108px;
}
.reservationCalendarTask.paid {
    background-color: #FA8072 !important;
}
.reservationCalendarTask.unpaid {
    background-color: #ffd700!important;
}
.forIdCard span.tooltiptext {
    left: 0;
    right: initial;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    margin-left: inherit;
    padding: 10px;
}
.SendPaymentRequest {
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
}
#create-reservation-form .panel-body.row {
    padding-right: 7px;
    padding-left: 7px;
  }
.multiCal.Inspection {
    color: #000;
}
table#leadsArchiveTable {
    border: 1px solid rgba(193, 194, 195, 0.5);
}
table#leadsArchiveTable tr th, table#leadsArchiveTable tr td {
    border-bottom: 1px solid rgba(193, 194, 195, 0.5);
    font-size: 16px;
    padding: 10px;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    text-align: left;
}
table#leadsArchiveTable span.dt-column-order {
    display: none;
}
table#leadsArchiveTable tr th {
    font-weight: 500;
}
div#leadsArchiveTable_wrapper label {
    margin-left: 10px;
    text-transform: capitalize;
    font-size: 16px;
}
select#dt-length-0 {
    font-size: 16px;
}
div#leadsArchiveTable_info {
    font-size: 16px;
}
button.dt-paging-button {
    border: 1px solid #C1C2C3 !important;
}
.property-utility table.table.table-responsive {
    height: initial;
}
.tablecontentboxTable {
    max-width: 100%;
    overflow: scroll;
    max-height: 65vh;
    margin-top: 20px;
}
.tablecontentboxTable table.tableBoxContent {
    margin-top: 0px;
    display: inline-table;
}
.sortNumBox>input {
    position: absolute;
    width: 36px;
    bottom: 0;
    height: 28px;
    font-size: 12px;
}
.quote-item-list .table {
    overflow: scroll;
}
.quote-item-list .table table tr td.actions {
    vertical-align: top;
    padding-top: 20px;
}
.jobDecisionMaking {
    position: absolute;
    background:rgb(0 0 0 / 81%);
    z-index: 2147483647;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    bottom:0
}
.jobDecisionMakingBox {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    column-gap: 20px;
}
.jobDecisionMakingClose {
    position: absolute;
    top: 17px;
    right: 20px;
    background: #fff;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    text-align: center;
    cursor: pointer;
    padding: 1px 8px 1px 1px;
}
span.ifUploadedFiles img,span.ifUploadedFiles video {
    max-width: 35px;
    max-height: 37px;
    padding: 5px 0px 5px;
    cursor: pointer;
    vertical-align: top;
}
.mediaItemJobEditor {
    display: inline-block;
    position: relative;
    padding: 1px 5px;
}
span.TrashItJobdata {
    color: red;
    padding-right: 6px;
    cursor: pointer;
    margin: -6px;
    z-index: 1;
    background: white;
    border-radius: 3px;
}
.jobDecisionMakingTitle {
    text-align: center;
}
.jobDecisionMakingTitle h4 {
    color: #fff;
}
.jobDecisionMakingTitle h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 26px;
}
.sendQuoteInMail label {
    font-weight: 500;
}
.accessManagementTable {
    height: 78vh;
    overflow: scroll;
}
.content-container .content .page-header .page-title {
    display: block;
}
.content.full-page.pageAccessManagement {
    padding-bottom: 0px;
}
.content.full-page.pageAccessManagement .page-header {
    margin-bottom: 0px;
}
table.accessManagementTableBox thead {
    position: sticky;
    top: -1px;
    background: #fff;
}
span.eye-icon {
    position: absolute;
    width: 29px;
    height: 24px;
    top: 35px;
    right: 8px;
    cursor: pointer;
    background-color: #ffffff;
    z-index: 9999;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
span.TrashTimeOff i.fa.fa-trash {
    cursor: pointer;
    background: #fff;
    color: red;
    padding: 2px;
    position: absolute;
    z-index: 1;
    right: 4px;
}
span.eye-icon.eye-cross-icon {
    background-image: url(../img/eye-cross-icon.png);
}
span.icon.ApproveIt {
    cursor: pointer;
    color: green;
}
.tableUnapprovedTable {
    max-width: 100%;
    overflow: scroll;
    max-height: 77vh;
    margin-top: 20px;
}
.eye-icon.forCreateUsers {
    top: 49px;
}
span.eye-icon:hover {
    opacity: .6;
}
.tablecontentboxTable thead {
    position: sticky;
    top: -1px;
    background:#f7f7f7;
    z-index: 1;
}
.drag-list li.drag-column {
    min-width: 188px;
}
.timeclockStatistics {
    width: 100%;
    overflow: auto;
  }
  .sharePropertiesMain {
    overflow: auto;
    width: 100%;
  }
  .property-utility {
    position: relative;
    width: 100%;
    height: 70vh;
  }
  .property-utility thead {
    position: sticky;
    top: -20px;
    background: #fff;
    z-index: 1;
  }
#shareHeaderMaster .form-group .control{min-height: 42px;}
div#jobSchedulerTimeOffModal {
    background: #0000009c;
    z-index: 9999;
}
.btnBoxJobSch1 {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.jobSchedulerTableMain .job-Scheduler-btn.btnNextPrev {
    position: sticky;
    top: -20px;
    background: #d9d9d9;
    z-index: 3;
}
.jobSchedulerTable thead {
    position: sticky;
    top: 0px;
    background: white;
    z-index: 3;
}
.disabled.disabledTd {
    cursor: not-allowed !important;
    opacity: 0.2;
    height: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table {
    margin-bottom: 0!important;
}
.content-container:has(.pageLeads) {
    overflow: hidden;
}
i.icon.attributes-icon {
    background-image: url(../img/attributes-icon.png);
}
i.icon.access-management-icon {
    background-image: url(../img/access-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}
i.icon.new-user-icon{
    background-image: url(../img/users.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
i.icon.activity-log-icon {
    background-image: url(../img/activity-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
i.icon.dashboard-visibility-icon{
    background-image: url(../img/dashboard-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.table-bordered.jobSchedulerTable td {
    height: auto;
}
table.table.table-striped.table-bordered.table-sm.jobSchedulerTable thead tr th {
    min-height: 55px !important;
    height: 55px;
}
.collapseBtn-mob {display: none;}
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length1{
    width: 200%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length3{
    width: 400%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length4{
    width: 500%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length5{
    width: 600%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length6,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length7,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length8,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length9,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length10,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length11,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length12,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length13,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length14,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length15,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length16,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length17,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length18,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length19,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length20
{
    width: 700%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length1{
    width: 200%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length2,
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length2{
    width: 300%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length3{
    width: 400%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length4{
    width: 500%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length5,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length6,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length7,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length8,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length9,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length10,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length11,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length12,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length13,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length14,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length15,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length16,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length17,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length18,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length19,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length20
{
    width: 600%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_0 .tdboxJobs.jobBox.job_length1,
td.jobsTd.tdCount_1 .tdboxJobs.jobBox.job_length1,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length1,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length1,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length1,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length1{
    width: 200%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length3{
    width: 400%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length4,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length5,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length6,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length7,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length8,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length9,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length10,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length11,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length12,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length13,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length14,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length15,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length16,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length17,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length18,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length19,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length20
{
    width: 500%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length1{
    width: 200%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length2,
td.jobsTd.tdCount_2 .tdboxJobs.jobBox.job_length2{
    width: 300%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length3,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length4,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length5,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length6,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length7,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length8,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length9,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length10,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length11,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length12,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length13,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length14,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length15,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length16,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length17,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length18,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length19,
td.jobsTd.tdCount_3 .tdboxJobs.jobBox.job_length20{
    width: 400%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length1{
    width: 200%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length2,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length3,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length4,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length5,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length6,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length7,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length8,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length9,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length10,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length11,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length12,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length13,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length14,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length15,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length16,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length17,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length18,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length19,
td.jobsTd.tdCount_4 .tdboxJobs.jobBox.job_length20{
    width: 300%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length1,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length2,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length3,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length4,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length5,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length6,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length7,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length8,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length9,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length10,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length11,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length12,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length13,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length14,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length15,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length16,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length17,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length18,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length19,
td.jobsTd.tdCount_5 .tdboxJobs.jobBox.job_length20{
    width: 200%;
    max-width: initial;
    z-index: 2;
    position: relative;
}
i.icon.restore-icon {
    background-image: url(../img/restore-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 17.14px;
}
.incomeTrackersBox .tablecontentboxTable {
    height: 53vh;
}
.page-content.lead-view .tabs-content .form-group.email-control-group>label {
    position: initial;
}
.page-content.lead-view .form-group.email-control-group {
    padding-left: 0;
}
.page-content.lead-view .form-group.email-control-group .email-address-options {
    top: 0;
}
.activity-list .activity-item.email .content {
    padding-left: 0;
    padding-right: 0;
}
.utility-group input[type="number"]::-webkit-outer-spin-button, .utility-group input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.utility-group input[type="number"] {
  -moz-appearance: textfield;
}
td.utilityBladTdFirst {
    position: sticky;
    left: -19px;
    background: #fff;
}
.form-group .control-error, .field-container .control-error{font-size: 13px;}
.nav-tabs .nav-link.active {
    text-transform: uppercase;
}
div#reservations-damage .attribute-value-row .value {
    padding: 5px 10px;
    font-size: 16px;
    margin-bottom: 10px;
}
div#reservations-damage .attribute-value-row .label {
    font-size: 17px;
    font-weight: 500;
    background: #f7f7f7;
    padding: 5px 10px;
    margin-bottom: 7px;
}
.reservations-damage .panel-header a {
    color: #0E90D9 !important;
}
div#reservations-activity-action {
    margin-top: 33px;
}
.jobBoxrobertshute {
    display: ruby;
}
.timeclockStatistics tbody.dayCells h4 {
    font-size: 17px;
}
div#DataTables_Table_0_wrapper .dt-layout-cell.dt-layout-start {
    justify-content: flex-end;
    margin-left: auto;
    margin-right: inherit;
    display: flex;
}
div#DataTables_Table_0_wrapper .dt-layout-cell.dt-layout-start button.dt-button.buttons-csv.buttons-html5 {
    display: none;
    background: #0e90d9;
    color: #fff;
    border-radius: 4px;
    padding: 5px 20px;
    margin-bottom: 0;
}
.tableUnapprovedTable table tbody tr td {
    overflow: hidden;
    white-space: initial;
    vertical-align: top;
    text-overflow: initial;
}
span.modal-controls.next-btn, span.modal-controls.prev-btn {
    display: none;
}
.disabled.disabledTd h4 {
    font-size: 18px;
    margin-bottom: 0px;
    margin-left: 5px;
}
.disabled.disabledTd img {
    width: 30px;
}
p.job_hift_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
img.photo-container-btnView {
    cursor: pointer;
}
button#resPaymentDetails {
    border: 0px;
    background: #0e90d9;
    border-radius: 4px;
    color: #fff;
    margin-left: 6px;
}
.resPaymentDetails {
    background:#000000db;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
.paymentDetailsBlockBx {
    max-width: 760px;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    margin-top: 5%;
}
.paymentBlockBx label {
    font-weight: 500;
    color: #000000;
}
.paymentBlockBx {
    display: flex;
    column-gap: 10px;
    color:#0E90D9;
}
i.icon.close-icon.paymentdetailsClose {
    cursor: pointer;
    float: right;
}
.paymentBlockBx:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f772";
}
.paymentDetailsBlockBx table.table {
    width: 100%;
}
i.timeStatisticsSBTN.icon.editTimingSave{
    margin-top: 6px;
    cursor: pointer;
}
p.shiftTimeEdited {
    margin-top: 15px;
}
i.icon.pencil-icon.editTiming {
    cursor: pointer;
}
form#create-reservation-form .panel-header {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
li.drag-column ul.drag-inner-list .lead-person {
    margin-top: 10px;
}
.table .table-body .empty-table div {
    position: initial;
    text-align: center;
}
.table .filtered-tags .filter-tag {
    margin-bottom: 10px;
}
.adjacent-center .page-content .panel .panel-header a {
    margin-left: 10px;
    margin-right: 10px;
}
.content.full-page.pageAccessManagement .page-title h1 {
    margin-bottom: 20px;
}
.table table.tableBoxContent tbody tr td {
    text-align: left;
}
.table table.tableBoxContent tbody tr td.action {
    text-align: right;
}
button.deleteTimeclockShift {
    border: 0px;
    background: transparent;
}
.timeclock_statistics tr.rowtimeclockStatis td {
    vertical-align: middle;
}
.partnership_container_houses {
    margin-top: 20px;
}
.partnership_container_houses h3 {
    font-size: 24px;
}
label.forUploadFileSec {
    margin: 10px 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 3px dotted #a3a3a3;
    border-radius: 5px;
}
label.forUploadFileSec input#file[type="file"]::file-selector-button {
    background-color: #0e90d9;
    color: white;
    padding: 1px 16px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: 0px;
}
table.editPartnershipBladebox th {
    font-weight: normal;
}
.partnerHouseDetails {
    position: fixed;
    background: #333333cc;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 5;
}
.partnerHouseDetails_inside {
    background: #fff;
    max-width: 1080px;
    margin: 0 auto;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    overflow-y: auto;
    height: 88vh;
    position: relative;
}
.table-container {
    display: table;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
}
p.table-row {
    display: table-row;
}
.partnerHouseDetails_inside p label, span.partnerHouseDetails_value {
    display: table-cell;
    border: 1px solid #ccc;
    padding: 8px 12px;
    vertical-align: top;
}
.partnerHouseDetails_inside p {
    display: table-row;
    padding: 6px 6px;
    font-size: 14px;
    margin-bottom: 0px;
}
span.partnerHouseDetails_value {
    font-weight: bold;
    background: gainsboro;
}
span.icon.ellipsis-icon.dropdown-toggle {
    color: #fff;
}
.container_Partnerships {
    margin-bottom: 25px;
}
span.partnerHouseDetails_close {
    float: right;
    position: absolute;
    right: 4px;
    top: 3px;
    cursor: pointer;
}
#leadsArchiveTableTenants th:nth-child(4) {
    width: 36%;
}
#leadsArchiveTableTenants th:nth-child(5), #leadsArchiveTableTenants th:nth-child(6), #leadsArchiveTableTenants th:nth-child(5), #leadsArchiveTableTenants th:nth-child(2), #leadsArchiveTableTenants th:nth-child(3) {
    width: 15%;
    white-space: nowrap;
}
.container_Partnerships_box select#dt-length-0 {
    margin-right: 10px;
}
.container_Partnerships_box select#dt-length-0 + label {
    text-transform: capitalize;
    font-size: 14px;
}
div#leadsArchiveTableTenants_info {
    font-size: 14px;
}
#leadsArchiveTableTenants span.dt-column-title {
    font-weight: 500;
}
img#identity_image, img#back_identity_image {
    margin-top: 20px;
}
div#photo-profile .modal-content {
    border: 0px;
    padding: 22px;
    background-color:#ffffff21;
}
select#states_locations {
    font-size: 15px;
    padding: 2px 3px;
}
div#photo-profile button.close {
    position: absolute;
    right:26px;
    top: 5px;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
    opacity: 1;
    width: 28px;
    height: 28px;
    line-height: 20px;
    border-radius: 50%;
    z-index: 1;
    font-size: 28px;
    transform: translate(50%);
}
.partner_create-property_box .form-group {
    flex: 0 0 calc(50% - 10.66px);
    font-size: 14px;
    margin-bottom: 0px;
}
.copy-link-simple {
    background-image: url(../img/link_copy_icon.png);
    width: 33px;
    background-size: contain;
    height: 13px;
    cursor: pointer;
}
h6.propertyLinkCopy {
    position: relative;
}
.messageCopyClilpBoard {
    position: absolute;
    bottom: 9px;
}
div#shareHeaderMaster {
    margin-top: 20px;
}
label.reserTitle {
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal !important;
    font-size: 15px;
}
.boxFinancialsB {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 4px;
}
.boxFinancialsB.noBorder {
    border: 0px;
}
ul.popListalert {
    list-style: disc;
    padding-left: 20px;
    padding-top: 6px;
}
p.popLaeseDanger, ul.popListalert {
    font-size: 15px;
    color:#bd2130!important;
}
p.btn.btn-success.finp {
    position: absolute;
    bottom: -45px;
    background: transparent;
    color: #53C41A;
    border: 0px;
}
select#select_reservation_financials {
    font-size: 15px;
    padding-right: 5px;
    border-radius: 4px;
    border-color: #0e90d9;
}
.timeclockStatistics button.dt-button.buttons-csv.buttons-html5 {
    background: #408fe3;
    border: 0px;
    padding: 5px 20px;
    margin: 11px 0;
    color: #fff;
    border-radius: .25rem;
}
.timeclockStatistics div#DataTables_Table_0_info {
    font-size: 16px;
    padding: 8px 4px;
}
.timeStatisticsTotalH {
    text-align: right;
}
.timeclockStatistics .col-sm-12.col-md-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: right;
}
.fc-daygrid-event-harness:has(.fc-event-start.fc-event-past.reservationCalendarTask) {
    margin-left: 50%;
}
.fc-daygrid-event-harness:has(.fc-event.fc-event-start.fc-event-end.reservationCalendarTask) {
    margin-right: 50%;
    margin-left: 50%;
}
.fc-daygrid-event-harness:has(.fc-event-start.fc-event-end.reservationCalendarTask) {
    margin-right:0%;
    margin-left:0%;
}
.fc-daygrid-event-harness:has(.fc-event-end.reservationCalendarTask) {
    margin-right: 50%;
    margin-left: 0%;
}
.fc-daygrid-event-harness:has(.fc-event-start.reservationCalendarTask) {
    margin-right: 0%;
    margin-left: 50% ;
}
td.fc-day.fc-day-futur.fc-day-past.fc-daygrid-day.carveRightCorner .fc-daygrid-event-harness.fc-daygrid-event-harness-abs {
    margin-right:0%;
    margin-left: 0%;
}
td.fc-day.fc-daygrid-day.carveRightCorner.carveLeftCorner a.fc-event.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
    margin-left: 10px;
    margin-right: 10px;
}
a.fc-event.fc-event-end.reservationCalendarTask, a.fc-event.fc-event-start.reservationCalendarTask {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
a.fc-event.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.cst-expansion .tabs-content {
    padding: 0 !important;
}
/* .cst-expansion .drag-list li.drag-column {
    height: 600px !important;
} */
.toggle-btn-custom {
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #007BFF;
    color: white;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    font-family: sans-serif;
    margin-bottom: 20px;
    transition: background-color 0.3s ease;
}

.toggle-btn-custom:hover {
    background-color: #0056b3;
}

.toggle-btn-icon {
    margin-right: 8px;
    font-size: 14px;
}

/* .cst-expansion .drag-list li.drag-column {
    height: 1750px !important;
    transition: height 0.3s ease;
} */
.cst-expansion .drag-list li.drag-column {
    height: auto !important;
    transition: height 0.3s ease;
    /* max-height: 1750px !important; */
    max-height: 100% !important;
}

body .toggle-btn-custom:disabled {
    cursor: not-allowed !important;
}

/* .cst-expansion.expanded .drag-list li.drag-column {
    max-height: 100% !important;
} */
.cst-expansion.expanded .drag-list li.drag-column {
    max-height: 100% !important;
}

.timeclockStatistics .dt-length {
    text-align: start;
    padding-bottom: 20px;
}

.timeclockStatistics .dt-search {
    text-align: end;
    padding-bottom: 20px;
}

.timeclockStatistics .dt-length label {
    padding-left:10px;
}

.filterOption .btn {
    margin-top: 10px;
}
button.btn.btn-primary.btn_outline_ui {
    border: 1px solid #0E90D9;
    background: transparent;
    color: #0E90D9;
}
.tableUnapprovedTable i.fa-regular.fa-pen-to-square {
    color: #e5ab42;
}

.threeIconGroupBx {
    display: flex;
    align-items: center;
}
.threeIconGroupBx .tableUnapprovedTable i.fa-regular.fa-pen-to-square, .threeIconGroupBx i.fa-regular.fa-pen-to-square {
    padding-top: 0px;
    padding-bottom: 0px;
}
.job-Scheduler-table-box {
    overflow: scroll;
    max-height: 500px;
}
/* START:: Modal for deposits Snapshot */
  .lightbox-overlay-deposits {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lightbox-overlay-deposits .lightbox-content-deposits {
    position: relative;
    text-align: center;
    max-width: 90%;
    max-height: 90%;
  }

  .lightbox-overlay-deposits .lightbox-content-deposits img,
  .lightbox-overlay-deposits .lightbox-content-deposits video {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 4px;
  }

  .lightbox-overlay-deposits .lightbox-close-deposits {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: white;
    cursor: pointer;
  }

  .lightbox-overlay-deposits .lightbox-nav-deposits {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: white;
    font-size: 40px;
    transform: translateY(-50%);
    user-select: none;
  }

  .lightbox-overlay-deposits .lightbox-prev-deposits,
  .lightbox-overlay-deposits .lightbox-next-deposits {
    cursor: pointer;
    background: #0000004f;
    padding: 20px;
  }
/* end  :: Modal for deposits Snapshot */
i.icon.close-icon.reservationsCancel {
    background: url(/img/close-x-button-icon.png) no-repeat !important;
    color: white;
    height: 30px;
    background-size: contain !important;
}
img.resetIconbtn {
    filter: saturate(0) brightness(0) invert(1);
    height: 16px;
    padding-right: 5px;
    margin-bottom: 3px;
}
.snapshotsBloadFile span.btn.btn-danger {
    margin-top: 10px;
    position: absolute;
    top: 40px;
    left: 12px;
    padding: 0px;
}
button.startShiftButtonSSS.btn.btn-primary {
    padding-top: 4px;
    padding-bottom: 4px;
}
button.btn.btn-primary.rightonScreen {
    position: absolute;
    top: -40px;
}
.btnGroupScreen {
    display: flex;
    justify-content: end;
    margin-bottom: 10px;
    position: relative;
}
.reason-select {
    position: fixed;
    top: 0;
    background: #0e0e0eab;
    padding: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.admin_leads_reasonSelect {
    background: #fff;
    width: 576px;
    margin: 0 auto;
    height: auto;
    padding: 39px;
    border: 15px solid #ebebeb;
}
.btnGroutSc {
    margin: 0 auto;
    text-align: center;
    max-width: 249px;
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}
body .drag-container {
    overflow-y: hidden !important;
}
#loaderContainer {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: fixed;
    z-index: 22222;
    top: 0 !important;
    left: 0 !important;
}
#loader-line {
        position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 4px;
    background: linear-gradient(90deg, #3498db 0%, #3498db 50%, transparent 50%, transparent 100%);
    background-size: 200% 100%;
    animation: slide 1s linear infinite;
    border-radius: 2px;
  }
.paid_unpaid_revenue_month {
    display: flex;
    column-gap: 10px;
    justify-content: end;
}
.content.full-page.reservations-block-3.incomeTrackersBox span.export-import {
    display: inline-flex;
    gap: 4px;
}
.paid_unpaid_revenue_month select {
    width: 160px;
}
.paid_unpaid_revenue_month select#paid_unpaid {
    width: 207px;
}
.fc .fc-daygrid-event-harness-abs:has(.reservationCalendarTask) {
    position: absolute;
}
.fc-daygrid-event-harness.fc-daygrid-event-harness-abs {
    position: inherit;
}
.fc-daygrid-event-harness.fc-daygrid-event-harness-abs:first-child:has(a.fc-event.jobCalendarTask) {
    margin-top: 27px;
}
.fc .fc-daygrid-event-harness-abs:has(.reservationCalendarTask) + .fc-daygrid-event-harness.fc-daygrid-event-harness-abs {
    margin-top: 27px !important;
}
.carveRightCorner.carveLeftCorner.reservation.multiCal {
    margin-right: 50%;
    margin-left: 50%;
}
.carveLeftCorner.reservation.multiCal {
    margin-left: 50%;
}
.carveRightCorner.reservation.multiCal {
    margin-right: 50%;
}
.carveLeftCorner.reservation.multiCal.reservationCalendarTask.length0 {
    margin-left: 1%;
    left: 22px !important;
    width: 74% !important;
}
.reservation.multiCal.reservationCalendarTask {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.res_count_15.reservation.multiCal.reservationCalendarTask {
    bottom: 437px;
}
.res_count_14.reservation.multiCal.reservationCalendarTask {
    bottom: 407px;
}
.res_count_13.reservation.multiCal.reservationCalendarTask {
    bottom: 377px;
}
.res_count_12.reservation.multiCal.reservationCalendarTask {
    bottom: 347px;
}
.res_count_11.reservation.multiCal.reservationCalendarTask {
    bottom: 316px;
}
.res_count_10.reservation.multiCal.reservationCalendarTask {
    bottom: 285px;
}
.res_count_9.reservation.multiCal.reservationCalendarTask {
    bottom: 254px;
}
.res_count_8.reservation.multiCal.reservationCalendarTask {
    bottom: 223px;
}
.res_count_7.reservation.multiCal.reservationCalendarTask {
    bottom: 192px;
}
.res_count_6.reservation.multiCal.reservationCalendarTask {
    bottom: 161px;
}
.res_count_5.reservation.multiCal.reservationCalendarTask {
    bottom: 130px;
}
.res_count_4.reservation.multiCal.reservationCalendarTask {
    bottom: 99px;
}
.res_count_3.reservation.multiCal.reservationCalendarTask {
    bottom: 68px;
}
.res_count_2.reservation.multiCal.reservationCalendarTask {
    bottom: 37px;
}
.res_count_1.reservation.multiCal.reservationCalendarTask {
    bottom: 6px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6 !important;
}
  @keyframes slide {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  .forImportFunction {
    margin-bottom: 20px;
}
.forImportFunction input[type="file"] {
    border: 1px solid #ccc;
    padding: 4px 4px;
    margin-right: 10px;
}
.forImportFunction .alert {
    margin-top: 10px;
    font-size: 15px;
}
/* START MEDIA */
@media (max-width: 1200px) {
.col-xl-2>.photo-container {
    margin-top: 20px;
}
}
@media (min-width: 1040px) {
    .partner_create-property_box {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    position: relative;
}
    div#shareHeaderMaster {
    width: 950px;
}
    div#photo-profile .modal-dialog.modal-dialog-centered{max-width: 700px;}
    .modal-dialog.modal-dialog-centered.viewPartnershipModalImage {
        max-width: 300px;
        /* max-height: 39vh; */
    }
    div#reservations-activity-action .tabs ul li a {
        padding-right: 10px;
        padding-left: 10px;
    }
    div#reservations-activity-action .tabs ul {
        display: flex    ;
        justify-content: space-evenly;
    }
.jobSchedulerTable tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
}
@media (max-width: 1100px) {
    .accessManagementTable {
        height: 38vh;
    }
.job-Scheduler-table-box {
    min-width: 820px;
    overflow: auto;
}
}
@media (min-width: 768px) {
    .date-container.customDateInput:after {
        width: 0px!important;
        height: 0px !important;
    }
    .btn-group-reservations {
        display: flex;
        justify-content: end;
        column-gap: 5px;
    }
    span.eye-icon{top: 40px;}
    .calendarModualSelection{column-gap: 5px;}
    .filterOption,.btnNextPrev {
        margin-top: 29px;
    }
    .col-xs-2 {
        -ms-flex: 0 0 16.666667%!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important;
    }
    .col-xs-3 {
        -ms-flex: 0 0 25%!important;
        flex: 0 0 25%!important;
        max-width: 25%!important;
    }
    .col-xs-5 {
        -ms-flex: 0 0 34.33%!important;
        flex: 0 0 34.33%!important;
        max-width:34.33%!important;
    }
.note-modal-content {
    width: 600px;
    margin: 30px auto;
    top: 35%;
  }
}

@media(max-width:767px){
  /* Mobile CSS
  form.jobEditorForm select, .modal-body.forjobEditor input.control.dateInput, .modal-body.forjobEditor .form-group.time input, form.jobEditorForm .lookup-control .form-group input.control, form.jobEditorForm .control.pac-target-input
  */
  .SendPaymentRequest {
    flex-direction: column;
    row-gap: 10px;
}
select#select_reservation_financials {
    padding: 6px 6px;
}
  ul.pipeline-stages.leads li>span {
    font-size: 14px;
}
  .lead-content-right .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages .stage {
    min-width: initial;
}
.lead-content-right .pipeline-stage-controls-wrapper .pipeline-stage-container {
    flex-direction: column;
}
  .lead-content-right .tabs-content button.btn.btn-md.btn-primary {
    float: initial;
}
.lead-content-right div#updateLeadStageModal>div .form-group.date {
    margin-top: 10px;
}
  .content.full-page.pageLeads .search-filter {
    margin-bottom: 10px;
}
  .accessManagementTable table.table.table-stripped.accessManagementTableBox tr th {
    font-size: 15px !important;
}
  div#datagrid-filters + .tabs-container .pill.tabs-left-container {
    height: initial !important;
}
  .adjacent-center .page-content .panel .panel-header button.btn + a {
    margin-top: 3px !important;
    height: 29.6px;
    display: inline-block;
}
  select#property, select#month {
    font-size: 13px;
}
.calendarModualoptPro, .calendarModualoptDate,.btn-group.btn-group-toggle.calendarModualBtns {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

  li.list-inline-item.btn.modualcalendarBtn {
    margin-right: 0;
}
  .table .filtered-tags .filter-tag span {
    font-size: 14px;
}
.table .filtered-tags .filter-tag .wrapper {
    font-size: 13px;
    line-height: 26px;
}

  .activity-list .tabs-content {
    margin-top: 30px;
}
.activity-list .activity-item.activity .title h4 {
    font-size: 16px;
}
.form-group.email-control-group .tags-control ul.tags li.tag-input input {
    font-size: 14px;
}
  div#photoSlideshow .modal-dialog {
    top: 15%;
    left: 50%;
    transform: translate(-50%);
}
  .modal-dialog.modal-dialog-centered.modal-sm button.close {
    right: 2px !important;
    top: -46px !important;
}
  body .recentMessage span {
    display: inline-grid;
    float: none;
}
  .propertiesInsideBx .actionBtn {
    background: #fff;
    border-radius: 4px;
}
  div#mediaSharePublic {
    padding: 20px;
}
input.control.dateInput.check_in.flatpickr-input.flatpickr-mobile {
    min-width: 95% !important;
}
  .table .table-header h1 {
    margin-bottom: 10px;
}
ul#utilityTab.nav-tabs .nav-link {
    white-space: nowrap;
    font-size: 14px;
}
ul#utilityTab {
    overflow-y: hidden;
    overflow-x: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    display: flex !important;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
}
  .content.full-page.adjacent-center.form-create-policy .panel-header {
    display: flex;
    justify-content: space-between;
}
.content.full-page.adjacent-center.form-create-policy a.backBtn {
    margin-right: 0;
    max-height: 31px;
}
  .table-header h1 {
    margin-bottom: 10px !important;
}
  .content.full-page.personsContact .table-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
  .lookup-results li span {
    font-size: 14px;
}
  .payTyCickedBox {
    height: 38vh;
  }
  .row.payTyCickedBox a.btn.btn-md.btn-primary {
    float: initial;
}
a.btn, button.btn,li.btn.modualcalendarBtn a {
    padding: 5px 8px;
    font-size: 12px;
}
i.icon.plus-white-icon.forplusicon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 21px;
}
.drag-column .drag-column-header>div h2 {
    min-height: 39px;
}
  .content.full-page.reservations-block-2.productsReservations .table .empty-table img {
    margin-top: 5%;
}
  .table.paymentsTableBx {
    overflow: scroll;
}
  input.control.dateInput.last_contact_date.flatpickr-input.flatpickr-mobile, input.control.dateInput {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input.control.dateInput.last_contact_date.flatpickr-input.flatpickr-mobile::-webkit-calendar-picker-indicator, input.control.dateInput::-webkit-calendar-picker-indicator {
    display: none;
}
  input.control.dateInput.flatpickr-input.flatpickr-mobile {
    min-width: 95% !important;

}
.form-group.date .date-container:after {
    top: 22px !important;
}
  .modalImageBox {
    left: 10%;
    position: absolute;
    right: 10%;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.jobList>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.btnBox-group {
    max-width: 100%;
    justify-content: space-between;
    display: flex;
    column-gap: 40px;
    float: none;
}
  .date-container.customDateInput input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
}

.form-group.time input.control[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.form-group.time input.control[type="time"]{
    position: relative;
        height: 38px;
        display: block;
        min-width: 97% !important;
        text-align: left !important;
        line-height: 38px;
}
.form-group.time input.control[type="time"]:after {
    content: "🕒";
    font-size: 18px;
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
  .modal-body.forjobEditor input.control.dateInput, .modal-body.forjobEditor .form-group.time input {
    height: 38px;
    display: block;
    min-width: 97% !important;
    text-align: left !important;
    line-height: 38px;
}
.modal-body.forjobEditor select, .modal-body.forjobEditorinput#shift_title {
    height: 38px;
}
  .date-container.customDateInput:after {
    top: 21px !important;
}
  div#DataTables_Table_0_wrapper button.dt-button.buttons-csv.buttons-html5 {
    float: left;
    margin-bottom: 12px;
}
  .forTimingsBx .icon.pencil-icon.editTiming {
    width: 28px;
    height: 17px;
}
  div#jobEditor .form-group.date .date-container::after {
    top: 22px;
    right: 5px;
}
  .jobBoxFor h4,.timeClockJobBox h6 {
    font-size: 12px;
}
.jobBoxFor h4 {
    min-height: 30px;
}
.jobBoxFor {
    padding-right: 10px;
    padding-left: 10px;
    min-height: 180px;
}
  .forTimingsBx {
    column-gap: 3px;
}

  span.icon.pencil-icon.editTiming {
    background-size: contain;
    background-repeat: no-repeat;
}
  a.reportsBtn, button.startShiftButton {
    margin-bottom: 10px;
    font-size: 14px;
}
  .btnCreRep {
    float: initial;
    margin-bottom: 10px;
    display: block;
}
  .timeClockJobPro {
    border-right: 0px;
    margin-right: 0;
    padding-right: 0;
}
  .cardTimeClockJobPro {
    flex-direction: column;
    text-align: center;
}
  #imageModal.modal {
    cursor: grab;
}
  .accessManagementTable {
    height: 58vh;
}
  div#leadsArchiveTable_wrapper .dt-length {
    padding-left: 0;
}

  .btn.btn-primary, a.btn.btn-md.btn-danger {
    float: left;
    margin-bottom: 7px;
    margin-right: 4px;
}
  .lead-content-right .tabs ul li a {
    font-size: 12px;
}
  .empty-icon-container.disable-drag .icon-text-container {
    position: initial;
}
  .share-link.mediaManagerBtns {
    margin-bottom: 10px;
  }
  .content.full-page.reservations-block-3.incomeTrackersBox .table .table-body .empty-table div {
    top: calc(50% - -16px);
  }
  .table .filtered-tags .filter-tag{margin-bottom: 10px;}
  accordian .accordian-content, accordian div[slot*=body], .accordian .accordian-content, .accordian div[slot*=body] {
    padding: 15px;
}
  div#leadsArchiveTable_wrapper .dt-layout-cell.dt-end {
    text-align: left !important;
}
div#leadsArchiveTable_wrapper .dt-search label {
    margin-left: 0;
}
div#leadsArchiveTable_wrapper .dt-layout-row .dt-layout-cell.dt-start {
    text-align: left !important;
}
.dt-container .dt-length, .dt-container .dt-search {
    text-align: left !important;
    padding-left: 0px;
}
  .dt-layout-row.dt-layout-table .dt-layout-cell {
    overflow: scroll;
}
  .form-group.date .date-container {
    width: 100%;
  }
  .anonymous-layout-container .center-box .adjacent-center .panel .panel-body button.btn {
    font-size: 18px;
  }
  .modal-body.forjobEditor {
    margin-bottom: 60px;
}
  .content.full-page .table .table-header {
    display: block;
}
  .page-title.wplusbtn {
    display: block;
}
  .content.full-page.media-full-page .table .table-header {
    display: block;
}
  .incomeTrackersBox .table .table-header {
    display: block;
}
.calendarModualSelection {
    column-gap: 5px;
    flex-wrap: wrap;
}
select#property,select#month {
    font-size: 14px;
}

    .content-container .content.full-page {
        padding: 15px;
    }
    .content-container {
        padding: 0px !important;
    }
  .dashboard .row-grid-3 .card {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.dashboard>h1~.card-filter-container {
    margin-bottom: 10px;
}
.row-grid-3 {
    display: block;
}
.dashboard>h1 {
    font-size: 22px;
    display: block;
}
.dashboard>h1~.card-filter-container {
    margin-bottom: 10px;
    float: left;
}
.dashboard .row-grid-3 .card .card-header {
    padding: 10px;
    font-size: 14px;
    height: initial;
}
.dashboard .row-grid-3 .card .card-data {
    position: initial;
}
.reservations-block-2 .table .table-header {
    grid-template-columns: repeat(1,auto);
}
.reservations-block-2 .table-action {
    top: auto!important;
    text-align: center!important;
}
.dashboard .row-grid-3 .card .card-data .lead .details {
    font-size: 12px;
    padding: 2px 0;
    /* display: block; */
}
.navbar-top .navbar-top-right .profile-info .info {
    display: none;}
    .navbar-top .navbar-top-right .profile-info .avatar {
        height: 30px;
        width: 30px;
    }
    .navbar-top .navbar-top-right .profile-info .icon.ellipsis-icon {
        display: none;
    }
    .navbar-top .navbar-top-right .profile-info .avatar {
        height: 30px;
        width: 30px;
        margin-top: 5px;
    }
    .navbar-top .navbar-top-right .profile-info .dropdown-list .app-version {
        display: block;
        font-size: 12px;
        padding: 2px 12px;
    }
    .dropdown-list .dropdown-container ul li {
        font-size: 12px;
        padding: 2px 12px;
    }
    .dropdown-list {
        width: 155px;
    }
    .collapseBtn-mob {margin-left: 15px;margin-top: 15px;cursor: pointer;display:block;}
    .collapseBtn-mob span.collapse-icon {
        background-image: url(../img/collapse-menu.png);
        width: 30px;
        height: 30px;
    }
    .navbar-left {
        position: fixed;
        left:-166px;
    }
    .panel.loginPageWelcome {
        width: 100%;
    }
    .collapse-close {
        background: url(../img/close.png);
        background-position: center;
        width: 20px;
        height: 20px;
        margin-top: 5px;
    }
    .eye-icon.forCreateUsers {
        top: 30px;
    }
    div#datagrid-filters .filter-right {
        justify-content: left;
    }

    .card .db-wg-spinner .spinner-container {
        position: absolute;
    }
    .content-container .content .page-header .page-title h1 {
        font-size: 22px;
    }
    .btn.btn-md {
        padding: 5px 8px;
        font-size: 12px;
    }
    .btn.btn-primary {
        font-size: 12px;
        padding: 5px 8px;
    }
    .adjacent-center .page-content .panel .panel-header button.btn {
        margin-right:0;
    }
    .adjacent-center .page-content .panel .panel-header a {
        margin-left: 10px;
        font-size: 12px;
        margin-right: 10px;
    }
    #create-reservation-form .panel-body.row .col-sm-12.col-md-12 {
        padding-right: 9px;
        padding-left: 9px;
      }
    .tabs ul li a {
        padding: 5px 10px;
        font-size: 14px;
    }
    .tabs-content {
        padding: 0;
        box-shadow: none;
    }
    .adjacent-center .page-content, .adjacent-center .page-header {
        width: 100%!important;
    }

    .field-container label, .form-group label {
        font-size: 13px;
        margin-bottom: 0;
    }
    .field-container .control, .form-group .control {
        font-size: 14px;
        padding: 4px 10px;    width: 100%;
    }
    .field-container.date .date-container:after, .field-container.date .datetime-container:after, .field-container.date .time-container:after, .field-container.datetime .date-container:after, .field-container.datetime .datetime-container:after, .field-container.datetime .time-container:after, .field-container.time .date-container:after, .field-container.time .datetime-container:after, .field-container.time .time-container:after, .form-group.date .date-container:after, .form-group.date .datetime-container:after, .form-group.date .time-container:after, .form-group.datetime .date-container:after, .form-group.datetime .datetime-container:after, .form-group.datetime .time-container:after, .form-group.time .date-container:after, .form-group.time .datetime-container:after, .form-group.time .time-container:after {
        height: 15px;
        width: 15px;
        background-position: center;
        background-size: contain;
    }
    .checkbox {
        font-size: 13px;
    }
    .table .table-header h1,
    .sidebar-filter header h1 {
        font-size: 22px;
    }
    .table .table-header .table-action {
        position: relative;
    }
    .table .datagrid-filters {
        display: block;
    }
    .table .search-filter {
        width: 100% !important;
    }
    .table .form-group.datagrid-filters input[type=search].control {
        width: 100%;
    }
    .table .datagrid-filters .filter-right .filter-btn {
        position: relative;
    }
    div#datagrid-filters .search-filter.form-group {
        margin-bottom: 10px;
    }
    .table .datagrid-filters .filter-right .filter-btn .grid-dropdown-header {
        padding: 0 7px 0px 10px;
        width: 75px;
        font-size: 14px;
        height: 27px;
    }
    .sidebar-filter {
        width: 90%;
    }
    .sidebar-filter .field-container .control.half {
       width: 100%;
        padding-right: 29px;
        font-size: 14px;
    }
    .table-body {
        /* overflow-y: auto; */
    }
    .table table {
        /* width: 2000px; */
        /* margin-top:100px; */
    }
    .table .datagrid-filters .filter-right {
        text-align: right;
        /* position: fixed; */
        align-items: center;
    }
    .table .datagrid-filters .dropdown-filters.per-page .form-group .control {
        border: 1px solid #c1c2c3;
        height: 28px;
        margin: 0;
        font-size: 12px;
    }
    .table .datagrid-filters .filter-right .pagination {
        height: 27px;
        font-size: 14px;
    }
    .table .datagrid-filters .filter-right .pagination .page-item .icon {
        top: 3px;
        vertical-align: top;
    }
    .sidebar-filter header h1 .right label {
        font-size: 14px !important;
    }
    .sidebar-filter .form-group.date {
        padding-bottom: 30px;
    }
    .sidebar-filter .form-group.date .date-container:after {
        top: 22px;
    }
    .input-group .datetime-container:after {
        top: 22px !important;
    }
    .sidebar-filter .form-group {
        margin-bottom: 0px;
    }
    .field-container .control, .form-group .control {
        margin-top:5px;
    }
    .sidebar-filter .field-container .control {
        font-size: 12px;
    }
    .table .table-header .table-action .export-import span {
        font-size: 11px;
    }
    .table .table-header .table-action .export-import .icon {
        height: 14px;
        width: 14px;
        top: 2px;
    }
    .form-group.lookup .lookup-control .lookup-results {
        font-size: 16px;
    }
    div#reservationCostArea .row.editReservationMod .col-1,#reservationCost .editReservationMod .col-1 {
        padding-left: 0;
        padding-right: 0;
    }
    ol.breadcrumb {
        font-size: 11px;
    }
    div#datagrid-filters .filter-right.itemsPerPage {
        justify-content: space-between;
    }
    .table .table-header .table-action .export-import {
        cursor: pointer;
        display: block;
        margin-bottom: 4px;
        margin-right: 5px;
        text-align: left;
    }
    .panel .panel-body {
        padding: 0;
    }
    .shair-properties .checkbox {
        font-size: 12px;
    }
    .shair-properties .shair-properties-left >div {
        padding-right: 0px;
    }
    .shair-properties .shair-properties-left >div:before {
        display: none;
    }
    .settings-container .panel .panel-header h3 {
        margin: 0 0 5px;
        font-size: 22px;
    }
    .settings-container .panel .panel-header p {
        font-size: 12px;
    }
    .listMediaFold img {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }
    span.mediaFoldName {
        font-size: 12px;
    }
    .anonymous-layout-container .center-box {
        vertical-align: top;
    }
    .anonymous-layout-container .center-box .adjacent-center {
        width: 100%;
    }
    .panel .panel-body {
        background-color: transparent;
        box-shadow: none;
    }
    .anonymous-layout-container {
        background: white;
    }

    .field-container.date .date-container:after, .field-container.date .datetime-container:after, .field-container.date .time-container:after, .field-container.datetime .date-container:after, .field-container.datetime .datetime-container:after, .field-container.datetime .time-container:after, .field-container.time .date-container:after, .field-container.time .datetime-container:after, .field-container.time .time-container:after, .form-group.date .date-container:after, .form-group.date .datetime-container:after, .form-group.date .time-container:after, .form-group.datetime .date-container:after, .form-group.datetime .datetime-container:after, .form-group.datetime .time-container:after, .form-group.time .date-container:after, .form-group.time .datetime-container:after, .form-group.time .time-container:after {
        top: 27px;
    }
    .field-container.has-error .control-error, .form-group.has-error .control-error {
        font-size: 12px;
        line-height: 1;
    }
    .grid-container {
        /* position: fixed;
        height: 80px;
        background: white; */
    }
    .add-more-link {
        font-size: 12px;
    }
    input[type="file"]{
        font-size: 12px;
    }
    .vuecal {
        font-size: 12px;
    }
    .table table tbody tr td.action {
        justify-content: right;
    }
    .leadStatusQuestionnaire {
        max-width: 100%;
        left: 5%;
        width: 100%;
        padding: 15px;
    }
    .h1, h1 {
        font-size: 1.6rem;
    }
    .actions.btn-group .btn {
        min-width: initial;
    }
    .inputBlock lable {
        font-size: 14px;
    }
    input.control, textarea.control {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 5px 10px;
        width: 100%;
    }
    .btn.secondary {
        padding: 2px;
    }
    .info-details i {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: #fff;
        font-size: 10px;
        text-align: center;
        display: block;
        background: #0e90d9;
        line-height: 0px;
    }
    .drag-column {
        margin-right: 15px !important;
    }
    .drag-container {
        box-shadow: 1px 7px 8px 4px #88888857;
    }
    .page-content.lead-view .lead-content-left,
    .page-content.lead-view .lead-content-right {
        width: 100%;
        padding:0;
    }
    .custom-attribute-view .attribute-value-row {
        font-size: 12px;
        padding: 0px 30px 0px 6px;
    }
    .panel .panel-header {
        font-size: 16px;
    }
    .pipeline-stage-controls-wrapper .pipeline-stage-container .pipeline-stages {
        position: relative;
        top: 7px;
    }
    .pipeline-stage-controls-wrapper h3 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .alert-wrapper {
        height: 20px;
        transform: translateX(-50%);
        left: 50%;
        width: 300px;
        bottom: 120px;
        z-index: 99999;
    }
    .alert-wrapper .alert {
        width: 80%;
        transform: translateX(-50%);
    }
    .backBtn2 {
        padding: 5px 20px;
        font-size: 12px;
        position: absolute;
        right: 20px;
        top: 31px;
    }
    .content.full-page.media-full-page .table-action {
        top: 0;
    }
    .propertyBoxSction {
        width: 100%;
    }
    div#subdabba {
        background: #ffffff;
        width: 100%;
        border-radius: 12px;
        box-shadow: 4px 3px 16px 2px #0000004f;
    }
    #subdabba .form-control {
        margin-bottom: 15px;
    }
    .closesubdabba {
        position: absolute;
        top: 15px;
        right: 12px;
        color: black;
        cursor: pointer;
        border-radius: 20px;
        padding: 2px;
        z-index: 123;
    }
    .icon.close-white-icon {
        position: relative;
        right: 2px;
    }
    .table .search-filter .control {
        width: 100%;
    }
    .form-create-policy h3 {
        font-size: 16px;
    }
    .backBtn {
        padding: 5px 20px;
        font-size: 12px;
        position: relative;
        right:0;
    }
    span.ifUploadedFiles {
        left: 108px;
    }
    .anonymous-layout-container .center-box .adjacent-center .brand-logo {
        margin-top: 22px;
        margin-bottom: 10px;
    }
    .panel.loginPageWelcome .form-group .control {
        font-size: 18px;
        padding: 10px 10px;
    }
    .panel.loginPageWelcome .panel-body {
        padding: 20px !important;
    }
    .navbar-top .navbar-top-left .brand-logo {
        position: absolute;
        padding: 10px 5px;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }
    .job-Scheduler-table-box {
        min-width: 100%;
        overflow: scroll;
    }
    div#jobEditor .modal-dialog, div#timeOff .modal-dialog {
        width: 95%;
    }
    .jobsListingsForShifts .jobBox {
        width: auto !important;
        display: flex;
        flex-direction: column;
        justify-content: end;
        min-width: initial !important;
    }
    .timeClockHeader {
        display: grid;
        margin-bottom: 20px;
    }
    ul.sub-menubar {
        display: block !important;
    }
}



.jobSchedulerLabelbx,
.jobSchedulerLabelb {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.jobs-today-wrapper .modal-content {
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  }

  .jobs-today-wrapper .modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    position: sticky;
    top: 0;
    z-index: 1051;
  }

  .jobs-today-wrapper .modal-title {
    font-weight: bold;
    color: #333;
  }
  .jobs-today-wrapper #jobsToday-table th {
    background-color: #f1f1f1;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
  }

  .jobs-today-wrapper #jobsToday-table td,
  .jobs-today-wrapper #jobsToday-table th {
    vertical-align: middle;
    padding: 10px;
  }

  .jobs-today-wrapper #jobsToday-table tbody tr:hover {
    background-color: #f9f9f9;
  }

  .jobs-today-wrapper .modal-body {
    padding: 20px;
  }
  /* #leadContainer {
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    height: 1659px;
  } */










  /* Mashood code starts */
/* Active Filters Display Box Styles */
.active-filters-container {
    margin: 20px 0;
    padding: 0 0px;
}

.active-filters-box {
    background: white;
    border: white;
    border-radius: 8px;
    padding: 16px;
    padding-left:0 !important;
    box-shadow: none;
}

.filters-header {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dee2e6;
}

.filters-header h4 {
    margin: 0;
    color: #495057;
    font-size: 18px;
    font-weight: 300;
}

.clear-all-filters {
    background: none;
    display:none !important;
    border: none;
    color: #dc3545;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.clear-all-filters:hover {
    background-color: #f8d7da;
}

.filter-tags {
    display: inline-block;
    margin: 0px 20px;
    color: white;
    font-weight: 100;
    position: relative;
    top: -8px;
}

span#filterTags.filter-tags .filter-tag {
    background: #007bff;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 300px;
    font-size: 18px;
}

.filter-tag .filter-label {
    font-weight: 300;
    white-space: nowrap;
    font-size: 18px;
}

.filter-tag .filter-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.filter-tag .icon {
    cursor: pointer;
    font-size: 10px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.filter-tag .icon:hover {
    opacity: 1;
}

.cst-page-lead .sidebar-filter .selected-options.extended {
    background: grey;
    display: block;
    padding: 10px 20px;
    border-radius: 100px;
    color: white;
    float: inline-start;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .active-filters-container {
        margin: 20px 0;
        padding: 0 0px;
    }

    .filter-tag {
        max-width: 250px;
    }

    .filter-tag .filter-value {
        max-width: 100px;
    }
}
/* Mashood code ends */

body table tr td.current-date-bg {
    background-color: #ffdc2826 !important;
}

body select option[value="192"],
body select option[value="193"] {
    display: none;
}

body .forjobEditor select option[value="192"],
body .forjobEditor select option[value="193"] {
    display: block;
}

.Carpet {
    background-color: #008529 !important;
}
.Audit {
    background: blueviolet !important;
}

/* Hide the native file input */
  #csvFile {
    display: none;
  }

  /* Styled label that acts as the button */
  .upload-btn {
    display: inline-block;
    background-color: #0e90d9;
    color: white;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
    cursor: pointer;
    float: right;
  }

  .upload-btn:hover {
    background-color: #003e80;
  }

  .upload-btn:active {
    background-color: #003e80;
  }
  pre.text-success {
    font-size: 18px;
    background: #0080001f;
    padding: 14px 30px;
    border: green;
    border-radius: 10px;
    font-family: sans-serif;
    font-weight: 500;
  }
  pre.text-danger {
    font-size: 18px;
    background: #8000001f;
    padding: 14px 30px;
    border: rgb(128, 0, 0);
    border-radius: 10px;
    font-family: sans-serif;
    font-weight: 500;
  }
  pre.text-warning {
    font-size: 18px;
    background: #807e001f;
    padding: 14px 30px;
    border: rgb(128, 126, 0);
    border-radius: 10px;
    font-family: sans-serif;
    font-weight: 500;
  }
  #csvFileLabel.loading {
    pointer-events: none;
    opacity: 0.7;
    position: relative;
}

#csvFileLabel.loading::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 50%;
    width: 25px;
    height: 25px;
    margin-top: -13px;
    border: 3px solid #121212;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.totalInputFields {
    padding: 0;
    text-align: center;
}
.shair-properties table tr td {
    vertical-align: middle;
}
.form-group.nightCount {
    background: #b598094f;
    border: 1px solid #ffffff;
    color: #444444;
    line-height: 1;
    border-radius: 10px;
    display: table;
}

.nightCount label {
    display: table-cell;
    font-size: 12px;
    padding: 10px;
    text-align: left;
}
.nightCount span {
    display: table-cell;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}
.control-style {

}
 div.form-group:has(#lead_id) {
    display: none;
}
.quote-item-list .quote-summary table {
    float: right;
    margin-top: 40px;
    margin-right: 100px;
}
.quote-item-list .quote-summary table tr td .form-group .control {
    width: 210px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

body .damaged-new .table-header {
    justify-content: space-between !important;
}

@media (min-width: 1038px) and (max-width: 1402px) {
    /* .job_hift_title,
    .job_job_type {
        display: inline-block;
        max-width: 12ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } */


    /* .job_shift_title,
    .job_job_type {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        max-width: 100%;
    }
    .jobBox {
        margin: 10px 2px;
    }
    .TrashIt {
        display: block;
    } */
}

i.archive-deposit-icon,
i.remove-archive-deposit-icon {
    width: 100px;
    position: relative;
    top: -3px;
    margin-left: 10px;
}
i.archive-deposit-icon:hover,
i.remove-archive-deposit-icon:hover {
    background: white;
    transition: .2s;
    cursor: pointer;
}
.archive-deposit-icon::after {
    content: 'Archive Deposit';
    font-size: 12px;
    width: 100px;
    display: block;
    padding: 2px 0px;
    margin: 0;
    text-align: center;
    letter-spacing: 0;
    background: #0e90d9;
    font-style: normal;
    border: 1px solid #0e90d9;
    color: white;
    border-radius: 5px;
}
.remove-archive-deposit-icon::after {
    content: 'Remove Archive';
    font-size: 12px;
    width: 100px;
    display: block;
    padding: 2px 0px;
    margin: 0;
    text-align: center;
    letter-spacing: 0;
    background: #0e90d9;
    font-style: normal;
    color: white;
    border: 1px solid #0e90d9;
    border-radius: 5px;
}






/* ===== Scrollable Table Wrapper ===== */
.condensed-view-table {
  display: block;
  overflow: auto;
  max-height: 80vh; /* adjust for viewport space */
  border-radius: 6px;
  border: 1px solid #d0d0d0;
  background: #fff;
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* ===== Base Table ===== */
.condensed-view-table table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Inter", "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  color: #222;
  background-color: #fff;
  table-layout: auto;
}

/* ===== Sticky Header ===== */
.condensed-view-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #1e293b; /* dark blue-gray header */
  color: #ffffff; /* readable text */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 12.5px;
  padding: 9px 12px;
  white-space: nowrap;
  border: 0px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* subtle shadow under header */
}

/* ===== Hide Specific Columns ===== */
.condensed-view-table th.hideThisWithCSS,
.condensed-view-table td.hideThisWithCSS {
  display: none !important;
}

/* ===== Table Rows ===== */
.condensed-view-table tbody tr {
  transition: background 0.15s ease-in-out;
}

/* Row hover */
.condensed-view-table tbody tr:hover {
  background: #f3f6fb;
}

/* Zebra striping */
.condensed-view-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* ===== Table Cells ===== */
.condensed-view-table td {
  padding: 2px 8px;
  line-height: 1.35;
  vertical-align: middle;
  border: 1px solid #e1e4e8;
  background-color: #fff;
}

/* ===== First Column (e.g., checkbox) ===== */
.condensed-view-table td:first-child {
  text-align: center;
  width: 36px;
}

/* ===== Action Column ===== */
.condensed-view-table td.action {
  text-align: center !important;
  white-space: nowrap;
}

.condensed-view-table td.action a {
  display: inline-block;
  margin: 0 4px;
  color: #666;
  transition: color 0.15s;
}

.condensed-view-table td.action a:hover {
  color: #007bff;
}

/* ===== Links ===== */
.condensed-view-table a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.condensed-view-table a:hover {
  text-decoration: underline;
}

/* ===== Badges ===== */
.condensed-view-table .badge {
  display: inline-block;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
  text-transform: capitalize;
  color: #fff;
  margin: auto;
  display: block;
  width: 90px;
}

.condensed-view-table .badge-success {
  background-color: #16a34a;
}
.condensed-view-table .badge-danger {
  background-color: #dc2626;
}
.condensed-view-table .badge-warning {
  background-color: #f59e0b;
  color: #fff;
}
.condensed-view-table .badge-dark {
  background-color: #475569;
}

/* ===== Subtext (small notes) ===== */
.condensed-view-table td p {
  margin: 3px 0 0;
  font-size: 12px;
  color: #004daf;
}

/* ===== Smooth Scroll Behavior ===== */
.condensed-view-table::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.condensed-view-table::-webkit-scrollbar-thumb {
  background-color: #c2c7ce;
  border-radius: 10px;
}
.condensed-view-table::-webkit-scrollbar-thumb:hover {
  background-color: #9da3ae;
}
.condensed-view-table::-webkit-scrollbar-track {
  background-color: #f1f3f5;
}
.condensed-view-table .table table thead th {
  color: white !important;
  border-bottom: 1px solid hsla(210, 2%, 76%, 0.5);
  border-right: 0;
  vertical-align: middle;
  border-top: 0;
}
.table-container-cst {
}

.condensed-view-table .table-body {
  overflow: scroll;
  height: 78vh;
  width: 100%;
  border: 1px solid #dfdfdf;
  border-top: 0;
  border-left: 0;
  box-shadow: 4px 5px 9px 0px #38383824;
}
body .condensed-view-table {
  max-height: 100% !important;
}

.condensed-view-table tbody tr:nth-child(odd) {
  background-color: #f9fafb; /* light gray */
}

.condensed-view-table tbody tr:nth-child(even) {
  background-color: #eef1f5; /* slightly darker gray-blue */
}

.condensed-view-table .table table tbody tr td.action a {
    cursor: pointer;
    margin-right: auto;
    background: #ffffff00;
    border-radius: 40px;
    border: 1px solid #dbdbdb;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 7px;
}
.condensed-view-table .table table tbody tr td.action a i {
    background-size: contain;
    display: block;
    height: 15px;
    vertical-align: middle;
    width: 15px;
}
.condensed-view-table i.icon.close-icon.reservationsCancel {
    background: url(/img/close.png) no-repeat !important;
    color: white;
    /* height: 30px; */
    background-size: contain !important;
    padding:7px;
}
.condensed-view-table .table table tbody tr td.action a i.icon.trash-icon {
    background: url(/img/delete.png) no-repeat !important;
    color: white;
    /* height: 30px; */
    background-size: contain !important;
    padding:7px;
}
.condensed-view-table i.icon.trash-icon {
    filter: none !important;
}
.condensed-view-table .table table thead th.actions {
    text-align: center !important;
}

/* ===== Optional Responsive Tweaks ===== */
@media (max-width: 992px) {
  .condensed-view-table table {
    font-size: 12px;
  }
  .condensed-view-table thead th {
    font-size: 11.5px;
    padding: 7px 8px;
  }
}
/* Container */
.popup-background {
    display: none;
    background: #00000087 !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 22;
}
.cardSorting {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    min-width: 300px;
    max-width: 90%;
    max-height: 70vh; /* responsive height */
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(38, 50, 56, 0.3); /* subtle border fade */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #263238;
    overflow: hidden;
    z-index: 1000;
    flex-direction: column;
    z-index: 23;
    display: flex;
}

/* Header */
.cardSorting .popup-header {
    background-color: #263238;
    color: #ffffff;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
}

/* Close button */
.cardSorting .popup-header .close-btn {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.2s;
}

.cardSorting .popup-header .close-btn:hover {
    color: #ff5252;
}

/* List container with scroll if needed */
.cardSorting ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto; /* scroll if content exceeds */
}

/* Each item */
.cardSorting ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    font-size: 14px;
    transition: background 0.2s;
    border-bottom: 1px solid rgba(38, 50, 56, 0.15); /* separator line */
}

/* Remove border for last item */
.cardSorting ul li:last-child {
    border-bottom: none;
}

/* Striped effect */
.cardSorting ul li:nth-child(even) {
    background-color: rgba(38, 50, 56, 0.03);
}

.cardSorting ul li:nth-child(odd) {
    background-color: rgba(38, 50, 56, 0.0);
}

/* Hover effect */
.cardSorting ul li:hover {
    background-color: rgba(38, 50, 56, 0.08);
}

/* Input fields */
.cardSorting .card_sort {
    width: 50px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #263238;
    background-color: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.cardSorting .card_sort:focus {
    outline: none;
    border-color: #263238;
    box-shadow: 0 0 5px rgba(38, 50, 56, 0.4);
}

/* Float right utility */
.cardSorting .float-right {
    margin-left: auto;
}

/* Scrollbar styling for modern look */
.cardSorting ul::-webkit-scrollbar {
    width: 6px;
}

.cardSorting ul::-webkit-scrollbar-thumb {
    background-color: rgba(38, 50, 56, 0.3);
    border-radius: 3px;
}

.cardSorting ul::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.05);
}
.cardSorting .header-table {
    font-weight: bold !important;
}

/* .fade-bg-black {
    background: #0000006b !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 22;
} */




/* Toggle nested table code below */
.nested-row-child td {
    background: #f8f9fa;
    padding: 12px 18px !important;
    border-top: 1px solid #e1e1e1;
}

.nested-item {
    border-radius: 6px;
    width: auto;
    min-width: 0px;
    height: 70px;
    display: flex;
    flex-direction: column; 
    background: #ffffff;
    padding: 10px 10px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0px;  
    white-space: nowrap; 
    overflow: hidden;  
    text-overflow: ellipsis; 
    border: 1px solid #dddddd;
    text-align: center;
}

.nested-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    padding-bottom: 8px;
    overflow-x: auto;
}

.nested-grid::-webkit-scrollbar {
    height: 6px;
}

.nested-grid::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}

.nested-label {
    font-size: 12px;
    font-weight: 500;
    color: black;
    margin-bottom: 15px;
    /* flex-wrap: nowrap; */
}

.nested-value {
    font-size: 14px;
    color: #222;
    margin: 0;
    max-width: 25ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toggle-btn-arrow {
    background: transparent;
    font-size: 18px;
    padding: 1px 5px;
    transition: transform 0.2s ease;
    border: 1px solid #cdcdcd;
    border-radius: 100px;
    position: relative;
    top: -8px;
    right: -5px;
    cursor: pointer;
}

.toggle-btn-arrow:hover {
    transform: scale(1.2);
}

body .hidden-form-field {
    display: none !important;
}
.deductions-container {
    margin-top: 15px;
    font-family: Arial, sans-serif;
}
.deductions-container h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    color: grey;
    font-style: italic;
}
.deductions-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.deductions-table td, .deductions-table th {
    border: 1px solid #ccc;
    padding: 10px;
    vertical-align: top;
}
.deductions-table th {
    background-color: #f4f4f4;
    text-align: left;
    font-weight: bold;
    color: #444;
}
.deductions-table tr:hover {
    background-color: #fafafa;
}
.deductions-table .field-container {
    display: flex;
    flex-direction: column;
}
.deductions-table .field-container label {
    font-weight: normal;
    margin-bottom: 5px;
}
.deductions-table .field-container input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 8px;
    font-size: 14px;
}
.deductions-table .field-container input[type="checkbox"] {
    transform: scale(1.3);
    margin-bottom: 5px;
    margin-right: 8px;
    position: relative;
    left: 3px;
    top: 0px;
    cursor: pointer;
}
.hidden {
    display: none !important;
}
/* Nested code ends */


.fixed-tooltip {
    position: fixed;   /* ← escapes all parents */
    display: none;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 10px 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.18);
    z-index: 999999;
    min-width: 180px;
}

.deduction-tooltip-trigger {
    margin-left: 6px;
    cursor: pointer;
    background: #e5e7eb;
    color: #374151;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
}

.deduction-item {
    font-size: 13px;
    line-height: 1.6;
    white-space: nowrap;
}