/*============ commn admin CSS End ==================== */
/* webfonts Start */
@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../../fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Black.woff2') format('woff2'),
        url('../../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Light.woff2') format('woff2'),
        url('../../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../../fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../fonts/Poppins-Thin.woff2') format('woff2'),
        url('../../fonts/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* webfonts end */

:root {
    --primary-color: #101828;
    --secondary-color: #001D39;
    --text-color: #586169;
    --border-color: #A4A4A4;
    --db-primary-color: #101828;
    --white: #fff;
    --black: #000;
    --after-height:100%
}


html {
    margin: 0;
}

body {
    font-family: 'Poppins';
    font-weight: 400;
    color: var(--text-color);

}

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

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(255, 255, 255);
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #101828;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #101828;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    white-space: normal;
    word-break: break-word;
    color: #141718;
    font-family: 'Poppins';
    font-weight: 700;
    line-height: 1.1;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 48px;
}

h3,
.h3 {
    font-size: 35px;
}

h4,
.h4 {
    font-size: 30px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Poppins';
    font-weight: 500;
}

a,
p,
button,
span {
    white-space: normal;
    word-break: break-word;
}

a {
    text-decoration: none;
    display: inline-block;
    color: #1A1C1E;
}

a:hover {
    color: var(--primary-color);
}

a:focus-visible {
    outline: transparent;
}

.page-link:focus {
    box-shadow: none;
}

.file>input[type='file'] {

    display: none;

}

p {
    font-size: 16px;
    margin: 0;
}

.undertext {
    text-decoration: underline;
    font-size: 16px;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

button {
    transition: all 0.5s;
}

button:focus {
    box-shadow: none !important;
    outline: transparent;
}

.form-control:focus, input {
    outline: 0;
    box-shadow: none !important;
    border-color: var(--primary-color);
    color: #46474A;

}
.custom-label-field select:focus{
    background-color: #ffffff00;
}
.form-field {
    width: 100%;
    position: relative;
}
.formfield:has(.form-icon) .form-control{
    padding-right: 55px;
}

.formfield {
    position: relative;
    width: 100%;
    z-index: 1;
}

.form-group label {
    font-size: 16px;
    font-weight: 500;
    color: #46474A;
    margin-bottom: 0px;
    /* text-transform: uppercase; */
}

input[type="checkbox"] {
    width: 17px;
    height: 17px;
    min-width: 17px;
    border-radius: 0;
    border: 1px solid #181818;
    accent-color: #101828;
}
.form-group {
    margin-bottom: 20px;
}

.form-icon {
    position: absolute;
    right: 18px;
    top: 25px;
    display: flex;
    align-items: center;
}

.formfield.select .form-icon {
    top: 23px;
}

.form-field:has(.form-icon) input {
    padding-right: 50px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s;
    font-size:16px ;
    padding: 10px 24px ;
    text-align: center;
    font-weight: 700 ;
    line-height: 24px ;
    border-radius: 5px ;
    color: var(--white) ;
    max-width: fit-content;
    width: 100%;
    min-height: 48px;
    border: 1px solid transparent;
}

.btn-secondary{
    background:var(--black)
}
.outline-btn {
    color: #212529;
    border: 1px solid #A4A4A4 !important;
    background-color: #fff;
    &:hover{
        background-color: var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
    }
}
.primary-btn {
    color: #fff;
    background-color: var(--primary-color);
    &:hover{
        color: #fff !important;
    }
}
.primary-btn:hover{
    color: #fff !important;
}
.gray-btn{
    background-color: #ACACAC;
    color: #F9F9FF;
}
.secondary-btn {
    background-color: #fff;
    color: var(--secondary-color);
    border-color: var(--border-color);
}

.full-btn {
    width: 100%;
    min-width: auto;
    max-width: 100%;
}

.form-control::placeholder {
    color: var(--text-color);
}

.form-control {
    border: 1px solid #77777A;
    border-radius: 4px;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #46474A;
    min-height: 57px;
    background-color: transparent;
}

img {
    max-width: 100%;
}

/* ============ commn admin CSS End ==================== */


.admin-nav {
    display: flex;
    min-height: 80px;
    box-shadow: 0px 4px 14px 0px #0000000F;
    background-color: #ffffff;
    box-shadow: 0px 4px 14px 0px #0000000F;
    border-bottom: 1px solid #EBE8E8;
}
.nav-logo {
    flex: 0 0 160px;
    padding: 5px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-logo a img {
    max-width: 80px;
}
.nav-right {
    display: flex;
    width: calc(100% - 160px);
    justify-content: space-between;
    align-items: center;
}
.nav-right {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 16px 40px;
}
.nav-right > h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}
.admin-user-dropdown .dropdown-toggle {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.admin-user-dropdown .dropdown-toggle::after{
    display: none;
}
.admin-user-profile {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0px 3px 7.1px 0px #00000024;
    padding: 5px;
}
.admin-user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.user-profile-info h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #171819;
}
.user-profile-info p {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #575758;
    display: inline-block;
    max-width: 9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-db-wrapper {
    display: flex;
    height: calc(100vh - 81px);
}
.admin-db-sidebar {
    flex: 0 0 160px;
    padding: 40px 20px;
}
.admin-db-content {
    width: 100%;
    padding: 24px 40px;
    min-height: calc(100vh - 81px);
    overflow: auto;
    background-color: #F3F3F3;
}
.admin-db-sidebar {
    flex: 0 0 160px;
    padding: 40px 20px;
    border-right: 1px solid #EBE8E8;
    min-height: calc(100vh - 81px);
    overflow: auto;
    background-color: #FFFFFF;
}
.db-sidebar-menu-list li a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #666768;
}
.db-sidebar-menu-list li + li {
    margin-top: 40px;
}
.db-sidebar-menu-list li a p{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #666768;
}
.db-sidebar-menu-list li a.active p,.db-sidebar-menu-list li a:hover p,.db-sidebar-menu-list li a.active,.db-sidebar-menu-list li a:hover{
    color: var(--primary-color);
}

.sidebar-menu-img{
    position: relative;
    display: inline-block;
}
.sidebar-menu-img img{
    display: block;
}
.sidebar-menu-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4A4A4B;
    mix-blend-mode: color;
    pointer-events: none;
}

.db-sidebar-menu-list li a.active .sidebar-menu-img::after,.db-sidebar-menu-list li a:hover .sidebar-menu-img::after{
    background-color: var(--primary-color);
}
.search-head-left .formfield {
    max-width: 380px;
    min-width: 380px;
    width: 100%;
}
.search-head-left .formfield .form-control {
    border-radius: 5px;
    border-color: #a4a4a4;
    padding-left: 50px;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
}
.search-head-left {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.search-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 24px;
    flex-wrap: wrap;
    gap: 10px;
}
.left-form-icon {
    right: auto;
    left: 15px;
    top: 16px;
    width: 19px;
    height: 19px;
}
.custm-card {
    box-shadow: 0px 4px 16px 0px #00000029;
    padding: 20px 14px;
    background-color: #FCFCFE;
    border-radius: 8px;
    /* box-shadow: 0px 4px 16px 0px #00000029; */
}
.user-list-card {
    display: flex;
    gap: 20px;
    position: relative;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: unset;
    background-color: #fff;
    cursor: pointer;
    padding: 15px;
    &:hover{
        border: 1px solid #101828;
    }
}
.user-list-img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #dddddd8c;
}
.user-list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.userlist-action-box a i {
    color: #979898;
}
.userlist-head-action > h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #1A1C1E;
}
.userlist-head-action {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}
.user-list-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.userlist-action-box a {
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.userlist-action-box{
    display: flex;
    gap: 8px;
}
.userlist-date-time {
    /* position: absolute; */
    /* right: 14px; */
    /* bottom: 14px; */
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #575758;
    text-align: right;
}
.user-list-content div > p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #575758;
    display: flex;
    white-space: nowrap;
    gap: 5px;
}
.search-head-left > a,.search-head-left .formfield .form-control {
    max-height: 48px;
    min-height: 48px;
}
.add-user-modal .modal-dialog {
    max-width: 580px;
    margin: 1.75rem auto;
}
.add-user-modal .modal-content {
    border-radius: 20px;
}
.add-user-modal .modal-body {
    padding: 30px;
}
.modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0px;
    /* border-bottom: 1px solid #ABABAF; */
}
.modal-head h3{
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}
.upload-custom-box {
    max-width: 150px;
    margin: 0 auto;
    padding: 12px 9px;
    border: 1px solid #929394;
    border-radius: 4px;
}
.upload-custom-box > p {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
.upload-custom-box {
    max-width: 150px;
    /* margin: 40px auto 16px; */
    padding: 12px 5px;
    border: 1px solid #929394;
    border-radius: 4px;
    height: 150px;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    position: relative;
}
.custom-upload-label p {
    font-size: 16px;
}
.custom-upload-label {
    display: flex;
    gap: 5px;
    /* padding-bottom: 15px; */
    border-bottom: 1px solid #262627;
}
.cutsom-label {
    position: absolute;
    top: 16px;
    left: 9px;
    padding: 0 8px;
    background-color: #fff;
    transition: all 0.3s;
    color: #46474A;
    z-index: -1;
}


.custom-label-field:has(.focused) .cutsom-label{
    transform: translateY(-27px);
    z-index: 1;
}
.custom-label-field:has(.force-focused) .cutsom-label{
    transform: translateY(-27px) !important;
    z-index: 1 !important;
}



.formfield:has(input:focus) .cutsom-label span,.formfield:has(input:valid) .cutsom-label span{
    display: none;
}


.custom-upload-label > p {
    color: #262627;
    font-weight: 600;
}
.custom-dropdown .dropdown-toggle::after{
    display: none;
}
.custom-dropdown  .dropdown-menu.show {
    display: block;
    width: 100%;
    border: 1px solid #7B7679;
    border-radius: 8px;
    transform: translate3d(0px, 58px, 0px) !important;
    padding: 24px;
}
.custom-dropdown  .dropdown-menu.show li a{
    padding: 0;
    word-break: break-all;
    white-space: pre-wrap;
}
.custom-dropdown  .dropdown-menu.show li + li a{
    margin-top: 16px;
}
.add-user-footer > .button {
    min-width: 108px;
    min-height: 56px;
    padding: 9px 24px;
}
.add-user-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.add-user-footer .outline-btn{
    color: #5C5E61;
    &:hover{
        color: #5C5E61;;
        background-color: #ffff;
    }
}
.add-user-footer > .gray-btn{
    &:hover{
        background-color: var(--primary-color);
        color: var(--white);
    }
}
.upload-custom-box.uploaded p, .upload-custom-box.uploaded label {
    display: none;
}
.upload-custom-box.uploaded{
    padding: 0;
    position: relative;
}

.upload-custom-box.uploaded .image-uploaded img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.upload-box-actions {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    padding: 15px;
    display: none;
    border-radius: 15px;
}
.upload-box-actions.delete {
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
}
.upload-box-actions.delete {
    bottom: 8px;
    left: 56px !important;
}
.image-uploaded{
    display: none;
}
/* #image-uploaded-gear{
    display: block !important;;
} */
.upload-custom-box.uploaded .image-uploaded {
    display: block;
    width: 150px;
    height: 150px;
}
.upload-custom-box.uploaded .upload-box-actions {
    display: flex;
    bottom: 10px;
    left: 64%;
    transform: translateX(-50%);
}
.modal-head .btn-close{
    opacity: 1;
}



.property-card {
    padding: 0;
    overflow: hidden;
    height: 100%;
    box-shadow: unset;
    background-color: #fff;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    &:hover{
        border-color: #575758;
    }
}
.property-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 0 12px;
}
.property-card-head h4 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    text-align: center;
    color: #171819;
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.property-card-actions a i {
    color: #979898;
}
.property-card-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}
.property-card-body {
    padding: 15px 15px 15px 17px;
}
.property-detail-list li {
    display: flex;
    gap: 10px;
    align-items: center;
}
.property-detail-list li h4 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #575758;
    opacity: 1;
    white-space: nowrap;
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.property-detail-list li p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #171819;
    opacity: 1;
    display: inline-block;
    max-width: 32em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.property-detail-list li + li {
    margin-top: 15px;
}
.card-statistic-4 .card-content {
    padding-left: 20px;
}

.card {
    border-radius: 15px;
    padding: 15px 0px;
}
.card-statistic-4 .card-content > h2 {
    font-size: 34px;
}








  a.button.outline-btn.active {
    background: var(--primary-color);
    color: white;
}


  .room-charge-option {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
}
.room-charge-option .form-group .cstm-radio-field {
    max-width: unset;
    min-width: unset;
    display: flex;
    align-items: center;
    gap: 6px;
}
.room-charge-option .form-group .cstm-radio-field input{
    accent-color: var(--primary-color);
    height: 20px;
    width: 20px;
}
.search-head-left .back-head-top > h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    color: #191C1D;
}
.back-page-btn{
    min-height: unset !important;
}
.back-head-top {
    display: flex;
    align-items: center;
    gap: 8px;
}
.search-head-left.back-btn-laft {
    gap: 40px;
}

.room-charge-option > h4 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: #1A1C1E;
}
.room-charge-option .cstm-radio-field label{
    color: #46474A;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.add-property-box .row >  h3,.add-property-box .row div > h3 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
}
.add-property-box .row div > h3{
    margin-bottom: 15px;
}
.attachment-custom-box {
    width: 100%;
    border: 1px solid #77777A;
    border-radius: 4px;
    padding: 8px;
    min-height: 190px;
    position: relative;
}
.attach-upload-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.upload-attachment-box label {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
}
label:has(input[type="file"]){
    cursor: pointer;
}
.upload-attachment-box {
    display: flex;
    gap: 20px;
    padding: 8px 14px;
    border-radius: 8px;
    background-color: #D6E3FF;
}
.add-property-box .row input,.add-property-box .row textarea{
    font-weight: 500;
}




