/* Roome - Landlord - Add Property Step CSS Start */


.addPropertyPills .nav-link {
    font-family: "Sinkin Sans 600";
    font-weight: 600;
    font-size: 1.125rem;
    color: #1d1f3e;
    display: flex;
    align-items: center;
    padding: 1.25rem;
    text-align: left;
}
.nav-pills.addPropertyPills .nav-link.active,
.nav-pills.addPropertyPills .show > .nav-link {
    background-color: #1d1f3e;
}
.checkbox-pills {
    border: 0.125rem solid rgba(29, 31, 62, 0.2);
    width: 1.625rem;
    flex: 0 0 1.625rem;
    height: 1.625rem;
    display: inline-block;
    margin-right: 0.875rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.nav-pills.addPropertyPills .nav-link.active .checkbox-pills {
    display: none;
}
.nav-pills.addPropertyPills .nav-link.nav-link-step-done .checkbox-pills {
    background-color: #f96e67;
    border-color: #f96e67;
}

.stepsDiv {
    width: 9.375rem;
}
.stepsDiv span.font-500 {
    white-space: nowrap;
    opacity: 0.5;
}
.progressSteps{
    scrollbar-width: none;
}
.progressSteps::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}
.progressDot {
    width: 2.125rem;
    height: 2.125rem;
    display: inline-block;
    background-color: #e3e3e5;
    position: relative;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.progressDot::after {
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    opacity: 0;
}
.progressSteps .progress {
    height: 0.5rem;
    background-color: rgba(29, 31, 62, 0.07);
    position: absolute;
    left: 0;
    right: 0;
    width: calc(100% - 8rem);
    margin: 0 auto;
    bottom: 1.1rem;
    z-index: -1;
}
.progressSteps .progress-bar {
    background-color: #f96e67;
}

.progressSteps_1 .steps_1 .progressDot::after,
.progressSteps_2 .steps_2 .progressDot::after,
.progressSteps_3 .steps_3 .progressDot::after,
.progressSteps_4 .steps_4 .progressDot::after,
.progressSteps_5 .steps_5 .progressDot::after,
.progressSteps_6 .steps_6 .progressDot::after{
    opacity: 1;
}

.progressSteps_1 .steps_1 .progressDot,
.progressSteps_2 .steps_1 .progressDot,
.progressSteps_2 .steps_2 .progressDot,
.progressSteps_3 .steps_1 .progressDot,
.progressSteps_3 .steps_2 .progressDot,
.progressSteps_3 .steps_3 .progressDot,
.progressSteps_4 .steps_1 .progressDot,
.progressSteps_4 .steps_2 .progressDot,
.progressSteps_4 .steps_3 .progressDot,
.progressSteps_4 .steps_4 .progressDot,
.progressSteps_5 .steps_1 .progressDot,
.progressSteps_5 .steps_2 .progressDot,
.progressSteps_5 .steps_3 .progressDot,
.progressSteps_5 .steps_4 .progressDot,
.progressSteps_5 .steps_5 .progressDot,
.progressSteps_6 .steps_1 .progressDot,
.progressSteps_6 .steps_2 .progressDot,
.progressSteps_6 .steps_3 .progressDot,
.progressSteps_6 .steps_4 .progressDot,
.progressSteps_6 .steps_5 .progressDot,
.progressSteps_6 .steps_6 .progressDot{
    background-color: #f96e67;
}

.progressSteps_2 .steps_1 span.font-500,
.progressSteps_3 .steps_1 span.font-500,
.progressSteps_3 .steps_2 span.font-500,
.progressSteps_4 .steps_1 span.font-500,
.progressSteps_4 .steps_2 span.font-500,
.progressSteps_4 .steps_3 span.font-500,
.progressSteps_5 .steps_1 span.font-500,
.progressSteps_5 .steps_2 span.font-500,
.progressSteps_5 .steps_3 span.font-500,
.progressSteps_5 .steps_4 span.font-500,
.progressSteps_6 .steps_1 span.font-500,
.progressSteps_6 .steps_2 span.font-500,
.progressSteps_6 .steps_3 span.font-500,
.progressSteps_6 .steps_4 span.font-500,
.progressSteps_6 .steps_5 span.font-500{
    color: #f96e67;
    opacity: 1;
}
.progressSteps_1 .steps_1 span.font-500,
.progressSteps_2 .steps_2 span.font-500,
.progressSteps_3 .steps_3 span.font-500,
.progressSteps_4 .steps_4 span.font-500,
.progressSteps_5 .steps_5 span.font-500,
.progressSteps_6 .steps_6 span.font-500{
    opacity: 1;
}
.progressSteps_2 .steps_1 .progressDot::after,
.progressSteps_3 .steps_1 .progressDot::after,
.progressSteps_3 .steps_2 .progressDot::after,
.progressSteps_4 .steps_1 .progressDot::after,
.progressSteps_4 .steps_2 .progressDot::after,
.progressSteps_4 .steps_3 .progressDot::after,
.progressSteps_5 .steps_1 .progressDot::after,
.progressSteps_5 .steps_2 .progressDot::after,
.progressSteps_5 .steps_3 .progressDot::after,
.progressSteps_5 .steps_4 .progressDot::after,
.progressSteps_6 .steps_1 .progressDot::after,
.progressSteps_6 .steps_2 .progressDot::after,
.progressSteps_6 .steps_3 .progressDot::after,
.progressSteps_6 .steps_4 .progressDot::after,
.progressSteps_6 .steps_5 .progressDot::after{
    background-image: url(../../../img/icons/check-white.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    opacity: 1;
}
.progressSteps_1 .progress-bar {
    width: 0;
}
.progressSteps_2 .progress-bar {
    width: 25%;
}
.progressSteps_3 .progress-bar {
    width: 50%;
}
.progressSteps_4 .progress-bar {
    width: 75%;
}
.progressSteps_5 .progress-bar {
    width: 100%;
}

.map-box {
    background-color: #f2f2f2;
    min-height: 30rem;
    -webkit-border-radius: 0.5rem !important;
    -moz-border-radius: 0.5rem !important;
    border-radius: 0.5rem !important;
}

.dashdevider {
    border: 0.063rem dashed rgba(29, 31, 62, 0.35);
    display: inline-block;
    width: 22.188rem;
    max-width: 100%;
}

.uploadImgBox .imageuploadify {
    border: 0.063rem dashed rgba(29, 31, 62, 0.5);
    border-radius: 0.625rem;
    min-height: 10rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
}

.uploadedDashedBox{
    border: 0.063rem dashed rgba(29, 31, 62, 0.5);
    border-radius: 0.625rem;
    min-height: 10rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
    position: relative;
    overflow: hidden;
}
.uploadedDashedBox.upladed_13rem,
.uploadImgBox.upladed_13rem .imageuploadify{
    min-height: 13.75rem
}
.uploadImgBox.upladed_13rem [for="uploadFile"]{
    top: 35% !important;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
[for="uploadFile"]{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
[for="uploadFile"] img{
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
}
.uploadedDashedBox .btn-danger{
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.3rem;
    padding: 0;
    border-radius: 100%;
    font-size: 0.8rem;

}
.image-uploaded-box {
    position: relative;
    background: rgba(29, 31, 62, 0.05);
    border: 0.063rem solid #f96e67;
    border-radius: 0.313rem;
    -webkit-border-radius: 0.313rem;
    -moz-border-radius: 0.313rem;
    -ms-border-radius: 0.313rem;
    -o-border-radius: 0.313rem;
    width: 10rem;
    max-width: 100%;
    display: inline-block;
    min-height: 5.625rem;
    overflow: hidden;
}
.image-uploaded-box .btn-danger{
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    padding: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.image-uploaded-box .btn-danger svg{
    vertical-align: unset;
    width: 0.625rem;
    height: 0.625rem;
    transform: translate(-50%,-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;

}
.image-uploaded-box .btn__move{
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    padding: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.image-uploaded-box .btn__move svg{
    vertical-align: unset;
    width: 0.688rem;
    height: 0.875rem;
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.image-uploaded-box .progress{
    width: 100%;
    background-color: #e9ecef;
    border-radius: 3rem;
}
.image-uploaded-box .progress-bar{
    background-color: #f96e67;
    font-size: 0.5rem;
}
.placeholderImg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.875rem;
    height: 1.875rem;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.addlinkBtn {
    width: 1.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    padding: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: relative;
}
.addlinkBtn svg {
    vertical-align: revert;
    width: 0.875rem;
    height: 0.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.addlinkColumn input.form-control {
    width: calc(100% - 2.5rem);
}

.switchRow .col-lg-6:nth-child(even) {
    border-left: 0.063rem solid rgba(29, 31, 62, 0.15);
}
.switchRow .col-lg-6:last-child:nth-child(odd) {
    border-right: 0.063rem solid rgba(29, 31, 62, 0.15);
}

.universityLable{
    width: calc(100% - 3rem);
}
.documentBox{
    width: 16.875rem;
    max-width: 100%;
}
.documentBox{
    border: 0.063rem solid rgba(29, 31, 62, 0.25);
    border-radius: 0.625rem;
}
.documentBox .card-footer{
    background-color: transparent;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}
.documentuploadBox{
    position: relative;
    height: 11.875rem;
}
.documentuploadBox img{
    object-fit: contain;
}
.documentUploadModal .documentBox{
    width: 12rem;
}
.uploadBtn .btn-danger,
.uploadBtn .btn-roome{
    width: 1.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    padding: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: relative;
}
.uploadBtn .btn-roome svg{
    vertical-align: unset;
    width: 0.875rem;
    height: 0.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.uploadBtn input[type="file"]{
    position: absolute;
    width: 0;
    opacity: 0;
}
.uploadBtn .btn-danger svg{
    vertical-align: unset;
    transform: rotate(45deg);
}
.uploadedFile i{
    font-size: 5rem;
}
.uploadedFile img{
    object-fit: cover;
}

.emailTagInput{
    border: 0 !important;
    border-bottom: 0.063rem solid rgba(80, 80, 80, 0.3) !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 0.5rem;
    min-height: 2.313rem !important;
}
.emailTagInput .select2-search__field::-moz-placeholder {
    color: #505050 !important;
    opacity: 1 !important;
    font-size: 0.75rem !important;
}
.emailTagInput .select2-search__field::placeholder {
    color: #505050 !important;
    opacity: 1 !important;
    font-size: 0.75rem !important;
}
@media (min-width: 768px) {
    .switchRow .col-lg-6:last-child:nth-child(odd) {
        width: calc(50% + 0.08rem);
    }
}
/* Roome - Landlord - Add Property Step CSS End */


.checkbox-button.timecheck-button{
    background-color: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    min-height: calc(1.5em + 0.75rem + 0.875rem);
    padding: 0.375rem 0.75rem;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.313rem;
    -webkit-border-radius: 0.313rem;
    -moz-border-radius: 0.313rem;
    -ms-border-radius: 0.313rem;
    -o-border-radius: 0.313rem;
    display: flex;
}
.checkbox-button.timecheck-button .checkbox-button__control{
    margin-right: 0;
    width: 1.625rem;
    height: 1.625rem;
    border: 0.125rem solid #F96E67;
    border-radius: 0.313rem;
    top: 0;
}
.checkbox-button.timecheck-button .checkbox-button__input:checked + .checkbox-button__control:after{
    display: none;
}
.checkbox-button.timecheck-button .checkbox-button__input:checked + .checkbox-button__control:before{
    content: '';
    display: block;
    width: 0.375rem;
    height: 0.75rem;
    border: solid #ffffff;
    border-width: 0 0.125rem 0.125rem 0;
    transform: rotate(45deg) translate(-50%, -50%);
    position: absolute;
    left: 30%;
    top: 45%;
}
.checkbox-button.timecheck-button .checkbox-button__input:checked + .checkbox-button__control{
    background-color: #F96E67;
}
.checkbox-button.timecheck-button.selectALL{
    border: 0;
    background: transparent;
    display: inline-flex;

}

.profile_cropit_top{
    margin-top: -6rem;
}
.profile-cropit .cropit-preview {
    background: #FFFFFF;
    border: 0.063rem solid rgba(29, 31, 62, 0.25);
    background-size: cover;
    border-radius: 50%;
    width: 8.75rem !important;
    height: 8.75rem !important;
    display: inline-block;
    position: relative;
}
.profile-cropit .cropit-preview:before{
    content: '';
    background: #F4F4F4;
    width: calc(100% - 0.875rem);
    height: calc(100% - 0.875rem);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;

}
.profile-cropit .cropit-preview:after{
    content: '';
    background: url('/../assets_new/img/bg-placeholder.svg');
    width: 50%;
    height: 50%;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.profile-cropit .cropit-preview-image-container {
    cursor: move;
    border-radius: 100%;
    z-index: 1;
}
.profile-cropit .cropit-preview-image{
    vertical-align: middle;
}

.profile-cropit .rangeDiv {
    width: 9.375rem;
    margin: 0 auto;
}
.profile-cropit .chooseInput {
    position: absolute;
    bottom: 0;
    right: 0.625rem;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
    line-height: 1.875rem;
    border-radius: 50%;
    z-index: 2;
}
.profile-cropit .profileRang {
    -webkit-appearance: none;
    width: 100% !important;
    height: 0.25rem;
    background: #2acaea;
    outline: none;
    opacity: 1;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    margin: auto !important;
}
.profile-cropit .profileRang:hover {
    opacity: 1;
}
.profile-cropit .profileRang::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    background: #2acaea;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -0.063rem;
}
.profile-cropit .profileRang::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    background: #e40914;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -0.063rem;
}

.uploadDocument img{
    width: 2.5rem;
    height: 2.5rem;
}
.weekday-select .select2-container--bootstrap-5 .select2-selection{
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-size: 0.875rem;
    padding-right: 2rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.iti {
    width: 100%;
}

.social-conntect li{
    border-bottom: 1px solid rgba(29, 31, 62, 0.15);
    padding: 0.625rem;
    padding-right: 4rem;
    position: relative;
}
.social-conntect .switchdiv{
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
}
.connect_instagram i{
    font-size: 1.875rem;
}
#depositClass input.form-control,
.steps-form input.form-control.roomPrice{
    padding-bottom: 0.313rem !important;
    color: #1D1F3E;
}
.skipPayment{
    box-shadow: none !important;
}

.housemateList li{
    border-bottom: 0.063rem solid rgba(29, 31, 62, 0.15);
}
.housemateImage{
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 100%;
    margin-right: 1rem;
}
.housemateContent{
    width: calc(100% - 6.25rem - 1rem);
}
.btn-housemate{
    background: rgba(249, 110, 103, 0.07);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
    position: relative;
    font-size: 1.375rem;
}
.btn-housemate:hover{
    background: rgba(249, 110, 103, 1);
    color: #ffffff;
}
.btn-housemate.disabled{
    background: rgba(80, 80, 80, 0.07);
    border: 0;
    color: rgba(80, 80, 80, 0.25);
}
.housemate_pro_text{
    width: calc(100% - 7rem);
}

.input-group.websiteUrl .input-group-text{
    /*    width: 16.25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;*/
    word-wrap: break-word;
    line-height: 2.5;
    font-size: 0.875rem;
    display: inline-block;
    max-width: 100%;
    white-space: normal;

}

.scrollableTabs{
    width: calc(100% - 3rem);
}
.addCat_btn{
    width: 2rem;
    height: 2rem;
    padding: 0;
    line-height: 2rem;
    font-size: 1rem;
    margin-top: -0.625rem;
    position: relative;
}
.addCat_btn i{
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.scrollableTabs .scrtabs-tab-container,
.scrollableTabs .scrtabs-tabs-fixed-container{
    height: 3.125rem;
}
.btn.delete_category{
    width: 1rem;
    height: 1rem;
    padding: 0;
    border-radius: 100%;
    line-height: 0.813rem;
    font-size: 0.563rem;
    position: relative;
    top: -0.25rem;
    background-color: #f96e67;
    border-color: #f96e67;
}

@media (max-width: 767.98px) {
    .progressSteps{
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    /*    .steps-div-flex .stepsDiv {
            width: 9rem;
            flex: 0 0 auto;
        }*/
    .progressSteps__3 .stepsDiv {
        width: 33.33333333%;
        flex: 0 0 auto;
    }
    .progressSteps__4 .stepsDiv {
        width: 25%;
        flex: 0 0 auto;
    }
    .progressSteps__5 .stepsDiv {
        width: 20%;
        flex: 0 0 auto;
    }
    .progressSteps__6 .stepsDiv {
        width: 16.66666667%;
        flex: 0 0 auto;
    }

    .progressSteps .progress{
        width: calc(100% - 6rem);
        bottom: 1.25rem;
    }
    .stepsDiv span.font-500 {
        white-space: normal;
        word-break: break-word;
    }
    .stepsDiv span.font-500{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .progressSteps.reviewProgressStpes .progress,
    .progressSteps.student_complte_pro_stpes .progress{
        width: calc(100% - 8rem);
    }
    .documentuploadBox {
        height: 8.875rem;
    }
    .documentUploadModal .documentuploadBox {
        height: 11.875rem;
    }
    .checkbox-button.timecheck-button.selectALL{
        padding: 0;
    }
    .input-group.websiteUrl .input-group-text{
        width: 100%;
    }
    .input-group.websiteUrl{
        flex-direction: column;
    }
    .input-group.websiteUrl .onlyAlphaNumberDash{
        width: 100%;
        margin-left: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0.313rem !important;
    }
    .input-group.websiteUrl .input-group-text{
        border-top-right-radius: 0.375rem !important;
        border-bottom-left-radius: 0;
    }
    .housemateImage{
        width: 4rem;
        height: 4rem;
    }
    .housemateContent {
        width: calc(100% - 4rem - 1rem);
    }
    .housemateContent .f-18px{
        font-size: 0.875rem;
    }
    .housemateContent .f-16px{
        font-size: 0.75rem;
    }
    .btn-housemate {
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
    }
    .pp_complete_pro{
        flex-wrap: wrap;
    }
    .previewProBtn{
        order: 3;
        width: 100%;
        margin-top: 1rem;
        margin-right: 0 !important;

    }
}


.iti__country-list{
    margin-top: 0.25rem;
}
.iti__country-list.iti__country-list--dropup{
    margin-bottom: 0.25rem;
}


/*Add Team Section Start*/
.addTeam__ul .team__profile{
    width: 4.688rem;
    height: 4.688rem;
    border-radius: 100%;
    margin-right: 0.75rem;
    object-fit: cover;
}
.btn.teamActionbtn{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
    position: relative;
    display: inline-block;
    line-height: 2.5rem;
    padding: 0;
    transition: 0.25s all;
}
.teamActionDiv{
    flex: 0 0 7rem;
    text-align: right;
}
.btn.btn-roome-lightbg{
    background: rgba(249, 110, 103, 0.1);

}
.btn.btn-roome-lightbg:hover{
    background: rgba(249, 110, 103, 1);
    border-color: rgba(249, 110, 103, 1);
}
.btn.btn-delete-lightbg{
    background: rgba(80, 80, 80, 0.07);
    border-color: rgba(80, 80, 80, 0.07);
}
.btn.btn-delete-lightbg:hover{
    background: rgba(80, 80, 80, 1);
}
.teamActionbtn svg{
    vertical-align: -0.25rem;
}
.btn.btn-roome-lightbg:hover svg *{
    fill: #ffffff;
}
.btn.btn-delete-lightbg:hover svg *{
    stroke: #ffffff;
    opacity: 1;
}
/*Add Team Section End*/



.location-name.proedit_locname{
    position: relative;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    color: #1d1f3e;
}
.location-name.proedit_locname span{
    font-weight: normal;
    color: #505050;
}

.location-name.proedit_locname:after{
    content: '';
    position: absolute;
    bottom: -0.625rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(80, 80, 80, 0.3);
}
.ui-widget.ui-widget-content.location-dropdown.prodetail-locationDrop{
    width: 33rem !important;
    border-radius: 0.75rem;
}
.ui-menu.location-dropdown.prodetail-locationDrop .ui-menu-item:first-child{
    padding-top: 0.563rem;
}

.pro_selectedList svg[width="15"][height="14"]{
    height: 0.75rem;
    width: auto;
    vertical-align: -0.125rem;
    flex: 0 0 1rem;
}
@media (max-width: 575.98px) {
    .ui-widget.ui-widget-content.location-dropdown.prodetail-locationDrop{
        width: 25rem !important;
    }
}


.wpu_info svg{
    vertical-align: -0.25rem;
    width: 1.313rem;
    height: 1.25rem;
}