

.copy_link{
    display: inline-block;
    background: rgba(0,0,0,.04);
    border: #ccc 1px solid;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    top: -4px;
    cursor: pointer;
    padding: 5px 15px 5px 10px;
    margin: 0 0 0 5px;
}
.copy_icon{
    display: inline-block;
}
.copy_icon,
.copy_tour_link{
    position: relative;
    cursor: pointer;
}
.copy_link i{
    color: #999;
    margin: 0 3px 0 0;
}
.copy_icon .icon_copy{
    display: inline-block;
    background: url(../images/icons/copy.svg) no-repeat center / contain;
    width: 12px;
    height: 12px;
    opacity: .2;
}
.copy_icon.copied .icon_copy{
    background-image: url(../images/icons/check.svg);
}
.copy_icon .icon_copy.s{
    width: 10px;
    height: 10px;
}
.copy_icon:hover .icon_copy{
    opacity: 1;
}
.copy_icon[data-tooltip]:hover:before,
.copy_tour_link[data-tooltip]:hover:before,
.copy_link[data-tooltip]:hover:before,
.copylink[data-tooltip]:hover:before{
    left: -9000px;
    opacity: 0;
    transform: translate(-50%, -30px);
}
.copy_icon[data-tooltip]:hover:after,
.copy_tour_link[data-tooltip]:hover:after,
.copy_link[data-tooltip]:hover:after,
.copylink[data-tooltip]:hover:after{
    left: -9000px;
    opacity: 0;
    transform: translate(-50%, -14px);
}
.copy_icon.copied[data-tooltip]:before,
.copy_tour_link.copied[data-tooltip]:before,
.copy_link.copied[data-tooltip]:before,
.copylink.copied[data-tooltip]:before{
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -10px);
}
.copy_icon.copied[data-tooltip]:after,
.copy_tour_link.copied[data-tooltip]:after,
.copy_link.copied[data-tooltip]:after,
.copylink.copied[data-tooltip]:after{
    left: 50%;
    opacity: 1;
    transform: translate(-50%, 4px);
}
.copy_tour_link .copy_cont,
#link_to_copy,
.copy_cont{
    font-size: 0;
    position: absolute;
    opacity: 0;
}



.access_block{
    display: flex;
    border-radius: 24px;
    width: 900px;
    max-width: 100%;
    flex-direction: column;
    position: relative;
    gap: 48px;
}
.access_cont_bx,
.access_cont_bx *{
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva;
    box-sizing: border-box;
}
.access_cont_bx{
    color: #232323;
}
.access_cont_bx:not(:has(.access_item)){
    display: none;
}
.access_block .to_edit_link{
    position: absolute;
    right: 40px;
    top: 40px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.access_block .to_edit_link img{
    display: block;
    width: 100%;
    height: 100%;
}

.house_cont_block .a_title{
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 24px;
}
.access_list{
    width: 100%;
    gap: 24px;
}
.access_list .access_item{
    font-size: 14px;
    gap: 24px;
}

.access_item > *{
    flex: 1;
}
.access_item .a_col{
    position: relative;
    gap: 8px;
}

.access_item .a_type{
    flex: 0.7;
}
.access_item .a_code{
    flex: 0.6;
}
.access_item .a_comm{
    flex: 1.5;
}
.access_item .a_comm2{
    flex: 2.2;
}

.access_list .access_header,
.access_item .label{
    font-size: 12px;
}
.access_header{
    background: #fff;
    padding-block: 8px 5px;
    margin-block: -8px -21px;
}
.access_header.st{
    position: sticky;
    top: 0;
    z-index: 2;
    bottom: 70px;
}


.access_item .val_bx,
.access_item .sval_bx{
    display: flex;
    align-items: center;
    height: 50px;
}
.access_item .val_bx > .copy_icon{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.access_item .val_bx > .copy_icon.copied{
    z-index: 5;
}
.access_item .val_bx > .copy_icon:has(.copy_cont:empty){
    display: none;
}
.access_item .val_bx > .ic_img{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.access_item .val_bx .val{
    font-size: 15px;
    font-weight: 500;
}
.access_item .val_bx .dd_wr{
    position: relative;
}
.access_item .val_bx .dd_wr > .wrapper{
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
}
.access_item .sval_bx{
    border: #D3D6DF 1px solid;
    border-radius: 12px;
    position: relative;
    padding-inline: 16px;
}
.header_links_dropdown_bx{
    cursor: pointer;
}
.access_item .sval_bx .val{
    /*font-weight: 500;*/
    white-space: nowrap;
}
.access_item .a_col .ic{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 12px;
    height: 12px;
}
.access_item .ic.ic_link{
    background-image: url(../images/icons/link-alt.svg);
}




.access_item .links_dropdown_bx{
    display: none;
    background: #fff;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    min-width: 100%;
    z-index: 1;
    flex-direction: column;
    padding: 10px 20px;
}
.access_item .links_dropdown_bx:has(.inp_data){
    min-width: 200px;
}
.access_item .opened .links_dropdown_bx{
    display: flex;
}
.access_item .links_dropdown_bx > .item{
    font-size: 14px;
    padding: 10px 0;
}
.access_item .links_dropdown_bx > .item:nth-child(n+2){
    border-top: #ECECF1 1px solid;
}
.access_item .links_dropdown_bx > .item:has(.inp_data){
    padding-bottom: 6px;
}
.access_item .links_dropdown_bx > .item > .wr{
    gap: 10px;
}
.access_item .links_dropdown_bx .inp_data{
    background: #F3F5F9;
    border-radius: 10px;
    font-size: 12px;
    width: calc(100% + 20px);
    padding: 10px 10px;
    margin: 6px -10px 0;
}
.access_item .links_dropdown_bx .item > .wr1 + .inp_data{
    margin-top: 10px;
}
.access_item .links_dropdown_bx .inp_data .ic{
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.access_item .links_dropdown_bx .inp_data .ic.ic_login{
    background-image: url(../images/icons/user_i.svg);
}
.access_item .links_dropdown_bx .inp_data .ic.ic_pass{
    background-image: url(../images/icons/lock.svg);
}



.access_list .access_item .inp_bx input,
.access_list .access_item .inp_bx textarea,
.access_list .access_item .txt_bx{
    background: #F3F5F9;
    border: none;
    outline: none;
    border-radius: 12px;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva;
    font-weight: 400;
    width: 100%;
    height: 100%;
    padding: 14px 16px;
}
.access_list .access_item .inp_bx input:focus,
.access_list .access_item .inp_bx textarea:focus,
.access_list .access_item .txt_bx:focus{
    outline: rgba(175, 51, 43, 0.1) 3px solid;
}
.access_list .access_item .inp_bx:has(textarea),
.access_list .access_item .inp_bx:has(.txt_bx){
    height: unset;
}
.access_list .access_item .inp_bx textarea{
    height: 100px;
    min-height: 50px;
    max-height: 200px;
    resize: vertical;
}
.access_list .access_item .inp_bx textarea:empty{
    height: 50px;
}
.access_list .access_item .txt_bx{
    height: unset;
    max-height: unset;
}



.wp_property_manager .filter_bx + .access_block{
    margin-top: 40px;
}

.wp_property_manager .filter_bx .dropdown_bx{
    max-width: 100%;
}


@media (max-width: 600px){
    .access_header{
        display: none;
    }
    .access_list .access_item{
        gap: 12px;
        flex-wrap: wrap;
    }
    .access_list .access_item{

    }
    .access_item > *{
        min-width: 150px;
    }
}