/* ------------- login page css ------------------- */
.register-sec {
    padding: 60px 0px 40px;
    height: 100vh;
    overflow: auto;
    background-color: #F3F3F3;
    position: relative;
}
.login-bg {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    z-index: 0;
}
.flex-end-div{
    display: flex;
    justify-content: end;
    align-items: center;
}
.register-card {
    max-width: 600px;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0px 4px 92px 0px #0000001A;
    padding: 30px 50px 50px 50px;
    border: 1px solid #E4E4E4;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}
.register-card-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    max-width: 140px;
    margin: 0 auto 17px;
    height: 140px;
    background-color: #F0F0F0;
    border-radius: 50%;
    display: flex;
}
.register-card .flex-end-div{
    margin-bottom: 20px;
}
.underline-btn{
    text-decoration: underline !important;
}
.sign-up-link-box {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.register-card > h2 {
    text-align: center;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: capitalize;
}
.formfield:has(input:focus) .form-icon i{
    color: var(--primary-color);
}
/* ------------- login page css ------------------- */

.rate-structure-head {
    display: grid;
    grid-template-columns: 80px 1fr 80px;
    align-items: center;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}
.rate-structure-head-arrow {
    background-color: #101828B2;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    cursor: pointer;
}
.rate-structure-head-center {
    padding: 12px;
    background-color: #101828;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.rate-structure-head-center > h3 {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}
.rate-structure-main {
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
}
.rate-structure-sub-head {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    background-color: #F2F5F7;
    border-right: 1px solid #78797A;
    border-left: 1px solid #78797A;
}
.rate-structure-sub-head > p {
    font-size: 24px;
    line-height: 36px;
    color: #000;
    font-weight: 500;
}
.rate-structure-divisions {
    display: flex;
    width: 100%;
}
.rate-structure-product {
    flex: 0 0 272px;
    padding: 24px 22px;
}
.rate-structure-product h4 {
    font-size: 16px;
    line-height: 36px;
    font-weight: 600;
    text-align: center;
}
.rate-structure-table {
    width: 100%;
    border-right: 1px solid #78797A;
}
table {
    width: 100%;
}
.rate-structure-product {
    flex: 0 0 272px;
    padding: 24px 22px;
    border-right: 1px solid #78797A;
    border-left: 1px solid #78797A;
    /* border-top: 1px solid #78797A; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.rate-structure-table table tr th,.rate-structure-table table tr td{
    padding: 20px 8px;
    text-align: center;
}
.rate-structure-table table tr th {
    font-size: 16px;
    line-height: 24px;
    color: #46474A;
    font-weight: 500;
}
.rate-structure-table table tr td {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
}
.rate-structure-divisions + .rate-structure-divisions{
    border-top: 1px solid #78797A;
}
.rate-structure-divisions .rate-structure-table table tr th {
    border-bottom: 1px solid #7a787866;
}
.rate-structure-divisions:nth-last-child(2) .rate-structure-product{
    border-radius: 0 0 0 12px;
    border-bottom: 1px solid #78797A;
}
.rate-structure-divisions:nth-last-child(2) .rate-structure-table{
    border-radius: 0 0 12px 0;
    border-bottom: 1px solid #78797A;
}
.rate-structure-divisions:last-child{
    background-color:#F2F5F7;
    border: 0;
}
.rate-structure-divisions:last-child .rate-structure-product {
    border-left: 0;
}
.rate-structure-divisions:last-child .rate-structure-table{
    border-right: 0;
}
.no-discount-date .rate-structure-table {
    padding: 40px 110px;
}
.no-discount-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.no-discount-list li + li{
    margin-top: 24px;
}
.no-discount-list li h5 {
    color: #46474A;
    line-height: 30px;
    flex: 0 0 120px;
}
.no-discount-list li p{
    font-size: 20px;
    line-height: 30px;
    color: #46474A;
    font-weight: 500;
}
.new-rs-structure {
    max-width: 1300px;
    width: 100%;
    background-color: #fff;
    padding: 40px 45px;
    border-radius: 15px;
    margin: 0 auto;
}
.new-rs-structure-box .new-rs-heading {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: #191C1D;
    margin: 0 0 24px;
}
.new-rs-structure-box + .new-rs-structure-box{
    margin-top: 40px;
}
.new-rs-structure-table table tr th{
    padding: 24px 8px;
    text-align: center;
    border-left: 1px solid #78797A;
    /* border-right: 1px solid #78797A; */
    border-top: 1px solid #78797A;
}
.new-rs-structure-table table tr td{
    padding: 20px 8px;
    text-align: center;
    border-left: 1px solid #78797A;
    /* border-right: 1px solid #78797A; */
    border-top: 1px solid #78797A;
}
.new-rs-structure-table table tr:last-child td{
    border-bottom: 1px solid #78797A;
}
.new-rs-structure-table table tr:first-child th:first-child{
    border-radius: 12px 0 0 0;
}
.new-rs-structure-table table tr:first-child th:nth-last-child(2){
    border-radius: 0px 12px 0 0;
    border-right: 1px solid #78797A;
}
.new-rs-structure-table table tr td:last-child{
    border-right: 1px solid #78797A;
    background-color: #F2F5F7;
}
.new-rs-structure-table table tr td:nth-last-child(2){
    background-color: #F2F5F7;
    border-right: 1px solid #78797A;

}
.new-rs-structure-table table {
    border-collapse: separate;
    border-spacing: 0;
}
.new-rs-structure-table table tr:last-child td:first-child{
    border-radius: 0px 0 0 12px;
}
.new-rs-structure-table table tr:last-child td:nth-last-child(2){
    border-radius: 0px 0px 12px 0;
}
.new-rs-structure-table table tr td:last-child, .new-rs-structure-table table tr th:last-child {
    border: 0;
    background-color: #ffffff00;
}
.new-rs-structure-table table tr td:last-child{
    position: relative;
    min-width: 46px;

}
.add-rs-field {
    margin: 20px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #101828;
    background-color: #f2f5f7;
    padding: 10px 12px;
    border-radius: 5px;
}
.no-discount-table table tr td:nth-last-child(2){
    background-color: unset;
}
.no-discount-table table tr td:last-child{
    background-color: unset;
}




/* Additional custom styling if needed */
.custom-popup-class {
    padding: 20px !important;
    max-width: 500px;
    width: 100%;
    border-radius: 20px;
}
.custom-popup-class .swal2-title {
    color: #1A1C1E;
    padding: 10px 1em 0 !important;
    font-size: 24px;
}
/* Customize close button if needed */
.swal2-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    font-size: 24px !important;
    color: #666 !important;
}

.swal2-close:hover {
    color: #333 !important;
}
.custom-popup-class .swal2-close {
    position: absolute !important;
    top: 0px !important;
    right: 3px !important;
    font-size: 41px !important;
    color: #5E5E62 !important;
}
.custom-popup-class .swal2-actions {
    max-width: 386px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.custom-popup-class .swal2-actions .swal2-confirm {
    background-color: #fff !important;
    min-height: 48px;
    color: #5C5E61;
    border: 1px solid #5C5E61;
    min-width: 47%;
    border-radius: 5px;
}
.custom-popup-class .swal2-actions .swal2-cancel{
    min-height: 48px;
    min-width: 47%;
    border-radius: 5px;
    background-color: #101828 !important;
    color: #Fff;
}
.custom-popup-class .swal2-title{
    color: #1A1C1E;
    padding: 70px 1em 0;
}

.custom-single-popup-class{
    padding: 24px !important;
    max-width: 550px;
    width: 100%;
    border-radius: 50px;
}
.custom-single-popup-class .swal2-actions .swal2-confirm{
    background-color: #101828 !important;
    min-height: 48px;
    color: #Fff;
    min-width: 108px;
    border-radius: 12px;
}
.swal2-html-container p{
    font-size: 17px;
    margin: 3px;
}
.new-rs-structure-table  table tr td input {
    border: 0;
    text-align: center;
    color: var(--text-color);
    font-weight: 400;
    background-color: transparent;
    max-width: 122px;
}

.select2-hidden-accessible {
    bottom: 0;
}

/* ------------------- rate list css --------------------- */
.rate-structure-bx {
    box-shadow: unset;
    padding: 20px;
    border-radius: 12px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    &:hover{
        border-color: #575758;
    }
}
.ratelist-name-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ratelist-content h4 {
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #171819;
}
.ratelist-content p {
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ratelist-content p span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #171819;
}
.ratelist-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rate-structure-bx:hover .ratelist-linklist li a i{
    color: #171819;
    opacity: 0.7;
}
.ratelist-footer .gray-btn {
    min-height: 41px;
    padding: 10px 12px;
    background-color: #EAEAEA;
    border-radius: 5px;
    color: #171819;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}
.underline-link {
    font-size: 14px;
    text-decoration: underline;
}
.ratelist-linklist {
    display: flex;
    gap: 10px;
}
ul.ratelist-linklist li a i {
    color: #979898;
}
.del-link {
    color: #DE345D;
}
p.property-laout-label {
    position: absolute;
    top: 18px;
    left: 22px;
    background-color: #fff;
    padding: 0 5px;
    color: #46474A;
    font-weight: 500;
}


.dropzone {
    border: none !important;
    border-radius: 4px !important;
    padding: 0px 20px !important;
    text-align: center !important;
    /* background: #f8f9fa; */
    transition: all 0.3s ease !important;
}

.dropzone:hover {
    border-color: #007bff;
    background: #f1f7ff;
}

.dropzone .dz-preview {
    margin: 0;
    width: 100%;
}

.dropzone .upload-icon {
    color: #6c757d;
    margin-bottom: 10px;
}

.dropzone .upload-text {
    color: #495057;
    font-size: 1rem;
    margin: 0;
}

/* Progress Bar Styles */
.dropzone .progress-wrapper {
    margin: 15px 0;
}

.dropzone .progress {
    height: 6px;
    background-color: #e9ecef;
    border-radius: 3px;
    margin-bottom: 5px;
    overflow: hidden;
}

.dropzone .progress-bar {
    height: 100%;
    background-color: #007bff;
    transition: width 0.3s ease;
}

.dropzone .progress-percentage {
    font-size: 0.875rem;
    color: #6c757d;
    text-align: center;
}

.dropzone .file-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    /* background: #fff;
border: 1px solid #dee2e6; */
    border-radius: 4px;
}

.dropzone .file-icon {
    color: #dc3545;
    margin-right: 15px;
}

.dropzone .file-details {
    flex-grow: 1;
    text-align: left;
}
.dropzone .file-name {
    font-weight: 500;
    color: #212529;
    margin-bottom: 2px;
    text-align: center;
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropzone .file-size {
    font-size: 0.875rem;
    color: #6c757d;
}

.dropzone .remove-file {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    padding: 5px;
    transition: color 0.2s;
}

.dropzone .remove-file:hover {
    color: #c82333;
}

.dropzone .dz-error-message {
    color: #dc3545;
    margin-top: 10px;
    padding: 8px;
    background: #f8d7da;
    border-radius: 4px;
}

.dz-remove {
    display: none !important;
}

.clsbox-1 {
    width: 100%
}

.pdf-image {
    padding: 10px;
    background: #3277CF;
}

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

.dz-button {
    display: none;
}

.dropzone {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding: 0;
}

.download-file {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    transition: color 0.2s;
}
.width25{
    width: 25% !important;
}
.width20{
    width: 20% !important;
}




.button.primary-btn.remove-row-btn {
    position: absolute;
    top: 50%;
    left: -16px;
    background-color: #e76868;
    min-height: 30px;
    padding: 4px;
    min-width: 30px;
    border-radius: 50px;
    line-height: 1;
    transform: translateY(-50%);
}



.new-rs-structure-table table tr td:nth-last-child(3) {
    background-color: #F2F5F7;
}
.no-discount-table.new-rs-structure-table table tr td:nth-last-child(3) {
    background-color: #ffffff00;
}

label.error{
    color: red;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 58px;
    display: flex !important;
    align-items: center;
    font-weight: 500;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #77777A !important;
    border-radius: 4px;
    min-height: 58px;
    display: flex;
    align-items: center;
    align-content: center;
    height: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50% !important;
    right: 1px;
    width: 20px;
    transform: translateY(-50%) !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #46474A !important;
    font-weight: 500;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.new-rs-structure-box .select2-container--default .select2-selection--single{
    border: 0 !important;
}
.new-rs-structure-box .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #000;
}
.new-rs-structure-box .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
}
.new-rs-structure-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0;
}



/* ====================== gear-management-CSS ====================== */

.gear-list-card {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 16px;
    display: flex;
    gap: 20px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    &:hover{
        border-color: #575758;
    }
}
.gear-list-img {
    border-radius: 15px;
    overflow: hidden;
    max-width: 100px;
    height: 113px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    background-color: #00000033;
}
.gear-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gear-list-info .gear-list-txt .head-with-actions > h3 {
    font-size: 20px;
    line-height: 30px;
    color: #1A1C1E;
    margin: 0;
    font-weight: 600;
}
.head-with-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gear-list-actions a i {
    color: #979898;
}
.gear-list-card:hover .gear-list-actions a i{
    color: #171819;
}
.search-head .primary-btn {
    min-height: 48px;
    padding: 10px 24px;
}
.gear-list-txt .gray-btn {
    min-height: 38px;
    padding: 6px 10px;
    font-size: 14px;
    color: #171819;
    font-weight: 500;
    background-color: #EAEAEA;
    line-height: 21px;
}
.gear-list-info .gear-list-txt > p {
    font-size: 16px;
    line-height: 30px;
    color: #575758;
    font-weight: 400;
    margin: 0 0 15px;
}
.gear-list-info{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.gear-list-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.gear-list-actions .action-btns {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #Fff;
    border-radius: 50%;
}
.gear-filter-right {
    display: flex;
}
.gear-filter-btns {
    display: flex;
    gap: 15px;
}
.gear-list-actions .underline-link{
    font-weight: 500;
}
.gear-list-img h2{
    font-size: 43px;
    line-height: 64px;
    color: #575758;
    font-weight: 500;
}
.add-gaer-form {
    max-width: 600px;
    width: 100%;
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
}
.add-gaer-form .upload-custom-box {
    margin: 0 0 32px;
}
.gear-sidebar{
    max-width: 628px;
    width: 100%;
}
.gear-sidebar .offcanvas-body .gear-list-img{
    margin-bottom: 32px;
}
.view-gear-info-inner {
    display: flex;
}
.view-gear-info-inner > p {
    flex: 0 0 145px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #36393C;
}
.view-gear-info-inner + .view-gear-info-inner{
    margin-top: 32px;
}
.view-gear-info-inner > h4 {
    font-size: 16px;
    line-height: 24px;
    color: #1A1C1E;
    font-weight: 600;
}
.view-remark-box {
    border: 1px solid #77777A;
    padding: 10px;
    border-radius: 4px;
}
.view-gear-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

#upload-gear-image, #upload-profile-image{
    position: absolute;
    left: -9999px;
}

/* ====================== gear-management-CSS ====================== */

#upload-gear-image-error, #upload-profile-image-error {
    position: absolute;
    bottom: 0px;
    text-align: center;
    left: 0;
}
.ql-container {
    height: auto !important;
}


