/*# sourceMappingURL=custom.min.css.map */
.required:after {
    content: "*";
    color: red;
    font-size: 10px;
    position: absolute;
}
.disabled-textarea {
    text-align: start; /* Align text from left */
    direction: ltr;    /* Ensure left-to-right text direction */
    background-color: #f8f9fa; /* Light background to mimic disabled look */
    border: 1px solid #ccc;    /* Soft border to indicate it's read-only */
    cursor: not-allowed; /* Prevent user interaction */
}
.picking {
    position: relative;
}

.body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #091E42;
}

.picking .picklocation {
    position: absolute;
    bottom: 8px;
    right: 15px;
    font-size: 14px;
    color: #662e93;
}

.t-head {
    background: #ecdef7;
}

.apart-images img {
    width: 150px;
    padding: 15px;
}

.search-icon-main {
    position: relative;
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.search-icon i {
    font-size: 14px;
}

.heading {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.sub-heading {

    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;

}

.list-bedrooms span {
    border: 1px solid #9f9f9f;
    border-radius: 100px;
    padding: 7px 11px;
    margin-right: 10px;
    cursor: pointer;
}

.list-bedrooms span:hover {
    border: 1px solid #ebecf0;
    background: #f4f5f7;
    cursor: pointer;

}

.list-bedrooms span:active {
    border: 1px solid #ebecf0;
    background: #f4f5f7;
    cursor: pointer;
    background: #d6efff;
    border: 1px solid #a3daff;
    color: #091e42;
    font-weight: 600;
}

.add-other {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.add-other div:nth-child(1) {
    margin: 0px 20px;
}

.add-other div a {
    color: #299cdb;
    font-size: 13px;
    font-weight: 600;
}

.btn-done {
    background: #006ac2;
    border: 1px solid #006ac2;
}


.merged-notch {
    position: relative;
    margin: -8px auto;
    height: 40px;
    z-index: 3;
}

.unit-notch {
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    padding: 4px 33px;
    height: 27px;
    background-color: rgba(53, 119, 241);
    border-radius: 0 0 28px 28px;
    transform: translateX(-50%);

}

.merged-notch {
    position: relative;
    margin: -8px auto;
    height: 40px;
    z-index: 3;
}

.unit-notch {
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    padding: 4px 33px;
    height: 27px;
    background-color: rgba(53, 119, 241);
    border-radius: 0 0 28px 28px;
    transform: translateX(-50%);

}

.notch {
    position: absolute;
    top: 0;
    left: 50%;
    color: #fff;
    padding: 4px 33px;
    height: 27px;
    background-color: #222;
    border-radius: 0 0 28px 28px;
    transform: translateX(-50%);
}

.notch::before,
.notch::after {
    content: '';
    position: absolute;
    top: 0;
    left: -7px;
    width: 14px;
    height: 7px;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at 0 100%, transparent 6px, #222 7px);
}

.notch::after {
    left: 100%;
    margin-right: corner-sizepx;
    background-image: radial-gradient(circle at 100% 100%, transparent 6px, #222 7px);
}

.unit-notch::before,
.unit-notch::after {
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    width: 14px;
    height: 7px;
    background-size: 50% 100%;
    background-repeat: no-repeat;

}

.unit-notch::before {
    background-image: radial-gradient(circle at 0 100%, transparent 6px, rgba(53, 119, 241) 7px);
}

.unit-notch::after {
    background-image: radial-gradient(circle at 0 100%, transparent 6px, rgba(53, 119, 241) 7px);
}

.unit-notch::after {
    left: 99.6%;
    margin-right: corner-sizepx;
    background-image: radial-gradient(circle at 100% 100%, transparent 6px, rgba(53, 119, 241) 7px);
}

.floor-mask {
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    height: 100%;
    width: 99%;
    z-index: 3;
}

.storey-unit {
    position: relative;
}

.unit-mask {
    position: absolute;
    height: 90%;
    background-color: rgba(255, 255, 255, .5);
    z-index: 1;
}

.errorcl {
    color: red;
}

.apart-images img {
    padding: 4px !important;
}

.gc-file-area,
.ct-file-area,
.unit-file-area {
    position: relative;
    display: inline-block;
}

.image-area {
    position: relative;
    /* width: 50%; */
    margin: 20px;
    background: #333;
    border-radius: 5px;
}

.image-area img {
    max-width: 100%;
    /* height: auto; */
    height: 140px;
    object-fit: revert;
}

.remove-image {
    /* display: none; */
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 10em;
    padding: 2px 6px 3px;
    text-decoration: none;
    font: 700 21px/20px sans-serif;
    background: #555;
    border: 3px solid #fff;
    color: #FFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}
.gc-remove-image,
.ct-remove-image {
    left: 15%;
    bottom: 0;
    padding: 5px 6px 3px;
}

.unit-remove-image {
    right: 0;
    top: 0;
}

.gc-remove-image,
.ct-remove-image,
.unit-remove-image {
    position: absolute;
    border-radius: 10em;

    text-decoration: none;
    background: #555;
    border: 3px solid #fff;
    color: #FFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.gc-remove-image,
.ct-remove-image {
    left: 15%;
    bottom: 0;
    padding: 5px 6px 3px;
}
.unit-remove-image {
    right: 0;
    top: 0;
}

.gc-remove-image,
.ct-remove-image,
.unit-remove-image {
    position: absolute;
    border-radius: 10em;
    
    text-decoration: none;
    background: #555;
    border: 3px solid #fff;
    color: #FFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

.remove-image:hover {
    background: #E54E4E;
    padding: 3px 7px 5px;
    top: -11px;
    right: -11px;
}

.remove-image:active {
    background: #E54E4E;
    top: -10px;
    right: -11px;
}

/* //file loading animation ends */

.global-loader-circle-2 {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 45%;
    left: 50%;
    display: inline-block;
}

.global-loader-circle-2:before,
.global-loader-circle-2:after {
    content: "";
    display: block;
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-radius: 50%;
}

.global-loader-circle-2:before {
    width: 70px;
    height: 70px;
    border-bottom-color: #fbfbfb;
    border-right-color: #fbfbfb;
    border-top-color: transparent;
    border-left-color: transparent;
    animation: global-loader-circle-2-animation-2 1s linear infinite;
}

.global-loader-container {
    background-color: rgb(0 0 0 / 78%);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ristrict-scroll {
    overflow-y: hidden;
}

.global-loader-circle-2:after {
    width: 40px;
    height: 40px;
    border-bottom-color: #fbfbfb;
    border-right-color: #fbfbfb;
    border-top-color: transparent;
    border-left-color: transparent;
    top: 22%;
    left: 22%;
    animation: global-loader-circle-2-animation 0.85s linear infinite;
}

@keyframes global-loader-circle-2-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes global-loader-circle-2-animation-2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.center-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.loader-circle-9 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: transparent;
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    font-family: sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-circle-9:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    border-radius: 50%;
    animation: animateC 2s linear infinite;
}

.loader-circle-9 span {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate 2s linear infinite;
}

.loader-circle-9 span:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    top: -6px;
    right: -8px;
    box-shadow: 0 0 20px #fff;
}

@keyframes animateC {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}

/* merge button animation starts */
.animate-merge-btn {
    /* height:50px;
    width:100px;
    border:none;
    border-radius:5px; */
    transition: 0.3s;
    animation: glow 1s infinite;
    transition: 0.5s;
}

@keyframes glow {
    0% {
        box-shadow: 1px 1px 4px rgb(93, 52, 168), 1px 1px 1px rgb(93, 52, 168);
    }

    50% {
        box-shadow: 1px 1px 4px rgb(81, 224, 210), 1px 1px 1px rgb(81, 224, 210);
    }

    100% {
        box-shadow: 1px 1px 4px rgb(93, 52, 168), 1px 1px 1px rgb(93, 52, 168);
    }
}

/* merge button animation ends */

/*6/28/2023 changes by Rakesh*/
.add-property,
.btn-primary {
    background-color: #027F8B !important;
    color: white;
    font-size: 14px;
    border-radius: 3px;
    padding: 6px 8px !important;
    border: none !important;
}

.add-property:hover,
.btn-primary:hover {
    background: #034349 !important;
    color: white;
}

.add-property i {
    margin-right: 10px;
}

.status-bar-s2 {
    background-color: #662e93 !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}

/* .select2-container .select2-selection--single {
height: 36px!important;
} */
.body-reports {
    font-family: var(--vz-body-font-family) !important;
    font-size: var(--vz-body-font-size) !important;
}


.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #027F8B !important;
}

.active>.page-link,
.page-link.active {
    background-color: #027F8B !important;
    border: none !important;
    color: #fff !important;
}

.page-link {
    color: #027f8b !important;
}


#files-preview {
    border: 1px solid #e7e7e7 !important;
}

.btn-upload {
    background-color: #662e93;
    border: 1px solid #662e93;
    color: #fff;
    margin-bottom: 0 !important;
}

.btn-upload:hover,
focus {
    background-color: #008fb3;
    border: 1px solid #008fb3;
    color: #fff;
    margin-bottom: 0 !important;
}

.btn-upload i {
    margin-right: 5px;
}

.table-primary th {
    font-size: 13px;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 130px !important;
    text-align: start !important;
    padding-right: 5px !important;
}

table.dataTable>tbody>tr.child span.dtr-data {
    color: #662e93 !important;
}

.dtr-data img {
    width: 85px;
    height: 50px;
}

.btn-anima {
    position: relative;
    /*display: inline-block;*/
    width: auto;
    height: auto;
    background-color: #f06548;
    border: none;
    cursor: pointer;
    margin: 0px;
    text-align: center;
    padding: 8px 0px;
    color: white;
    border-radius: 3px;
    padding-right: 10px;
}



.btn-anima span {
    position: relative;
    /*display: inline-block;*/
    font-size: 14px;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    transition: 0.3s;
}



/*--- btn-hover ---*/
.btn-hover::before {
    background-color: rgb(102 46 147) !important;
    transition: 0.3s ease-out;
}



.btn-hover span {
    color: rgb(255, 255, 255);
    border: 0px solid rgb(28, 31, 30);
    transition: 0.2s 0.1s;
}



.btn-hover span:hover {
    color: white;
    transition: 0.2s 0.1s;
}



.hoverfEffect::before {
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px !important;
}



.hoverfEffect:hover::before {
    width: 0%;
}

.dataTables_filter label {
    float: right !important;
}

.unit-container {
    padding: 15px;
}

.unit-container .border-secondary {
    margin-bottom: 0.5rem !important;
}


span.remove-storey,
span.remove-storey-unit {
    position: absolute;
    top: 3%;
    left: 97%;
    width: 20px;
    cursor: pointer;
}


@media only screen and (max-width: 600px) {

    span.remove-storey,
    span.remove-storey-unit {
        position: absolute;
        top: 1%;
        left: 92%;
        width: 20px;
        cursor: pointer;
    }

    .unit-notch {
        position: absolute;
        top: 0;
        left: 50%;
        color: #fff;
        padding: 0px 10px;
        height: 27px;
        background-color: rgba(53, 119, 241);
        border-radius: 0 0 28px 28px;
        transform: translateX(-50%);
        min-width: 70%;
        text-align: center;
    }

    .notch {
        position: absolute;
        top: 0;
        left: 50%;
        color: #fff;
        padding: 4px 33px;
        height: 27px;
        background-color: #222;
        border-radius: 0 0 28px 28px;
        transform: translateX(-50%);
        width: 70%;
        text-align: center;
    }
}


/* table loading animation starts */
.table-laoder{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.table-loader {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #ccc;
}

.table-loader td {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
    border-color: #ccc;
    color: #333;
    background-color: #fff;
}

.table-loader th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 5px;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    word-break: normal;
    border-color: #ccc;
    color: #333;
    background-color: #f0f0f0;
}

.table-loader .line {
    float: left;
    width: 100px;
    height: 16px;
    margin-top: 12px;
    border-radius: 7px;
    background-image: linear-gradient(90deg, #f4f4f4 0px, rgba(229, 229, 229, 0.8) 40px, #f4f4f4 80px);
    background-size: 600px;
    animation: shine-lines 2s infinite ease-out;
}

@keyframes shine-lines {
    0% {
        background-position: -100px;
    }

    40%,
    100% {
        background-position: 140px;
    }
}
/* table loading animation starts */
/* card loading animation starts */

.l-card {
    margin: 10px;
    /* width: 300px; */
    display: flex;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.l-card .image img {
    max-width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.l-card .content {
    padding: 20px 30px;
    width: 100%;
}

.l-card.is-loading .image,
.l-card.is-loading h2,
.l-card.is-loading h1,
.l-card.is-loading p {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}
.l-card.is-loading h1{
    width: 50%;
    height: 20px;
}

.l-card.is-loading .image {
    margin: 10px;
    height: 150px;
    width: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.l-card.is-loading h2 {
    height: 30px;
}

.card.is-loading p {
    height: 70px;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}
/* card loading animation ends */