/* ========================== Beach Manager-Daily Schedule CSS ================================ */

.calender-btn {
    padding-left: 10px;
    display: flex;
    align-items: flex-end;
    font-weight: 500;
    text-align: left;
    color: #46474A;
    padding-left: 45px;
    background:transparent !important;
}
.cal-formfield {
    position: relative;
    z-index: 1;
    background: #fff;
}
.daily-scedule-box {
    display: grid;
    grid-template-columns: 0.8fr 1fr 1fr 157px;
    align-items: center;
}
.daily-scedule-block {
    padding: 17px 20px;
    border-bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.daily-scedule-box:first-child > div{
    border-bottom: 1px solid #c7c6ca61;
}
.daily-scedule-block > h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #46474A;
}
.daily-scedule-dropdown {
    width: 100%;
}
.daily-scedule-dropdown .dropdown .dropdown-toggle {
    width: 100%;
    border: 1px solid #A4A4A4;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 4px;
}
.daily-scedule-dropdown .dropdown .dropdown-toggle::after{
    display: none;
}
.daily-scedule-dropdown .dropdown .dropdown-toggle::before {
    content: "";
    position: absolute;
    right: 17px;
    top: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6 7.67441L0 1.67441L1.275 0.399414L6 5.12441L10.725 0.399414L12 1.67441L6 7.67441Z' fill='%231E1B1D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
}
.daily-scedule-dropdown .dropdown .dropdown-menu.show {
    width: 100%;
}
.schedule-dropdown-inner {
    padding: 24px 12px;
    max-height: 260px;
    overflow: auto;
}
.schedule-dropdown-inner ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.schedule-dropdown-inner ul li + li{
    margin-top: 16px;
}
.number-of-sceduled {
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.custm-check-box {
    width: 16px;
    height: 16px;
    border: 2px solid #67676D;
    border-radius: 2px;
    min-width: 16px;
}
.custom-checkbox:has(input[type="checkbox"]:checked) .custm-check-box{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M4 9.4L0 5.4L1.4 4L4 6.6L10.6 0L12 1.4L4 9.4Z' fill='%23ECEDF6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
}
.custom-checkbox label {
    cursor: pointer;
    color: #191C1D;
    display: flex;
    align-items: center;
    gap: 12px;
}
.custom-checkbox:has(input:disabled) label{
    opacity: 0.5;
}

.helper-job-type{
    display: none;
}
.helper-job-collect:has(.custom-checkbox-parent input[type="checkbox"]:checked) .helper-job-type {
    display: grid;
    margin: 20px 0px;
}
.helper-job-type {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 8px;
}
.schedule-dropdown-left {
    width: 100%;
}
.helper-job-type .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-start;
    padding-left: 50px;
}
ul.helper-service-data li a {
    width: 100%;
}

/* ========================== Beach Manager-Daily Schedule CSS ================================ */

.calender-btn input {
    border: 0;
}
.calender-btn{
    &:hover{
        color: #141718;
    }
}
.add-helper-btn {
    border-bottom: 1px solid #C7C6CA !important;
    padding: 8px 12px;
    font-weight: 400;
    line-height: 18px;
    min-height: 42px;
    border-radius: 4px;
}
.number-of-sceduled:empty {
    display: none;
}






.formfield:has(.dropdown){
    z-index: 2;
}





.dates-table .select2-dropdown {
    /* position: static; */
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 300px !important;
}

/* Calendar Grid Container */
.dates-table .select2-results__options {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 2px;
    padding: 10px !important;
    width: 100%;
    border-collapse: separate;
}

/* Calendar Day Items */
.dates-table .select2-results__option {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 5px !important;
    margin: 1px;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
}

/* Selected state */
.dates-table .select2-results__option--selected {
    background-color: #007bff !important;
    color: white !important;
}

/* Hover state */
.dates-table .select2-results__option--selectable:hover {
    background-color: #f0f0f0 !important;
    color: #000 !important;
}

/* Highlighted state */
.dates-table .select2-results__option--highlighted {
    border: 2px solid #007bff !important;
    background-color: transparent !important;
    color: #000 !important;
}

/* Add week days header */
.dates-table .select2-results__options::before {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 5px;
    background: #f8f9fa;
    font-weight: bold;
}

.dates-table .select2-results__options::after {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 5px;
    background: #f8f9fa;
    font-weight: bold;
    color: #666;
}
.dates-table .select2-results__option
{
    margin: 0px !important;
}

.dates-table button.select2-selection__choice__remove {
    display: none;
}
.dates-table li.select2-selection__choice {
    border: none !important;
}

.dates-table span.select2-selection__choice__display::after {
    content: "," !important;
}

.dates-table li.select2-selection__choice {

    padding-left: 0px !important;

}
.dropdown-toggle {
    font-size: 16px !important;
}
.add-user-body .dropdown-menu li a{
    color: #46474A;
    font-size: 16px;
    font-weight: 500;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 228px !important;
    overflow-y: auto;
}
/* Keyframes for smooth rotation */
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 28%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    backdrop-filter: blur(2px);
}
.loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid !important;
    border: 4px solid #0000;
    border-radius: 50%;
    border-right-color: var(--primary-color);
    animation: l15 1s infinite ;
}
.loader::before, .loader::after {
    content: "";
    grid-area: 1 / 1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
}
@keyframes l15 {
    100% {
        transform: rotate(1turn);
    }
}




.loader-overlay.d-none + .loader-overlay-ajax {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 28%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    backdrop-filter: blur(2px);
}

.loader-overlay.d-none + * .loader-ajax {
    width: 50px;
    aspect-ratio: 1;
    display: grid !important;
    border: 4px solid #0000;
    border-radius: 50%;
    border-right-color: var(--primary-color);
    animation: l15 1s infinite;
}
.loader-overlay.d-none + * .loader-ajax::before,
.loader-overlay.d-none + * .loader-ajax::after {
    content: "";
    grid-area: 1 / 1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite;
}
@keyframes l15 {
    100% {
        transform: rotate(1turn);
    }
}




/* ========================== Morning Schedule CSS ================================ */

.morning-procedure-statics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 40px;
    margin-top: 60px;
}
.procedure-statics-box {
    width: 100%;
    position: relative;
}
.statics-box-gredient {
    background: linear-gradient(180deg, #ECF1FF 0%, rgba(236, 241, 255, 0) 100%);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    border-bottom: 2px solid #D6E3FF;
}
.box-gredient-inner {
    width: 100%;
    /* padding-bottom: 32px; */
    border-bottom: 1px solid #7B7679;
    text-align: center;
}
.procedure-statics-icon {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.box-gredient-inner > h4 {
    font-size: 16px;
    line-height: 24px;
    color: #1A1C1E;
    margin-top: 16px;
}
.morning-manager-assign {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px 40px;
    margin-top: 60px;
    align-items: center;
}
.morning-manager-box .addmore-component-head > h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #1E1B1D;
}
.addmore-component-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.morning-manager-box .form-group .formfield select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #7B7679;
    min-height: 48px;
    padding: 11px 0px;
    cursor: pointer;
    appearance: none;
}
.morning-manager-box .form-group{
    margin: 0;
}
.morning-manager-box .form-group .formfield select:focus,.morning-manager-box .form-group .formfield select:focus-visible{
    /* border: 0; */
    outline: 0;
}
.underline-link.add-manager-btn {
    font-weight: 500;
    line-height: 24px;
}
.assign-gear-table {
    margin-top: 40px;
}
.assign-gear-table > h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #191C1D;
    margin: 0 0 15px;
}
.assign-gear-table table tr th{
    padding: 17px 12px;
    color: #46474A;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.assign-gear-table table tr td{
    border-bottom: 1px solid #C7C6CA;
    padding: 20px 12px;
}
.beach-attendant-list-dropdown .dropdown .dropdown-toggle {
    min-height: 40px;
    border: 1px solid #A4A4A4;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    padding: 7px 12px;
    font-size: 16px;
    color: #332F32;
    flex-direction: column;
}
.beach-attendant-list-dropdown .dropdown .dropdown-toggle::after{
    display: none;
}

.beach-attendant-list-dropdown .dropdown .dropdown-toggle::before {
    content: "";
    position: absolute;
    right: 17px;
    top: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6 7.67441L0 1.67441L1.275 0.399414L6 5.12441L10.725 0.399414L12 1.67441L6 7.67441Z' fill='%231E1B1D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
}

.beach-attendant-list-dropdown .dropdown .dropdown-menu.show {
    display: block;
    width: 100%;
}
.confirm-check-box {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border: 2px solid #67676D;
    border-radius: 2px;
}
.confirm-check:has(input[type="checkbox"]:checked) .confirm-check-box {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M5.05469 9.79688C5.28906 10.0312 5.6875 10.0312 5.92188 9.79688L12.8125 2.90625C13.0469 2.67188 13.0469 2.27344 12.8125 2.03906L11.9688 1.19531C11.7344 0.960938 11.3594 0.960938 11.125 1.19531L5.5 6.82031L2.85156 4.19531C2.61719 3.96094 2.24219 3.96094 2.00781 4.19531L1.16406 5.03906C0.929688 5.27344 0.929688 5.67188 1.16406 5.90625L5.05469 9.79688Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}
.asign-gear-box {
    padding: 12px;
}
.beach-attendant-list-dropdown .dropdown .dropdown-menu.show:has(.asign-gear-box) {
    display: block;
    width: 100%;
    min-width: 445px;
}
.filter-btns {
    display: flex;
    gap: 12px;
}
.filter-btns .button {
    min-height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    margin-bottom: 20px;
}
.asign-gear-box ul li label{
    display: flex;
    gap: 10px;
    align-items: center;
}
.asign-gear-box ul li + li,.linked-property-box ul li + li{
    margin-top: 16px;
}
.linked-property-box {
    min-height: 40px;
    border: 1px solid #A4A4A4;
    border-radius: 8px;
    /* padding: 7px 12px; */
}
.linked-property-box ul li label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.assign-gear-table table tr td:last-child{
    position: relative;
}
.button.primary-btn.remove-row-btn {
    position: absolute;
    top: 50%;
    left: -16px;
    background-color: #e76868;
    min-height: 30px;
    padding: 4px;
    min-width: 30px;
    border-radius: 50px;
    line-height: 1;
    transform: translateY(-50%);
}
/* ========================== Morning Schedule CSS ================================ */


/* ========================== Reservation / Carryover CSS ================================ */
.reserve-carry-head {
    display: grid;
    grid-template-columns: 80px 1fr 80px;
    align-items: center;
    min-height: 60px;
}
.reserve-carry-head-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #515254;
    min-height: 60px;
}
.reserve-carry-head .reserve-carry-head-arrow:first-child{
    border-radius: 12px 0px 0px 0px;
}
.reserve-carry-head .reserve-carry-head-arrow:last-child{
    border-radius: 0px 12px 0px 0px;
}
.reserve-carry-head-ceneter {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: #Fff; */
    background-color: #515254;
}
.reserve-carry-head-ceneter h4 {
    color: #F5F6FF;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
.reserve-carry-table-box table tr th{
    padding: 17px 12px;
    color: #46474A;
    font-weight: 700;
    border-bottom: 1px solid #C7C6CA;
}
.reserve-carry-table-box table tr td{
    padding: 17px 12px;
    color: #46474A;
    font-weight: 500;
    border-bottom: 1px solid #C7C6CA;
}
.reserve-carry-table-box table tr td:first-child , .reserve-carry-table-box table tr th:first-child{
    border-left: 1px solid #78797A;
}
.reserve-carry-table-box table tr td:last-child , .reserve-carry-table-box table tr th:last-child{
    border-right: 1px solid #78797A;
}
.reserve-carry-table-box table tr:last-child td:last-child{
    border-radius: 0 0 12px 0;
}
.reserve-carry-table-box table tr:last-child td:first-child{
    border-radius: 0 0 0px 12px;
}
.reserve-carry-table-box table{
    border-collapse: separate;
    border-spacing: 0 0 ;
}


/* ========================== Reservation / Carryover CSS ================================ */
.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: unset;
}

.box-gredient-inner input {
    width: 100%;
    border: 0;
    background-color: transparent;
    text-align: center;
    max-width: 70px;
}

.asign-gear-box .nav > li + li{
    margin-top: 0;
}
.asign-gear-box .nav  li .outline-btn{
    min-height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 12px;
}
.asign-gear-box .nav{
    display: flex;
    gap: 12px;
}
.nav-pills .nav-link.active {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.helper-name {
    display: inline-block;
    max-width: 24em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-scedule-dropdown .dropdown .dropdown-toggle p {
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.forgotr-pass-box {
    margin: 0 0 40px;
    display: flex;
    justify-content: center;
}

.gear-filter-right .outline-btn.type-filter {
    min-height: 48px;
    padding: 8px 16px;
    color: #212529;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    &:hover{
        color: #fff;
    }
}
.search-head-left .role-filter{
    color: #575758;
    font-weight: 600;
    &:hover{
        color: #fff;
    }
}

/* ==================== auto-fill input background color =============== */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* use animation hack, if you have hard styled input */
    transition: all 5000s ease-in-out 0s;
    transition-property: background-color, color;
    /* if input has one color, and didn't have bg-image use shadow */
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
/* ==================== auto-fill input background color =============== */
.user-mail span {
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.register-card .form-control {
    border-color: #DEDEDE;
    border-radius: 5px;
}
.new-rs-structure .form-group .cutsom-label {
    background-color: #ffffff00;
}
.new-rs-structure .form-group .form-control:focus {
    color: #212529;
    background-color: transparent;
}
.new-rs-structure .custom-label-field:has(.focused) .cutsom-label {
    background-color: #fff;
}
.new-rs-structure .custom-label-field:has(.force-focused) .cutsom-label {
    background-color: #fff !important;
}

.add-property-box {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
}

.new-rs-structure  .select2-container--default .select2-selection--single {
    background-color: #ffffff00;
}
.new-rs-structure-table table tr td:has(.rate-fee-input){
    position: relative;
}
.new-rs-structure-table table tr td .dollor-icon {
    position: absolute;
    left: 42px;
}
.custom-field-dollor {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

.new-rs-structure-table table tr td .rate-fee-input {
    padding-left: 15px;
    display: inline-flex;
    text-align: left;
    padding-left: 56px;
}
.add-property-box .select2-container {
    width: 100% !important;
}
.add-user-body .custom-upload-label {
    border-bottom: 0;
    /* padding: 5px 10px; */
    background-color: #ddd;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    position: absolute;
    right: -14px;
    bottom: -18px;
}
.upload-custom-box.uploaded .default-user {
    display: none;
}
.add-user-body .form-group .form-control {
    border-color: #DEDEDE;
    border-radius: 5px;
}
.add-user-body .upload-custom-box {
    padding: 12px 0px;
}
.add-property-box textarea.form-control {
    min-height: 190px;
}
.morning-procedure-main {
    background-color: #fff;
    padding: 30px 30px 30px;
    border-radius: 15px;
}
.daily-scedule-main {
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
}
.add-helper-div {
    padding: 17px 0px;
    display: flex;
    justify-content: flex-end;
}
.hideattendent{
    display: none;
}
ul.dropdown-menu.show
{
    max-height: 270px;
    overflow: auto;
}

.property-detail-list li:first-child h4 {
    flex: 0;
}
.property-card:hover .property-card-actions a i {
    color: #575758;
}
.add-user-upload-box {
    width: 150px;
    height: 150px;
    margin: 20px auto;
    position: relative;
}
.property-card-actions a,.ratelist-linklist li a {
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}



.selected-date {
    background-color: #007bff;
    color: white;
}

.dropzone .dz-preview .dz-details {
    padding:0 !important;
}
.swal2-image {
    width: 125px;
    display: none;
}
.rate-structure-divisions-main .rate-structure-divisions:first-child {
    border-top: 1px solid #78797A;
}
.no-data {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    /* text-transform: capitalize; */
    margin: 60px 0;
}
.profile-card .custom-upload-label {
    display: flex;
    gap: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    position: absolute;
    right: -14px;
    bottom: -18px;
    background-color: #ddd;
}


td.selected-date a {
    background-color: #101828 !important;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #101828;
}
.selected-date {
    background-color: #101828;
    color: white;
}

.ui-datepicker-calendar tr td .ui-state-default{
    border: 1px solid #ffffff !important;
    background: #ffffff;
    font-weight: normal !important;
    color: #171819 ;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: separate !important;
    margin: 0 0 .4em;
    border-spacing: 2px;
}
.selected-date .ui-state-default.ui-state-active {
    background: #171819 !important;
    color: #fff !important;
    /* border: 0 !important; */
}
.ui-datepicker-header {
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
    color: #333333;
    font-weight: bold;
}
.ui-widget-header .ui-icon {
    /* background-image: url("images/ui-icons_444444_256x240.png"); */
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.07732 11.2308L1 6.00006L6.07732 0.769287' stroke='%23575758' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

.ui-icon-circle-triangle-w {
    background-position: 0 !important;
}
.ui-icon-circle-triangle-e {
    background-position: 0 !important;
    transform: rotate(180deg) !important;
}
div#selectedDates {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /* max-width: 600px; */
    padding: 20px 0;
    gap: 15px;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
    color: #000;
}
div#selectedDates > div {
    background-color: #f2f5f7;
    padding: 10px 12px;
    border-radius: 5px;
    position: relative;
}
span.close-no-discount-date {
    position: absolute;
    right: 5px;
    top: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #171819;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}
.date-input.form-control {
    background-color: transparent;
    position: relative;

}
.date-input.form-control::after{
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75 90C76.4834 90 77.9334 89.5601 79.1668 88.736C80.4001 87.9119 81.3614 86.7406 81.9291 85.3701C82.4968 83.9997 82.6453 82.4917 82.3559 81.0368C82.0665 79.582 81.3522 78.2456 80.3033 77.1967C79.2544 76.1478 77.918 75.4335 76.4632 75.1441C75.0083 74.8547 73.5003 75.0032 72.1299 75.5709C70.7594 76.1386 69.5881 77.0999 68.764 78.3332C67.9399 79.5666 67.5 81.0166 67.5 82.5C67.5 84.4891 68.2902 86.3968 69.6967 87.8033C71.1032 89.2098 73.0109 90 75 90ZM112.5 90C113.983 90 115.433 89.5601 116.667 88.736C117.9 87.9119 118.861 86.7406 119.429 85.3701C119.997 83.9997 120.145 82.4917 119.856 81.0368C119.566 79.582 118.852 78.2456 117.803 77.1967C116.754 76.1478 115.418 75.4335 113.963 75.1441C112.508 74.8547 111 75.0032 109.63 75.5709C108.259 76.1386 107.088 77.0999 106.264 78.3332C105.44 79.5666 105 81.0166 105 82.5C105 84.4891 105.79 86.3968 107.197 87.8033C108.603 89.2098 110.511 90 112.5 90ZM75 120C76.4834 120 77.9334 119.56 79.1668 118.736C80.4001 117.912 81.3614 116.741 81.9291 115.37C82.4968 114 82.6453 112.492 82.3559 111.037C82.0665 109.582 81.3522 108.246 80.3033 107.197C79.2544 106.148 77.918 105.434 76.4632 105.144C75.0083 104.855 73.5003 105.003 72.1299 105.571C70.7594 106.139 69.5881 107.1 68.764 108.333C67.9399 109.567 67.5 111.017 67.5 112.5C67.5 114.489 68.2902 116.397 69.6967 117.803C71.1032 119.21 73.0109 120 75 120ZM112.5 120C113.983 120 115.433 119.56 116.667 118.736C117.9 117.912 118.861 116.741 119.429 115.37C119.997 114 120.145 112.492 119.856 111.037C119.566 109.582 118.852 108.246 117.803 107.197C116.754 106.148 115.418 105.434 113.963 105.144C112.508 104.855 111 105.003 109.63 105.571C108.259 106.139 107.088 107.1 106.264 108.333C105.44 109.567 105 111.017 105 112.5C105 114.489 105.79 116.397 107.197 117.803C108.603 119.21 110.511 120 112.5 120ZM37.5 90C38.9834 90 40.4334 89.5601 41.6668 88.736C42.9001 87.9119 43.8614 86.7406 44.4291 85.3701C44.9968 83.9997 45.1453 82.4917 44.8559 81.0368C44.5665 79.582 43.8522 78.2456 42.8033 77.1967C41.7544 76.1478 40.418 75.4335 38.9632 75.1441C37.5083 74.8547 36.0003 75.0032 34.6299 75.5709C33.2594 76.1386 32.0881 77.0999 31.264 78.3332C30.4399 79.5666 30 81.0166 30 82.5C30 84.4891 30.7902 86.3968 32.1967 87.8033C33.6032 89.2098 35.5109 90 37.5 90ZM127.5 15H120V7.5C120 5.51088 119.21 3.60322 117.803 2.1967C116.397 0.790176 114.489 0 112.5 0C110.511 0 108.603 0.790176 107.197 2.1967C105.79 3.60322 105 5.51088 105 7.5V15H45V7.5C45 5.51088 44.2098 3.60322 42.8033 2.1967C41.3968 0.790176 39.4891 0 37.5 0C35.5109 0 33.6032 0.790176 32.1967 2.1967C30.7902 3.60322 30 5.51088 30 7.5V15H22.5C16.5326 15 10.8097 17.3705 6.5901 21.5901C2.37053 25.8097 0 31.5326 0 37.5V127.5C0 133.467 2.37053 139.19 6.5901 143.41C10.8097 147.629 16.5326 150 22.5 150H127.5C133.467 150 139.19 147.629 143.41 143.41C147.629 139.19 150 133.467 150 127.5V37.5C150 31.5326 147.629 25.8097 143.41 21.5901C139.19 17.3705 133.467 15 127.5 15ZM135 127.5C135 129.489 134.21 131.397 132.803 132.803C131.397 134.21 129.489 135 127.5 135H22.5C20.5109 135 18.6032 134.21 17.1967 132.803C15.7902 131.397 15 129.489 15 127.5V60H135V127.5ZM135 45H15V37.5C15 35.5109 15.7902 33.6032 17.1967 32.1967C18.6032 30.7902 20.5109 30 22.5 30H127.5C129.489 30 131.397 30.7902 132.803 32.1967C134.21 33.6032 135 35.5109 135 37.5V45ZM37.5 120C38.9834 120 40.4334 119.56 41.6668 118.736C42.9001 117.912 43.8614 116.741 44.4291 115.37C44.9968 114 45.1453 112.492 44.8559 111.037C44.5665 109.582 43.8522 108.246 42.8033 107.197C41.7544 106.148 40.418 105.434 38.9632 105.144C37.5083 104.855 36.0003 105.003 34.6299 105.571C33.2594 106.139 32.0881 107.1 31.264 108.333C30.4399 109.567 30 111.017 30 112.5C30 114.489 30.7902 116.397 32.1967 117.803C33.6032 119.21 35.5109 120 37.5 120Z' fill='%23575758'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-repeat: no-repeat;
    background-position: center;
}
.formfield:has(.date-input) {
    max-width: 440px;
}
ul.no-discount-list {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
ul.no-discount-list > div {
    background-color: #ffffff;
    padding: 10px 12px;
    border-radius: 5px;
}
div#datepicker {
    width: fit-content;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #101828 !important;
}

.select2-search--dropdown {
    display: block;
    border-radius: 0px;
    padding: 0px;
}



/* ========================== seasonal customer  CSS ================================ */
.seasonal-customer-box table{
    border-collapse: separate;
    border-spacing: 0 0 ;
}
.seasonal-customer-box table tr th {
    border-right: 1px solid #ABABAF;
    border-bottom: 1px solid #ABABAF;
    background-color: #EDF0FF;
    padding: 24px 12px;
    white-space: nowrap;
}
.seasonal-customer-box table tr td {
    white-space: nowrap;
    padding: 13px 12px;
    border-right: 1px solid #ABABAF;
    border-bottom: 1px solid #ababaf1f;
    font-size: 16px;
    font-weight: 500;
    color: #1A1C1E;
}
.seasonal-customer-box table tr:first-child th{
    border-top: 1px solid #ABABAF;
    font-size: 16px;
    font-weight: 600;
    color: #1A1C1E;
}
.seasonal-customer-box table tr:first-child th:first-child{
    border-radius: 8px 0 0 0 ;
    border-left: 1px solid #ABABAF;
}
.seasonal-customer-box table tr:first-child th:last-child{
    border-radius: 0 8px 0 0 ;
}
.seasonal-customer-box table tr:last-child th{
    padding: 4px;
    font-size: 16px;
    color: #1A1C1E;
}
.span-haed-table {
    padding: 4px !important;
    text-align: center;
}
.seasonal-customer-box table tr td:first-child{
    border-left: 1px solid #ABABAF;
}
.seasonal-customer-box table tr:last-child td:first-child{
    border-radius: 0 0 0 8px ;
}
.seasonal-customer-box table tr:last-child td:last-child{
    border-radius: 0 0 8px 0 ;
}
.seasonal-customer-box table tr:last-child td{
    border-bottom: 1px solid #ABABAF;
}
.seasonal-action {
    display: flex;
    justify-content: center;
    gap: 15px;
}



.flex-form-group {
    display: flex;
    gap: 12px;
}
.flex-form-group .form-group {
    width: 100%;
}
.rental-equipment-box .row {
    padding-right: 100px;
    position: relative;
}
.rental-equipment-box > p {
    margin: 0 0 16px;
    line-height: 24px;
    font-size: 19px;
    color: #46474A;
    font-weight: 600;
}
.add-seasonal-box .row .form-group label{
    margin: 0 0 8px;
    line-height: 24px;
    font-size: 16px;
    /* color: #46474A; */
    font-weight: 500;
}
.add-customer-info {
    margin: 0 0 12px;
    padding-right: 100px;
}
.add-seasonal-box .row .form-group{
    margin: 0 0 20px;
}
.button.outline-btn.add-equipment-btn {
    border-color: #212529 !important;
    margin: 0 0 32px;
}
.view-form-control {
    min-width: 58px;
    padding: 15px 12px;
    border-bottom: 1px solid #77777A;
    border-radius: 4px;
}

.view-form-control p{
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: #46474A;
}
.add-property-box .select2-container--default .select2-selection--single .select2-selection__placeholder{
    display: none;
}
.custom-select2-field {
    position: relative;
}
.custom-select2-field label {
    position: absolute;
    left: 13px;
    top: 16px;
    transition: all 0.3s ease;
    padding: 0 5px;
}

















/* ========================== seasonal customer  CSS ================================ */
.custom-select2-field .select2-container--default .select2-selection--single {
    background-color: #ffffff00;
}
.pdf-image {
    background: #f9d8db;
}
.dropzone {
    padding: 0 !important;
}
.custom-select2-field:has(.select2-container--focus) label,.custom-select2-field:has(.select2-value-custom) label{
    position: absolute;
    left: 13px;
    top: -11px;
    background-color: #fff;
    z-index: 1;
    padding: 0 5px;
}
.dropzone .file-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}
button.view-file svg path {
    fill: #5c5e61 !important;
}
button.view-file {
    border: 0;
    background-color: transparent;
}
.room-charge-option .cstm-radio-field label{
    cursor: pointer;
}
.no-discount-list > div:empty{
    display: none;
}
/* .new-rs-structure-table table tr td:has(.water-dollar) .dollor-icon{
    left: 107px;
} */
.required-star{
    color: red;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

select option:disabled{
    display: none;
}

.date-input.form-control {
    z-index: 1;
    cursor: pointer;
}
.formfield:has(.date-input) .form-icon{
    z-index: 0;
    cursor: pointer;
}
.new-rs-structure-table table tr td select {
    border: 0;
    color: #586169;
    font-weight: 400;
    cursor: pointer;
}
.new-rs-structure-table table tr td select:focus-visible{
    border: 0;
    outline: 0;
}
.file-actions > button {
    width: 30px;
    height: 30px;
    background-color: #d6e3ff5c !important;
    border-radius: 7px;
}
.file-actions {
    margin: 6px 0 0;
}


.helper-table table tr td:nth-child(3) p{
    display: inline-block;
    max-width: 24em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-scedule-main .custom-checkbox label p{
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.after-add-more .remove-row-btn {
    position: absolute;
    right: 30px;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.add-seasonal-box {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
}
.add-seasonal-box .after-add-more .form-group .formfield{
    z-index: 0;
}
.add-seasonal-box .after-add-more .form-group .formfield:has(.dropdown-menu.show){
    z-index: 2;
}
.linked-property-box .confirm-check label p {
    display: inline-block;
    max-width: 9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.confirmation-check-td{
    display: flex;
    justify-content: center;
}
.beach-attendent-table tr td,.beach-attendent-table  tr th{
    white-space: nowrap;
}
.beach-attendent-table tr td:first-child .beach-attendant-list-dropdown .dropdown .dropdown-toggle{
    padding-right: 35px;
}
.remark-input.form-control {
    padding: 7px 12px;
    border-radius: 8px;
    min-height: 40px;
    font-weight: 400;
    color: #332F32;
}
.confirmation-check-td label{
    cursor: pointer;
}
.datepicker-dropdown td.active.day{
    background-color: #101828 !important;
    background-image: unset !important;
}

.add-user-footer a, .add-user-footer button {
    width: 100%;
    max-width: unset;
}
.gear-ul {
    margin-top: 16px;

}
.asign-gear-box .gear-ul li .confirm-check label p{
    display: inline-block;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-link:focus {
    color: unset;
}
.asign-gear-box {
    padding: 12px;
    max-height: 265px;
    overflow: auto;
}
.highlighted{
    background-color: #e9ecef;
}

.morning-procedure-save-container{
    text-align: end;
}

.helper-table .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: unset;
    border-bottom: 0;
}

.form-control:disabled, .form-control[readonly] {
    background-color: unset;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgb(222 226 230);
}

.dropdown-toggle.gear-select-text p span{
    display: inline-block;
    max-width: 5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-toggle.gear-select-text p{
    display: inline-flex;
}

.daily-scedule-main .flex-end-div button {
    min-width: 138px;
}

.user-profile-info{
    margin-top: 7px;
}
.seasonal-customer-box {
    padding: 30px;
    background-color: #Ffff;
    border-radius: 15px;
}

.rental-equipment-box-section > h3 {
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 600;
    line-height: 24px;
}

.helper-dropdown,.attendant-dropdown-css {
    position: relative;
    min-height: 40px;
    /* border: 1px solid #A4A4A4; */
    border-bottom: 1px solid #7B7679;
    /* border-radius: 8px; */
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    padding: 7px 12px;
}
.helper-dropdown::after, .attendant-dropdown-css::after, .property-dropdown-css::after{
    display: none;
}
.helper-dropdown::before, .attendant-dropdown-css::before, .property-dropdown-css::before{
    content: "";
    position: absolute;
    right: 17px;
    top: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M6 7.67441L0 1.67441L1.275 0.399414L6 5.12441L10.725 0.399414L12 1.67441L6 7.67441Z' fill='%231E1B1D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
}
.select-helper-with-services .dropdown-menu.show,.morning-manager-box .dropdown-menu.show {
    width: 100%;
}

.helper-dropdown  p{
    font-weight: 500;
    /* color: #000; */
}

.daily-scedule-box  .helper-dropdown  p{
    color: #586169;
    font-weight: 400;
}
.formfield:has(.dropdown-menu.show){
    z-index: 3;
}
.manager-and-helper-combine {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 40px;
}

.input-select {
    /* display: flex; */
    width: 100%;
    justify-content: center;
    /* margin-left: 10px; */
}
.input-select .formfield select {
    background-color: transparent;
    border: 0;
    appearance: none;
    width: 100%;
}
.input-select .formfield {
    width: fit-content;
    min-width: 80px;
}
.input-select .formfield  .form-icon {
    position: absolute;
    right: 0;
    top: 10px;
    display: flex;
    align-items: center;
}

#id{
    display: none;
}


.add_more_beach_attendent_container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}
/* ========================== notification  CSS ================================ */

.notify-form-box {
    max-width: 725px;
    width: 100%;
    margin-bottom: 40px;
}
.notify-form-box .form-group {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
}
.notify-form-box .form-group label {
    font-size: 18px;
    line-height: 45px;
    color: #36393C;
    font-weight: 600;
    flex: 0 0 90px;
}
.notify-form-box .form-group label.error {
    color: red;
}
.notify-table-haed {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 24px;
    justify-content: space-between;
}
.notify-table-haed > h3 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #191C1D;
}
.notify-table table tr th{
    padding: 16px 12px;
    font-size: 18px;
    color: #1A1C1E;
    line-height: 27px;
    font-weight: 600;
    border-right: 1px solid #ABABAF;
    border-top: 1px solid #ABABAF;
    border-bottom: 1px solid #ABABAF;
}
.notify-table table tr td{
    padding: 23px 12px;
    font-size: 16px;
    color: #1A1C1E;
    line-height: 24px;
    font-weight: 500;
    border-right: 1px solid #ABABAF;
    cursor: pointer;
    border-bottom: 1px solid #ABABAF;
}
.notify-table table tr td:first-child,.notify-table table tr th:first-child{
    border-left: 1px solid #ABABAF;
}
.notify-table table{
    border-collapse: separate;
    border-spacing: 0 0;
}
.notify-table table tr th:first-child{
    border-radius: 8px 0px 0px 0px ;
}
.notify-table table tr th:last-child{
    border-radius: 0px 8px 0px 0px;
}
.notify-table table tr:last-child td:first-child{
    border-radius: 0px 0px 0px 8px ;
}
.notify-table table tr:last-child td:last-child{
    border-radius: 0px 0px 8px 0px ;
}
.notify-status-actions {
    display: none;
}
.notify-table table tr:hover .notify-status-actions{
    display: block;
}
.notify-status {
    display: flex;
    align-items: center;
    gap: 10px;
}
.notify-table table tr:hover td {
    border-right: 0;
    border-top: 1px solid #575758;
    border-bottom: 1px solid #575758;
}
.notify-table table tr:hover td:last-child{
    border-right: 1px solid #575758;
}
.notify-table table tr:hover td:first-child{
    border-left: 1px solid #575758;
}
.notify-table table tr:hover td{
    /* font-weight: 600; */
}
.notify-table table .notification-list-tr:hover {
    box-shadow: 2px 1px 5px #00000069;
}
.notify-table table tr:hover .notify-status-para {
    /* display: none; */
}
.notify-modal .modal-dialog {
    max-width: 805px;
    margin: 1.75rem auto;
}
.notify-modal .modal-body {
    padding: 40px;
}
.modal-content {
    border-radius: 50px;
    box-shadow: 0px 4px 24px 0px #00000033;
}
.notify-modal-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px;
}
.notify-modal-head > h3 {
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
}
.notify-date-msg {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #1A1C1E;
}
.notify-msg-preview ul li {
    display: flex;
}
.notify-msg-preview ul li h4 {
    font-size: 18px;
    font-weight: 600;
    color: #36393C;
    line-height: 27px;
    white-space: nowrap;
    flex: 0 0 130px;
}
.notify-msg-preview ul li p{
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #1A1C1E;
}
.notify-msg-preview ul li + li{
    margin-top: 24px;
}
.notify-msg-preview ul li h5{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #1A1C1E;
}
.notify-msg-preview {
    margin: 0 0 40px;
}
.notify-modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.notify-modal-footer .button{
    min-width: 108px;
}
.notify-modal-footer:has(.primary-btn){
    justify-content: space-between;
}
.notify-delete-msg {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: #1A1C1E;
    margin: 0 0 40px;
    text-align: center;
}

/* ========================== notification  CSS ================================ */


.assign-gear-table .button.primary-btn.remove-row-btn {
    left: 0;
}
.cal-icon {
    position: absolute;
    top: 11px;
    left: 11px;
    z-index: -1;
}

.equal-width-btn .button {
    min-width: 110px;
}
.uploaded.default-img-icon .upload-box-actions {
    display: none;
}
.save-class {
    min-width: 110px !important;
}
.search-input{
    min-width: 282px;
}
.confirm-check{
    margin-top: 10px;
}
.daterangepicker.opensright:after {
    display: none;
}
.daterangepicker.opensright:before {
    display: none;
}
.admin-reservation-save-container{
    text-align: end;
}
.property-save-container{
    text-align: end;
}
.admin-reservation-search{
    min-width: 330px;
}
.dollor-icon{
    margin-top: 1px;
    font-size: 16px;
}
.property-dropdown-css{
    position: relative;
    min-height: 40px;
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    padding: 7px 12px;
}
.property-heading-text{
    font-weight: 400;
    color: #332F32;
}
.no-property-div-default
{
    padding: 7px 12px;
    font-weight: 400;
    color: #332F32;
}
.equal-width-btn{
    display: flex;
    gap: 15px;
    justify-content: flex-end;

}
.property-notes-heding{
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 600;
    line-height: 24px;

}
.linked-property-box .dropdown-menu{
    width: 100%;
}
.total-price-heading {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.total-price {
    font-size: 18px;
    font-weight: 600;
}

.total-price-container {
    display: flex;
    gap: 10px;
    align-items: center;
}
.select-property-error{
    font-size: 16px;
    font-weight: 400;
    color: red;
    text-align: end;
    padding-top: 16px;
}
.hide-something{
    display: none;
}
.formfield.custom-label-field:has(.form-control:disabled) .cutsom-label {
    color: #46474a78;
}
.form-control:disabled{
    opacity: 0.5;
}
.disable-edit{
    pointer-events: none;
}
.disable-edit i{
    color: #0c0c0c24 !important;
}

.search-head-left .pro-select select{
    padding: 10px;
    padding-left: 10px !important;
    width: fit-content;
    color: #212529;
    font-size: 16px;
    font-weight: 700 !important;
    padding-right: 30px;
    cursor: pointer;
}
.formfield.pro-select {
    min-width: fit-content;
    max-width: fit-content;
}
.formfield.pro-select .form-icon {
    position: absolute;
    right: 18px;
    top: 16px;
    display: flex;
    align-items: center;
}
.reserve-carry-table-wrapper {
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
}
.reserve-carry-table-box table tr th{
    border-top: 1px solid #78797A;
}
.reserve-carry-table-box table tr:first-child th:first-child {
    border-radius: 12px 0 0 0;
}
.reserve-carry-table-box table tr:first-child th:last-child {
    border-radius: 0 12px 0 0;
}
.reserve-carry-table-box table tr th{
    background-color: #EDF0FF;
    border-left: 1px solid #78797A;
}
.reserve-carry-table-box table tr td{
    border-left: 1px solid #78797A;
    cursor: pointer;
    height: 59px;
}

/* .booking-details{
    transition: all 1s ease;
}
.booking-details.d-none td{
    font-size: 0;
    padding: 0 !important;
}
.booking-details.d-none{
    display: block !important;
}
 */

.daterange_picker{
    cursor: pointer;
}

/* ========================== Evening Procedure  CSS ================================ */


.eve-procedure-tabs nav .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border-bottom: 3px solid transparent !important;
    border: 0;
    font-size: 20px;
    line-height: 30px;
    color: #5E5E62;
    text-transform: capitalize;
}
.eve-procedure-tabs nav .nav-tabs .nav-link.active{
    border-bottom: 3px solid #1A1C1E !important;
    color: #1A1C1E;
}
.eve-procedure-tabs nav .nav-tabs{
    border-bottom: 1px solid #77777A;
}
.Checkin-equipment-table .table-responsive,.cash-coll-table .table-responsive {
    min-height: 212px;
}
.Checkin-equipment-table table tr th,.Checkin-equipment-table table tr td,.Checkin-equipment-table table tr td p,.Checkin-equipment-table table tr td p span{
    white-space: nowrap;
}
.Checkin-equipment-table table tr td:has(.dropdown),.cash-coll-table table tr td:has(.dropdown){
   text-align: right;
}
.Checkin-equipment-table table tr td .dropdown .dropdown-toggle::after,.cash-coll-table table tr td .dropdown .dropdown-toggle::after{
    display: none;
}
.cash-coll-table table tr th:last-child{
    text-align: right;
}
.check-gear-box {
    border-color: var(--primary-color);
    width: 16px;
    height: 16px;
    border: 2px solid #67676D;
    border-radius: 2px;
}
.check-gear:has(input[type="checkbox"]:checked) .check-gear-box{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M5.05469 9.79688C5.28906 10.0312 5.6875 10.0312 5.92188 9.79688L12.8125 2.90625C13.0469 2.67188 13.0469 2.27344 12.8125 2.03906L11.9688 1.19531C11.7344 0.960938 11.3594 0.960938 11.125 1.19531L5.5 6.82031L2.85156 4.19531C2.61719 3.96094 2.24219 3.96094 2.00781 4.19531L1.16406 5.03906C0.929688 5.27344 0.929688 5.67188 1.16406 5.90625L5.05469 9.79688Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}
.check-gear {
    display: flex;
    align-items: center;
    gap: 12px;
}
.Checkin-equipment-table table tr td{
    padding: 30px 12px 17px 12px;
}
.cash-coll-table table tr td {
    padding: 17px 12px 17px 12px;
    height: 78px;
    vertical-align: middle;
}
.remark-para {
    color: #B3B4B7;
}
.match-icons-box {
    display: flex;
    align-items: center;
    gap: 20px;

}
.match-icons-box .match-icons{
    opacity: 0.5;
}
.match-icons-box .match-icons.active{
    opacity: 1;
}
.diff-para {
    background-color: #FF7878;
    display: inline;
    padding: 2px 5px;
}

.eve-pro-wrap {
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
}

/* .Checkin-equipment-table table tr td,.Checkin-equipment-table table tr th{
    text-align: center;
} */
.attendent-gears {
    display: flex;
    /* margin: 0 auto; */
    text-align: center;
    justify-content: flex-start;
    max-width: 130px;
}

.editable-td input {
    width: 120px;
    border: 1px solid #ddd;
    padding: 2px 5px;
    padding-left: 20px;
}
.cash-recv-input {
    width: fit-content;
    position: relative;
}
.cash-recv-input > span {
    position: absolute;
    left: 7px;
    top: 3px;
}
.Checkin-equipment-table table tr th{
    padding: 10px 30px 10px 30px;
}
.Checkin-equipment-table table tr td {
    padding: 22px 30px 21px 30px;
}
.Checkin-equipment-table table tr td:first-child{
    border-right: 1px solid rgb(222 226 230);
    text-align: right;
}
.Checkin-equipment-table table tr th:first-child {
    text-align: right;
}
.search-head:has(.eve-procedure-tabs){
    display: flex;
    justify-content: left;
    gap: 20px;
}






/* ========================== Evening Procedure  CSS ================================ */
.booking-parent td:first-child {
    position: relative;
    padding-left: 40px;
}
.booking-parent td:first-child::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrow-circle-down' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm1.414,15.414a2,2,0,0,1-2.828,0L5.913,10.741,7.327,9.327,12,14l4.712-4.711L18.126,10.7Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    transition: all 0.3s ease;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 11px;
    top: 20px;
    transition: all 0.5s ease;
}
.booking-parent.child-open td:first-child::after{
    transform: rotate(180deg);
}
.booking-parent td{
    white-space: nowrap;
}

.search-head-left .formfield:has(.form-icon) .form-control {
    padding-right: 8px;
}
select#property-select {
    padding-right: 35px;
}

.search-head-left .back-head-top .formfield.pro-select .form-icon {
    position: absolute;
    right: 10px;
}
.editable-td input {
    width: 120px;
}

.collect-cash-data  .form-control:focus, input {
    outline: 0;
    box-shadow: none !important;
    border-color: #d2d2d200;
    color: #46474A;
    border-radius: 10px;
}
textarea{
    resize: none;
}
.cash-coll-table table tr th{
    text-align: left !important;
}
.cash-coll-table tr td:last-child input{
    width: 100%;
}

/* select#property-select,#booking_source_select {
    padding-right: 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath d='M7.41733 10.0826C7.12368 10.0833 6.83281 10.0127 6.56146 9.87506C6.2901 9.73741 6.04361 9.53535 5.83615 9.2805L-0.0826645 2.02149L1.49852 0.0826416L7.41733 7.34028L13.3362 0.0826416L14.9173 2.02149L8.99852 9.27913C8.79115 9.53422 8.5447 9.73653 8.27334 9.87443C8.00198 10.0123 7.71107 10.0831 7.41733 10.0826Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='15' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 202px 20px;
    background-size: 11px;
} */
/* #booking_source_select {
    background-position: 135px 20px;
} */
.formfield.pro-select {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
}
.formfield.pro-select  select{
    background-color: transparent;
}
.formfield.pro-select::after{
    content: "";
    width: 15px;
    height: 15px;
    top: 20px;
    right: 8px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2)'%3E%3Cpath d='M7.41733 10.0826C7.12368 10.0833 6.83281 10.0127 6.56146 9.87506C6.2901 9.73741 6.04361 9.53535 5.83615 9.2805L-0.0826645 2.02149L1.49852 0.0826416L7.41733 7.34028L13.3362 0.0826416L14.9173 2.02149L8.99852 9.27913C8.79115 9.53422 8.5447 9.73653 8.27334 9.87443C8.00198 10.0123 7.71107 10.0831 7.41733 10.0826Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2'%3E%3Crect width='15' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 11px;
    z-index: 0;
}
.formfield.pro-select select {
    z-index: 1;
    position: relative;
    background-color: transparent !important;
}

.evening-notes-heding
{
    padding-top: 1.5%;
}
.even-mor-notes{
    color: black;
}
.parent-open {
    background: #f3f3f3;
}



.no-arrow::after{
    display: none !important;
}
.seasonal-customer-box table tr td{
    height: 78px;
}

.first-parent td{
    border-top-width: 2px !important;
}
.first-parent td:first-child{
    border-left-width: 2px !important;
}
.first-parent td:last-child{
    border-right-width: 2px !important;
}
.second-last-parent td {
    border-bottom: 2px solid #78797A !important;
}
.first-parent td{
    border-bottom: 2px solid #78797A !important;
}
.first-parent td:nth-child(2),
.first-parent td:nth-child(4),
.first-parent td:nth-child(5),
.first-parent td:nth-child(6) {
    border-bottom: 1px solid rgb(199, 198, 202) !important;
}
.formfield:has(.date-input) {
    max-width: 271px;
}
.cal-formfield .calender-btn {
    width: 180px;
}

.redclass{
    color: #FF7878;
}

.not-cehck .check-gear-box {
    border: 1px solid #FF7878;
}
.not-cehck p{
    color: #FF7878;
}
.new-rs-structure-table .button.primary-btn.remove-row-btn {
    position: static;
    transform: translateY(-0%)
}
.new-rs-structure-box .flex-end-div {
    margin-right: 43px;
}
.Checkin-equipment-table table tr td:first-child:has(.no-data-para) {
    border-right: 0px solid rgb(222 226 230);
    text-align: center;
}
.side-menu-toggle{
    display: none;
}
.no-discount-box .form-icon {
    top: 20px;
}
.cal-formfield input{
    cursor: pointer;
}
.rate-structure-table table tr th{
    white-space: nowrap;
}
.ratelist-name-action h4 {
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.healper-table table tr th{
    white-space: nowrap;
}
.daterangepicker td.in-range {
    background-color: #1018282b !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #101828 !important;
    border-color: transparent;
    color: #fff;
}
.notify-form-table-box {
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
}
.notify-form-box .form-group label.error {
    position: absolute;
    bottom: -35px;
    font-size: 16px;
    font-weight: 400;
    left: 0;
}
.notify-form-box .form-group{
    margin-bottom: 30px;
}
.notify-short {
    width: 24px;
    height: 24px;
    background-color: #DBDDF1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-left: 10px;
}
.notify-short.upside {
    transform: rotate(180deg);
}
.cash-coll-table table tr th{
    padding: 8px 12px;
}
.gear-select-text p{
    display: inline-block !important ;
    max-width: 14em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.helper-heading-text {
    /* display: inline-block;
    max-width: 22em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    max-width: 96%;
}
.manager-heading-text {
    max-width: 96%;
}
.normal-opacity:disabled {
    opacity: unset;
}


/* ========================== Daily-log & revenue-by-property  CSS ================================ */
.daily-log-filter {
    display: flex;
    align-items: center;
    gap: 16px;
}
.daily-log-filter p {
    font-size: 24px;
    line-height: 36px;
    color: #191C1D;
    font-weight: 500;
    white-space: nowrap;
}
.log-table-total {
    display: flex;
    gap: 24px;
}
.total-log-box {
    width: 100%;
    max-width: 420px;
}
.daily-log-table,.Revenue-pro-table {
    width: 100%;
}
.daily-log-table table tr td,.Revenue-pro-table table tr td{
    padding: 20px 16px;
    /* border-top: 1px solid #7a787885; */
    border-bottom: 1px solid #7a787885;
    border-left: 1px solid #7a787885;
    color: #46474A;
    font-weight: 500;
}
.daily-log-table table tr td:last-child,.Revenue-pro-table table tr td:last-child{
    border-right: 1px solid #7a787885;
}
.daily-log-table table tr th,.Revenue-pro-table table tr th{
    padding: 24px 16px 20px 16px;
    border-top: 1px solid #7a787885;
    border-bottom: 1px solid #7a787885 !important;
    border-left: 1px solid #7a787885;
    color: #46474A;
    font-weight: 700;
}
.daily-log-table table tr th:last-child,.Revenue-pro-table table tr th:last-child{
    border-right: 1px solid #7a787885;
    border-radius: 0 12px 0 0 ;
}
.daily-log-table table tr th:first-child,.Revenue-pro-table table tr th:first-child{
    border-radius: 12px 0 0 0 ;
}
.daily-log-table table,.Revenue-pro-table table {
    border-collapse: separate;
    border-spacing: 0;
}
.daily-log-table table tr:last-child td:last-child,.Revenue-pro-table table tr:last-child td:last-child{
    border-radius: 0 0 12px 0 ;
}
.daily-log-table table tr:last-child td:first-child,.Revenue-pro-table table tr:last-child td:first-child{
    border-radius: 0 0 0 12px ;
}
.total-log-box > h3 {
    font-size: 20px;
    margin: 0 0 24px;
    text-align: center;
    font-weight: 600;
}
/* .total-log-main {
    border: 1px solid #000000;

} */
.total-log-head {
    padding: 8px;
    background-color: #101828;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.total-log-body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.table-log-manager-checkin .total-log-body {
    grid-template-columns: 1fr 1fr;
}
.total-log-data + .total-log-data {
    margin-top: 30px;
}
.total-log-wrap {
    border-right: 1px solid #78797A;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 112px;
    justify-content: space-evenly;
}
.total-log-wrap h5 {
    font-size: 16px;
    line-height: 24px;
    color: #46474A;
    font-weight: 700;
}
.total-log-wrap p{
    font-size: 16px;
    line-height: 24px;
    color: #46474A;
    font-weight: 500;
}
.revenue-pro-filter {
    display: flex;
    width: 100%;
}
.revenue-pro-filter {
    display: flex;
    width: 100%;
    gap: 26px;
    margin: 0 0 40px;
}
.formfield.rev-pro-select select {
    padding-right: 30px;
}
.formfield.rev-pro-select select {
    padding-right: 30px !important;
    /* min-height: 48px; */
    padding: 12px 16px;
}
.formfield.rev-pro-select .form-icon {
    right: 14px;
    top: 22px;
}
.reports-wrap {
    padding: 30px;
    border-radius: 15px;
    background-color: #fff;
}
.revenue-pro-filter input#date-range {
    min-width: 295px;
}

/* ========================== Daily-log & revenue-by-property  CSS ================================ */

.past-date-no-edit{
    pointer-events: none;
    cursor: default !important;
}
.past-date-no-edit-dropdown li{
    pointer-events: none;
    cursor: default !important;
}

.search-head-left .pos-search {
    max-width: 280px;
    min-width: 280px;
    width: 100%;
}
.pointofsale-header #clear-search{
    background-color: var(--primary-color);
    color: #fff;
}
.realtime-property-ratio{
    background: #1AAE9F;
    border-radius: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    gap: 10px;
    color: #fff;
}
.realtime-property-detail h3{
    font-weight: 500;
    font-size: 24px;
}
.realtime-property-detail{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.daily-log-table table tr td:last-child:not(.daily-log-last-td){
    border-right: 0;
}
.daily-log-table table tr th,.daily-log-table table tr td{
    text-align: center;
    vertical-align: middle;
}
.real-time-filter .cal-formfield .calender-btn {
    width: 212px;
    min-height: 57px;
    border: 1px solid #77777A !important;
}
.real-time-filter .cal-formfield  .cal-icon {
    position: absolute;
    top: 14px;
}
.custom-label-field:has(.cal-icon-left) input {
    padding-left: 55px;
    padding-right: 15px !important;
    min-width: 291px;
}
.form-icon.cal-icon-left {
    left: 15px;
}
td.front-td {
    border-radius: 0 0 0 12px;
}
td.back-td {
    border-radius: 0 0 12px 0;
}
.daliy-log-mail-table:has(.front-td) tr:last-child td:first-child,.daliy-log-mail-table:has(.back-td) tr:last-child td:last-child{
    border-radius: 0 0 0 0;
}
.daily-log-rolls {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.daily-log-rolls > h3 {
    font-size: 18px;
    white-space: nowrap;
}
.daily-log-para {
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #000;
    /* min-width: 150px; */
    /* justify-content: center; */
    cursor: default;
    width: 100%;
}
.daily-log-para p{
    color: #000;
}
.evm-log {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 45px;
    gap: 30px 20px;
    margin-top: 45px;
}
.evm-log .daily-log-para{
    min-width: 50px;
    width: 100%;
}
.evm-log .daily-log-rolls > h3 {
    white-space: nowrap;
}
.evm-log .daily-log-rolls {
    gap: 0px;
}

.four-col.total-log-body{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.total-log-bottom {
    padding: 8px;
    background-color: #fff;
    color: #101828;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    border-right: 2px solid #78797A;
    border-bottom: 1px solid #78797A;
    border-left: 1px solid #78797A;
}
.search-head-left:has(.daily-log-rolls) {
    display: flex;
    gap: 24px;
    flex-wrap: nowrap;
    width: 100%;
}
.daily-log-table {
    margin-top: 45px;
}
.log-table-top .daily-log-table {
    margin-top: 0;
}
.date-grand-total {
    width: 100%;
    display: flex;
    gap: 19px;
}
.search-head-left:has(.date-grand-total) {
    display: flex;
    gap: 24px;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.search-head-left:has(.date-grand-total) .daily-log-rolls{
    width: unset;
}
.search-head-left:has(.date-grand-total) .daily-log-rolls button{
    white-space: nowrap;
}



/* ====================== reservation- CSS  ============================== */

  /* Step Indicator Styles */
  .onres-step-indicator {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 30px;
    padding: 0 20px;
}

.onres-step {
    flex: 1;
    text-align: center;
    position: relative;
}

.onres-step:not(:last-child):after {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #14276f;
    z-index: 1;
}
.onres-step.active:not(:last-child):after {
    background: #14276f;
}

.onres-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e0e0e0;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    position: relative;
    z-index: 2;
}

.onres-step.active .onres-step-icon {
    background: #14276f;
    color: #fff;
}

.onres-step.completed .onres-step-icon {
    background: #28a745;
    color: #fff
}
.onres-step.completed p{
    color: #28a745;
}
.onres-step p {
    color: #666;
    margin: 0;
    font-size: 15px;
}

.onres-step.active p {
    /* color: var(--primary-color);
    font-weight: bold; */
    font-weight: 600;
}

/* Form Step Styles */
.onres-form-step {
    margin-bottom: 30px;
}

/* Button Styles */
.online-reservation-save-container {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 14px;
}

.acc-desc-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.acc-desc-box > p {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.reservation-card {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 14px -2px #ddd;
    margin: 0 0 20px;
}
.reservation-card > h3 {
    font-size: 22px;
    text-align: center;
    /* text-transform: capitalize; */
    line-height: 26px;
    margin: 0 0 20px;
    font-weight: 600;
}
.reservation-card  h5 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin: 0 0 10px;
}
.onres-form-step {
    padding-right: 0;
}
.admin-db-wrapper:has(.onres-step-indicator) {
    height: 100vh;
}
.total-for-resrv {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
}
.total-for-resrv > h5 {
    font-size: 25px;
    line-height: 28px;
}
.search-head:has(.reserve-main-haead) {
    justify-content: center;
}
.back-head-top.reserve-main-haead > h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}
.cart-card {
    padding: 20px 15px;
    border-radius: 10px;
    margin: 40px 0 0;
    background-color: #14276F;
    color: #fff;
}
.cart-card > h3 {
    text-align: center;
    margin: 0 0 20px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
}
.cart-details-inner {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #bbb8b84f;
}
.cart-details-inner > h6 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px;
    font-weight: 500;
}

.cart-total-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.cart-total-box span {
    white-space: nowrap;
}
.cart-total-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 100%;
}
.cart-total-box h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}
.payment-details-left .row h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}
.payment-details-left .custom-checkfield{
    display: flex;
    align-items: center;
    gap: 10px;
}

.payment-details-left .custom-checkfield input{
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    margin-bottom: 24px;
}
.payment-details-left .custom-checkfield label{
    margin-bottom: 0 !important;
    cursor: pointer;
}
.online-reservation-save-container .button{
    min-width: 150px;
}
.reservation-inner-haed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.payment-details-left .form-group{
    margin:  0 0 5px;
}
.onres-form-step:has(.payment-details-left){
    margin-bottom: 0;
}
.cart-card h5 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.payment-details-right h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'Proxima-Nova';
    /* color: #fff; */
}
.payment-details-right .cart-card {
    margin: 15px 0 0;
}

.online-res-admin-db-container .add-customer-info .row .form-group {
    margin: 0 0 24px;
    position: relative;
}
.online-res-admin-db-container .add-customer-info label.error {
    color: red;
    position: absolute;
}
.online-res-admin-db-container .reservation-card .row .form-group {
    margin: 0 0 24px;
    position: relative;
}
.online-res-admin-db-container .reservation-card label.error {
    color: red;
    position: absolute;
}
.online-res-admin-db-container .payment-details-left label.error {
    color: red;
    position: absolute;
}
.online-reservation-first-step-container{
    max-width: 1350px;
    margin: 0 auto;
}
.online-reservation-first-step-container .row .form-group {
    margin: 0 0 24px;
    position: relative;
}
.read-terms-container .error{
    padding-left: 26px;

}
/* .online-chairset-formgroup .row .form-group{
    margin: 0 0 24px;
    position: relative;
} */

.price-cart-total {
    font-size: 20px;
    font-weight: 600;
    color: #1ec143;
}
.extras-group p{
    font-weight: 600;
    margin: 6px 0px;
}
.online-res-per-eq-price{
    color: red;
}
.extra-reservation-card .no_of_rent_days{
    color: red;
}
/* ====================== reservation- CSS  ============================== */

/* ====================== admin - reservation- CSS  ============================== */
.admin-reservation-cart h6 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    /* padding: 6px 0px; */

}
.admin-reservation-cart h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0;
}

.admin-reservation-cart .start_end_date_for_this_equipment{
    font-size: 13.5px;
}
.admin-reservation-cart .number_of_days_for_this_equipment {
    font-size: 12.5px;
    text-align: center;
    display: block;
}
/* .admin-reservation-cart .cart-card{
    position: sticky;
    top: 0;
    margin: unset;
} */
.admin-res-child{
    position: sticky;
    top: 0;
    margin: unset;
}

.square-box label
{
    margin: 0 0 !important;
}
.equipment-in-cart + .equipment-in-cart {
    margin-top: 15px;
}
.admin-reservation-db-content .add-customer-info{
    padding-right: 70px;
}
.admin-reservation-db-content .rental-equipment-box .row{
    padding-right: 70px;
}
.admin-reservation-cart .cart-card{
    background-color: #101828;
    border-radius: 0;
}
.admin-reservation-cart .quantity_for_this_equipment {
    font-size: 13.5px;
    line-height: 14px;
}
.admin-reservation-cart .equipment-in-cart {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    align-items: flex-start;
    display: grid;
    grid-template-columns: 3fr 0.5fr 0.5fr;
}
.admin-reservation-cart .cart-total-box {
    justify-content: flex-end;
    gap: 20px;
}

.admin-reservation-cart .price_for_this_equipment {
    white-space: nowrap;
    font-size: 15px;
    /* margin-top: 2px; */
    display: block;
    line-height: 15px;
}
.admin-reservation-cart span.start_end_date_for_this_equipment {
    padding: 0 5px;
}

.past-date-no-edit .bypass-past-date-no-edit{
    pointer-events: all;
    cursor: pointer;
}

/* ====================== admin - reservation- CSS  ============================== */


/* ====================== admin - activity logs - CSS  ============================== */
.activity-container {
    width: 100%;
    /* max-width: 800px; */
    background: white;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
    overflow: hidden;
}

.activity-container .activity-header {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
    padding: 25px;
    text-align: center;
    font-size: 2.2em;
    font-weight: 700;
    position: relative;
    /* clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); */
}

.activity-container .activity-tree {
    padding: 30px;
    position: relative;
}

.activity-container .activity-branch {
    position: relative;
    /* padding-left: 40px; */
    /* border-left: 3px dashed var(--border-color); */
}

.activity-container .activity-item {
    position: relative;
    background-color: #f2f2f2;
    /* border-left: 4px solid var(--primary-color); */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.activity-container .activity-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.activity-container .activity-title {
    font-weight: 600;
    color: var(--text-primary);
}

.activity-container .timestamp {
    color: #101828;
    font-size: 0.8em;
    opacity: 1;
}

.activity-container .timestamp-container {
    align-self: start;
}

.activity-container .properties-list {
    list-style: inside;
}

.activity-container .properties-list b{
    font-weight: 600;
}

.activity-container .sub-branch {
    /* margin-left: 20px; */
    padding-top: 10px;
}

.activity-container .sub-branch .activity-item {
    background-color: #f2f2f2;
    border-left-color: var(--secondary-color);
    box-shadow: unset;
    padding: 10px 20px;
    color: #fff;
    position: relative;
}
.activity-details > .activity-title {
    color: #000;
    font-size: 20px;
}
.sub-branch .activity-title p{
    color: #101828;
    font-size: 16px;
}
.sub-branch .activity-title ul li{
    font-size: 14px;
    color: #101828;
}
.activity-container .back-head-top {
    padding: 40px 30px 13px;
}

.activity-container .activity-select-filter{
    max-height: 48px;
    min-height: 48px;
    border-color: var(--border-color);
    padding-bottom: 8px;
    padding-right: 27px;
}
.activity-filter-container{
    max-width: fit-content;
}

/* ====================== admin - activity logs - CSS  ============================== */
.selected-content-area {
    margin: 34px 0px;
}
.selected-content-area .selected-attendent-data p span{
    font-size: 18px;
    font-weight: 700;
}

.pro-view-modal  .modal-dialog {
    max-width: 800px;
}
.pro-view-modal .modal-head {
    display: flex;
    justify-content: center;
}
.pro-view-modal button.btn-close {
    position: absolute;
    right: 19px;
    top: 21px;
}
.property-view-button{
    min-width: 116px;
    min-height: 44px;
}

.fetch-loader {
    width: 48px;
    height: 48px;
    background: var(--primary-color);
    display: inline-block;
    border-radius: 50%;
    box-sizing: border-box;
    animation: animloader 1s ease-in infinite;
  }

  @keyframes animloader {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
.listing-area:has(.fetch-loader)
{
    text-align: center;
    justify-content: center;
}
.notify-table-haed h3 {
    flex: 0 0 105px;
}






.activity-wrapper {
    position: relative;
    padding-left: 60px;
    z-index: 1;
    padding-bottom: 45px;
    overflow: hidden;
}
.activity-title.activity-main-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: -46px;
}
.activity-icons {
    width: 40px;
    height: 40px;
    background-color: #101828;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 1;
}
.activity-wrapper::after {
    content: "";
    height: var(--after-height);
    width: 3px;
    background-color: #101828;
    position: absolute;
    left: 32px;
    top: 28px;
    z-index: 0;
}
.sub-branch .activity-item + .activity-item{
    margin-top: 15px;
}
.activity-title.activity-main-head h3 {
    font-size: 22px;
    font-weight: 600;
}
.activity-container .sub-branch .activity-item::after {
    content: "";
    width: 100px;
    height: 4px;
    position: absolute;
    left: -27px;
    top: 50%;
    background-color: #101828;
    z-index: -1;
}
.timestamp-container i {
    color: #101828;
}
.timestamp-container {
    display: flex;
    align-items: center;
    gap: 5px;
}
.activity-branch.listing-area > div:has(.no-activity-para) {
    /* background-color: #f1f1f2; */
    border-radius: 15px;
}



.daily-log-fix .four-col.total-log-body {
    grid-template-columns: 1fr 1fr 1fr 1fr ;
}
.daily-log-fix .four-col.total-log-body  .total-log-wrap:last-child{
    /* grid-column: span 2; */
}
.daily-log-fix .four-col.total-log-body  .total-log-wrap{
    min-height: 64px;
    /* border-bottom: 1px solid #78797A; */
}



.formfield.discount-formfield {
    padding: 10px 0;
}

.formfield.discount-formfield label {
    padding-left: 25px;
    position: relative;
}
.formfield.discount-formfield label::after {
    content: "";
    width: 16px;
    height: 2px;
    position: absolute;
    background-color: #fff;
    left: 2px;
    top: 10px;
}
.formfield.discount-formfield label::before {
    content: "";
    width: 2px;
    height: 16px;
    position: absolute;
    background-color: #fff;
    left: 9px;
    top: 4px;
}
.formfield.discount-formfield:has(input:checked) label::before{
    display: none;
}
.tip-group .tip-input input{
    border-color: #fff;
    color: #fff;
}
.tip-group .tip-input .form-control:focus {
    color: #ffffff;
    background-color: #ffffff00;
    border-color: #ffffff !important;
}
.tip-type-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
label.top-type {
    border: 2px dashed #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.top-type:has(input:checked) {
    background-color: #ffffff00;
    border: 2px dashed #1ec143;
}
.top-type:has(input:checked) p{
    color: #1ec143;
}
.admin-reservation-list-end-btns{
    display: flex;
    gap:12px;
}




.formfield:has(.dollor-mark2) input{
    padding-left: 30px;
}

span.dollor-mark2 {
    position: absolute;
    left: 15px;
    top: 19px;
    font-size: 18px;
    display: flex;
    height: fit-content;
    line-height: 18px;
}
.new-div{
    display: flex;
    gap: 24px;
}
.export-button span {
    margin-top: 5px;
    /* transform: rotate(180deg); */
}


.real-time-property-box .real-time-property-inner {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr ;
    width: 100%;
}
.real-time-property-box .real-time-pro-child {
    padding: 20px 16px;
}
.real-time-property-box .accordion-button{
    padding: 0;
}
.real-time-property-box .accordion-button::after{
    display: none;
}
.real-time-property-box .accordion-item {
    border: 0px;
}
.real-time-property-box .accordion-button ,.real-time-property-box .accordion-button:not(.collapsed){
    color: #46474A;
    background-color: #fff;
    box-shadow: unset;
}
.real-time-property-box {
    border: 1px solid #7a787885;
    border-radius: 15px;
    /* overflow: hidden; */
}
.real-time-property-inner .real-time-pro-child{
    border-right: 1px solid #7a787885;
    border-bottom: 1px solid #7a787885;
}
.real-time-property-inner .real-time-pro-child:last-child{
    border-right: 0;
}
.real-time-property-body .accordion:last-child .accordion-item,.real-time-property-body .accordion:last-child .accordion-item button{
    border-radius: 0 0 15px 15px;
}
.real-time-property-body .accordion:last-child .accordion-item .real-time-pro-child{
    border-bottom: 0;
}
.real-time-card-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.real-time-card {
    padding: 20px;
    border: 1px solid #000;
    border-radius: 17px;
}
.real-time-card h3 {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    margin: 0 0 0px;
}
.real-time-card-table .table{
    border-collapse: separate;
    border-spacing: 0 5px;
}
.real-time-card-table .table tbody tr td{
    background-color: #F4F4F4;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #12152E;
    border-bottom: 0;
}
.real-time-card-table .table tbody tr td:first-child{
    border-radius: 10px 0 0 10px;
}
.real-time-card-table .table tbody tr td:last-child{
    border-radius: 0px 10px 10px 0px;
}
.real-time-card-table .table thead tr th{
    border-bottom: 0;
    color: #6B7175;
    font-weight: 500;
    font-size: 14px;
}
.real-time-property-head .real-time-pro-child p{
    color: #46474A;
    font-weight: 700;
}
.accordion-collapse.collapse.show .accordion-body{
    border-top: 1px solid #7a787885;
    border-bottom: 1px solid #7a787885;
}
.real-time-property-box .accordion .collapsing {
    height: 0;
    overflow: hidden;
    transition: height .6s ease;
}






.real-time-property-inner-2 .real-time-pro-child:first-child::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrow-circle-down' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm1.414,15.414a2,2,0,0,1-2.828,0L5.913,10.741,7.327,9.327,12,14l4.712-4.711L18.126,10.7Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    transition: all 0.3s ease;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 11px;
    top: 20px;
    transition: all 0.5s ease;
}
.real-time-property-inner-2 .real-time-pro-child:first-child {
    padding-left: 48px;
}

.real-time-property-inner-2.child-open .real-time-pro-child:first-child::after {
    transform: rotate(180deg);
}
.clearsearch-design{
    color: #212529 !important;
    border: 1px solid #A4A4A4 !important;
    background-color: #fff !important;
    font-weight: 700;

}
.clearsearch-design:hover{
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
}

.admin-res-listing {
    padding: 24px 15px;
}
.admin-res-listing .search-head-left .formfield {
    max-width: 286px;
    min-width: 279px;
    width: 100%;
}
.admin-res-listing .admin-reservation-search {
    min-width: 286px;
    max-width: 283px;
}
.admin-res-listing .search-head-left {
    gap: 5px;
}
.admin-res-listing .formfield.pro-select {
    max-width: fit-content;
    min-width: fit-content;
    width: 100%;
}
.admin-res-listing .search-head .primary-btn {
    min-height: 48px;
    padding: 10px 12px;
}
.admin-res-listing .button {
    padding: 10px 10px;
}

.admin-res-listing .cal-formfield:has(.cal-icon) .button{
    padding: 10px 2px 10px 40px;
    max-width: 155px;
}
.admin-res-listing .admin-reservation-list-end-btns {
    display: flex;
    gap: 5px;
}
.admin-res-listing .cal-formfield {
    max-width: 155px;
}
.real-time-card-table {
    max-height: 210px;
}

.text-elipsis{
    max-width: 18em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nopointerevent{
    pointer-events: none;
}


.disable-booking-edit, .disable-booking-edit i{
    color: #10182840 !important;
    cursor:default;
}
p.text-fit-class {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.all-tra-table table tr th {
    white-space: nowrap;
}
.sort-record{
    cursor: pointer;
}
.total-log-body.data-adjust-auto {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    align-items: start;
}
.total-log-body.data-adjust-auto .total-log-wrap {
    align-items: flex-start;
    padding: 10px;
    height: 100%;
}
.total-log-body.data-adjust-auto .total-log-wrap p{
    position: relative;
    padding-left: 15px;
}
.total-log-body.data-adjust-auto  .total-log-wrap p::after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    position: absolute;
    left: 2px;
    top: 9px;
    border-radius: 45px;
}
.data-adjust-auto.border-botttom .total-log-wrap:first-child,.data-adjust-auto.border-botttom .total-log-wrap:nth-child(2),.data-adjust-auto.border-botttom .total-log-wrap:nth-child(3){
    border-bottom: 1px solid #000;
}
.data-adjust-auto .total-log-wrap {
    justify-content: flex-start;
    min-height: 40px;
}


/* .box-gredient-inner textarea {
    resize: none;
    width: 100%;
    border: 0px !important;
    border-bottom: 1px solid #7B7679 !important;
    background: transparent;
    overflow: hidden;
    box-shadow: none !important;
    outline: 0px !important;
    text-align: left;
} */

.box-gredient-inner textarea {
    resize: none;
    width: 100%;
    border: 0px !important;
    background: transparent;
    overflow: hidden;
    box-shadow: none !important;
    outline: 0px !important;
    text-align: left;
    line-height: 1.5em;

    /* Two lines positioned at fixed heights */
    background-image:
        /* Line at 1.5em from top (end of first line) */
        linear-gradient(to right, #7B7679, #7B7679),
        /* Line at 3em from top (end of second line) */
        linear-gradient(to right, #7B7679, #7B7679);
    background-position: 0 1.3em, 0 2.8em;
    background-repeat: no-repeat;
    background-size: 100% 1px, 100% 1px;
    padding: 0;
    min-height: 3.1em;
    height: auto;
}
.box-gredient-inner.border-0 label.error {
    display: none;
}
.all-tra-table table tr th {
    position: relative !important;
}
span.sort-record {
    /* margin-left: 10px; */
    position: absolute;
    right: 9px;
    top: 24px;
}
.cabanas-warning{
    text-align: center;
    color: red;
    font-weight: 600;
}
.cabanas-warning p{
    font-size: 22px;
}
.cabanas-daterange-container{
    padding-top: 20px;
}

.custom-field-dollor {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #cccc;
    border-radius: 5px;
}

.custom-field-dollor span {
    position: unset !important;
    order: 1;
    background: #f2f5f7;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ccc;
    padding-bottom: 1px;
    margin-top: 0px;
    border-radius: 5px 0 0 5px;
}
.custom-field-dollor input {
    padding-left: 3px !important;
    order: 2;
}

.rate-days-input{
    border: 1px solid #cccc !important;
    border-radius: 5px;
}
.admin-res-headings{
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 24px;
}
/* .comp-td{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    color: white;
} */

.comp-td div{
    height: 21px;
    width: 22px;
    border-radius: 76px;
    background: #008000;
    display: inline-block;
    font-size: 14px;
    color: white;
    text-align: center;
}
.table-admin-res th{
    position: relative;
}
.equipment-name-h3{
    display: inline-block;
}
.sq-card-wrapper .sq-card-message-error{
    color: white !important;
}
.sq-card-wrapper .sq-card-message-error::before {
    background-color: white !important;
}
.estimated-refund{
    display: flex;
    justify-content: space-between;
    padding: 20px 18px;
    background: #8080801f;
    border-radius: 10px;
    margin: 20px 0px;
    flex-direction: column;
    gap: 5px;

}
.spinner-parent{
    text-align: center;
    padding: 20px;
    font-size: 18px;
}
.spinner-border{
    width: 2rem;
    height: 2rem;
}
.estimated-full-refund-amount, .estimated-full-refund-amount-non-cc {
    color: green;
    font-weight: 600;
}
.estimated-partial-refund{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 18px;
    background: #8080801f;
    border-radius: 10px;
    margin: 20px 0px;
    gap: 15px;
}
.estimated-partial-refund > div{
    display: flex;
    justify-content: space-between;
}
.estimated-partial-refund input{
    background: white;
    padding-left: 50px;
}
.refund-select-parent{
    padding-top: 16px;
}
.refund-select-parent .formfield{
    display: flex;
    gap: 20px;
}
.refund-select-parent .formfield{
    display: flex;
    gap: 20px;
}
.refund-select-parent .refund-label{
    font-size: 18px;
    font-weight: 600;
}

.refund-value-span{
    color: #dddd01 !important;
    font-weight: 600 !important;
}
/* .sq-card-iframe-container{
    height: 48px !important;
} */
.more-payable-amount{
    color: green;
    font-weight: 600;
}
.additional-amount-breakdown{
    display: flex;
    justify-content: space-between;
    padding: 20px 18px;
    background: #8080801f;
    border-radius: 10px;
    margin: 20px 0px;
    flex-direction: column;
    gap: 10px;
}
.additional-amount-breakdown > div {
    display: flex;
    justify-content: space-between;
}
#ccbookingedit-modal .sq-card-wrapper .sq-card-message-error{
    color: #cc0023 !important;
}
#ccbookingedit-modal .sq-card-wrapper .sq-card-message-error::before {
    background-color: #cc0023 !important;
}
.refund-dollar{
    position: absolute;
    width: 45px;
    background: #f0f0f057;
    text-align: center;
    height: 57px;
    font-size: 18px;
    padding-top: 13.5px;
    border: 1px solid #77777A;
    border-radius: 4px 0px 0px 4px;
}
.comp-report div{
    text-align: center;
    padding-top: 3px;
    margin-left: 3px;
}
span.attendent-not-paid-booking {
    color: #ff0000;
}
.tip-report-property-box .real-time-property-inner {
    grid-template-columns: 2fr 2fr;
}
.refund-select-parent input{
    accent-color: var(--primary-color);
}
.ref-det {
    display: flex;
    justify-content: space-between;
}

.ref-det .amount-det{
    font-weight: 600;
}
.tip-ref-det-container{
    display: flex;
    align-items: center;
    gap: 8px;
}
[name="tip_refund_amount"]:disabled{
    background-color: #80808033;
    color: #0000003b;
}

.amount-det:has([name="tip_refund_amount"]:disabled) span{
    color: #0000003b;
}
.final-refund-partial-amount{
    color: green;
    font-weight: 600;
}
.Checkin-equipment-table table tr th:first-child {
    text-align: unset;
}
.Checkin-equipment-table table tr td:first-child {
    text-align: unset;
}

.Checkin-equipment-table table tr td:last-child {
    border-left: 1px solid rgb(222 226 230);
}
.text-elipsis-evening{
    max-width: 25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tip-modal-open{
    cursor: pointer;
}
#tip-modal th , #tip-modal td{
    border: 1px solid #00000066 !important;
}
.search-hide {
    display: none;
}
.propsearchul{
    padding-top: 0px !important;
}
.propsearchul li:first-child{
    position: sticky !important;
    top: 0px !important;
    background-color: white !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
}
.propsearchul li:first-child input{
    padding-bottom: 2px !important;
    padding-left: 14px !important;
    padding-top: 2px !important;
    padding-right: 2px !important;
    min-height: 40px !important;
    margin-bottom: 12px !important;
}
.propli{
    margin-top:unset !important;
    min-height: 38px !important;
    cursor:pointer !important;
}
.big-click li a{
    margin-top: unset !important;
    min-height: 38px;
    cursor: pointer;
    padding: 7px !important;
}
.big-click{
    padding-bottom: 8px !important;
}

.propli a {
    padding: 7px !important;
}
.activity-log-payment-show{
    color: green;
}
.activity-log-refund-show{
    color: red;
}
.activity-logs-view{
    color: #0000ffbd;
    text-decoration: underline;
}
.booking-cmpr-btn {
    color: black !important;
    margin-bottom:5px !important;
    margin-right:5px !important;

}
.booking-cmpr-btn:hover {
    color: black !important;
}
.booking-cmpr-btn.active {
    color: white !important;
    background: black !important;
}
.bold-activity-name{
    font-weight: 700;
}
.realtime-prop-time{
    position: absolute;
    top: 13px;
    font-family: 'Poppins';
    right: 12px;
    font-weight: 500;
    color: #46474a;
}


.activity-item {
  display: none;
}

.activity-item:has(.activity-title) {
  display: block;
}

/* .highlight-change {
  background-color: #ffffcc;
  border: 1px solid orange;
}

.highlight-change-cart {
    background-color: #3a3a00;
    border: 1px solid orange;
} */
.swal2-validation-message{
    display: flex;
    background: white;
    color: red;
    margin-top: 0px;
    font-size: 1em;
    font-weight: 400;

}
.swal2-textarea{
        font-size: 1em;
    font-weight: 400;
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before{
    content: unset !important;
}
div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
        border: 1px solid #0b0b0b !important;
    outline: none;
     box-shadow: unset !important;
}
.deleted-chk-container{
    display: flex;
    gap: 7px;
    align-items: center;
    border: 1px solid #A4A4A4 !important;
    padding: 10px 10px;
    border-radius: 5px;
    background: white;
}
.deleted-chk-container label{
    font-weight: 600;
    color: black;
}
.activity-log-view-comp-seas .rental-equipment-box .row {
    padding-right: unset !important;

}
.activity-log-view-comp-seas .add-customer-info {
    padding-right: 0px !important;

}
textarea#swal2-textarea::placeholder
{
    color: #0000008f;
}
textarea#swal2-textarea
{
    border: 1px solid ;
}
.swal2-textarea{
    margin-top: 0px !important;
}
.swal2-textarea.swal2-inputerror{
    border-color: #f27474 !important;
}



.ad-board-inputs .multiselect-dropdown,
.form-group .multiselect-dropdown {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    padding: 14px;
    width: 100% !important;
}

.form-group .multiselect-dropdown {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    padding: 14px;
}
.multiselect-dropdown {
    border: solid 1px #838384 !important;
}
.multiselect-dropdown span.placeholder {
    color: #46474A !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.multisel-label{
    position: absolute;
    top: -12px;
    z-index: 1;
    left: 12px;
    background-color: #fff;
    padding: 0 5px;
}
.detail-filter-trigger{
    text-decoration: underline;
    cursor: pointer;
}
.multiselect-dropdown-list div{
    display: flex ;
    align-items: center  !important;
    gap: 5px  !important;
}
.total-log-foot {
    padding: 8px;
    border-right: 1px solid #020812;
    /* color: #020812; */
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    border-left: 1px solid #020812;
    border-bottom: 1px solid #020812;
    background: #101828;
    color: white;
}
.total-log-foot-body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
.total-log-foot-body-wrap {
    border-right: 1px solid #78797A;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 64px;
    justify-content: space-evenly;
}
.total-log-foot-body-wrap p {
    font-size: 16px;
    line-height: 24px;
    color: #46474A;
    font-weight: 500;
}
.total-log-foot-body-wrap h5 {
    font-size: 16px;
    line-height: 24px;
    color: #46474A;
    font-weight: 700;
}
.helper-form-group{
    width: calc(100% - 47px);
}
.multiselect-dropdown-list div label{
     margin: 0 0 !important;
     /* vertical-align: middle; */
}
.disable-dicount{
    color: #ffffff61;
}
.disable-dicount::before, .disable-dicount::after{
    background-color: #ffffff61 !important;
}
.itemized-discount-check-container{
    display: flex;
    align-items: center;
    gap: 10px;
}
.cart-price-det{
    justify-content: space-between;
    flex-direction: column;
    gap: 25px;
}
.discounted-price-for-this-equipment{
    white-space: nowrap;
    font-size: 15px;
    display: block;
    line-height: 15px;
}
.cart-price-det:has(.discounted-price-for-this-equipment) .price_for_this_equipment {
    text-decoration: line-through;
    text-decoration-color: rgba(255, 255, 255, 0.7);
    text-decoration-thickness: 0.8px;
}
#change-ba-modal .select2-container--default .select2-selection--single {
    border: 1px solid #dedede !important;
}
.disable-field div{
    background: #80808030;
    pointer-events: none;
}
.disable-field .cutsom-label {
    background: #80808000;
}
.listing-table-heading{
    padding-bottom: 26px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}
#item_details:checked + label {
    background-color: var(--primary-color);
    color: #fff;
}
.no-hover:hover {
   color: #212529;
    border: 1px solid #A4A4A4 !important;
    background-color: #fff;
}
.no-hover{
    min-width: 170px;
}
#change-ba-modal .select2-container .select2-selection--single .select2-selection__rendered, #feedback-configuration-popup .select2-container .select2-selection--single .select2-selection__rendered{
        padding-left: 17px;
}
.feedback-detail-ques-section label{
    font-weight: 600;
    color: #303030e0;
}
.feedback-detail-contiainer{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
}
p.question-metadata {
    font-size: 14px;
}
.feeback-answer-section p span{
    font-weight: 600;
    color: #303030e0;
}
.feeback-answer-section {
    margin-top: 4px;
}
.feedback-detail-ques-section{
    border-bottom: 1px solid #d7d9db;
    padding-bottom: 14px;
}
p.input-desc-feedbk-conf {
    margin-bottom: 12px;
    margin-top: 28px;
    color: #46474A;
    font-size: 16px;
}